.uiux-swo{--uiux-swo-accent:#f5f5f5;--uiux-swo-ink:#f5f5f5;--uiux-swo-slot:#27272a;--uiux-swo-digit:#18181b;--uiux-swo-danger:#ff3b30;--uiux-swo-success:#34c759;--uiux-swo-size:44px;--uiux-swo-height:52px;--uiux-swo-gap:8px;--uiux-swo-radius:12px;--uiux-swo-font:22px;display:inline-block;position:relative}.uiux-swo__row{gap:var(--uiux-swo-gap);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s;display:inline-flex;position:relative}.uiux-swo__row[data-disabled]{opacity:.5;cursor:not-allowed}.uiux-swo__input{z-index:4;color:#0000;opacity:0;cursor:inherit;appearance:none;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0;caret-color:#0000!important}.uiux-swo__input::-webkit-textfield-decoration-container{visibility:hidden}.uiux-swo__wash{z-index:1;border-radius:var(--uiux-swo-radius);background:var(--uiux-swo-success);color:#fff;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.uiux-swo__check{width:calc(var(--uiux-swo-size) * .55);height:calc(var(--uiux-swo-size) * .55);transform-origin:50%;justify-content:center;align-items:center;line-height:0;display:flex}.uiux-swo__check svg{width:100%;height:100%;display:block}.uiux-swo__slot{width:var(--uiux-swo-size);height:var(--uiux-swo-height);border-radius:var(--uiux-swo-radius);background:var(--uiux-swo-slot);-webkit-user-select:none;user-select:none;transition:none;position:relative;overflow:hidden}.uiux-swo__fill{border-radius:inherit;background:var(--uiux-swo-accent);transform-origin:50%;transition:background-color .2s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.uiux-swo__row[data-status=idle]:not([data-disabled]):hover .uiux-swo__slot:not([data-active]){background:color-mix(in srgb, var(--uiux-swo-ink) 4%, var(--uiux-swo-slot))}}.uiux-swo__slot[data-active]{background:color-mix(in srgb, var(--uiux-swo-ink) 8%, var(--uiux-swo-slot));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--uiux-swo-ink) 32%, transparent)}.uiux-swo__row[data-status=error] .uiux-swo__fill{background:var(--uiux-swo-accent)}.uiux-swo__error-ring{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.uiux-swo__digit{z-index:3;color:var(--uiux-swo-digit);font-family:inherit;font-size:var(--uiux-swo-font);font-variant-numeric:tabular-nums;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.uiux-swo__caret{z-index:3;top:25%;left:calc(var(--uiux-swo-size) / 2 - .75px);opacity:0;pointer-events:none;width:1.5px;height:50%;display:none;position:absolute}.uiux-swo__caret[data-show]{opacity:1;display:block}.uiux-swo__caret-line{background:var(--uiux-swo-ink);width:100%;height:100%;animation:1s linear infinite uiux-swo-blink;display:block}@keyframes uiux-swo-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.uiux-swo__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.uiux-swo__digit,.uiux-swo__check{transition:opacity .15s;transform:none!important}.uiux-swo__caret-line{animation:none}.uiux-swo__wash{opacity:0;transition:opacity .2s}.uiux-swo__row[data-status=success] .uiux-swo__wash{opacity:1}}