/* The legacy inventory ID preserves ownership of the redesigned Wallis frame. */
:root .profile-frame[data-frame='fcsion'][data-frame] {
    --frame-a: #ed3344;
    --frame-b: #fff8f8;
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    border: 0 !important;
    border-image: none !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: 0 0 18px #ed334425 !important;
    animation: none !important;
    filter: none !important;
}
:root .profile-frame[data-frame='fcsion'][data-frame]::before {
    content: '' !important;
    position: absolute !important;
    inset: -12% !important;
    width: auto !important;
    height: auto !important;
    z-index: 4 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url('/assets/frames/valais.svg?v=20260916-1') center / contain
        no-repeat !important;
    box-shadow: none !important;
    mask: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none;
}
:root .profile-frame[data-frame='fcsion'][data-frame]::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: -12% !important;
    width: auto !important;
    height: auto !important;
    z-index: 5 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: conic-gradient(
        from 0deg,
        transparent 0deg 55deg,
        #ffffff10 75deg,
        #ffffff55 94deg,
        transparent 115deg 250deg,
        #ffdce52e 275deg,
        transparent 300deg
    ) !important;
    mask: radial-gradient(
        circle,
        transparent 55%,
        #000 56% 67%,
        transparent 68%
    ) !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0.4 !important;
    animation: valais-ring-shimmer 14s linear infinite !important;
    pointer-events: none;
}
@keyframes valais-ring-shimmer {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}
@media (prefers-reduced-motion: reduce) {
    :root .profile-frame[data-frame='fcsion'][data-frame]::after {
        animation: none !important;
        opacity: 0.2 !important;
    }
}
.frame-item:is(.exclusive, .exklusiv) {
    row-gap: 0.5rem;
}
.frame-item:is(.exclusive, .exklusiv) .frame-preview {
    margin-bottom: 1rem;
}