.member-card {
    width: 100%;
    aspect-ratio: 340 / 214;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.25),
        0 12px 28px rgba(15, 23, 42, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.wallet-detail-width {
    width: 100%;
}

.sheet-enter-active {
    transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.3s ease;
}

.sheet-leave-active {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.7, 1), opacity 0.3s ease;
}

.sheet-enter-from,
.sheet-leave-to {
    transform: translateY(100%);
    opacity: 0.6;
}

.add-card-sheet {
    box-shadow: 0 -8px 40px rgba(15, 23, 42, 0.18);
}

.member-card-gloss {
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 35%, rgba(255, 255, 255, 0) 60%);
    pointer-events: none;
}

.pill-nav-item {
    transition:
        background-color 420ms cubic-bezier(0.32, 0.72, 0, 1),
        color 420ms cubic-bezier(0.32, 0.72, 0, 1),
        padding-left 420ms cubic-bezier(0.32, 0.72, 0, 1),
        padding-right 420ms cubic-bezier(0.32, 0.72, 0, 1),
        gap 420ms cubic-bezier(0.32, 0.72, 0, 1),
        flex-grow 420ms cubic-bezier(0.32, 0.72, 0, 1),
        flex-basis 420ms cubic-bezier(0.32, 0.72, 0, 1),
        transform 150ms ease-out;
}

.pill-nav-item:active {
    transform: scale(0.95);
}

.material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

html {
    -webkit-tap-highlight-color: transparent;
    overflow-x: clip;
    min-width: 320px;
}

body {
    overscroll-behavior-y: none;
    overflow-x: clip;
    min-width: 320px;
}