@import '_content/AirSupport.MapBlazorComponents/AirSupport.MapBlazorComponents.bundle.scp.css';
@import '_content/AirSupport.OpsControl.App.Core.Components/AirSupport.OpsControl.App.Core.Components.6syssf2cp0.bundle.scp.css';
@import '_content/AirSupport.OpsControl.App.Core.MapExtensions/AirSupport.OpsControl.App.Core.MapExtensions.qxiyekt3iu.bundle.scp.css';
@import '_content/AirSupport.OpsControl.Blazor.Module.FlightDetails/AirSupport.OpsControl.Blazor.Module.FlightDetails.otjpazxnky.bundle.scp.css';
@import '_content/AirSupport.OpsControl.Blazor.Module.FlightList/AirSupport.OpsControl.Blazor.Module.FlightList.giwh3h91q0.bundle.scp.css';
@import '_content/AirSupport.OpsControl.Blazor.Module.Notification/AirSupport.OpsControl.Blazor.Module.Notification.ogcdqwfs8i.bundle.scp.css';
@import '_content/AirSupport.OpsControl.Blazor.Module.Settings/AirSupport.OpsControl.Blazor.Module.Settings.lug2pr7l6e.bundle.scp.css';
@import '_content/AirSupport.UI.Blazor.Web/AirSupport.UI.Blazor.Web.cxy1yboumy.bundle.scp.css';

/* /Components/FlightWatch/AircraftCard.razor.rz.scp.css */
.aircraft-card[b-asvrdz89am] {
    background-color: var(--as-color-background-surface);
    border: 1px solid var(--as-color-borders);
    border-radius: var(--as-border-radius);
    padding: var(--as-content-spacing-smaller);
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    min-width: 275px;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    will-change: border-left-width;
    transition: border-left-width .35s ease-in-out, border-color .35s ease-in-out, background-color .35s ease-in-out, box-shadow .35s ease;

    &.selected {
        border-color: light-dark(var(--as-color-primary), var(--as-color-status-blue-primary));
        background-color: light-dark(var(--as-color-secondary), transparent);
        box-shadow: 0 0 0 1px light-dark(var(--as-color-primary), var(--as-color-status-blue-primary));
    }

    &.focused[b-asvrdz89am] {
        border-left-width: 10px;

        .notification {
            border-radius: 0 0 var(--as-border-radius) 0;
        }
    }
}

.flight-details-row[b-asvrdz89am] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smallest);
}

.row[b-asvrdz89am] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eta[b-asvrdz89am] {
    color: var(--as-color-status-blue-primary);
}

.notification[b-asvrdz89am] {
    display: flex;
    justify-content: space-between;
    margin: calc(var(--as-content-spacing-smaller) * -1);
    margin-top: 0;
    padding: var(--as-content-spacing-smallest) var(--as-content-spacing-smaller);
    border-radius: 0 0 var(--as-border-radius) var(--as-border-radius);
    border-top: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
    background-color: var(--as-color-background-surface);

    &.alert, &.alertgadss {
        background-color: var(--as-color-status-yellow-tertiary);
    }

    &.warning[b-asvrdz89am], &.warninggadss[b-asvrdz89am] {
        background-color: var(--as-color-status-red-tertiary);
    }
}
/* /Components/FlightWatch/DetailsPanel.razor.rz.scp.css */
.slidable-container[b-rhmye136ak] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    transition: transform .4s ease-in-out;
    pointer-events: none;

    &.closed {
        /* 300px here is the details-container width */
        transform: translateX(calc(300px + var(--as-content-spacing-smaller)));
    }
}

.details-panel-wrapper[b-rhmye136ak] {
    display: flex;
    flex-direction: column;
    width: 300px;
    background-color: var(--as-color-background-base);
    margin: var(--as-content-spacing-smaller);
    margin-left: 0;
    border-radius: var(--as-border-radius);
    border: 1px solid var(--as-color-borders);
    box-sizing: border-box;
    pointer-events: auto;
    padding: var(--as-content-spacing-smaller);
    gap: var(--as-content-spacing-smaller);

    .scrollable-content-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-smaller);

        .panel-content-wrapper {
            padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
        }

        .notification-card[b-rhmye136ak] {
            padding: var(--as-content-spacing-smaller);
            border: 1px solid var(--as-color-borders);
            border-radius: var(--as-border-radius);
            display: grid;
            grid-template-columns: var(--as-content-spacing-smaller) auto;
            row-gap: var(--as-content-spacing-smallest);
            background-color: var(--as-color-white);
            min-height: 54px;

            &.alertgadss, &.alert {
                background-color: var(--as-color-status-yellow-tertiary);
            }

            &.warninggadss[b-rhmye136ak], &.warning[b-rhmye136ak] {
                background-color: var(--as-color-status-red-tertiary);
            }

            .status-indicator[b-rhmye136ak] {
                width: 3px;
                height: 100%;
                background-color: var(--as-color-status-blue-primary);
                border-radius: var(--as-border-radius);
                grid-row: 1 / 3;

                &.alertgadss, &.alert {
                    background-color: var(--as-color-status-yellow-primary);
                }

                &.warninggadss[b-rhmye136ak], &.warning[b-rhmye136ak] {
                    background-color: var(--as-color-status-red-primary);
                }
            }

            .title-row[b-rhmye136ak] {
                display: flex;
                justify-content: space-between;
                align-items: start;

                .timestamp {
                    color: var(--as-color-text-secondary);
                }
            }
        }
    }

    .actions-wrapper[b-rhmye136ak] {
        display: flex;
        flex: 1;

        .actions {
            height: fit-content;
            align-self: end;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: var(--as-content-spacing-smaller);
        }
    }
}

