.HueAvatar_playground__kJlna{--ink:#1b1a17;--paper:#fdfcfb;width:100%;max-width:580px;color:var(--ink);isolation:isolate;scroll-margin-top:100px}.HueAvatar_intro__EL5gS{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.HueAvatar_eyebrow__euyU_{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#737373}.HueAvatar_invitation__UF4Qj{font-size:15px;font-weight:600;letter-spacing:-.025em}.HueAvatar_stage__dlpZL{position:relative;width:100%;aspect-ratio:1/1.08;container-type:inline-size;overflow:clip}.HueAvatar_stage__dlpZL>*{--swatch-size:clamp(44px,10cqw,54px);--radius:calc(35.7cqw + var(--swatch-size) * .34)}.HueAvatar_halo__n64yb{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--hue-accent) 22%,transparent),transparent 67%);z-index:-1}.HueAvatar_orbit__hdKC1{width:calc(var(--radius) * 2);top:50%;border:1px solid color-mix(in srgb,var(--hue-accent) 28%,var(--paper));border-radius:50%}.HueAvatar_actor__a6a5Z,.HueAvatar_orbit__hdKC1{position:absolute;aspect-ratio:1;left:50%;transform:translate(-50%,-50%);pointer-events:none}.HueAvatar_actor__a6a5Z{width:80%;top:calc(50% - 4.5cqw);z-index:5}.HueAvatar_sprite__1pLK4{position:absolute;inset:0;overflow:hidden;opacity:0}.HueAvatar_sprite__1pLK4[data-visible=true]{opacity:1}.HueAvatar_sheet___fc2k{display:block;width:100%;height:600%;max-width:none;transform:translateY(calc(var(--frame) * -100% / 6))}.HueAvatar_sprite__1pLK4[data-fill=true]{opacity:1;z-index:1;animation:HueAvatar_colorFill__mUu__ .55s cubic-bezier(.4,0,.2,1) both}.HueAvatar_fallback__CsEFA{object-fit:contain;padding:12%}.HueAvatar_shadow__JTKcX{position:absolute;left:50%;top:calc(50% + 23.3cqw);width:29%;height:2%;transform:translateX(-50%);border-radius:50%;background:#1b1a171b;filter:blur(5px)}.HueAvatar_wheel__hBUKp{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--wheel-angle));transition:transform .65s cubic-bezier(.4,0,.2,1);z-index:4}.HueAvatar_spoke__PfN7m{position:absolute;transform:rotate(var(--spoke-angle)) translateX(var(--radius))}.HueAvatar_option__uTSqk{position:absolute;width:var(--swatch-size);height:var(--swatch-size);transform:translate(-50%,-50%) rotate(calc(-1 * (var(--wheel-angle) + var(--spoke-angle))));transition:transform .65s cubic-bezier(.4,0,.2,1)}.HueAvatar_swatch__SaOCZ{position:relative;width:100%;height:100%;padding:5px;border:1px solid #1b1a171c;border-radius:50%;background:var(--paper);box-shadow:0 3px 7px #1b1a1709;cursor:pointer;transition:box-shadow .16s,transform .16s cubic-bezier(.23,1,.32,1)}.HueAvatar_swatchPaint__YElyT{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff70,transparent 60%),var(--swatch);box-shadow:inset 0 -2px 4px #1b1a1715}.HueAvatar_swatchPaint__YElyT[data-color=original]{background:linear-gradient(145deg,#edb4be,#f35770)}.HueAvatar_swatchPaint__YElyT[data-color=rainbow]{background:linear-gradient(155deg,#f0d6ac,#ffc5b5 45%,#ed6484)}.HueAvatar_swatchPaint__YElyT[data-color=yellow-orange]{background:linear-gradient(155deg,#ffe294,#ff952e)}.HueAvatar_swatchPaint__YElyT[data-color=pink]{background:linear-gradient(155deg,#ffa9de,#f355b0)}.HueAvatar_swatchNumber__DbyHg{position:absolute;inset:0;display:grid;place-items:center;color:#1b1a17;font-size:10px;font-weight:700;opacity:0;transition:opacity .16s}.HueAvatar_swatch__SaOCZ[data-selected=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--ink),0 5px 14px #1b1a1712}.HueAvatar_controls__aOJXz button:focus-visible,.HueAvatar_swatch__SaOCZ:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.HueAvatar_swatch__SaOCZ:disabled{cursor:wait}.HueAvatar_swatch__SaOCZ[data-contact=true]{animation:HueAvatar_buttonTap__SslYa .55s ease-out}.HueAvatar_colorLabel__yR6Wn{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;white-space:nowrap;color:#57534e}.HueAvatar_caption__OERTQ{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.HueAvatar_lookNumber__IeIxd{font-size:9px;font-weight:600;letter-spacing:.2em;color:#737373}.HueAvatar_caption__OERTQ strong{font-weight:400;font-size:clamp(26px,3vw,35px);line-height:1.1}.HueAvatar_caption__OERTQ>span:last-child{font-size:11px;color:#57534e}.HueAvatar_controls__aOJXz{display:flex;justify-content:center;gap:9px;margin-top:18px}.HueAvatar_controls__aOJXz button{display:flex;align-items:center;gap:8px;padding:11px 17px;min-height:44px;font-size:11px;font-weight:600;border:1px solid #1b1a171c;border-radius:30px;cursor:pointer;background:var(--paper);transition:background .16s,transform .16s cubic-bezier(.23,1,.32,1)}.HueAvatar_controls__aOJXz button:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.HueAvatar_controls__aOJXz button:disabled{opacity:.5;cursor:wait}@media (hover:hover) and (pointer:fine){.HueAvatar_swatch__SaOCZ:not(:disabled):hover .HueAvatar_swatchNumber__DbyHg{opacity:1}.HueAvatar_swatch__SaOCZ:not(:disabled):hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--swatch) 35%,transparent)}.HueAvatar_controls__aOJXz button:not(:disabled):hover{background:#eee7e0;color:var(--ink)}}.HueAvatar_controls__aOJXz button:not(:disabled):active,.HueAvatar_swatch__SaOCZ:not(:disabled):active{transform:scale(.97)}.HueAvatar_motionNote__G5cSF{margin-top:12px;min-height:16px;text-align:center;font-size:11px;color:#737373}.HueAvatar_error__OcXpk{font-size:12px;text-align:center}@keyframes HueAvatar_colorFill__mUu__{0%{clip-path:circle(0 at 95% 56%)}to{clip-path:circle(125% at 95% 56%)}}@keyframes HueAvatar_buttonTap__SslYa{20%{box-shadow:0 0 0 12px color-mix(in srgb,var(--swatch) 25%,transparent)}}.HueAvatar_playground__kJlna[data-motion=reduced] *,.HueAvatar_playground__kJlna[data-motion=reduced] :after,.HueAvatar_playground__kJlna[data-motion=reduced] :before{animation:none;transition:none}.HueAvatar_playground__kJlna[data-motion=reduced] .HueAvatar_sprite__1pLK4{transition:opacity .18s ease}.HueAvatar_playground__kJlna[data-motion=reduced] .HueAvatar_controls__aOJXz button:active,.HueAvatar_playground__kJlna[data-motion=reduced] .HueAvatar_swatch__SaOCZ:active{transform:none}@media (max-width:400px){.HueAvatar_eyebrow__euyU_{font-size:8px;letter-spacing:.08em}.HueAvatar_invitation__UF4Qj{font-size:14px}.HueAvatar_colorLabel__yR6Wn{font-size:9px}}