:root{--om-step-h: 34px;--om-step-h-sm: 28px;--om-step-gold: var(--gld, #b8964a);--om-step-gold-lo: #9c7d38}.om-slot{display:inline-flex;align-items:center;min-height:var(--om-step-h);background:none;border:0;padding:0}.om-slot .padd-add{height:var(--om-step-h);line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.om-step{display:inline-flex;align-items:stretch;height:var(--om-step-h);border-radius:999px;overflow:hidden;background:linear-gradient(180deg,var(--om-step-gold),var(--om-step-gold-lo));box-shadow:0 0 0 1px #b8964a8c,0 0 0 4px #b8964a29,0 4px 12px -6px #00000073;animation:om-step-in .32s cubic-bezier(.16,1,.3,1)}@keyframes om-step-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.om-step-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#fff;width:30px;font-size:15px;font-weight:500;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.om-step-btn:hover{background:#0000002e}.om-step-btn:active{background:#0000004d}.om-step-btn:focus-visible{outline:2px solid #fff;outline-offset:-3px}.om-step-n{min-width:30px;padding:0 2px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;background:#0003;box-shadow:inset 1px 0 #ffffff1f,inset -1px 0 #ffffff1f}.om-step-n.om-tick{animation:om-tick .3s cubic-bezier(.16,1,.3,1)}@keyframes om-tick{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.om-slot.om-busy{opacity:.62;pointer-events:none}html.dark .om-step{box-shadow:0 0 0 1px #e2c47a8c,0 0 0 4px #e2c47a24,0 4px 12px -6px #000000b3}@media(max-width:520px){.om-slot{min-height:var(--om-step-h-sm)}.om-slot .padd-add{height:var(--om-step-h-sm);font-size:11px}.om-step{height:var(--om-step-h-sm)}.om-step-btn{width:26px;font-size:14px}.om-step-n{min-width:26px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){.om-step,.om-step-n.om-tick{animation:none!important}.om-step-btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/opulence-stepper.css.map */