.multi-select-cards-wrapper[b-rhmye136ak] {
    position: absolute;
    user-select: none;
    top: var(--as-content-spacing-smaller);
    left: var(--as-content-spacing-smaller);
    height: 100%;

    .multi-select-card {
        cursor: pointer;
        position: absolute;
        left: 0;
        width: 300px;
        transition: transform .5s ease-in-out, opacity .5s ease;
        will-change: transform, opacity;
        opacity: 1;

        &.entering,
        &.exiting {
            opacity: 0;
        }

        &.entered[b-rhmye136ak] {
            opacity: 1;
        }

        .card-selection-offset[b-rhmye136ak] {
            transition: transform 0.2s ease-in-out;
            will-change: transform;

            &.selected {
                transform: translateX(var(--as-content-spacing-medium));
            }

            .card[b-rhmye136ak] {
                display: flex;
                flex-direction: column;
                padding: var(--as-content-spacing-smaller);
                border-radius: var(--as-border-radius);
                border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
                background-color: var(--as-color-white);
                gap: var(--as-content-spacing-smallest);

                &.has-notification {
                    border-radius: var(--as-border-radius) var(--as-border-radius) 0 0;
                }

                .delay[b-rhmye136ak] {
                    visibility: hidden; /* Remove line when we have correct delay calculation */
                    background-color: #D1D8E1;
                    border-radius: var(--as-border-radius-small);
                    padding: 2px var(--as-content-spacing-smallest);
                    box-sizing: border-box;
                    min-width: 32px;
                    text-align: center;
                    font-size: var(--as-default-font-size-title-small);
                    height: 18px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;

                    &.moderate {
                        background-color: #FFEDAF;
                    }

                    &.severe[b-rhmye136ak] {
                        background-color: #F4B9B9;
                    }
                }

                .progress-bar[b-rhmye136ak] {
                    position: relative;
                    height: 8px;
                    background-color: var(--as-color-secondary);
                    border-radius: var(--as-border-radius-small);

                    .progress {
                        height: 100%;
                        background-color: var(--as-color-primary-light);
                        border-radius: var(--as-border-radius-small);
                    }
                }
            }

            .notification[b-rhmye136ak] {
                display: flex;
                justify-content: space-between;
                padding: var(--as-content-spacing-smaller);
                border-radius: 0 0 var(--as-border-radius) var(--as-border-radius);
                border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
                border-top: none;
                background-color: var(--as-color-white);

                &.alert, &.alertgadss {
                    background-color: var(--as-color-status-yellow-tertiary);
                }

                &.warning[b-rhmye136ak], &.warninggadss[b-rhmye136ak] {
                    background-color: var(--as-color-status-red-tertiary);
                }

                .indicator[b-rhmye136ak] {
                    width: 8px;
                    height: 8px;
                    border-radius: 2px;
                    margin-right: var(--as-content-spacing-smallest);
                    background-color: var(--as-color-status-blue-primary);
                    display: inline-block;

                    &.alert, &.alertgadss {
                        background-color: var(--as-color-status-yellow-primary);
                    }

                    &.warning[b-rhmye136ak], &.warninggadss[b-rhmye136ak] {
                        background-color: var(--as-color-status-red-primary);
                    }

                    &.inactive[b-rhmye136ak] {
                        background-color: var(--as-color-status-gray-primary);
                    }
                }
            }
        }
    }
}

.details-container.card[b-rhmye136ak] {
    width: 100%;
}

