/* v398 — readable profile artwork, intrinsic ratio and complete glass reflection. */
html body .sl320.sl320.sl320 {
 --seal-glass: oklch(1 0 0 / .23);
 --seal-glass-edge: oklch(1 0 0 / .45);
 position:relative; isolation:isolate; width:144px; max-width:100%; overflow:hidden; border-radius:8px;
}
html body .sl320.sl320.sl320 img.sl341-art {
 width:100%!important; height:auto!important; min-width:0!important; min-height:0!important;
 max-height:none!important; object-fit:contain!important; object-position:center;
}
html body .sl320.sl320.sl320::after {
 content:""; display:block; position:absolute; inset:0; pointer-events:none;
 background:linear-gradient(115deg,transparent 32%,var(--seal-glass) 47%,var(--seal-glass-edge) 50%,var(--seal-glass) 53%,transparent 68%);
 transform:translateX(-125%); opacity:0; transition:none;
 border:0; box-shadow:none; animation:none;
}
@media(hover:hover) {
 html body .sl320.sl320.sl320:hover::after,
 html body .si396-profile-seal:hover .sl320.sl320.sl320::after {animation:bs-seal-reflection-v397 1.15s cubic-bezier(.22,.61,.36,1) both}
}
@keyframes bs-seal-reflection-v397 {
 0% {transform:translateX(-125%);opacity:0}
 12% {opacity:1}
 88% {opacity:1}
 100% {transform:translateX(125%);opacity:0}
}
html body .si396-profile-seal:focus-visible .sl320.sl320.sl320::after {transform:translateX(0);opacity:1}
html body .mc182 .mc-username.si396-identity-name {
 display:flex!important; flex-wrap:wrap; align-items:center; justify-content:flex-start;
 gap:8px 12px; min-width:0; max-width:100%; padding:0; letter-spacing:0;
}
html body .mc182 .si396-identity-name .mc-username-text {
 min-width:0; max-width:100%; white-space:normal!important; overflow-wrap:anywhere;
}
html body .mc182 .si396-profile-seal.si396-profile-seal {
 display:inline-flex; align-items:center; flex:0 0 auto; width:192px; max-width:100%;
 height:auto; padding:0!important; margin:0!important; border:0!important; border-radius:6px;
 background:none!important; box-shadow:none!important; line-height:0; transform:none!important;
}
html body .mc182 .si396-profile-seal .sl320.sl320.sl320 {width:192px;border-radius:6px}
html body .mc182 .si396-profile-seal:focus-visible {outline:2px solid var(--seal-glass-edge,oklch(1 0 0 / .45));outline-offset:4px}
@media(max-width:650px) {
 html body .mc182 .mc-username.si396-identity-name {gap:7px 9px}
 html body .mc182 .si396-profile-seal.si396-profile-seal,
 html body .mc182 .si396-profile-seal .sl320.sl320.sl320 {width:176px}
}
@media(prefers-reduced-motion:reduce) {
 html body .sl320.sl320.sl320::after {animation:none!important;transition:none;transform:none!important}
 html body .sl320.sl320.sl320:hover::after,
 html body .si396-profile-seal:hover .sl320.sl320.sl320::after {opacity:.65}
}