/* FitUI V2 — Glass effects */

.fit-glass {
    border: 1px solid var(--fit-border);
    background: var(--fit-surface-glass);
    box-shadow: var(--fit-shadow-card), var(--fit-shadow-inset);
    backdrop-filter: var(--fit-blur-panel);
    -webkit-backdrop-filter: var(--fit-blur-panel);
}

.fit-glass--soft {
    background: var(--fit-surface-glass-soft);
    backdrop-filter: var(--fit-blur-sm);
    -webkit-backdrop-filter: var(--fit-blur-sm);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .fit-glass,
    .fit-panel,
    .fit-map-panel {
        background-color: rgba(17, 19, 22, .96);
    }
}