.load{opacity:0;animation:load-rise .9s var(--ease-out) forwards;animation-delay:var(--d,0ms)}@keyframes load-rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}.hero-title .w>span{transform:translate3d(0,110%,0);animation:word-up 1s var(--ease-out) forwards;animation-delay:calc(.14s + var(--i,0) * 55ms)}@keyframes word-up{to{transform:none}}.hero-brand i{animation:bar-draw .9s var(--ease-out) backwards;animation-delay:.14s}@keyframes bar-draw{0%{transform:scaleX(0)}}.load-media{opacity:0;animation:media-in 1.5s var(--ease-out) forwards;animation-delay:.24s}@keyframes media-in{0%{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}.load-chip{opacity:0;animation:chip-in .8s var(--ease-out) forwards;animation-delay:1.05s}@keyframes chip-in{0%{opacity:0;transform:translate3d(0,14px,0) scale(.96)}to{opacity:1;transform:none}}.js .reveal:not(.in){opacity:0}.js .reveal.in{animation:reveal-up .95s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 90ms)}.js .reveal-scale.in{animation-name:reveal-scale}@keyframes reveal-up{0%{opacity:0;transform:translate3d(0,var(--rise,28px),0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.94)}}@media(max-width:700px){.reveal{--rise:16px}}.sheet{position:relative;z-index:2;border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(var(--sheet-r) * -1)}.sheet.bg-dark{box-shadow:0 -16px 36px -28px #1c1d1b66}.sheet.bg-white{box-shadow:0 -18px 40px -26px #0000008c}.shopify-section:has(>.bg-dark)+.shopify-section>.section:not(.bg-dark):not(.sheet){position:relative;z-index:2;border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(var(--sheet-r) * -1);box-shadow:0 -18px 40px -26px #0000008c}.footer{position:relative;z-index:2;border-top:none;border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(var(--sheet-r) * -1)}@media(max-width:700px){:root{--sheet-r:24px}}.shopify-section:has(>.bg-warm)+.shopify-section>.bg-white:not(.sheet){background:linear-gradient(var(--warm),var(--white) 160px)}.shopify-section:has(>.bg-white)+.shopify-section>.bg-warm:not(.sheet){background:linear-gradient(var(--white),var(--warm) 160px)}.shopify-section:has(>.bg-warm)+.shopify-section:not(:has(>*))+.shopify-section>.bg-white:not(.sheet){background:linear-gradient(var(--warm),var(--white) 160px)}.shopify-section:has(>.bg-white)+.shopify-section:not(:has(>*))+.shopify-section>.bg-warm:not(.sheet){background:linear-gradient(var(--white),var(--warm) 160px)}.section.bg-dark,.shopify-section:has(+.shopify-section>.sheet)>.section{padding-bottom:calc(88px + var(--sheet-r))}@media(max-width:700px){.section.bg-dark,.shopify-section:has(+.shopify-section>.sheet)>.section{padding-bottom:calc(60px + var(--sheet-r))}}.shopify-section:has(>.hero)+.shopify-section>.section{padding-top:56px}@media(max-width:700px){.shopify-section:has(>.hero)+.shopify-section>.section{padding-top:34px}}.shopify-section:has(+.shopify-section>.story-section)>.pain-section{padding-bottom:44px}.shopify-section:has(>.pain-section)+.shopify-section>.story-section{padding-top:44px}.shopify-section:has(+.shopify-section>.story-section)>.pain-section .connector{--line-h:95px;background:linear-gradient(var(--lime),#A6E24A)}.shopify-section:has(>.pain-section)+.shopify-section>.story-section .section-head .kicker{position:relative;padding-left:20px}.shopify-section:has(>.pain-section)+.shopify-section>.story-section .section-head .kicker:before{content:"";position:absolute;left:-1px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #8bd42a38}@media(max-width:700px){.shopify-section:has(+.shopify-section>.story-section)>.pain-section{padding-bottom:32px}.shopify-section:has(>.pain-section)+.shopify-section>.story-section{padding-top:32px}.shopify-section:has(+.shopify-section>.story-section)>.pain-section .connector{--line-h:71px}}:root{--merge:76px}@media(max-width:760px){:root{--merge:56px}}.story-old,.story-new{position:relative;z-index:3}.story .story-arrow{z-index:5}.shopify-section:has(+.shopify-section>.demo)>.story-section .story-new{padding-bottom:calc(var(--merge) + 22px)}@media(min-width:1061px){.shopify-section:has(+.shopify-section>.demo)>.story-section :is(.story-old,.story-arrow){margin-bottom:var(--merge)}}.shopify-section:has(+.shopify-section>.demo)>.story-section{padding-bottom:0}.shopify-section:has(>.story-section)+.shopify-section>.demo{margin-top:calc(-1 * var(--merge));padding-top:calc(var(--merge) + 88px)}@media(max-width:700px){.shopify-section:has(>.story-section)+.shopify-section>.demo{padding-top:calc(var(--merge) + 56px)}}.shopify-section:has(+.shopify-section>#where-to-use)>.how{padding-bottom:56px}.shopify-section:has(>.how)+.shopify-section>#where-to-use{padding-top:56px}@media(max-width:700px){.shopify-section:has(+.shopify-section>#where-to-use)>.how{padding-bottom:40px}.shopify-section:has(>.how)+.shopify-section>#where-to-use{padding-top:40px}}.shopify-section:has(>.bg-white)+.shopify-section:not(:has(>*))+.shopify-section>#shop,.shopify-section:has(>.bg-white)+.shopify-section>#shop{position:relative;z-index:2;background:var(--warm);border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(var(--sheet-r) * -1);box-shadow:0 -18px 40px -26px #0000006b}.sticky-top .site-header{background:#faf7f0bd;border-bottom-color:transparent;transition:background-color .4s ease,box-shadow .4s ease,border-color .4s ease}.sticky-top.is-scrolled .site-header{background:#faf7f0f7;border-bottom-color:#e7e1d3e6;box-shadow:0 14px 30px -20px #1c1d1b59}.nav-links a:not(.btn){position:relative;transition:color .25s ease}@media(min-width:861px){.nav-links a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}.nav-links a:not(.btn):hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-links a.is-active{color:var(--ink)}}.cart-count.bump{animation:bump .5s var(--ease-out)}.js .pain-close:not(.in) .connector{transform:scaleY(0)}.pain-close.in .connector{animation:draw-down 1.2s var(--ease-out) .45s backwards}@keyframes draw-down{0%{transform:scaleY(0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.pain-close .connector,.pain-close.in .connector{animation:draw-scroll linear both;animation-timeline:view();animation-range:entry 10% cover 50%}}}@keyframes draw-scroll{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mo .story-old,.mo .story-arrow{transition:opacity .7s ease,transform 1s var(--ease-out)}.mo .story-old:not(.in){opacity:0;transform:translate3d(0,24px,0)}.mo .story-old li{transition:opacity .5s ease,transform .7s var(--ease-out);transition-delay:calc(.16s + var(--i,0) * 90ms)}.mo .story-old:not(.in) li{opacity:0;transform:translate3d(0,10px,0)}.story-old.in .vs-strike{background-size:100% 1.5px;color:#76736a;transition-delay:calc(.74s + var(--i,0) * .11s)}.mo .story-arrow{transition-delay:.55s}.mo .story-old:not(.in)+.story-arrow{opacity:0;transform:scale(.4) rotate(-45deg)}.story-new{--seq-delay:0ms}@media(min-width:1061px){.story-new{--seq-delay:.52s}}.mo .story-new{transition:clip-path 1.1s var(--ease-out);transition-delay:var(--seq-delay)}.mo .story-new:not(.in){clip-path:inset(-160px 100% 0 0 round var(--radius-lg))}.mo .story-new.in{clip-path:inset(-160px 0 0 0 round var(--radius-lg))}.mo .story-visual{transition:opacity .8s ease,transform 1.15s var(--ease-out);transition-delay:calc(var(--seq-delay) + .18s)}.mo .story-new:not(.in) .story-visual{opacity:0;transform:translate3d(0,56px,0)}.mo .story-new li{transition:opacity .5s ease,transform .7s var(--ease-out);transition-delay:calc(var(--seq-delay) + .42s + var(--i,0) * .12s)}.mo .story-new:not(.in) li{opacity:0;transform:translate3d(14px,0,0)}.mo .story-new li svg path{stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--ease-out);transition-delay:calc(var(--seq-delay) + .54s + var(--i,0) * .12s)}.mo .story-new:not(.in) li svg path{stroke-dashoffset:24}.mo .story-slogan{transition:opacity .8s ease,transform .8s var(--ease-out);transition-delay:calc(var(--seq-delay) + 1s)}.mo .story-new:not(.in) .story-slogan{opacity:0;transform:translate3d(0,8px,0)}@media(max-width:760px){.mo .story-new:not(.in),.mo .story-new.in{clip-path:none}.mo .story-new:not(.in) li,.mo .story-new:not(.in) .story-visual,.mo .story-new:not(.in) .story-slogan{opacity:1;transform:none}}.stage--video{aspect-ratio:5/4;background:#111}.stage--video video,.stage--video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.video-caption{position:absolute;left:14px;bottom:14px;z-index:2;font-size:.78rem;font-weight:700;color:var(--charcoal);background:#ffffffe6;border-radius:20px;padding:4px 10px}.js .flow-step{transition:opacity .6s ease,transform .8s var(--ease-out);transition-delay:calc(.26s + var(--i,0) * .11s)}.js .reveal:not(.in) .flow-step{opacity:0;transform:translate3d(0,12px,0)}.mo .how-media{clip-path:inset(100% 0 0 0 round var(--radius-lg));transition:clip-path .9s var(--ease-out)}.mo .how-media>*{transform:scale(1.14);transition:transform 1.5s var(--ease-out)}.mo .how-body{opacity:0;transform:translate3d(0,16px,0);transition:opacity .6s ease .2s,transform .9s var(--ease-out) .2s}.mo .how-step.is-active .how-media{clip-path:inset(0 0 0 0 round var(--radius-lg))}.mo .how-step.is-active .how-media>*{transform:none}.mo .how-step.is-active .how-body{opacity:1;transform:none}.how-step.is-active .how-node{animation:node-pop .6s var(--ease-out)}@keyframes node-pop{40%{transform:scale(1.12)}}.upc-ring.is-pulse{animation:ring-pulse 1.5s var(--ease-out)}@keyframes ring-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.mo .final-card{clip-path:inset(0 100% 0 0 round 0 26px 26px 0);transition:clip-path 1.25s var(--ease-out)}.mo .final-photo{transform:scale(1.1);transition:transform 1.8s var(--ease-out)}.mo .final-pill{opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s ease,transform .7s var(--ease-out)}.mo .final-visual.in .final-card{clip-path:inset(0 0 0 0 round 0 26px 26px 0)}.mo .final-visual.in .final-photo{transform:none}.mo .final-visual.in .final-pill{opacity:1;transform:none;transition-delay:.85s}.mo .final-visual.in .final-pill--pole{transition-delay:1s}@media(max-width:900px){.mo .final-card{clip-path:inset(0 100% 0 0 round 0 20px 20px 0)}.mo .final-visual.in .final-card{clip-path:inset(0 0 0 0 round 0 20px 20px 0)}}.opt{transition:border-color .25s ease,box-shadow .4s var(--ease-out),background-color .25s ease,transform .4s var(--ease-out)}.opt.is-selected{transform:translateY(-2px)}@media(hover:hover){.opt:not(.is-selected):not(.is-unavailable):hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px #1c1d1b4d}}.opt.just-selected{animation:opt-pop .45s var(--ease-out)}@keyframes opt-pop{0%{transform:translateY(-2px) scale(.98)}55%{transform:translateY(-3px) scale(1.012)}to{transform:translateY(-2px) scale(1)}}.opt-radio{transition:border-color .2s ease,background-color .2s ease}.opt-radio:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-62%) rotate(45deg) scale(0);transition:transform .35s var(--ease-out)}.opt.is-selected .opt-radio,.opt:has(input:checked) .opt-radio{background:var(--green-deep);border-color:var(--green-deep)}.opt.is-selected .opt-radio:after,.opt:has(input:checked) .opt-radio:after{transform:translate(-50%,-62%) rotate(45deg) scale(1)}[data-sum-total]{display:inline-block}[data-sum-total].roll{animation:roll-in .5s var(--ease-out)}@keyframes roll-in{0%{opacity:0;transform:translate3d(0,55%,0)}}[data-sum-save-row]{margin:4px -8px 0;padding:3px 8px;border-radius:8px}[data-sum-save-row].flash{animation:flash-save 1s ease}@keyframes flash-save{0%,30%{background-color:#8bd42a47}to{background-color:#8bd42a00}}[data-add-btn].tick{animation:btn-tick .45s var(--ease-out)}@keyframes btn-tick{35%{transform:scale(.985)}}.qty-icon{transition:opacity .35s ease,transform .5s var(--ease-out);transition-delay:calc(var(--i,0) * 45ms)}.qty-icon.off{transform:translate3d(0,5px,0) scale(.94)}.offer-visual .stage.nudge{animation:nudge .6s var(--ease-out)}@keyframes nudge{40%{transform:scale(1.015)}}@media(prefers-reduced-motion:no-preference){.offer-visual .stage:not(.stage--photo) .stage-img{animation:float-x 7s ease-in-out infinite}.offer-visual .stage-shadow{animation:float-shadow 7s ease-in-out infinite}}@keyframes float-x{50%{transform:translate3d(-50%,-7px,0)}}@keyframes float-shadow{50%{transform:translate(-50%) scale(.88);opacity:.75}}@keyframes float-y{50%{transform:translate3d(0,-6px,0)}}@supports (animation-timeline: view()){@media(min-width:900px)and (prefers-reduced-motion:no-preference){.hero-img{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.story-photo{animation:photo-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes hero-drift{to{transform:translate3d(0,6%,0) scale(1.12)}}@keyframes photo-drift{0%{transform:scale(1.06) translate3d(0,-2%,0)}to{transform:scale(1.06) translate3d(0,2%,0)}}@media(prefers-reduced-motion:reduce){.load,.load-media,.load-chip{opacity:1!important;animation:none!important}.hero-title .w>span{transform:none!important;animation:none!important}.js .reveal:not(.in){opacity:1}.js .reveal.in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clevo-motion.css.map */