.co-home-9{background-color:var(--co-white);padding-top:40px;padding-bottom:40px;overflow-x:clip}.co-home-9-frame{max-width:var(--page-width);margin:0 auto}.co-home-9-header{z-index:1;padding:0 40px 40px}.co-home-9-header h2{text-align:center;margin-bottom:20px}.co-home-9-header p{text-align:center;max-width:600px;margin:20px auto 0}.co-home-9-canvas{z-index:2;height:0;padding-bottom:var(--co-canvas-height-desktop)}.co-home-9-laptop{width:var(--co-width-desktop);top:var(--co-v);left:var(--co-h);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.co-home-9-sticker{z-index:2;width:calc(var(--co-width) * var(--co-desktop-scale) / 100);top:var(--co-v);left:var(--co-h);touch-action:none;cursor:grab;will-change:transform}.co-home-9-sticker:active{cursor:grabbing}.co-home-9-sticker-rotator,.co-home-9-sticker-frame,.co-home-9-sticker-frame *{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.co-home-9-sticker-handle{pointer-events:auto;opacity:0;transform:scale(.5);transition:transform .3s,opacity .3s;top:-12px;right:-12px;left:unset;width:24px;height:24px;touch-action:none;cursor:grab;display:flex;flex-direction:column;justify-content:center;align-items:center}.co-home-9-sticker-handle svg{width:12px;pointer-events:none}.co-home-9-sticker-handle:active{cursor:grabbing}.co-home-9-sticker-handle:active{opacity:1;transform:scale(1)}@media(hover:hover){.co-home-9-sticker:hover .co-home-9-sticker-handle{opacity:1;transform:scale(1)}}.co-home-9-sticker.co-handle-live .co-home-9-sticker-handle,.co-home-9-sticker:active .co-home-9-sticker-handle{opacity:1;transform:scale(1)}.co-home-9-buttons{padding:40px 40px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.co-home-9-buttons a,.co-home-9-buttons button{width:100%;max-width:240px}.co-home-9-cta{--text-speed: .26;--base-delay: calc(var(--text-speed) * .25);--tick-speed: .1;--ring-speed: .2;--check-speed: .2;--burst-speed: .32;--step-delay: 3;position:relative;-webkit-user-select:none;user-select:none}.co-home-9-cta-text{--atc-opacity: 0;--atc-destination: -1em;display:flex;gap:6px;align-items:center;justify-content:center;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing);animation-fill-mode:forwards;transition:width var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing);clip-path:circle(100% at 50% 50%)}.co-home-9-cta-added{--atc-opacity: 1;--atc-destination: 0px;position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:.3rem}.co-home-9-cta-added-icon{width:24px;height:24px}.co-home-9-cta-added-icon .checkmark-burst{width:24px;height:24px;opacity:0;overflow:visible}.co-home-9-cta-added-icon .checkmark-burst .burst{rotate:20deg}.co-home-9-cta-added-icon .checkmark-burst .check{opacity:.2;scale:.8;filter:blur(2px);transform:translateZ(0)}.co-home-9-cta-added-icon .checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:center}.co-home-9-cta-added-icon .checkmark-burst .line{stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5;translate:0 -180%}.co-home-9-cta-added-icon .checkmark-burst g{transform-origin:center;rotate:calc(var(--index) * (360 / 8) * 1deg)}.co-home-9-cta[data-added=true] .co-home-9-cta-text,.co-home-9-cta[data-added=true] .co-home-9-cta-added{animation-name:co-home-9-cta-slide}.co-home-9-cta[data-added=true] .checkmark-burst{opacity:1}.co-home-9-cta[data-added=true] .check{opacity:1;scale:1;filter:blur(0)}.co-home-9-cta[data-added=true] .tick{scale:1.75}.co-home-9-cta[data-added=true] .ring{opacity:0;scale:1}.co-home-9-cta[data-added=true] .line{stroke-dashoffset:1.5}.co-home-9-cta[data-added=true] .co-home-9-cta-text{clip-path:circle(0% at 50% 50%);filter:blur(2px);opacity:0;translate:0 4px}@media(prefers-reduced-motion:no-preference){.co-home-9-cta[data-added=true] .check{transition-property:opacity,scale,filter;transition-duration:calc(var(--check-speed) * 1s);transition-delay:calc(var(--base-delay) * 1s);transition-timing-function:var(--ease-out-quad)}.co-home-9-cta[data-added=true] .tick{transition-property:scale;transition-duration:calc(var(--tick-speed) * 1s);transition-delay:calc((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s);transition-timing-function:ease-out}.co-home-9-cta[data-added=true] .ring{transition-property:opacity,scale;transition-duration:calc(var(--ring-speed) * 1s);transition-delay:calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s);transition-timing-function:var(--ease-out-quad)}.co-home-9-cta[data-added=true] .line{transition-property:stroke-dashoffset;transition-duration:calc(var(--burst-speed) * 1s);transition-delay:calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s);transition-timing-function:var(--ease-out-cubic)}.co-home-9-cta[data-added=true] .co-home-9-cta-text{transition-property:clip-path,opacity,filter,translate;transition-duration:calc(var(--text-speed) * .6s),calc(var(--text-speed) * 1s);transition-timing-function:ease-out}}@keyframes co-home-9-cta-slide{to{opacity:var(--atc-opacity, 1);translate:0px var(--atc-destination, 0px)}}.co-home-9-loader{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:10;pointer-events:none;opacity:1;transition:opacity .3s ease}.co-home-9-loader-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--co-black);border-radius:50%;animation:co-home-9-loader-spin .9s linear infinite;will-change:transform}@keyframes co-home-9-loader-spin{to{transform:rotate(360deg)}}.co-home-9.is-ready .co-home-9-loader{opacity:0}@media(prefers-reduced-motion:reduce){.co-home-9-loader-spinner{animation:none}}@media screen and (max-width:749px){.co-home-9{padding-top:20px;padding-bottom:20px}.co-home-9-header{padding:0 15px 15px}.co-home-9-canvas{padding-bottom:var(--co-canvas-height-mobile)}.co-home-9-laptop{width:var(--co-width-mobile);top:var(--co-v-mobile);left:var(--co-h-mobile)}.co-home-9-sticker{width:calc(var(--co-width) * var(--co-mobile-scale) / 100);top:var(--co-v-mobile);left:var(--co-h-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/co-styles-home-9.css.map */