/* Shared frame renderer v4. Independent of both page design systems. */
.ks-avatar-image {
    display: grid; place-items: center; position: relative; width: 100%; height: 100%;
    flex: none; overflow: hidden; border-radius: inherit; color: inherit; line-height: 1;
}
.ks-avatar-image > img {
    display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0;
    transform: translate(var(--avatar-offset-x, 0px), var(--avatar-offset-y, 0px));
}
body .avatar-frame-v4.has-avatar-frame[class] {
    position: relative; overflow: visible !important; isolation: isolate;
    container: avatar-frame / inline-size;
}
.avatar-frame-v4 {
    --frame-color: #b1c9e3; --frame-secondary: #e4eef5;
    --frame-left: -3px; --frame-right: auto;
    --frame-top: auto; --frame-bottom: calc(100% + 3px);
    --frame-accent-top: calc(100% + 5px); --frame-accent-bottom: auto;
}
/* Retire every old SVG/raster pseudo-layer, including high-specificity raster rules. */
body .avatar-frame-v4.has-avatar-frame[class]::before,
body .avatar-frame-v4.has-avatar-frame[class]::after {
    content: none !important; display: none !important; animation: none !important;
    background: none !important; filter: none !important; box-shadow: none !important;
}
body .avatar-frame-v4.has-avatar-frame[class] > .ks-avatar-image {
    position: relative !important; z-index: 1 !important; border-radius: inherit !important;
    width: 100%; height: 100%; overflow: hidden; background: inherit;
}
body .avatar-frame-v4.has-avatar-frame[class] > .ks-frame-outline {
    position: absolute !important; display: block; inset: -4px; z-index: 2 !important;
    margin: 0; padding: 0; width: auto; height: auto; border: 1.5px solid var(--frame-color);
    border-radius: inherit; background: none; box-shadow: none; filter: none;
    pointer-events: none;
}
body .avatar-frame-v4.has-avatar-frame[class] > .ks-frame-motif {
    position: absolute !important; display: block; z-index: 2 !important;
    width: clamp(9px, 18cqw, 24px); height: clamp(9px, 18cqw, 24px);
    left: var(--frame-left); right: var(--frame-right);
    top: var(--frame-top); bottom: var(--frame-bottom);
    margin: 0; padding: 0; overflow: visible; color: var(--frame-color);
    fill: none; background: none; box-shadow: none; filter: none; border: 0;
    pointer-events: none; transform: none;
}
.ks-frame-mini { display: none; }
body .avatar-frame-v4.has-avatar-frame[class] > .ks-frame-accent {
    display: none; position: absolute !important; z-index: 2 !important;
    width: 5px; height: 2px; margin: 0; padding: 0; border: 0; border-radius: 1px;
    top: var(--frame-accent-top); bottom: var(--frame-accent-bottom); right: 8px;
    background: var(--frame-secondary); pointer-events: none; transform: rotate(-30deg);
    box-shadow: none; filter: none;
}
body .frame-is-rare.avatar-frame-v4.has-avatar-frame[class] > .ks-frame-accent {
    display: block; animation: ks-frame-breathe 8s ease-in-out infinite;
}
.neo-cosmetics-frame-card .frame-is-rare > .ks-frame-accent { animation-play-state: paused !important; }
.neo-cosmetics-frame-card:has(input:checked) .frame-is-rare > .ks-frame-accent,
.neo-cosmetics-frame-card:hover .frame-is-rare > .ks-frame-accent,
.neo-cosmetics-frame-card:focus-within .frame-is-rare > .ks-frame-accent { animation-play-state: running !important; }
@keyframes ks-frame-breathe { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
body[data-ui-motion="minimal"] .avatar-frame-v4 > .ks-frame-accent,
body[data-ui-motion="soft"] .avatar-frame-v4 > .ks-frame-accent { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
    body .avatar-frame-v4 > .ks-frame-accent { animation: none !important; }
}
@container avatar-frame (max-width: 54px) {
    .ks-frame-full { display: none; }
    .ks-frame-mini { display: inline; }
    body .avatar-frame-v4.has-avatar-frame[class] > .ks-frame-outline { border-width: 1px; inset: -3px; }
    body .avatar-frame-v4.has-avatar-frame[class] > .ks-frame-motif { width: 9px; height: 9px; }
}
/* Keep decorative space inside its existing surface, not over adjacent labels. */
.neo-cosmetics-frame-avatar.avatar-frame-v4 { margin: 20px 5px; }
.neo-cosmetics-avatar-preview.avatar-frame-v4 { margin: 24px 6px; }
.neo-cosmetics-frame-card:focus-within { outline: 2px solid var(--accent, #f29a55); outline-offset: 3px; }
.neo-cosmetics-frame-card:has(input:checked) { border-color: var(--accent, #f29a55); }
.neo-achievement-reward-preview.avatar-frame-v4 { margin: 16px 6px; }
.profile-avatar.avatar-frame-v4 { margin-block: 18px; }
.neo-profile-avatar.avatar-frame-v4 { margin-block: 22px; }
.profile-example-avatar.avatar-frame-v4 { margin-block: 18px; }
.profile-example-avatar > .ks-avatar-image { background: inherit; }
.ui-achievement-reward { display: flex; align-items: center; gap: 16px; }
.ui-achievement-frame { display: inline-grid; width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--surface-strong); margin: 18px 4px; }
.comment-frame-avatar { display: inline-grid; width: 32px; height: 32px; border-radius: 9px; flex: none; background: var(--surface-strong); }
.comment-meta .comment-frame-avatar { margin: 13px 5px; }
.comment-meta .comment-frame-avatar img { width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; }
.comment-meta > a:has(.comment-frame-avatar) { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; color: var(--text); text-decoration: none; }
.comment-meta > a:has(.comment-frame-avatar) strong { min-width: 0; overflow-wrap: anywhere; }
.comment-meta > a:has(.comment-frame-avatar):hover { color: var(--accent-pale, var(--accent)); }
.comment-meta > a:has(.comment-frame-avatar):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 8px; }
.neo-user-avatar.avatar-frame-v4 { margin-block: 12px; }
.neo-user-avatar.large.avatar-frame-v4 { margin-block: 15px; }
.neo-settings-media-preview.avatar-preview.avatar-frame-v4 { margin-block: 22px; }
@media (max-width: 760px) {
    .profile-avatar.avatar-frame-v4 { margin-block: 13px; }
    .neo-cosmetics-frame-card { min-width: 0; }
    .neo-cosmetics-frame-copy { min-width: 0; overflow-wrap: anywhere; }
}
.avatar-frame-v4.frame-art-ordinary_first_pages { --frame-color:#f3cf87; --frame-secondary:#fff0cf; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_binge_reader { --frame-color:#ff806b; --frame-secondary:#ffbd8d; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_no_breaks { --frame-color:#eeb96b; --frame-secondary:#ffe2ae; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-ordinary_no_breaks > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_marathon { --frame-color:#ff996c; --frame-secondary:#ffd29c; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_deep_dive { --frame-color:#75bdec; --frame-secondary:#c5eaff; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-ordinary_deep_dive > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_loyal_choice { --frame-color:#dab776; --frame-secondary:#fff0c8; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_long_road { --frame-color:#8faee8; --frame-secondary:#f5cf8c; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-ordinary_long_road > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_archivist { --frame-color:#c8a16d; --frame-secondary:#f6dab0; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_finisher { --frame-color:#83d4c4; --frame-secondary:#d3f6ec; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_fast_start { --frame-color:#ff976e; --frame-secondary:#fff0b2; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_cant_stop { --frame-color:#f18b9c; --frame-secondary:#ffc3b4; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ordinary_cant_stop > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_night_owl { --frame-color:#a69def; --frame-secondary:#d8d3ff; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_early_reader { --frame-color:#ffc778; --frame-secondary:#fff0b9; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_site_binger { --frame-color:#f5b76d; --frame-secondary:#ffe8aa; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_regular { --frame-color:#9bcfae; --frame-secondary:#fae3ab; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_returner { --frame-color:#b29de7; --frame-secondary:#d6e7ff; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-ordinary_returner > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_regular_guest { --frame-color:#ddb878; --frame-secondary:#fff0c6; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_genre_path { --frame-color:#85d4ec; --frame-secondary:#eaa8d4; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ordinary_genre_path > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_omnivore { --frame-color:#9fd9bd; --frame-secondary:#cbb4ed; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_sampler { --frame-color:#edcb82; --frame-secondary:#b2e2ed; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_fresh_hunter { --frame-color:#8cddb0; --frame-secondary:#c6f4bf; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_pioneer { --frame-color:#f39588; --frame-secondary:#ffdb96; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_curious { --frame-color:#8dcee1; --frame-secondary:#f8da97; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_serendipity { --frame-color:#bda3ea; --frame-secondary:#b5e9ed; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ordinary_serendipity > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_seeker { --frame-color:#a2cbd9; --frame-secondary:#c2ccfa; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_save_for_later { --frame-color:#efc768; --frame-secondary:#fff0c7; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_bookmark_returner { --frame-color:#96ceaa; --frame-secondary:#def2bd; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_silent_observer { --frame-color:#c4d5df; --frame-secondary:#ecf3f6; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ordinary_silent_observer > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_voice_reader { --frame-color:#e9bf7e; --frame-secondary:#ffe5b6; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_first_reaction { --frame-color:#e5a2c4; --frame-secondary:#fbd8e7; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_talkative { --frame-color:#91d2ee; --frame-secondary:#dcf5ff; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_crowd_favorite { --frame-color:#efca70; --frame-secondary:#ffe9a8; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ordinary_critic { --frame-color:#c1cbe7; --frame-secondary:#f5a194; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-ordinary_bullseye { --frame-color:#e9cb78; --frame-secondary:#ace0ee; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ordinary_bullseye > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ordinary_overflowed { --frame-color:#dcb57b; --frame-secondary:#fae1b2; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-rare_gold { --frame-color:#eac777; --frame-secondary:#fff0b3; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-rare_gold > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-moonlit { --frame-color:#9db9e7; --frame-secondary:#dae9ff; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-ember { --frame-color:#f18c70; --frame-secondary:#ffd298; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-ember > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-prism { --frame-color:#93dce7; --frame-secondary:#d9afee; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-prism > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-ghost { --frame-color:#cedee3; --frame-secondary:#edf5f8; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-verdant { --frame-color:#93d7a5; --frame-secondary:#def1b5; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-chronicle { --frame-color:#d6b381; --frame-secondary:#fae0b1; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.avatar-frame-v4.frame-art-portal { --frame-color:#b399e0; --frame-secondary:#a5e2ec; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-portal > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-sunrise { --frame-color:#edb573; --frame-secondary:#ffe7a5; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.avatar-frame-v4.frame-art-signal { --frame-color:#8dd9d6; --frame-secondary:#dbf4ed; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-signal > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_bughunter { --frame-color:#79d5e5; --frame-secondary:#ff9982; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_bughunter > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_chronist { --frame-color:#d5b582; --frame-secondary:#f7e4bd; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_chronist > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_detective { --frame-color:#a8cbd6; --frame-secondary:#f3d495; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_detective > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_echo { --frame-color:#ada9e8; --frame-secondary:#dee8ff; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_echo > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_ghost_reader { --frame-color:#c6d5e5; --frame-secondary:#f2f6fc; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_ghost_reader > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_invisible_profile { --frame-color:#bacad8; --frame-secondary:#e1edf4; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_invisible_profile > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_keeper_of_past { --frame-color:#d9b481; --frame-secondary:#ffdea9; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_keeper_of_past > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_knowledge_of_hidden { --frame-color:#bba4e3; --frame-secondary:#e6ceef; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_knowledge_of_hidden > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_lone_online { --frame-color:#edc779; --frame-secondary:#f7e6b9; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_lone_online > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_night_watch { --frame-color:#afa9e7; --frame-secondary:#dee9ff; --frame-left:-3px; --frame-right:auto; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_night_watch > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_perfect_balance { --frame-color:#8fd4d2; --frame-secondary:#e0e6bf; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_perfect_balance > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_portal_loop { --frame-color:#b3a0e9; --frame-secondary:#b3dfeb; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_portal_loop > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_random_isnt_random { --frame-color:#afaae2; --frame-secondary:#e4dcfa; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_random_isnt_random > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_restless { --frame-color:#9fd6e8; --frame-secondary:#ffcaab; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_restless > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_reverse_order { --frame-color:#d1a8db; --frame-secondary:#aedfe7; --frame-left:-3px; --frame-right:auto; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_reverse_order > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_sunrise { --frame-color:#f5bb78; --frame-secondary:#ffebae; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_sunrise > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_synchronization { --frame-color:#96d9d1; --frame-secondary:#c9e7fc; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_synchronization > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_thousandth_chapter { --frame-color:#edc77f; --frame-secondary:#fff0c9; --frame-left:auto; --frame-right:-3px; --frame-top:calc(100% + 3px); --frame-bottom:auto; --frame-accent-top:auto; --frame-accent-bottom:calc(100% + 5px); }
.frame-art-hidden_thousandth_chapter > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }
.avatar-frame-v4.frame-art-hidden_top_ten_pioneer { --frame-color:#9ed6a0; --frame-secondary:#f3db93; --frame-left:auto; --frame-right:-3px; --frame-top:auto; --frame-bottom:calc(100% + 3px); --frame-accent-top:calc(100% + 5px); --frame-accent-bottom:auto; }
.frame-art-hidden_top_ten_pioneer > .ks-frame-outline { border-right-color:var(--frame-secondary) !important; }