.ColorSortClient_page__GCA7y{--ink:#30434b;--page-text:#405a60;--page-body:#5f7779;--page-muted:#78938d;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.95),transparent 24rem),radial-gradient(circle at 90% 18%,rgba(203,232,222,.75),transparent 27rem),linear-gradient(155deg,#f9f5ea,#e8f2eb 48%,#d9ebe9)}.ColorSortClient_grain__OOw2m{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}.ColorSortClient_orb__nzMfC{position:fixed;border-radius:999px;pointer-events:none;filter:blur(2px);animation:ColorSortClient_drift__Y16XD 8s ease-in-out infinite alternate}.ColorSortClient_tray__BVL7V{position:relative;display:flex;min-height:216px;flex-direction:column-reverse;justify-content:flex-start;gap:7px;overflow:visible;border:1px solid rgba(255,255,255,.86);border-top-color:rgba(70,105,110,.12);border-radius:22px 22px 34px 34px;padding:18px 10px 14px;background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(214,235,230,.2));box-shadow:inset 5px 0 12px rgba(255,255,255,.55),inset -5px 0 12px rgba(71,105,105,.05),0 16px 30px rgba(62,97,96,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ColorSortClient_tray__BVL7V:before{position:absolute;top:-5px;left:5px;right:5px;height:13px;content:"";border:2px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(205,229,225,.36);box-shadow:0 2px 5px rgba(60,96,96,.08)}.ColorSortClient_traySelected__yEL6T{transform:translateY(-7px);border-color:#fff;box-shadow:inset 5px 0 12px rgba(255,255,255,.7),0 18px 38px rgba(62,97,96,.17)}.ColorSortClient_trayValid__Cl7wY{border-color:rgba(100,153,136,.5);box-shadow:0 0 0 5px rgba(147,196,178,.15),0 18px 32px rgba(62,97,96,.13)}.ColorSortClient_trayInvalid__KUe_0{animation:ColorSortClient_nudge__M5XDS .26s ease}.ColorSortClient_jelly__ALN1_{position:relative;width:100%;min-height:34px;border-radius:42% 42% 34% 34%/58% 58% 38% 38%;box-shadow:inset 0 5px 8px rgba(255,255,255,.35),inset 0 -5px 8px rgba(43,58,58,.12),0 5px 8px rgba(64,84,80,.13);transition:transform .18s cubic-bezier(.2,.9,.25,1.2)}.ColorSortClient_jelly__ALN1_:after{position:absolute;top:6px;left:15%;width:30%;height:7px;content:"";border-radius:999px;background:rgba(255,255,255,.35);transform:rotate(-5deg)}.ColorSortClient_jellyLifted__EJbHW{animation:ColorSortClient_float__cFgna .82s ease-in-out infinite alternate}.ColorSortClient_bloom__bklDV{animation:ColorSortClient_bloom__bklDV .7s cubic-bezier(.16,1,.3,1) both}.ColorSortClient_modal__L_f8X{z-index:2;animation:ColorSortClient_modalIn__cJhHj .42s cubic-bezier(.16,1,.3,1) both}.ColorSortClient_colorInkBurst__RXqsH{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none;animation:ColorSortClient_inkBurstExit__pDSH0 1s ease-out both}.ColorSortClient_inkWash__NgzNS{position:absolute;inset:-25%;background:radial-gradient(circle,var(--ink-soft) 0 12%,transparent 62%);opacity:.46;animation:ColorSortClient_inkFlash__YKxyX .9s ease-out both}.ColorSortClient_inkSplat__lfkaX{--ink-color:#ea8179;--ink-soft:#f6c1b9;--ink-rotation:0deg;--ink-delay:0ms;position:absolute;top:50%;left:50%;width:min(120vw,1400px);height:min(48vw,580px);border-radius:48% 52% 61% 39%/42% 37% 63% 58%;opacity:.84;background:radial-gradient(circle at 28% 38%,rgba(255,255,255,.32),transparent 8%),linear-gradient(105deg,var(--ink-soft),var(--ink-color) 55%,transparent 90%);clip-path:polygon(0 48%,9% 41%,3% 27%,20% 34%,25% 9%,36% 31%,49% 0,55% 29%,76% 13%,70% 37%,100% 46%,75% 58%,92% 78%,66% 69%,58% 100%,47% 72%,28% 91%,31% 67%,6% 74%,18% 57%);filter:saturate(1.08) drop-shadow(0 16px 18px rgba(46,67,63,.12));transform:translate(-50%,-50%) rotate(var(--ink-rotation)) scale(.02,.12);transform-origin:50% 50%;animation:ColorSortClient_inkSpread__Pe1bP .82s cubic-bezier(.12,.82,.18,1) var(--ink-delay) both}.ColorSortClient_inkSplat__lfkaX b,.ColorSortClient_inkSplat__lfkaX em,.ColorSortClient_inkSplat__lfkaX i,.ColorSortClient_inkSplat__lfkaX:after,.ColorSortClient_inkSplat__lfkaX:before{position:absolute;display:block;content:"";border-radius:50%;background:var(--ink-color);box-shadow:inset 5px 6px 8px rgba(255,255,255,.12)}.ColorSortClient_inkSplat__lfkaX:before{top:-18%;right:20%;width:11%;aspect-ratio:1}.ColorSortClient_inkSplat__lfkaX:after{bottom:-10%;left:18%;width:7%;aspect-ratio:1}.ColorSortClient_inkSplat__lfkaX i{top:8%;right:-6%;width:5%;aspect-ratio:1}.ColorSortClient_inkSplat__lfkaX b{bottom:-24%;right:36%;width:4%;aspect-ratio:1}.ColorSortClient_inkSplat__lfkaX em{top:-30%;left:38%;width:3%;aspect-ratio:1}.ColorSortClient_inkMark__I39NP{position:relative;display:flex;width:104px;height:88px;margin:0 auto 1rem;align-items:center;justify-content:center;color:white;font-size:2.25rem;background:#5f9b89;border-radius:37% 63% 46% 54%/58% 39% 61% 42%;box-shadow:18px -10px 0 -9px #e9b756,-17px 13px 0 -11px #ea8179,16px 17px 0 -13px #6d9dc5,inset 8px 9px 14px rgba(255,255,255,.25);transform:rotate(-5deg)}.ColorSortClient_inkMark__I39NP span{transform:rotate(5deg)}.ColorSortClient_flower__pVMrH{display:inline-flex;min-height:22px;align-items:center;justify-content:center;font-size:20px;line-height:1;filter:drop-shadow(0 3px 2px rgba(54,83,57,.16));transform-origin:bottom center;animation:ColorSortClient_growFlower__Fk41K .48s cubic-bezier(.16,1,.3,1) both}@keyframes ColorSortClient_float__cFgna{to{transform:translateY(-4px) scaleX(1.025)}}@keyframes ColorSortClient_nudge__M5XDS{25%{transform:translateX(-4px)}60%{transform:translateX(4px)}}@keyframes ColorSortClient_bloom__bklDV{0%{opacity:0;transform:scale(.2) rotate(-12deg)}60%{opacity:.8}to{opacity:.22;transform:scale(1) rotate(8deg)}}@keyframes ColorSortClient_modalIn__cJhHj{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes ColorSortClient_inkSpread__Pe1bP{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ink-rotation)) scale(.02,.12)}18%{opacity:.94}68%{transform:translate(-50%,-50%) rotate(var(--ink-rotation)) scale(1.08,.92)}to{opacity:.68;transform:translate(-50%,-50%) rotate(var(--ink-rotation)) scale(1)}}@keyframes ColorSortClient_inkFlash__YKxyX{0%{opacity:0;transform:scale(.5)}45%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes ColorSortClient_inkBurstExit__pDSH0{0%,72%{opacity:1}to{opacity:0}}@keyframes ColorSortClient_drift__Y16XD{to{transform:translate3d(14px,-12px,0) scale(1.06)}}@keyframes ColorSortClient_growFlower__Fk41K{0%{opacity:0;transform:translateY(12px) scale(.2) rotate(-9deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(3deg)}}@media (max-width:520px){.ColorSortClient_tray__BVL7V{min-height:154px;padding:13px 7px 10px;gap:5px;border-radius:17px 17px 25px 25px}.ColorSortClient_jelly__ALN1_{min-height:25px}}@media (prefers-reduced-motion:reduce){.ColorSortClient_bloom__bklDV,.ColorSortClient_colorInkBurst__RXqsH,.ColorSortClient_flower__pVMrH,.ColorSortClient_inkSplat__lfkaX,.ColorSortClient_inkWash__NgzNS,.ColorSortClient_jellyLifted__EJbHW,.ColorSortClient_modal__L_f8X,.ColorSortClient_orb__nzMfC,.ColorSortClient_trayInvalid__KUe_0{animation:none}.ColorSortClient_jelly__ALN1_,.ColorSortClient_tray__BVL7V{transition:none}}