.colors-liquid-intro{display:none}.colors-intro-active .colors-liquid-intro{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#f6eee8;pointer-events:none;animation:colors-intro-exit .25s 2.75s both}.colors-liquid-intro .colors-wordmark-fa{width:220px;height:74px}.colors-liquid-intro p{margin:0;color:#76584a;font-size:14px}.colors-liquid{display:flex;align-items:end;justify-content:center;gap:14px;height:146px;padding:14px;direction:ltr}.colors-liquid__column{position:relative;display:flex;flex-direction:column;align-items:center;width:30px;--liquid-height:40px;--liquid-drop:0}.colors-liquid__bar,.colors-liquid__drop,.colors-liquid__base{display:block;background:linear-gradient(0deg,var(--liquid-from),var(--liquid-to));border-radius:999px}.colors-liquid__bar{position:relative;width:30px;height:var(--liquid-height);overflow:hidden;box-shadow:0 0 20px color-mix(in srgb,var(--liquid-from) 30%,transparent);transition:height .1s ease-out}.colors-liquid__bar b{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff66,transparent);animation:colors-liquid-shine 1.8s var(--liquid-delay) infinite alternate}.colors-liquid__drop{width:12px;height:12px;margin-bottom:10px;opacity:var(--liquid-drop);transition:opacity .25s}.colors-liquid__base{width:9px;height:9px;margin-top:8px;animation:colors-liquid-shine 1s var(--liquid-delay) infinite alternate}@keyframes colors-liquid-shine{to{transform:scale(.7);opacity:.5}}@keyframes colors-intro-exit{to{opacity:0;visibility:hidden}}@media(max-width:400px){.colors-liquid{gap:10px}.colors-liquid__bar{width:25px}.colors-liquid__column{width:25px}}@media(prefers-reduced-motion:reduce){.colors-liquid-intro *{animation:none!important;transition:none!important}}
.colors-liquid-intro[hidden]{display:none!important}
.colors-intro-active .colors-liquid-intro:not([hidden]){display:flex;animation:none}
.colors-intro-active.colors-intro-ready .colors-liquid-intro:not([hidden]){animation:colors-intro-exit .25s 2.75s both}
.colors-liquid__column{--liquid-flip:1;--liquid-droplet-y:0px;--liquid-droplet-scale:1;--liquid-surface-y:0px;--liquid-shimmer-x:0px;--liquid-bubble-top:30%;--liquid-bubble-left:45%;--liquid-bubble-scale:.7;--liquid-bubble-opacity:.3;--liquid-base-opacity:.8;--liquid-base-scale:.8}
.colors-liquid__bar{box-shadow:0 0 20px color-mix(in srgb,var(--liquid-from) 30%,transparent),inset 0 0 20px #ffffff19;transform:scaleY(var(--liquid-flip));transform-origin:bottom;transition:height .16s ease-out}
.colors-liquid__bar b{inset:0 -20%;width:140%;animation:none;transform:translateX(var(--liquid-shimmer-x))}
.colors-liquid__surface{position:absolute;inset:0 0 auto;height:14px;border-radius:999px;background:linear-gradient(#ffffff66,transparent);transform:translateY(var(--liquid-surface-y))}
.colors-liquid__bubble{position:absolute;top:var(--liquid-bubble-top);left:var(--liquid-bubble-left);width:7px;height:7px;border-radius:50%;background:#ffffff66;transform:scale(var(--liquid-bubble-scale));opacity:var(--liquid-bubble-opacity)}
.colors-liquid__drop{transform:translateY(var(--liquid-droplet-y)) scale(var(--liquid-droplet-scale));box-shadow:0 0 15px color-mix(in srgb,var(--liquid-from) 25%,transparent)}
.colors-liquid__base{animation:none;opacity:var(--liquid-base-opacity);transform:scale(var(--liquid-base-scale));box-shadow:0 2px 8px color-mix(in srgb,var(--liquid-from) 25%,transparent)}
@media(prefers-reduced-motion:reduce){.colors-intro-active.colors-intro-ready .colors-liquid-intro:not([hidden]),.colors-liquid-intro *{animation:none!important;transition:none!important}.colors-liquid__column:nth-child(2n){--liquid-height:65px}.colors-liquid__column:nth-child(3n){--liquid-height:80px}}