.cyrp{--g: clamp(56px, 13vw, 260px);position:relative;overflow:clip;padding-block:clamp(72px,8vw,140px);background:radial-gradient(55% 45% at 50% 0%,rgb(255 255 255 / .07),transparent 72%),radial-gradient(38% 32% at 32% 64%,rgb(31 162 255 / .07),transparent 72%),radial-gradient(38% 32% at 68% 38%,rgb(224 59 255 / .06),transparent 72%),radial-gradient(50% 40% at 50% 55%,rgb(139 92 255 / .08),transparent 75%),linear-gradient(180deg,#0b0b0e,#060608);color:#f5f5f7}.cyrp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:none;-webkit-mask:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 85%);mask:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 85%)}.cyrp__stage{position:relative;z-index:1;inline-size:min(calc(100% - var(--g) * 2),1640px);margin-inline:auto;aspect-ratio:var(--cyrp-ar);container-type:inline-size}.cyrp__art{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size}.cyrp__art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--cyrp-rad) * 1cqw);box-shadow:0 2.4cqh 6cqh -1cqh #000000b3,0 .4cqh 1.2cqh #00000080}.cyrp__pad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;inline-size:100%;block-size:100%;object-fit:fill}.cyrp__switch{position:absolute;z-index:3;inline-size:calc(var(--cyrp-sw-w) * 1cqw);block-size:auto;aspect-ratio:var(--cyrp-sw-ar);inset-inline-start:calc(var(--cyrp-sw-w) * var(--cyrp-sw-ax) / -100 * 1cqw);inset-block-start:calc(var(--cyrp-sw-y) * 1cqh - var(--cyrp-sw-w) / var(--cyrp-sw-ar) * var(--cyrp-sw-ay) / 100 * 1cqw)}.cyrp__cable{position:absolute;z-index:2;inline-size:300vmax;block-size:calc(var(--cyrp-sw-w) / var(--cyrp-sw-ar) * 1cqw);inset-inline-end:calc(100% + var(--cyrp-sw-w) * var(--cyrp-sw-ax) / 100 * 1cqw - var(--cyrp-sw-w) * .06cqw);inset-block-start:calc(var(--cyrp-sw-y) * 1cqh - var(--cyrp-sw-w) / var(--cyrp-sw-ar) * var(--cyrp-sw-ay) / 100 * 1cqw);background-repeat:repeat-x;background-size:auto 100%;background-position:right center}.cyrp__art{--t: max(3px, .4cqw);--c1: #FF2D75;--c2: #E03BFF;--c3: #8B5CFF;--c4: #4D6BFF;--c5: #1FA2FF;--c6: #12D8FA;--c7: #3DFFC2}.cyrp__ring,.cyrp__glow,.cyrp__ground{position:absolute;overflow:hidden;pointer-events:none}.cyrp__ring{top:0;right:0;bottom:0;left:0;z-index:1;padding:var(--t);border-radius:calc(var(--cyrp-rad) * 1cqw);background:#101014;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cyrp__glow{inset:calc(var(--t) * -1.4);border-radius:calc(var(--cyrp-rad) * 1cqw + var(--t) * 1.4);filter:blur(2.4rem);opacity:.6}.cyrp__ground{top:-1.6cqw;right:-1.6cqw;bottom:-1.6cqw;left:-1.6cqw;border-radius:calc(var(--cyrp-rad) * 1cqw + 1.6cqw);filter:blur(4.8rem);opacity:.32}:is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{position:absolute;display:block}.cyrp__art:is([data-mode=comet],[data-mode=wave]) :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{left:50%;top:50%;inline-size:160cqmax;aspect-ratio:1;transform:translate(-50%,-50%);animation:cyrpTurn var(--cyrp-speed, 7s) linear infinite}.cyrp__art[data-mode=comet]{--cyrp-speed: 2.4s}.cyrp__art[data-mode=comet] :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{background:conic-gradient(from 0deg,rgb(16 16 20 / 0) 0 40%,rgb(139 92 255 / .25) 55%,var(--c3) 68%,var(--c4) 76%,var(--c5) 84%,var(--c6) 92%,#E9FDFF 98.4%,rgb(16 16 20 / 0) 99.6%)}.cyrp__art[data-mode=wave] :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{background:conic-gradient(var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6),var(--c7),var(--c1))}@keyframes cyrpTurn{to{transform:translate(-50%,-50%) rotate(1turn)}}.cyrp__art:is([data-mode=spectrum],[data-mode=breathing]) :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{left:0;top:-10%;inline-size:100%;block-size:900%;background:linear-gradient(180deg,var(--c1) 0 7%,var(--c2) 13% 18.5%,var(--c3) 24.5% 30%,var(--c4) 36% 41.5%,var(--c5) 47.5% 53%,var(--c6) 59% 64.5%,var(--c7) 70.5% 76%,var(--c1) 82% 100%);animation:cyrpRise 18s linear infinite}@keyframes cyrpRise{to{transform:translateY(-75.6%)}}.cyrp__art[data-mode=breathing] :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{animation:cyrpRise 18s linear infinite,cyrpBreathe 3.2s ease-in-out infinite alternate}@keyframes cyrpBreathe{0%{opacity:.12}to{opacity:1}}.cyrp__art[data-mode=flow] :is(.cyrp__ring,.cyrp__glow,.cyrp__ground)>i{left:0;top:0;block-size:100%;inline-size:300%;background:repeating-linear-gradient(90deg,var(--c1) 0,var(--c2) 4.76%,var(--c3) 9.52%,var(--c4) 14.28%,var(--c5) 19.04%,var(--c6) 23.8%,var(--c7) 28.56%,var(--c1) 33.333%);animation:cyrpSlide 6s linear infinite}@keyframes cyrpSlide{to{transform:translate(-33.333%)}}.cyrp__btn{position:absolute;z-index:4;inset-inline-start:0;inset-block-start:calc(var(--cyrp-sw-y) * 1%);translate:-50% -50%;inline-size:max(44px,calc(var(--cyrp-sw-w) * .23cqw));block-size:max(44px,calc(var(--cyrp-sw-w) / var(--cyrp-sw-ar) * .92cqw));padding:0;border:0;border-radius:.6rem;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.cyrp__btn:focus-visible{outline:2px solid #EB0201;outline-offset:4px}.cyrp__ping{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:.8rem;border:1px solid rgb(255 255 255 / .55);pointer-events:none;animation:cyrpPing 2.6s ease-out infinite}@keyframes cyrpPing{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;transform:scale(1.35)}}.cyrp__btn:is(:hover,:focus-visible) .cyrp__ping{animation-duration:1.4s;border-color:#fff}.cyrp__call{position:absolute;inset-block-start:50%;inset-inline-start:100%;translate:0 -50%;display:flex;align-items:center;pointer-events:none}.cyrp__lead{inline-size:clamp(2.4rem,3cqw,4.8rem);block-size:1px;flex:none;background:linear-gradient(90deg,#ffffffb3,#ffffff2e)}.cyrp__lead:before{content:"";display:block;inline-size:5px;block-size:5px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fffc}.cyrp__card{display:grid;gap:.5rem;padding:1.1rem 1.4rem 1.2rem;border-radius:.8rem;text-align:start;white-space:nowrap;background:linear-gradient(180deg,#18181ed1,#0c0c10d1);border:1px solid rgb(255 255 255 / .12);box-shadow:0 1.2rem 3rem -1.6rem #000c,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s ease}.cyrp__btn:is(:hover,:focus-visible) .cyrp__card{border-color:#ffffff4d}.cyrp__k{font:600 1.2rem / 1 var(--font-body-family);letter-spacing:.16em;text-transform:uppercase;color:#9c9ca6}.cyrp__k [data-cyrp-idx]{color:#fff}.cyrp__nm{display:flex;align-items:center;gap:1.2rem}.cyrp__nm b{font:600 1.8rem / 1.1 var(--font-heading-family);letter-spacing:-.01em;color:#fff}.cyrp__nm b.is-new{animation:cyrpName .45s ease}@keyframes cyrpName{0%{opacity:0;translate:0 .4rem}to{opacity:1;translate:0 0}}.cyrp__dots{display:inline-flex;gap:.5rem}.cyrp__dots i{inline-size:.6rem;block-size:.6rem;border-radius:50%;background:#fff3;transition:background-color .3s ease,transform .3s ease}.cyrp__dots i.is-on{background:conic-gradient(#ff2d75,#e03bff,#8b5cff,#4d6bff,#1fa2ff,#12d8fa,#3dffc2,#ff2d75);transform:scale(1.35);box-shadow:0 0 8px #1fa2ffb3}.cyrp__hint{display:inline-flex;align-items:center;gap:.7rem;font:400 1.2rem / 1.2 var(--font-body-family);color:#a8a8b0}.cyrp__press{position:relative;inline-size:.7rem;block-size:.7rem;border-radius:50%;background:#fff;flex:none}.cyrp__press:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;border:1px solid rgb(255 255 255 / .8);animation:cyrpTap 1.8s ease-out infinite}@keyframes cyrpTap{0%{opacity:.9;transform:scale(.5)}70%,to{opacity:0;transform:scale(1.6)}}.cyrp__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7% 16%;text-align:center;pointer-events:none}.cyrp__body a{pointer-events:auto}.cyrp .cys-eyebrow{justify-content:center;margin:0 0 1.4rem}.cyrp .hdt-section-heading_block,.cyrp .hdt-heading-block{text-align:center;justify-content:center;margin-inline:auto}.cyrp__body .hdt-section-heading_block,.cyrp__body .hdt-heading-block{margin-block-end:0!important;padding-block-end:0!important}.cyrp .hdt-heading-block{font-size:clamp(2.4rem,3.4cqw,5rem)!important;line-height:1.08!important;color:#fff!important}.cyrp__text{max-inline-size:56ch;margin:1.4rem auto 0;font-size:clamp(1.4rem,1.3cqw,1.8rem);line-height:1.55;color:#d9d9de}.cyrp__text p{margin:0}.cyrp__text strong{color:#fff;font-weight:600}.cyrp__stats{display:flex;justify-content:center;margin-block-start:clamp(1.6rem,2.2cqw,3.2rem)}.cyrp .cyfb__stat{padding:0 clamp(1.6rem,2.6cqw,4rem);text-align:center}.cyrp .cyfb__stat+.cyfb__stat{border-inline-start:1px solid rgb(255 255 255 / .16)}.cyrp .cyfb__value{margin:0;font:600 clamp(2.2rem,2.3cqw,3.4rem) / 1.1 var(--font-heading-family);letter-spacing:-.02em;color:#fff}.cyrp .cyfb__note{margin:.6rem 0 0;font-size:1.3rem;line-height:1.35;color:#b9b9c0}.cyrp .cyfb__badge,.cyrp .cyfb__icon{display:none}@media(min-width:750px)and (max-width:1099px){.cyrp{--g: clamp(44px, 7vw, 80px)}.cyrp__body{padding:5% 12%}.cyrp .hdt-heading-block{font-size:clamp(2.2rem,3.6cqw,3.4rem)!important}.cyrp__text{font-size:1.4rem;margin-top:1rem}.cyrp .cys-eyebrow{margin-bottom:.8rem}.cyrp__stats{margin-block-start:1.4rem}.cyrp .cyfb__value{font-size:2.2rem}}@media(max-width:749px){.cyrp{--g: 20px;padding-block:calc((100vw - 40px) * var(--cyrp-ar) * var(--cyrp-sw-w) * (var(--cyrp-sw-ax) - 67) / 10000 + 36px) 64px}.cyrp__stage{aspect-ratio:calc(1 / var(--cyrp-ar))}.cyrp__art{inset:auto;left:50%;top:50%;inline-size:calc(100cqw * var(--cyrp-ar));block-size:100cqw;transform:translate(-50%,-50%) rotate(90deg)}.cyrp__btn{inset-block-start:0;inset-inline-start:calc(100% - var(--cyrp-sw-y) * 1%);--bw: max(44px, calc(var(--cyrp-sw-w) / var(--cyrp-sw-ar) * .92cqw * var(--cyrp-ar)));inline-size:var(--bw);block-size:max(44px,calc(var(--cyrp-sw-w) * .23cqw * var(--cyrp-ar)))}.cyrp__call{inset-block-start:100%;inset-inline-start:auto;inset-inline-end:-1.2rem;translate:0 0;flex-direction:column;align-items:flex-end}.cyrp__lead{inline-size:1px;block-size:2.4rem;margin-inline-end:calc(1.2rem + var(--bw) / 2 - .5px);background:linear-gradient(180deg,#ffffffb3,#ffffff2e)}.cyrp__card{padding:1rem 1.2rem 1.1rem}.cyrp__body{padding:14cqw 10cqw 10cqw}.cyrp .hdt-heading-block{font-size:clamp(2.6rem,8.4cqw,3.6rem)!important}.cyrp__text{font-size:1.5rem}.cyrp__stats{flex-direction:column;gap:2rem}.cyrp .cyfb__stat+.cyfb__stat{border-inline-start:0;border-block-start:1px solid rgb(255 255 255 / .16);padding-block-start:2rem}.cyrp__glow{filter:blur(1.6rem)}.cyrp__ground{filter:blur(3.2rem)}}@media(prefers-reduced-motion:reduce){.cyrp__art i,.cyrp__ping,.cyrp__press:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/cy-rgb-pad.css.map */