/* Avatar decorations, profile effects and cover trims use independent layers/assets. */
@import url('./legend-decoration-assets.css');
.p-cover,.cos-live-banner,.studio-profile-cover{position:relative;isolation:isolate;overflow:hidden}
.profile-user-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
:is(.p-cover,.cos-live-banner,.studio-profile-cover):has(.profile-user-cover)::after{content:"";display:block;position:absolute;inset:0;background:inherit;background-size:inherit;background-position:inherit;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000);pointer-events:none;z-index:1;opacity:.45}
[class*="cos-banner-banner-legend-"]{background:radial-gradient(ellipse at 16% 85%,color-mix(in srgb,var(--legend-accent) 22%,transparent),transparent 65%),#151929!important}
[class*="cos-banner-banner-legend-"]::before,[class*="cos-banner-banner-legend-"]::after{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 26px,color-mix(in srgb,var(--legend-accent) 24%,transparent) 27px 28px,transparent 29px 52px);mask-image:linear-gradient(90deg,#000,transparent 16%,transparent 84%,#000);z-index:1;opacity:.6}
[class*="cos-plate-nameplate-legend-"]{border-radius:12px;padding-inline:22px;min-height:35px;text-shadow:0 1px 3px #000;color:#fff;background:linear-gradient(110deg,#131722e8,color-mix(in srgb,var(--legend-accent) 24%,#131722) 50%,#131722e8);border:1px solid color-mix(in srgb,var(--legend-accent) 60%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--legend-accent) 12%,transparent)}
[class*="cos-plate-nameplate-legend-"]::before{inset:4px auto 4px 4px;top:4px;width:8px;height:auto;aspect-ratio:auto;transform:none;background:var(--legend-accent);clip-path:polygon(50% 0,100% 40%,50% 100%,0 60%);opacity:.9}
[class*="cos-plate-nameplate-legend-"]::after{inset:4px 4px 4px auto;width:8px;background:var(--legend-accent);clip-path:polygon(50% 0,100% 60%,50% 100%,0 40%)}
[class*="cos-name-name-legend-"]{color:var(--legend-light)!important;font-weight:800!important;text-shadow:0 0 13px color-mix(in srgb,var(--legend-accent) 55%,transparent);background:linear-gradient(110deg,var(--legend-accent),var(--legend-light),var(--legend-accent));background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:legendInk 7s ease-in-out infinite}
:root[data-theme=light] [class*="cos-name-name-legend-"]{color:#39284b!important;-webkit-text-fill-color:currentColor;text-shadow:none;background:none}
:root[data-theme=light] [class*="cos-plate-nameplate-legend-"] [class*="cos-name-"]{color:#fff!important;-webkit-text-fill-color:#fff}
@keyframes legendInk{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
:root[data-cos-motion=off] [class*="legend-"]::before,:root[data-cos-motion=off] [class*="legend-"]::after,:root[data-cos-motion=off] [class*="cos-name-name-legend-"]{animation:none!important}
@media(prefers-reduced-motion:reduce){[class*="legend-"]::before,[class*="legend-"]::after,[class*="cos-name-name-legend-"]{animation:none!important}}
.chat-msg{padding-block:11px}.chat-msg.is-grouped{padding-block:3px}.chat-head{gap:7px;row-gap:4px}.chat-avatar{margin-inline:5px}.chat-text{line-height:1.85;overflow-wrap:anywhere}
@media(max-width:480px){.chat-head .tag{font-size:9px}.chat-head time{font-size:9px}.chat-name{max-width:100%}.chat-msg{column-gap:12px}}