:is(.rc,.qa) .rc__opt{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-width:250px;margin-inline:auto;height:auto;min-height:0;max-height:none;justify-content:flex-start;gap:6px;padding:11px 10px 10px;border-radius:18px;color:#fff;font-family:Fredoka,sans-serif;background:linear-gradient(160deg,#4a1b82d1,#20094ae6);border:1px solid rgba(190,225,255,.28);box-shadow:0 10px 26px #14082e66,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;animation:ro-in .22s cubic-bezier(.2,.8,.2,1) both}@keyframes ro-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:is(.rc,.qa) .rc__opt[hidden]{display:none}:is(.rc,.qa) .rc__opt .ro__x{top:7px;right:7px;width:20px;height:20px;border:0;font-size:14px;line-height:20px;font-weight:700;background:#fff3;color:#fff}:is(.rc,.qa) .rc__opt .ro__l{display:flex;align-items:baseline;gap:5px;margin:0;font:600 10px Fredoka,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d7c4ff}:is(.rc,.qa) .rc__opt .ro__l b{margin:0;font:600 12px Fredoka,sans-serif;color:#c8ff3d;text-transform:none;letter-spacing:.01em}:is(.rc,.qa) .rc__opt .ro__row{flex-wrap:wrap;overflow:visible;gap:7px;padding:3px 3px 1px}:is(.rc,.qa) .rc__opt .ro__dot{width:22px;height:22px;border:2px solid #fff;box-shadow:0 2px 6px #08041873;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s;filter:saturate(1.2)}:is(.rc,.qa) .rc__opt .ro__dot:hover{transform:scale(1.1)}:is(.rc,.qa) .rc__opt .ro__dot.is-on{outline-color:#c8ff3d;transform:none}:is(.rc,.qa) .rc__opt .ro__sz{min-width:32px;height:26px;padding:0 9px;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;background:#ffffff14;box-shadow:none;color:#fff;font:600 12px Fredoka,sans-serif;transition:background .15s,color .15s,border-color .15s}:is(.rc,.qa) .rc__opt .ro__sz:not(:disabled):hover{background:#ffffff38;border-color:#fff}:is(.rc,.qa) .rc__opt .ro__sz.is-on{background:#c8ff3d;border-color:#c8ff3d;color:#20094a;box-shadow:0 0 12px #c8ff3d66}:is(.rc,.qa) .rc__opt .ro__sz:disabled{opacity:.3}:is(.rc,.qa) .rc__opt .ro__go{margin-top:2px;height:32px;border-radius:999px;border:0;background:#c8ff3d;color:#20094a;font:700 12px Fredoka,sans-serif;letter-spacing:.03em;opacity:1;box-shadow:0 5px 14px #c8ff3d4d;transition:box-shadow .15s,transform .15s}:is(.rc,.qa) .rc__opt .ro__go:not(:disabled):hover{transform:translateY(-1px)}:is(.rc,.qa) .rc__opt .ro__go:disabled{opacity:1;background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #fff6;font-size:0}:is(.rc,.qa) .rc__opt .ro__go:disabled:after{content:"Choose your color & size";font:600 12px Fredoka,sans-serif}:is(.rc,.qa) .rc__opt:has(.ro__dot.is-on):has(.ro__sz) .ro__go:disabled:after{content:"Choose your size"}:is(.rc,.qa) .rc__opt:has(.ro__sz.is-on):has(.ro__dot) .ro__go:disabled:after{content:"Choose your color"}:is(.rc,.qa) .rc__opt:has(.ro__dot.is-on):not(:has(.ro__sz)) .ro__go:disabled:after{content:"Choose your color"}:is(.rc,.qa) .rc__opt:not(:has(.ro__dot)) .ro__go:disabled:after{content:"Choose your size"}:is(.rc,.qa) .rc__opt:not(:has(.ro__sz)) .ro__go:disabled:after{content:"Choose your color"}@media(prefers-reduced-motion:reduce){:is(.rc,.qa) .rc__opt{animation:none}}.rc-row .rc .rc__opt{top:auto;left:5px;right:5px;bottom:5px;max-width:none;margin:0;max-height:calc(100% - 10px);border-radius:13px;padding:20px 7px 7px;gap:4px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.rc-row .rc .rc__opt::-webkit-scrollbar{display:none}.rc-row .rc .rc__opt .ro__x{top:4px;right:4px;width:16px;height:16px;font-size:12px;line-height:16px}.rc-row .rc .rc__opt .ro__l{font-size:8px;letter-spacing:.08em;gap:4px}.rc-row .rc .rc__opt .ro__l b{font-size:10px}.rc-row .rc .rc__opt .ro__row{gap:5px;padding:2px 1px}.rc-row .rc .rc__opt .ro__dot{width:18px;height:18px;border-width:1.5px;outline-width:1.5px;outline-offset:1.5px}.rc-row .rc .rc__opt .ro__sz{min-width:24px;height:20px;padding:0 6px;font-size:10px;border-width:1px}.rc-row .rc .rc__opt .ro__go{margin-top:2px;flex:none;height:26px;padding:0 4px;font-size:10px;line-height:1}.rc-row .rc .rc__opt .ro__go:disabled:after{content:"Choose color & size";font:600 9px Fredoka,sans-serif}.rc-row .rc .rc__opt:has(.ro__dot.is-on):has(.ro__sz) .ro__go:disabled:after,.rc-row .rc .rc__opt:has(.ro__sz.is-on):has(.ro__dot) .ro__go:disabled:after,.rc-row .rc .rc__opt:not(:has(.ro__dot)) .ro__go:disabled:after,.rc-row .rc .rc__opt:not(:has(.ro__sz)) .ro__go:disabled:after{font:600 9px Fredoka,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/7/assets/nex-opts-ux.css.map */