.cs-surface{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.cs-surface[data-busy]{pointer-events:none}.cs-box{--cs-scrim:#09090b80;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffffeb, inset 0 0 0 2px #09090b4d, 0 0 0 1px #09090b73, 0 0 0 100vmax var(--cs-scrim);border-radius:3px;outline:none;transition:box-shadow .14s cubic-bezier(.2,0,0,1);position:absolute}.cs-surface[data-dragging] .cs-box{--cs-scrim:#09090b9e;transition-duration:90ms}.cs-box:focus-visible{box-shadow:inset 0 0 0 1px #ffffffeb, inset 0 0 0 2px #09090b4d, 0 0 0 1px #09090b73, 0 0 0 3px #818cf899, 0 0 0 100vmax var(--cs-scrim)}.cs-handle{opacity:.88;background:#fff;border-radius:2.5px;width:10px;height:10px;margin:-5px;transition:transform .12s cubic-bezier(.2,0,0,1),opacity .12s cubic-bezier(.2,0,0,1);position:absolute;box-shadow:0 0 0 1px #09090b80,0 1px 2px #0000004d}.cs-nw{top:0;left:0}.cs-ne{top:0;right:0}.cs-sw{bottom:0;left:0}.cs-se{bottom:0;right:0}.cs-surface:hover .cs-handle,.cs-box:focus-visible .cs-handle{opacity:1;transform:scale(1.2)}.cs-surface[data-dragging=corner] .cs-handle{transition-duration:70ms;transform:scale(1.1)}.cs-edge{opacity:0;background:#ffffffeb;border-radius:1.5px;transition:opacity .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1);position:absolute;box-shadow:0 0 0 1px #09090b73}.cs-edge-n,.cs-edge-s{width:22px;height:3px;margin-left:-11px;left:50%}.cs-edge-n{margin-top:-1.5px;top:0}.cs-edge-s{margin-bottom:-1.5px;bottom:0}.cs-edge-w,.cs-edge-e{width:3px;height:22px;margin-top:-11px;top:50%}.cs-edge-w{margin-left:-1.5px;left:0}.cs-edge-e{margin-right:-1.5px;right:0}.cs-surface:hover .cs-edge,.cs-box:focus-visible .cs-edge{opacity:.9}.cs-surface[data-dragging=edge] .cs-edge{opacity:1;transform:scale(1.35)}.cs-readout{font-variant-numeric:tabular-nums;color:#fafafa;white-space:nowrap;pointer-events:none;opacity:0;background:#09090bd9;border-radius:4px;margin-top:6px;padding:2px 6px;font:500 11px/1.45 ui-sans-serif,system-ui,sans-serif;transition:opacity .11s cubic-bezier(.2,0,0,1) 60ms,transform .11s cubic-bezier(.2,0,0,1) 60ms;position:absolute;top:100%;left:0;transform:translateY(-3px)}.cs-surface[data-dragging] .cs-readout,.cs-box:focus-visible .cs-readout{opacity:1;transition-delay:0s;transform:none}.cs-box[data-readout=above] .cs-readout{margin:0 0 6px;top:auto;bottom:100%}.cs-sweep{pointer-events:none;border-radius:3px;position:absolute;overflow:hidden}.cs-sweep:after{content:"";background:linear-gradient(#fff0 0%,#ffffff2e 50%,#fff0 100%);height:26%;animation:.9s linear infinite cs-sweep;position:absolute;top:0;left:0;right:0}@keyframes cs-sweep{0%{transform:translateY(-120%)}to{transform:translateY(420%)}}.cs-skel{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1c 45%,#ffffff0d 90%) 0 0/220% 100%;border-radius:4px;animation:1.15s linear infinite cs-shimmer}@keyframes cs-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.cs-progress{position:relative;overflow:hidden}.cs-progress:after{content:"";opacity:.32;background:currentColor;width:40%;height:2px;animation:1.1s cubic-bezier(.4,0,.2,1) infinite cs-progress;position:absolute;bottom:0;left:0}@keyframes cs-progress{0%{transform:translate(-110%)}to{transform:translate(360%)}}.cs-row-in{animation:.18s cubic-bezier(.2,0,0,1) both cs-row-in}@keyframes cs-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.cs-row{transition:background-color .12s cubic-bezier(.2,0,0,1),transform 70ms ease-out}.cs-row:active{transform:scale(.985)}.cs-check{background:0 0;border-radius:5px;flex:none;width:18px;height:18px;transition:background-color .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1);position:relative;box-shadow:inset 0 0 0 1.5px #ffffff42}.cs-check:after{content:"";transform-origin:50%;opacity:0;border:2px solid #18181b;border-top:0;border-left:0;width:4.5px;height:9px;transition:opacity 90ms ease-out,transform .15s cubic-bezier(.2,1.3,.4,1);position:absolute;top:2.5px;left:6px;transform:rotate(45deg)scale(.4)}.cs-check.is-on{background:#e4e4e7;box-shadow:inset 0 0 0 1.5px #e4e4e7}.cs-check.is-on:after{opacity:1;transform:rotate(45deg)scale(1)}.cs-row:hover .cs-check:not(.is-on){box-shadow:inset 0 0 0 1.5px #ffffff80}.cs-swatch{transition:opacity .14s cubic-bezier(.2,0,0,1);box-shadow:inset 0 0 0 1px #00000059}.cs-row[aria-checked=false] .cs-swatch{opacity:.4}.cs-row[aria-checked=false]:hover .cs-swatch{opacity:.72}.cs-seg{transition:opacity .16s cubic-bezier(.2,0,0,1),filter .16s cubic-bezier(.2,0,0,1)}.cs-seg[data-off]{opacity:.2;filter:grayscale(.7)}.cs-confirm{animation:.18s cubic-bezier(.2,0,0,1) both cs-confirm-in}.cs-confirm[data-state=out]{animation:.24s cubic-bezier(.4,0,1,1) both cs-confirm-out}@keyframes cs-confirm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cs-confirm-out{0%{opacity:1}to{opacity:0}}body.cs-cursor-crosshair,body.cs-cursor-crosshair *{cursor:crosshair!important}body.cs-cursor-move,body.cs-cursor-move *{cursor:move!important}body.cs-cursor-nsresize,body.cs-cursor-nsresize *{cursor:ns-resize!important}body.cs-cursor-ewresize,body.cs-cursor-ewresize *{cursor:ew-resize!important}body.cs-cursor-nwseresize,body.cs-cursor-nwseresize *{cursor:nwse-resize!important}body.cs-cursor-neswresize,body.cs-cursor-neswresize *{cursor:nesw-resize!important}body[class*=cs-cursor-]{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.cs-box,.cs-handle,.cs-edge,.cs-readout,.cs-check,.cs-check:after,.cs-swatch,.cs-seg,.cs-row{transition-duration:1ms!important}.cs-sweep:after{background:#ffffff1a;height:100%;animation:none;top:0}.cs-skel{background:#ffffff12;animation:none}.cs-progress:after{width:45%;animation:none;left:27%}.cs-row-in,.cs-confirm{animation-duration:1ms!important;animation-delay:0s!important}}