/* /Components/FlightWatch/FlightDetailsCard.razor.rz.scp.css */
.card-wrapper[b-3n4m1t9ecl] {
    
    &.clickable:hover {
        cursor: pointer;
    }
    
    .card[b-3n4m1t9ecl] {
        display: flex;
        flex-direction: column;
        padding: var(--as-content-spacing-smaller);
        border-radius: var(--as-border-radius);
        border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
        background-color: var(--as-color-background-base);
        gap: var(--as-content-spacing-smallest);

        &.has-notification {
            border-radius: var(--as-border-radius) var(--as-border-radius) 0 0;
        }

        .delay[b-3n4m1t9ecl] {
            visibility: hidden; /* Remove line when we have correct delay calculation */
            background-color: #D1D8E1;
            border-radius: var(--as-border-radius-small);
            padding: 2px var(--as-content-spacing-smallest);
            box-sizing: border-box;
            min-width: var(--as-default-element-size);
            text-align: center;
            font-size: var(--as-default-font-size-title-small);
            height: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;

            &.moderate {
                background-color: var(--as-color-status-yellow-tertiary);
            }
            
            &.severe[b-3n4m1t9ecl] {
                background-color: var(--as-color-status-red-tertiary);
            }
        }
    }

    .notification[b-3n4m1t9ecl] {
        display: flex;
        justify-content: space-between;
        padding: var(--as-content-spacing-smaller);
        border-radius: 0 0 var(--as-border-radius) var(--as-border-radius);
        border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
        border-top: none;
        background-color: var(--as-color-background-surface);

        &.alert, &.alertgadss {
            background-color: var(--as-color-status-yellow-tertiary);
        }

        &.warning[b-3n4m1t9ecl], &.warninggadss[b-3n4m1t9ecl] {
            background-color: var(--as-color-status-red-tertiary);
        }

        .indicator[b-3n4m1t9ecl] {
            width: 8px;
            height: 8px;
            border-radius: 2px;
            margin-right: var(--as-content-spacing-smallest);
            background-color: var(--as-color-status-blue-primary);
            display: inline-block;
            
            &.alert, &.alertgadss {
                background-color: var(--as-color-status-yellow-primary);
            }

            &.warning[b-3n4m1t9ecl], &.warninggadss[b-3n4m1t9ecl] {
                background-color: var(--as-color-status-red-primary);
            }

            &.inactive[b-3n4m1t9ecl] {
                background-color: var(--as-color-status-gray-primary);
            }
        }
    }
}
/* /Components/FlightWatch/FlightList.razor.rz.scp.css */
.window-list-wrapper[b-28eh9c5cgp] {
    flex: 1;
    min-height: 0;
    pointer-events: auto;
    width: fit-content;
    transform: translateX(calc(-100% - var(--as-content-spacing-smaller)));
    transition: transform .4s ease-in-out;

    &.show {
        transform: translateX(0);
    }

    .search-field[b-28eh9c5cgp] {
        display: flex;
        flex-direction: row-reverse;
        max-width: 150px;
    }

    .aircraft-card-wrapper[b-28eh9c5cgp] {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-smallest);
        position: relative;
        margin-top: 1px; /* Avoid border/shadow clipping in the list */
    }

    .aircraft-card-animated[b-28eh9c5cgp] {
        will-change: transform;
    }

    .aircraft-cards-empty[b-28eh9c5cgp] {
        min-width: 275px;
        display: flex;
        justify-content: center;
        padding-top: var(--as-content-spacing-smaller);
        padding-bottom: var(--as-content-spacing-smaller);
        color: var(--as-color-text-disabled);
        font-style: italic;
    }
}
/* /Components/FlightWatch/FlightProgressBar.razor.rz.scp.css */
.progress-bar[b-vk3eu7jbbs] {
    position: relative;
    height: 8px;
    background-color: var(--as-color-background-shell);
    border-radius: var(--as-border-radius-small);
    width: 100%;
    
    &.lighter-background {
        background-color: light-dark(
            var(--as-color-background-surface),
            var(--as-color-background-shell)
        );
    }
    
    &.compact[b-vk3eu7jbbs] {
        height: 4px;
    }
    
    .progress[b-vk3eu7jbbs] {
        height: 100%;
        background-color: light-dark(var(--as-color-primary-light), var(--as-color-status-blue-primary));
        border-radius: var(--as-border-radius-small);
    }
}
/* /Components/FlightWatch/LayerControls/AirspaceLayers.razor.rz.scp.css */
.panel-settings[b-le1ti0vnke] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    padding: 0 0 var(--as-content-spacing-smaller) 0;
}

.panel-content[b-le1ti0vnke] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-small);
}

.panel-row[b-le1ti0vnke] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Components/FlightWatch/LayerControls/LabelContentSetting.razor.rz.scp.css */
.label-setting-wrapper[b-jsy0r7urt3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    gap: var(--as-content-spacing-smaller);
    height: 100%;
    transform-style: preserve-3d;
    
    .label-settings {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-small);
        
        .setting {
            display: flex;
            flex-direction: column;
            gap: var(--as-content-spacing-smaller);
            
            .sortable-wrapper {
                display: flex;
                flex-direction: row;

                .sortable-container {
                    flex-grow: 1;
                }

                .sortable-container[b-jsy0r7urt3] {
                    padding-bottom: var(--as-content-spacing-small);
                    min-height: 25px;
                    box-sizing: border-box;

                    .sortable {
                        height: 100%;
                    }

                    &:last-of-type[b-jsy0r7urt3] {
                        padding-bottom: 0;
                    }

                    .item-wrapper[b-jsy0r7urt3] {
                        display: flex;
                        flex-direction: column;
                        gap: var(--as-content-spacing-smaller);
                        margin-top: var(--as-content-spacing-smaller);

                        .item {
                            display: flex;
                            flex-direction: row;
                            gap: var(--as-content-spacing-smaller);
                            cursor: move;
                        }
                    }
                }
            }
        }
    }

    .actions[b-jsy0r7urt3] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--as-content-spacing-smaller);
    }
}

.ghost-item[b-jsy0r7urt3] {
    opacity: 0;
}

.content-border[b-jsy0r7urt3] {
    border: 1px solid var(--as-color-borders);
    border-radius: var(--as-border-radius);
    padding: var(--as-content-spacing-smaller);
}
/* /Components/FlightWatch/LayerControls/LayerSettings.razor.rz.scp.css */
.drawer[b-isvod3h5fn] {
    position: relative;
    z-index: 600000;

    .content-wrapper {
        padding-left: var(--as-content-spacing-smaller);
        padding-right: var(--as-content-spacing-smaller);
    }
}
/* /Components/FlightWatch/LayerControls/MapLayers.razor.rz.scp.css */
.panel-settings[b-xohv32fs88] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    padding: 0 0 var(--as-content-spacing-smaller) 0;
}

.panel-content[b-xohv32fs88] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-small);
    
    &.button-row {
        flex-direction: row;
        gap: var(--as-content-spacing-smaller);
    }
}

.panel-row[b-xohv32fs88] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-row-vertical[b-xohv32fs88] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--as-content-spacing-smaller);
    
    .nested-setting {
        color: var(--as-color-primary);
        text-decoration: underline;
        cursor: pointer;
    }
}
/* /Components/FlightWatch/LayerControls/TrackingLayers.razor.rz.scp.css */
.panel-settings[b-tscj5qrslz] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    padding: 0 0 var(--as-content-spacing-smaller) 0;
}

