/* Launch Edition: transparent vector ornaments shared across every avatar size. */
:root
    .profile-frame:is(
        [data-frame='launch-pioneer'],
        [data-frame='launch-orbit'],
        [data-frame='launch-founder']
    )[data-frame] {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    border: 0 !important;
    border-image: none !important;
    outline: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 16px color-mix(in srgb, var(--frame-a) 25%, transparent) !important;
    filter: none !important;
    animation: none !important;
}
.profile-frame[data-frame='launch-pioneer'] {
    --frame-a: #70f3d6;
    --frame-b: #187b86;
    --launch-art: url('/assets/frames/launch-pioneer.svg');
}
.profile-frame[data-frame='launch-orbit'] {
    --frame-a: #c4a0ff;
    --frame-b: #76e5ff;
    --launch-art: url('/assets/frames/launch-orbit.svg');
}
.profile-frame[data-frame='launch-founder'] {
    --frame-a: #f6cd71;
    --frame-b: #9d641f;
    --launch-art: url('/assets/frames/launch-founder.svg');
}
:root
    .profile-frame:is(
        [data-frame='launch-pioneer'],
        [data-frame='launch-orbit'],
        [data-frame='launch-founder']
    )[data-frame]::before {
    content: '' !important;
    position: absolute !important;
    z-index: 4 !important;
    inset: -12% !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--launch-art) center / contain no-repeat !important;
    box-shadow: none !important;
    mask: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none;
}
:root
    .profile-frame:is(
        [data-frame='launch-pioneer'],
        [data-frame='launch-orbit'],
        [data-frame='launch-founder']
    )[data-frame]::after {
    display: none !important;
}
.frame-item:has([data-frame='launch-pioneer']) {
    --launch-color: #70f3d6;
}
.frame-item:has([data-frame='launch-orbit']) {
    --launch-color: #c4a0ff;
}
.frame-item:has([data-frame='launch-founder']) {
    --launch-color: #f6cd71;
}
.frame-item:has([data-frame^='launch-']) {
    border-color: color-mix(
        in srgb,
        var(--launch-color) 40%,
        transparent
    ) !important;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--launch-color) 9%, transparent),
            transparent
        ),
        var(--tv-surface) !important;
}
.frame-item:has([data-frame^='launch-']) small {
    color: var(--launch-color) !important;
}