.oa .oa-btn.cx{--cx-ink: #00394a;--cx-ink-deep: #002a37;--cx-cyan: #00baee;--cx-cyan-hi: #8fe3fb;--cx-red: #d4332e;--cx-h: 80px;--cx-r: 16px;--cx-step: .52s;--cx-disc: var(--cx-cyan);--cx-on-disc: var(--cx-ink-deep);--cx-sub-o: 1;position:relative;display:block;width:100%;height:var(--cx-h);min-height:0;margin:0;padding:0;gap:0;border:0;border-radius:var(--cx-r);background:none;box-shadow:none;overflow:visible;isolation:isolate;text-align:left;white-space:normal;color:#fff;font-family:Gellix,Inter,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}.oa .oa-btn.cx:hover{background:none}.oa .oa-btn.cx[aria-busy=true]{opacity:1;pointer-events:none}.oa .oa-btn.cx:focus-visible{outline:3px solid var(--cx-cyan);outline-offset:5px}.oa .cx svg{display:block;flex:none}.oa .cx .cx-glow,.oa .cx .cx-clip,.oa .cx .cx-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit}.oa .cx .cx-glow{z-index:0;pointer-events:none}.oa .cx .cx-clip{z-index:1;overflow:hidden}.oa .cx .cx-ring{z-index:2;pointer-events:none}.oa .cx .cx-spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.2),rgba(255,255,255,0) 60%)}@media(hover:hover){.oa .oa-btn.cx:hover{transform:translateY(-2px)}.oa .oa-btn.cx:hover .cx-spot{opacity:1}}.oa .oa-btn.cx:active{transform:scale(.965);transition:transform .1s ease-out}.oa .cx .cx-rip{position:absolute;z-index:5;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff9,#fff0 70%);animation:cxRip .75s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cxRip{0%{transform:scale(.2);opacity:1}to{transform:scale(17);opacity:0}}.oa .cx.is-burst .cx-ring{animation:cxBurst .8s cubic-bezier(.2,.7,.3,1)}@keyframes cxBurst{0%{box-shadow:0 0 #00baeea6}to{box-shadow:0 0 0 18px #00baee00}}.oa .cx .cx-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;white-space:normal;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .45s}.oa .cx .cx-load{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 18px;opacity:0;transform:translateY(55%);filter:blur(6px);pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1) .08s,opacity .35s .08s,filter .5s .08s}.oa .cx.is-going .cx-face{transform:translateY(-65%) scale(.96);opacity:0;filter:blur(6px)}.oa .cx.is-going .cx-load{transform:none;opacity:1;filter:none}.oa .cx .cx-load:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,#fff0 30%,#ffffff1a,#fff0 70%) 130% 0 / 220% 100% no-repeat}.oa .cx.is-going .cx-load:before{animation:cxWork 1.5s linear infinite}@keyframes cxWork{0%{background-position:130% 0}to{background-position:-30% 0}}.oa .cx .cx-ico{position:relative;flex:0 0 30px;width:30px;height:30px}.oa .cx .cx-ico svg{position:absolute;top:0;right:0;bottom:0;left:0;width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.oa .cx .cx-ringsvg{transform:rotate(-90deg);transition:opacity .15s,transform .25s}.oa .cx .cx-track{stroke-width:2.5;opacity:.22}.oa .cx .cx-prog{stroke-width:2.5;stroke-dasharray:69.12;stroke-dashoffset:69.12}.oa .cx .cx-ico.is-run .cx-prog{animation:cxFill var(--cx-step) cubic-bezier(.4,0,.2,1) forwards}@keyframes cxFill{to{stroke-dashoffset:0}}.oa .cx .cx-disc{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;background:var(--cx-disc);transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.oa .cx .cx-tick{color:var(--cx-on-disc);stroke-width:3;opacity:0}.oa .cx .cx-tick path{stroke-dasharray:20;stroke-dashoffset:20}.oa .cx .cx-ico.is-tick .cx-ringsvg{opacity:0;transform:rotate(-90deg) scale(.6)}.oa .cx .cx-ico.is-tick .cx-disc{transform:scale(1)}.oa .cx .cx-ico.is-tick .cx-tick{opacity:1}.oa .cx .cx-ico.is-tick .cx-tick path{stroke-dashoffset:0;transition:stroke-dashoffset .26s ease-out .06s}.oa .cx .cx-spark{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;opacity:0;color:var(--cx-disc);box-shadow:0 -18px 0 currentColor,13px -13px 0 currentColor,18px 0 0 currentColor,13px 13px 0 currentColor,0 18px 0 currentColor,-13px 13px 0 currentColor,-18px 0 0 currentColor,-13px -13px 0 currentColor}.oa .cx .cx-ico.is-tick .cx-spark{animation:cxSpark .6s ease-out}@keyframes cxSpark{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.3)}}.oa .cx .cx-lock{opacity:0;stroke-width:2.1}.oa .cx .cx-ico.is-lock .cx-lock{opacity:1}.oa .cx .cx-ico.is-lock .cx-shackle{animation:cxShackle .55s cubic-bezier(.3,1.7,.5,1) .1s both}@keyframes cxShackle{0%{transform:translateY(-4px)}to{transform:none}}.oa .cx .cx-ico.is-lock .cx-prog{stroke-dasharray:16 53.12;stroke-dashoffset:0}.oa .cx .cx-ico.is-lock .cx-ringsvg{animation:cxOrbit .9s linear infinite}@keyframes cxOrbit{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.oa .cx .cx-lines{position:relative;display:grid;flex:0 1 auto;min-width:0;overflow:hidden;padding:3px 0;text-align:left}.oa .cx .cx-line{grid-area:1 / 1;display:flex;flex-direction:column;gap:5px;min-width:0;visibility:hidden}.oa .cx .cx-line.is-on,.oa .cx .cx-line.is-past{visibility:visible}.oa .cx .cx-line b{display:block;font-size:clamp(16px,4.7vw,19.5px);font-weight:800;line-height:1.15;letter-spacing:-.015em;white-space:nowrap}.oa .cx .cx-line b span{display:inline-block}.oa .cx .cx-line small{display:block;font-size:clamp(12px,3.4vw,13.5px);font-weight:500;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0}.oa .cx .cx-line.is-on b span{animation:cxWord .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(90ms + var(--i) * 50ms)}.oa .cx .cx-line.is-on small{animation:cxSub .45s ease-out .2s both}.oa .cx .cx-line.is-past{animation:cxOut .22s ease-in forwards}.oa .cx .cx-line.is-past small{opacity:var(--cx-sub-o)}@keyframes cxWord{0%{opacity:0;transform:translateY(75%);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes cxSub{0%{opacity:0;transform:translateY(5px)}to{opacity:var(--cx-sub-o);transform:none}}@keyframes cxOut{to{opacity:0;transform:translateY(-45%);filter:blur(4px)}}.oa .cx .cx-bar{position:absolute;z-index:3;left:18px;right:18px;bottom:8px;height:3px;display:flex;gap:5px;opacity:0;transition:opacity .3s .2s;pointer-events:none}.oa .cx.is-going .cx-bar{opacity:1}.oa .cx .cx-bar i{position:relative;flex:1 1 0;border-radius:3px;overflow:hidden;background:#ffffff29}.oa .cx .cx-bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--cx-cyan);transform:scaleX(0);transform-origin:left center}.oa .cx .cx-bar i.is-run:after{transform:scaleX(1);transition:transform var(--cx-step) linear}.oa .cx .cx-bar i.is-done{overflow:visible}.oa .cx .cx-bar i.is-done:after{transform:scaleX(1);box-shadow:0 0 8px #00baeee6}.oa .cx .cx-bar i.is-final:after{transform:scaleX(1);animation:cxBreath 1s ease-in-out infinite}@keyframes cxBreath{0%,to{opacity:.45}50%{opacity:1}}.oa .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oa .oa-btn.cx--c{--cx-h: 86px;--cx-r: 14px;--cxc-stub: clamp(108px, 32%, 136px);--cx-sub-o: 1}.oa .cx--c .cx-glow{top:14px;right:10px;bottom:-6px;left:10px;background:#002d3cbf;filter:blur(15px);opacity:.7}.oa .cx--c .cx-clip{border:2px solid var(--cx-ink);background:var(--cx-ink);-webkit-mask:radial-gradient(circle 9px at calc(100% - var(--cxc-stub) - 1px) 0,transparent 97%,#000),radial-gradient(circle 9px at calc(100% - var(--cxc-stub) - 1px) 100%,transparent 97%,#000);-webkit-mask-composite:source-in;mask:radial-gradient(circle 9px at calc(100% - var(--cxc-stub) - 1px) 0,transparent 97%,#000),radial-gradient(circle 9px at calc(100% - var(--cxc-stub) - 1px) 100%,transparent 97%,#000);mask-composite:intersect}.oa .cx--c .cx-face{align-items:stretch}.oa .cx--c .cxc-main{position:relative;isolation:isolate;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 14px 0 20px;overflow:hidden}.oa .cx--c .cxc-main:before{content:"";position:absolute;z-index:-1;top:-80%;left:-30%;width:80%;height:260%;border-radius:50%;background:radial-gradient(closest-side,#00baee57,#00baee00);animation:cxaDrift 8s ease-in-out infinite alternate}.oa .cx--c .cxc-label{font-size:clamp(20px,5.7vw,24px);font-weight:800;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.oa .cx--c .cxc-sub{display:inline-flex;align-items:center;gap:6px;font-size:clamp(12.5px,3.5vw,14px);font-weight:500;line-height:1;white-space:nowrap;color:var(--cx-cyan-hi)}.oa .cx--c .cxc-sub svg{width:15px;height:15px;animation:cxbNudge 1.4s cubic-bezier(.5,0,.3,1) infinite}.oa .cx--c .cxc-stub{position:relative;flex:0 0 var(--cxc-stub);perspective:520px}.oa .cx--c .cxc-card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.25,.5,1)}.oa .cx--c .cxc-front,.oa .cx--c .cxc-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.oa .cx--c .cxc-front{background:#fff;color:var(--cx-ink);border-left:2px dashed rgba(0,57,74,.45)}.oa .cx--c .cxc-back{gap:6px;background:radial-gradient(circle at 50% 30%,#5fdcff,#00baee 70%);color:var(--cx-ink-deep);transform:rotateY(180deg);font-size:15px;font-weight:800}.oa .cx--c .cxc-back svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.oa .cx--c.is-locked .cxc-card{transform:rotateY(180deg)}.oa .cx--c .cxc-foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#00baee00 38%,#00baee24 45%,#aaeeff8c,#00baee24 55%,#00baee00 62%) 120% 0 / 300% 100% no-repeat;animation:cxcFoil 5s ease-in-out 1.6s infinite}@keyframes cxcFoil{0%,55%{background-position:120% 0}85%,to{background-position:-20% 0}}.oa .cx--c .cxc-stamp{position:relative;z-index:1;display:inline-block;padding:3px 7px 2px;border-radius:4px;background:var(--cx-red);color:#fff;font-size:11px;font-weight:800;line-height:1.1;letter-spacing:.01em;transform:rotate(-6deg);box-shadow:0 2px 6px #d4332e59}.oa .cx--c .cxc-now{position:relative;z-index:1;font-size:clamp(22px,6.4vw,27px);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.oa .cx--c .cxc-was{position:relative;z-index:1;font-size:13px;font-weight:500;line-height:1;color:#5d6d75;text-decoration:none}.oa .cx--c .cxc-was:after{content:"";position:absolute;left:-3px;top:50%;height:2px;width:calc(100% + 6px);margin-top:-1px;background:var(--cx-red);border-radius:2px;transform-origin:left center;transform:rotate(-9deg) scaleX(0)}.oa .cx--c .cxc-stamp{opacity:0}.oa .cx--c.is-in .cxc-was:after{transform:rotate(-9deg) scaleX(1);transition:transform .4s cubic-bezier(.6,0,.3,1) .75s}.oa .cx--c.is-in .cxc-stamp{animation:cxcStamp .45s cubic-bezier(.3,1.5,.5,1) 1.05s both,cxcWiggle 6s ease-in-out 2.4s infinite}.oa .cx--c.is-in .cxc-now{animation:cxcRepop 6s ease-in-out 2.4s infinite}@keyframes cxcStamp{0%{opacity:0;transform:rotate(-6deg) scale(2)}70%{opacity:1;transform:rotate(-6deg) scale(.92)}to{opacity:1;transform:rotate(-6deg) scale(1)}}@keyframes cxcWiggle{0%,86%,to{transform:rotate(-6deg)}89%{transform:rotate(4deg) scale(1.08)}92%{transform:rotate(-10deg) scale(1.08)}95%{transform:rotate(-4deg)}}@keyframes cxcRepop{0%,86%,to{transform:none}91%{transform:scale(1.1)}}.oa .cx--c .cx-bar{left:20px;right:20px}@keyframes cxaDrift{0%{transform:translate(-14%)}to{transform:translate(30%)}}@keyframes cxbNudge{0%,to{transform:none}45%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.oa .oa-btn.cx,.oa .cx *,.oa .cx *:before,.oa .cx *:after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}.oa .cx .cx-line.is-on small,.oa .cx .cx-line.is-on b span{opacity:1}.oa .cx .cx-line.is-past{visibility:hidden}.oa .cx--c .cxc-stamp{opacity:1}.oa .cx--c .cxc-was:after{transform:rotate(-9deg) scaleX(1)}}.oa .oa-btn.cx[aria-busy=true]:after{content:none;display:none}.oa .oa-btn.cx,.oa .oa-btn.cx:hover,.oa .oa-btn.cx:active{background:none;box-shadow:none;padding:0}.oa .cx .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oa-hero .oa-btn.oa-hero__cta.cx{margin-top:18px}.oa-prod .oa-btn.oa-prod__cta.cx{margin-top:16px}.oa .oa-cxb{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:clamp(8px,2.6vw,14px);margin:16px 0 0;padding:0;list-style:none;font-family:Gellix,Inter,system-ui,sans-serif;font-size:clamp(11.5px,3.25vw,13px);font-weight:700;line-height:1.2;letter-spacing:-.005em;color:#00394a;white-space:nowrap}.oa .oa-cxb li{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;opacity:0;transform:translateY(6px)}.oa .oa-cxb li:before,.oa .oa-cxb li::marker{content:none}.oa .oa-cxb .oa-cxb__ic{display:block;width:15px;height:15px;flex:none;overflow:visible}.oa .oa-cxb .oa-cxb__ic circle{fill:#00baee;transform-box:fill-box;transform-origin:center}.oa .oa-cxb .oa-cxb__ic path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12}.oa .oa-cxb.is-in li{animation:oaCxbIn .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .14s) both}.oa .oa-cxb.is-in .oa-cxb__ic circle{animation:oaCxbPop .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i) * .14s + 60ms) both,oaCxbPulse 4.8s ease-in-out calc(1.8s + var(--i) * .16s) infinite}.oa .oa-cxb.is-in .oa-cxb__ic path{animation:oaCxbTick .35s ease-out calc(var(--i) * .14s + .28s) forwards}@keyframes oaCxbIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes oaCxbPop{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes oaCxbTick{to{stroke-dashoffset:0}}@keyframes oaCxbPulse{0%,80%,to{transform:scale(1);filter:none}87%{transform:scale(1.24);filter:drop-shadow(0 0 4px rgba(0,186,238,.75))}}.oa .oa-cxb+.oa-btn.cx{margin-top:10px}.oa-hero .oa-cxb{margin-top:18px}.oa.oa-stk .oa-cxb{margin:1px 0 6px;font-size:11.5px;gap:12px}.oa.oa-stk .oa-cxb .oa-cxb__ic{width:13px;height:13px}@media(prefers-reduced-motion:reduce){.oa .oa-cxb li{opacity:1;transform:none;animation:none!important}.oa .oa-cxb .oa-cxb__ic circle,.oa .oa-cxb .oa-cxb__ic path{animation:none!important;transform:none;stroke-dashoffset:0}}.oa-hero .oa-hgifts{position:relative;overflow:visible}.oa.oa-hero .oa-hgifts .oa-hgifts__row{display:flex;justify-content:center;gap:6px}.oa.oa-hero .oa-hgifts .oa-hgifts__tile{flex:0 0 calc((100% - 24px)/5)}.oa-hero .oa-hgbadge{position:absolute;top:-13px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 8px;border-radius:999px;background:#d4332e;color:#fff;overflow:hidden;font-family:Gellix,Inter,system-ui,sans-serif;font-size:11px;font-weight:800;line-height:1.1;letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 10px #d4332e59,0 1px #00000014;transform:rotate(3deg);transform-origin:80% 100%;animation:oaHgIn .55s cubic-bezier(.3,1.6,.5,1) .4s both,oaHgFloat 2.8s ease-in-out 1s infinite}.oa-hero .oa-hgbadge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#fff0 35%,#ffffff8c,#fff0 65%) -120% 0 / 250% 100% no-repeat;animation:oaHgShine 4.2s ease-in-out 1.6s infinite}.oa-hero .oa-hgbadge__dot{flex:none;width:6px;height:6px;border-radius:50%;background:#fff;animation:oaHgPing 1.4s ease-out infinite}@keyframes oaHgIn{0%{opacity:0;transform:translateY(8px) rotate(3deg) scale(.6)}to{opacity:1;transform:rotate(3deg)}}@keyframes oaHgFloat{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes oaHgShine{0%,60%{background-position:-120% 0}to{background-position:220% 0}}@keyframes oaHgPing{0%{box-shadow:0 0 #ffffffbf}to{box-shadow:0 0 0 7px #fff0}}@media(max-width:359px){.oa-hero .oa-hgbadge{top:-16px;right:6px;font-size:10px;padding:3px 8px 3px 7px}}@media(prefers-reduced-motion:reduce){.oa-hero .oa-hgbadge,.oa-hero .oa-hgbadge:after,.oa-hero .oa-hgbadge__dot{animation:none!important}}.oa .oa-tier .oa-tier__go,.oa-stk.oa-cxc-on .oa-stk__price{display:none}.oa.oa-stk .oa-btn.cx--c{--cx-h: 64px;--cx-r: 12px;--cxc-stub: 108px;flex:1 1 auto;width:100%}.oa.oa-stk .cx--c .cx-glow{top:10px;right:10px;bottom:-4px;left:10px}.oa.oa-stk .cx--c .cxc-main{gap:5px;padding:0 10px 0 16px}.oa.oa-stk .cx--c .cxc-label{font-size:20px}.oa.oa-stk .cx--c .cxc-sub{font-size:12px}.oa.oa-stk .cx--c .cxc-front{gap:2px}.oa.oa-stk .cx--c .cxc-now{font-size:22px}.oa.oa-stk .cx--c .cxc-was{font-size:11.5px}.oa.oa-stk .cx--c .cxc-stamp{font-size:10px;padding:2px 6px 1px}.oa.oa-stk .cx .cx-line b{font-size:17px}.oa.oa-stk .cx .cx-line small{font-size:11.5px}
/*# sourceMappingURL=/cdn/shop/t/123/assets/oa-cxc.css.map */