.panel-content[b-tscj5qrslz] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-small);
}

.panel-row[b-tscj5qrslz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-row-vertical[b-tscj5qrslz] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--as-content-spacing-smaller);

    .nested-setting {
        color: var(--as-color-primary);
        text-decoration: underline;
        cursor: pointer;
    }
}
/* /Components/FlightWatch/LayerControls/WeatherLayers.razor.rz.scp.css */
.panel-settings[b-zlefc679t0] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    padding: 0 0 var(--as-content-spacing-smaller) 0;

    .as-panel-header-template {
        svg {
            margin-right: var(--as-content-spacing-smallest);
        }
    }

    .panel-content[b-zlefc679t0] {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-small);
        padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);

        .sub-header {
            font-style: italic;
        }

        .panel-row[b-zlefc679t0] {
            display: grid;
            align-items: center;
            grid-template-columns: min-content auto min-content;
            gap: var(--as-content-spacing-smallest);
        }

        .panel-row-vertical[b-zlefc679t0] {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: var(--as-content-spacing-smaller);
        }
    }
}
/* /Components/FlightWatch/Map.razor.rz.scp.css */
.map[b-8cv9xeasu4]  .maplibregl-ctrl-bottom-right {
    .maplibregl-ctrl {
        display: none;
    }
}

.map[b-8cv9xeasu4] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

    &.show-stars {
        background: #000;
        background-image: radial-gradient(3px 3px at 20px 30px, white, transparent),
        radial-gradient(2.5px 2.5px at 100px 150px, white, transparent),
        radial-gradient(4px 4px at 250px 100px, white, transparent),
        radial-gradient(3.5px 3.5px at 400px 300px, white, transparent),
        radial-gradient(2px 2px at 600px 200px, white, transparent),
        radial-gradient(3px 3px at 750px 500px, white, transparent),
        radial-gradient(4px 4px at 900px 400px, white, transparent),
        radial-gradient(3px 3px at 1200px 250px, white, transparent);
        background-repeat: repeat;
        background-size: 1200px 800px;
    }

    .map-elements-wrapper[b-8cv9xeasu4] {
        position: absolute;
        inset: 0;
        pointer-events: none;
        padding: var(--as-content-spacing-smaller);
        display: flex;
        z-index: 2;
    }

    .left-column[b-8cv9xeasu4] {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .vertical-profile[b-8cv9xeasu4] {
        z-index: 10;
        transition: height .4s ease-in-out, margin-top .4s ease-in-out, transform .4s ease-in-out;
        pointer-events: none;
        height: 220px;
        transform: translateY(0);
        margin-top: var(--as-content-spacing-smaller);
    }

    .vertical-profile:not(.show)[b-8cv9xeasu4] {
        height: 0;
        margin-top: 0;
        transform: translateY(calc(100% + var(--as-content-spacing-smaller) * 2));
    }

    .details-panel[b-8cv9xeasu4] {
        flex: 0 0 calc(300px + var(--as-content-spacing-smaller));
        z-index: 1;
    }
    
    .attribution-label[b-8cv9xeasu4] {
        position: absolute;
        right: var(--as-content-spacing-smaller);
        bottom: var(--as-content-spacing-smaller);
    }
}
/* /Components/FlightWatch/MapControls.razor.rz.scp.css */
.map-controls-wrapper[b-dp9xk9a42w] {
    padding: var(--as-content-spacing-smaller);
    display: flex;
    justify-content: space-between;
    gap: var(--as-content-spacing-smaller);
    pointer-events: none;

    .map-controls {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        width: var(--as-default-element-size);

        .actions {
            display: flex;
            align-items: flex-end;
            flex-direction: column;
            gap: var(--as-content-spacing-smallest);
            pointer-events: auto;

            .weather-controls {
                position: relative;

                .options {
                    position: absolute;
                    right: calc(var(--as-default-element-size) + var(--as-content-spacing-smallest));
                    top: 0;
                    display: flex;
                    flex-direction: column;
                    gap: var(--as-content-spacing-smallest);
                    transform-origin: top;
                    opacity: 0;
                    transform: perspective(600px) rotateX(-90deg);
                    transition: opacity .25s ease, transform .35s ease;
                    z-index: 10;
                }
            }

            .weather-controls.open .options[b-dp9xk9a42w] {
                opacity: 1;
                transform: perspective(600px) rotateX(0deg);
            }
        }
    }
}
/* /Components/FlightWatch/VerticalProfile.razor.rz.scp.css */
.vertical-profile-wrapper[b-3mtn07tg3p] {
    padding: var(--as-content-spacing-smaller);
    background: var(--as-color-background-base);
    border-radius: var(--as-border-radius);
    border: 1px solid var(--as-color-borders);
    width: 100%;
    height: 220px;
    box-sizing: border-box;
    pointer-events: auto;
}
/* /Components/News/NewsCard.razor.rz.scp.css */
.news-card[b-8wxmrlha6o] {
    border-radius: var(--as-border-radius);
    border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
    padding: var(--as-content-spacing-smaller);
    cursor: pointer;
    display: grid;
    grid-row-gap: var(--as-content-spacing-smallest);
    
    .info {
        display: flex;
        justify-content: space-between;
    }

    .unread-dot[b-8wxmrlha6o] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
        background-color: var(--as-color-status-blue-primary);
        
        &.warning {
            background-color: var(--as-color-status-yellow-primary);
        }

        &.alert[b-8wxmrlha6o] {
            background-color: var(--as-color-status-red-primary);
        }
    }
    
    p[b-8wxmrlha6o] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0;
    }
}
/* /Components/News/NewsDrawer.razor.rz.scp.css */
.news-cards-wrapper[b-7cor8sbiap] {
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
    display: grid;
    grid-row-gap: var(--as-content-spacing-smallest);
}
/* /Components/News/NewsFeedSettings.razor.rz.scp.css */
.news-settings-wrapper[b-gndeuvl8n3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    gap: var(--as-content-spacing-smaller);
    height: 100%;
    padding: 0 var(--as-content-spacing-smaller);

    .news-settings-panel-content {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-smaller);
        padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
    }
    
    .actions[b-gndeuvl8n3] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--as-content-spacing-smaller);
    }
}
/* /Components/News/NewsModal.razor.rz.scp.css */
.modal-content-wrapper[b-thnhqieurx] {
    height: 100%;

    .skeleton-wrapper {
        display: grid;
        gap: var(--as-content-spacing-smaller);
        grid-template-columns: 250px 1fr;
        grid-template-rows: min-content 1fr;
        padding: 0 72px var(--as-content-spacing-small);
        
        .skeleton-rectangle-wrapper {
            grid-column: 1 / 3;
            display: flex;
            flex-direction: column;
            row-gap: var(--as-content-spacing-smaller);
        }
    }
}

