.user-avatar-frame{vertical-align:middle;border-radius:50%;flex-shrink:0;width:fit-content;height:fit-content;display:inline-flex;position:relative}.user-avatar-frame:after{content:"";border:2px solid var(--frame-color);pointer-events:none;box-shadow:0 0 0 1px #171918, 0 0 10px color-mix(in srgb, var(--frame-color) 28%, transparent);border-radius:50%;position:absolute;inset:-3px}.user-badges{vertical-align:middle;flex-shrink:0;align-items:center;gap:3px;margin-inline-start:4px;display:inline-flex}.user-badge{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;padding:2px;display:inline-flex}.user-name-effect{color:#f4c76b;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#f4c76b,#ffe9c4,salmon,#f4c76b) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.user-name-effect[data-motion=full]{animation:8s ease-in-out infinite user-name-shimmer}}@keyframes user-name-shimmer{0%,to{background-position:0%}50%{background-position:100%}}@media (forced-colors:active){.user-name-effect{-webkit-text-fill-color:currentColor;background:0 0}}.user-avatar-frame{vertical-align:middle;border-radius:50%;flex-shrink:0;display:inline-flex;position:relative}.user-avatar-frame>.deco-layer{pointer-events:none;position:absolute;inset:-33.333%}.user-avatar-frame>.deco-layer-back{z-index:1}.user-avatar-frame>.deco-layer-front{z-index:3}.deco-svg{width:100%;height:100%;display:block}.user-avatar-frame[data-decoration]:after{content:none}.user-avatar-frame[data-detail=compact] .deco-fine,.user-avatar-frame[data-detail=compact] .deco-wide{display:none}@keyframes deco-rotate{to{transform:rotate(360deg)}}@keyframes deco-rotate-reverse{to{transform:rotate(-360deg)}}.user-avatar-frame[data-motion=full] .deco-spin{transform-origin:80px 80px;animation:14s linear infinite deco-rotate}.user-avatar-frame[data-motion=full] .deco-spin-reverse{transform-origin:80px 80px;animation:10s linear infinite deco-rotate-reverse}@media (prefers-reduced-motion:reduce){.user-avatar-frame .deco-spin,.user-avatar-frame .deco-spin-reverse{animation:none!important}}[data-frame=frame-first-light] .ring,[data-frame=frame-first-light] .ticks,[data-frame=frame-first-light] .halo{border-radius:50%;position:absolute}[data-frame=frame-first-light] .ring{background:conic-gradient(#f2c879,#8a5f1f,#ffeab6,#c08a2e,#f2c879);inset:16.25%;-webkit-mask:radial-gradient(farthest-side,#0000 97.685%,#000 0);mask:radial-gradient(farthest-side,#0000 97.685%,#000 0)}[data-frame=frame-first-light] .ticks{background:repeating-conic-gradient(from 0deg, #f2c879f2 0 1.1deg, transparent 1.1deg 45deg);opacity:.9;inset:11.875%;-webkit-mask:radial-gradient(farthest-side,#0000 95.9%,#000 0);mask:radial-gradient(farthest-side,#0000 95.9%,#000 0)}[data-frame=frame-first-light] .halo{background:radial-gradient(circle,#f2c87924,#0000 68%);inset:6.25%}.user-avatar-frame[data-detail=full][data-frame=frame-first-light] .ring{transform-origin:50%;animation:16s linear infinite deco-rotate;box-shadow:0 0 20px #f2c87973,0 0 44px #f2c87929,inset 0 0 10px #ffe9b059}.user-avatar-frame[data-detail=full][data-frame=frame-first-light] .ticks{transform-origin:50%;animation:60s linear infinite deco-rotate}.badge-genesis{display:block}@keyframes deco-glowpulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.badge-genesis .live{transform-origin:24px 24px}.badge-genesis[data-motion=full] .live{animation:3.4s ease-in-out infinite deco-glowpulse}@media (prefers-reduced-motion:reduce){.badge-genesis .live{animation:none!important}}@keyframes deco-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.user-name-effect-day-one{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(100deg,#ffeab6 0%,#f2c879 38%,#e8a84a 68%,#fff3df 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text}.user-name-effect-day-one[data-detail=full]{filter:drop-shadow(0 0 12px #f2c87980)}.user-name-effect-day-one[data-motion=full]{animation:5s ease-in-out infinite deco-shimmer}@media (prefers-reduced-motion:reduce){.user-name-effect-day-one{animation:none!important}}@media (forced-colors:active){.user-name-effect-day-one{-webkit-text-fill-color:currentColor;background:0 0}}.artwork-frame{isolation:isolate;width:100%;display:block;position:relative}.artwork-frame[data-artwork-frame]:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.artwork-frame[data-artwork-frame=artwork-pearl]{box-shadow:0 0 0 1px #574d3e9c}.artwork-frame[data-artwork-frame=artwork-pearl]:after{border:1px solid #e6d9c0}.artwork-frame[data-artwork-frame=artwork-opal]{box-shadow:0 0 0 1px #8f663a77,0 0 15px #e0b66e5c}.artwork-frame[data-artwork-frame=artwork-opal]:after{-webkit-mask-composite:xor;background:linear-gradient(145deg,#fff0c8,#bd8343 48%,#f0d8a0 80%,#bd8343) border-box;border:1px solid #0000;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.artwork-frame[data-artwork-frame=artwork-prism]{box-shadow:0 0 0 1px #a9baffbb,-5px -4px 15px #7bdaff66,5px -2px 16px #ce80ff77,5px 7px 18px #ff84bd66,-4px 8px 16px #ffe28a55}.artwork-frame[data-artwork-frame=artwork-prism]:after{-webkit-mask-composite:xor;background:linear-gradient(135deg,#71eaff 0%,#a6b4ff 17%,#e399ff 33%,#ff91be 49%,#ffe590 68%,#85f2d5 85%,#76c8ff 100%) border-box;border:1px solid #0000;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}