.loading-transition[b-thnhqieurx] {
    transition: max-height 0.4s ease-in-out;
}

.markup-wrapper[b-thnhqieurx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    animation: fadeInContent-b-thnhqieurx 0.5s ease-in-out forwards;

    h1 {
        margin: 0;
    }
    
    .single-page[b-thnhqieurx] {
        padding: 0 72px var(--as-content-spacing-small);
        mask-image: linear-gradient(to bottom, black 96%, transparent 97%);
        height: 100%;
    }
}

.markup-wrapper[b-thnhqieurx]  {
    p:has(img) img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius: var(--as-border-radius);
    }
}

@keyframes fadeInContent-b-thnhqieurx {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* /Components/NotamManagement/NotamConfigurationCard.razor.rz.scp.css */
.notam-config-card[b-lqviaidxlo] {
    border: 1px solid var(--as-color-borders);
    border-radius: var(--as-border-radius);
    padding: var(--as-content-spacing-smaller);
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
}

.config-card-header[b-lqviaidxlo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.expiration[b-lqviaidxlo] {
    color: var(--as-color-status-gray-primary);
}

.config-actions[b-lqviaidxlo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.config-meta-data[b-lqviaidxlo] {
    display: flex;
    align-items: center;
    gap: var(--as-content-spacing-smaller);
}

.config-comment[b-lqviaidxlo] {
    border-top: 0.5px solid rgba(0, 0, 0, 0.12);
    padding-top: var(--as-content-spacing-smaller);
    margin-left: calc(-1 * var(--as-content-spacing-smaller));
    margin-right: calc(-1 * var(--as-content-spacing-smaller));
    padding-left: var(--as-content-spacing-smaller);
    padding-right: var(--as-content-spacing-smaller);
}
/* /Components/NotamManagement/NotamConfigurationCreator.razor.rz.scp.css */
.as-panel-content-wrapper[b-ag6mgy9cwb] {
    padding: 0;
}

.notam-configuration-wrapper[b-ag6mgy9cwb] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
    box-sizing: border-box;
}

.drawer-content[b-ag6mgy9cwb], .panel-content[b-ag6mgy9cwb] {
    display: grid;
    grid-gap: var(--as-content-spacing-small);
}

.drawer-content[b-ag6mgy9cwb] {
    min-width: 360px;
}

.panel-content[b-ag6mgy9cwb] {
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
}

.actions[b-ag6mgy9cwb] {
    margin-top: auto;
    padding-top: var(--as-content-spacing-smaller);
    display: flex;
    gap: var(--as-content-spacing-smaller);
}

.ignore-for-suitability-wrapper[b-ag6mgy9cwb] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.expiration[b-ag6mgy9cwb] {
    color: var(--as-color-status-gray-primary);
}

.wont-affect-flight[b-ag6mgy9cwb] {
    border: 1px solid var(--as-color-status-blue-primary);
    border-radius: var(--as-border-radius);
    padding: var(--as-content-spacing-smaller);
    color: var(--as-color-status-blue-primary);
    display: flex;
    align-items: center;
    gap: var(--as-content-spacing-smallest);
}

.stepper[b-ag6mgy9cwb] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smallest);
}

.comment-area[b-ag6mgy9cwb] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smallest);
    height: fit-content;
}

.acknowledgements-content[b-ag6mgy9cwb] {
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
}
/* /Components/NotamManagement/NotamDetails.razor.rz.scp.css */
.notam-details-wrapper[b-k65cwxydpk] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.notam-details-content[b-k65cwxydpk] {
    display: grid;
    grid-gap: var(--as-content-spacing-smaller);
    min-height: 0;
}

.configuration-header[b-k65cwxydpk] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.config-card-list[b-k65cwxydpk] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    overflow-y: auto;
    scrollbar-width: thin;
    height: 100%;
}

.inactive-config-wrapper[b-k65cwxydpk] {
    min-height: 0;
    overflow: hidden;
    height: 100%;
    padding-bottom: 2px;
}
/* /Components/NotamManagement/NotamSearch.razor.rz.scp.css */


.search-form[b-4euf83kn5h] {
    display: grid;
    grid-gap: var(--as-content-spacing-smaller);

    .form-input {
        display: grid;
        grid-gap: var(--as-content-spacing-smallest);
        padding: 0 var(--as-content-spacing-smaller);
    }

    .divider[b-4euf83kn5h] {
        border-bottom: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
        margin: 6px 0;
    }

    .valid-within-group[b-4euf83kn5h] {
        display: grid;
        grid-gap: var(--as-content-spacing-smallest);
        padding: 0 var(--as-content-spacing-smaller);
        grid-template-columns: 1fr auto 1fr;

        label {
            grid-column: 1/4;
        }

        span[b-4euf83kn5h] {
            line-height: var(--as-default-element-size);
        }
    }
}

.actions-wrapper[b-4euf83kn5h] {
    display: flex;
    flex: 1;
    padding: 0 var(--as-content-spacing-smaller);

    .form-actions {
        height: fit-content;
        align-self: end;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--as-content-spacing-smaller);
    }
}
/* /Components/PostFlight/PostFlightFilterDrawer.razor.rz.scp.css */
.drawer-content[b-yl3oz43ao1] {
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smaller);
    min-height: 100%;
    box-sizing: border-box;
}

.filter-field[b-yl3oz43ao1] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smallest);
}

.insignificant[b-yl3oz43ao1] {
    margin-top: var(--as-content-spacing-smallest);
}

.controls[b-yl3oz43ao1] {
    margin-top: auto;
    padding-top: var(--as-content-spacing-smaller);
    display: flex;
    gap: var(--as-content-spacing-smaller);
}

.control-button[b-yl3oz43ao1] {
    flex: 1;
}
/* /Components/SupportTools/SupportToolsDrawer.razor.rz.scp.css */
.drawer-content[b-dzq4x2n2gt] {
    min-width: 360px;
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
    height: calc(100% - var(--as-content-spacing-smaller));
    flex-direction: column;
    display: flex;
}

.panel-wrapper:not(:last-child)[b-dzq4x2n2gt] {
    margin-bottom: var(--as-content-spacing-smaller)
}

.group-wrapper[b-dzq4x2n2gt] {
    display: flex;
    flex-direction: column;
    gap: var(--as-content-spacing-smallest)
}

.group-wrapper:not(:last-child)[b-dzq4x2n2gt] {
    margin-bottom: var(--as-content-spacing-smaller)
}

.group-wrapper[b-dzq4x2n2gt]  .button-group {
    width: 100%;
}

.actions[b-dzq4x2n2gt] {
    margin-top: auto;
    padding-top: var(--as-content-spacing-smaller);
    display: flex;
    gap: var(--as-content-spacing-smaller);
}
/* /Components/WhatIf/AirportCard.razor.rz.scp.css */
.panel-header[b-zk7t900k45] {
    margin-right: var(--as-content-spacing-smallest)
}

.airport[b-zk7t900k45] {
    color: var(--as-color-text-secondary);
}

.panel-content[b-zk7t900k45] {
    display: grid;
    row-gap: var(--as-content-spacing-small);
    min-height: 60px;
    padding-top: var(--as-content-spacing-small);

    .wx {
        margin: 0 0 var(--as-content-spacing-smaller);
    }

    .notam[b-zk7t900k45] {
        margin: 0 0 var(--as-content-spacing-smallest);
    }
}

.notam-suitability[b-zk7t900k45] {
    display: flex;
    align-items: center;

    .qcode-description {
        margin-left: var(--as-content-spacing-smallest);
    }

    .suitability-lamp[b-zk7t900k45] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--as-color-status-gray-primary);
        display: inline-block;
    }

    .gray[b-zk7t900k45] {
        background: var(--as-color-status-gray-primary);
    }

    .green[b-zk7t900k45] {
        background: var(--as-color-status-green-primary) !important;
    }

    .yellow[b-zk7t900k45] {
        background: var(--as-color-status-yellow-primary) !important;
    }

    .red[b-zk7t900k45] {
        background: var(--as-color-status-red-primary) !important;
    }
}
/* /Components/WhatIf/AirportSelect.razor.rz.scp.css */
.airport-input[b-jfzyup1dtn] {
    display: flex;
    flex-direction: column;
    height: 100%;

    form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .form-body[b-jfzyup1dtn] {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-smaller);

        .airports {
            display: flex;
            flex-direction: column;
            gap: var(--as-content-spacing-smaller);
            border: 1px solid var(--as-color-borders);
            border-radius: var(--as-border-radius);
            padding: var(--as-content-spacing-smaller);

            .row {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-column-gap: var(--as-content-spacing-smaller);
            }
        }

        .stepper[b-jfzyup1dtn] {
            border: 1px solid var(--as-color-borders);
            border-radius: var(--as-border-radius);
            padding: var(--as-content-spacing-smaller);
        }
    }

    .form-buttons[b-jfzyup1dtn] {
        display: flex;
        justify-content: space-between;
        gap: var(--as-content-spacing-smaller);
        margin-top: var(--as-content-spacing-medium);
        padding-top: var(--as-content-spacing-smaller);

        .as-button {
            width: 100%;
        }
    }

    .input-with-label[b-jfzyup1dtn] {
        display: flex;
        flex-direction: column;
        gap: var(--as-content-spacing-smallest);
    }
}
/* /Components/WhatIf/DetailsComponent.razor.rz.scp.css */
.wx-and-notam-container[b-r6rusqywxz] {
    min-height: 0;
    height: 100%;
    
    &.only-wx {
        display: flex !important;
        height: 100% !important;
    }

    .content[b-r6rusqywxz] {
        height: 100%;

        .details-container {
            display: flex;
            flex-direction: column;
            gap: var(--as-content-spacing-smaller);
            padding-bottom: var(--as-content-spacing-smaller);
        }
        
        .placeholder-container[b-r6rusqywxz] {
            display: grid;
            gap: var(--as-content-spacing-smaller);
        }
    }
}

.suitability-checks[b-r6rusqywxz] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: var(--as-content-spacing-medium);
    grid-row-gap: var(--as-content-spacing-smaller);
    align-items: center;
}

.panel-content[b-r6rusqywxz] {
    padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
}

.panel-header[b-r6rusqywxz] {
    .suitability-light {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 3px;

        &.green {
            background-color: var(--as-color-status-green-primary);
        }

        &.yellow[b-r6rusqywxz] {
            background-color: var(--as-color-status-yellow-primary);
        }

        &.red[b-r6rusqywxz] {
            background-color: var(--as-color-status-red-primary);
        }

        &.grey[b-r6rusqywxz] {
            background-color: var(--as-color-status-gray-primary);
        }
    }
}

[b-r6rusqywxz] .tab-content {
    scrollbar-width: thin;
}
/* /Components/WhatIf/SplitDateTime.razor.rz.scp.css */
.split-datetime-wrapper[b-27phofq6tw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--as-content-spacing-smallest);
    
    .time-wrapper {
        display: flex;
        gap: var(--as-content-spacing-smallest);
    }
}
/* /Layout/AuthenticationLayout.razor.rz.scp.css */
.wrapper[b-zimvmxambd] {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
}

.content[b-zimvmxambd] {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.authorizing[b-zimvmxambd] {
    display: flex;
    align-items: center;
    flex-direction: row;

    gap: var(--as-content-spacing-medium);

    .loading-indicator {
        display: flex;
        gap: var(--as-content-spacing-smaller);
        align-items: center;

        span {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--as-color-status-green-primary);
            animation: bounce-b-zimvmxambd 1.4s infinite ease-in-out both;

            &:nth-child(1) {
                animation-delay: -0.32s;
            }

            &:nth-child(2)[b-zimvmxambd] {
                animation-delay: -0.16s;
            }

            &:nth-child(3)[b-zimvmxambd] {
                animation-delay: 0s;
            }
        }
    }

    .auth-text[b-zimvmxambd] {
        font-size: 24px;
    }
}

.error[b-zimvmxambd] {
    color: var(--as-color-status-red-primary);
}

.info-block[b-zimvmxambd] {
    position: absolute;
    bottom: var(--as-content-spacing-small);
    font-size: var(--as-default-font-size);
    left: 50%;
    transform: translateX(-50%);
}

.img-wrapper[b-zimvmxambd] {
    flex: 1;
    position: relative;
    overflow: hidden;

    .aircraft {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .as-logo-trademark[b-zimvmxambd] {
        position: absolute;
        bottom: var(--as-content-spacing-small);
        right: var(--as-content-spacing-small);
    }
}

.dialog-output-wrapper[b-zimvmxambd] {
    z-index: 900005;
    /*higher than loading service default overlay*/
}

@keyframes bounce-b-zimvmxambd {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.3;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

a[b-zimvmxambd] {
    font-size: var(--as-default-font-size);
    text-decoration: underline;
    color: var(--as-color-text-primary);
}

    a:hover[b-zimvmxambd] {
        color: var(--as-color-text-primary);
    }

@media (max-width: 1024px) {
    .wrapper[b-zimvmxambd] {
        flex-direction: column-reverse;
    }

    .content[b-zimvmxambd] {
        flex: 5;
    }

    .info-block span[b-zimvmxambd] {
        display: none;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.opscontrol-wrapper[b-finc8bny63] {
    display: grid;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 1fr 0;
    height: calc(100% - (2 * var(--as-content-spacing-smaller)));
    transition: grid-template-columns .3s ease;
    padding: var(--as-content-spacing-smaller);
    background-color: var(--as-color-background-shell);

    &.tray-open {
        grid-template-columns: 1fr 375px;
    }

    .header[b-finc8bny63] {
        grid-row: 1;
        grid-column: 1;
    }

    .nav-content-wrapper[b-finc8bny63] {
        grid-row: 2;
        display: grid;
        grid-template-columns: min-content 1fr;
        grid-template-rows: 1fr;
        border: var(--as-border-width) var(--as-border-style) var(--as-color-borders);
        border-top: none;
        border-radius: 0 0 var(--as-border-radius-large) var(--as-border-radius-large);
        overflow-y: auto;
        overflow-x: hidden;

        .main-content {
            min-height: 0;
            min-width: 0;
        }
    }

    .notification-tray[b-finc8bny63] {
        grid-row: 1 / 4;
        grid-column: 2;
    }
}
/* /Layout/Topbar/Topbar.razor.rz.scp.css */
.topbar[b-94c1dlylu2] {
    background-color: var(--as-color-header);
    color: var(--as-color-white);
    height: 50px;
    font-size: var(--as-default-font-size-title);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--as-content-spacing-small) 0 12px;
    position: relative;
    border-radius: var(--as-border-radius-large) var(--as-border-radius-large) 0 0;
    border: 1px solid var(--as-color-header-borders);
    box-sizing: border-box;
    
    .left-content {
        display: flex;
        align-items: center;
        gap: var(--as-content-spacing-smaller);
    }

    .right-content[b-94c1dlylu2] {
        display: flex;
        height: 100%;
        align-items: center;

        .preview-disclaimer {
            color: var(--as-color-status-orange-primary);
        }
    }
}

.news-button[b-94c1dlylu2],
.notification-button[b-94c1dlylu2] {
    position: relative;

    .dot {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        top: 0;
        right: 2px;
        background-color: var(--as-color-status-blue-primary);
        opacity: 0;
        transition: opacity .2s ease, background-color .3s ease, color .3s ease;
        font-size: 10px;
        pointer-events: none;

        &.visible {
            opacity: 1;
        }
    }
}

.news-button .dot[b-94c1dlylu2] {
    &.warning {
        background-color: var(--as-color-status-yellow-primary);
        color: var(--as-color-black);
    }

    &.alert[b-94c1dlylu2] {
        background-color: var(--as-color-status-red-primary);
    }
}

.notification-button .dot[b-94c1dlylu2] {
    &.alert {
        background-color: var(--as-color-status-yellow-primary);
        color: var(--as-color-black);
    }

    &.warning[b-94c1dlylu2] {
        background-color: var(--as-color-status-red-primary);
    }
}
/* /Layout/Topbar/TopbarDivider.razor.rz.scp.css */
.divider[b-j713mvrmk0] {
    border-left: var(--as-border-width) var(--as-border-style) var(--as-color-header-dividers);
    margin: 0 var(--as-content-spacing-small);
    height: 20px;
}
/* /Layout/Topbar/UtcClock.razor.rz.scp.css */
.clock-container[b-bpw4ndwp12] {
    display: flex;
    align-items: center;
    
    .time {
        &:after {
            content: attr(data-label);
            margin-left: .25em;
        }
    }
}
/* /Pages/NotamManagement.razor.rz.scp.css */
.inset-container[b-g3tcbx6vhq] {
    padding: var(--as-content-spacing-smaller);
    background-color: var(--as-color-background-base);
    flex: 1;
    height: stretch;

    .as-grid-layout-container {
        display: grid;
        height: 100%;
        grid-template-columns: min-content 1fr min-content;

        .details-drawer-wrapper {
            min-height: 0;
            margin-left: var(--as-content-spacing-smaller);
        }

        .panel-container[b-g3tcbx6vhq] {
            border: 1px solid var(--as-color-borders);
            border-radius: var(--as-border-radius);
            padding: var(--as-content-spacing-smaller) 0;
            min-height: 0;
            position: relative;

            .header {
                display: flex;
                align-items: center;
                padding: 0 var(--as-content-spacing-smaller) var(--as-content-spacing-small);

                .as-button {
                    position: absolute;
                    right: var(--as-content-spacing-smaller);
                    top: 12px;
                }
            }

            .content[b-g3tcbx6vhq] {
                height: calc(100% - (var(--as-content-spacing-small) * 2));
                overflow-y: auto;
                scrollbar-width: thin;

                .cards {
                    display: flex;
                    flex-direction: column;
                    gap: var(--as-content-spacing-smaller);
                }
            }

            &.search[b-g3tcbx6vhq] {
                min-width: 320px;
                margin-right: var(--as-content-spacing-smaller);
            }

            &.middle[b-g3tcbx6vhq] {
                width: 100%;

                .content {
                    padding: var(--as-content-spacing-smaller);
                }
            }
        }
    }
}
/* /Pages/PostFlight.razor.rz.scp.css */
.post-flight-wrapper[b-oaqtnpfjy7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--as-content-spacing-smaller);
    background-color: var(--as-color-background-base);
    box-sizing: border-box;
    gap: var(--as-content-spacing-smaller);
}

.post-flight-controls[b-oaqtnpfjy7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.controls-left[b-oaqtnpfjy7] {
    display: flex;
    align-items: center;
}

.controls-right[b-oaqtnpfjy7] {
    display: flex;
    align-items: center;
    gap: var(--as-content-spacing-smallest);
}

.post-flight-table[b-oaqtnpfjy7] {
    flex: 1;
    min-height: 0;
}
/* /Pages/WhatIf.razor.rz.scp.css */
.inset-container[b-mgh339yzpy] {
    padding: var(--as-content-spacing-smaller);
    background-color: var(--as-color-background-base);
    flex: 1;
    height: stretch;

    .as-grid-layout-container {
        display: grid;
        column-gap: var(--as-content-spacing-smaller);
        height: 100%;
        grid-template-columns: 500px auto 500px;
        grid-template-rows: 1fr;

        .panel-container {
            border: 1px solid var(--as-color-borders);
            border-radius: var(--as-border-radius);
            padding: var(--as-content-spacing-small) var(--as-content-spacing-smaller) var(--as-content-spacing-smaller);
            min-height: 0;
            position: relative;
            background-color: var(--as-color-background-base);
            
            &.details {
                padding-bottom: 0;
            }

            .header[b-mgh339yzpy] {
                display: flex;
                align-items: center;
                padding: 0 0 var(--as-content-spacing-small);
                
                .as-button {
                    position: absolute;
                    right: var(--as-content-spacing-smaller);
                    top: 12px;
                }
            }
            
            .content[b-mgh339yzpy] {
                height: calc(100% - (var(--as-content-spacing-small) * 2));
                overflow-y: auto;
                scrollbar-width: thin;
                
                .cards {
                    display: flex;
                    flex-direction: column;
                    gap: var(--as-content-spacing-smaller);
                }
            }
        }
    }
}