:root{--kc-e:cubic-bezier(.16,1,.3,1);--kc-e2:cubic-bezier(.2,.7,.3,1)}html.kc-motion .kc [data-kc-r],html.kc-motion .kc [data-kc-r] *{animation:none}html.kc-motion .kc [data-kc-r=wait]{opacity:0;transform:translate3d(0,30px,0) scale(.985)}html.kc-motion .kc [data-kc-r=in]{opacity:1;transform:none;transition:opacity .8s var(--kc-e) var(--kc-d,0ms),transform 1s var(--kc-e) var(--kc-d,0ms)}html.kc-motion .kc .qhead[data-kc-r=wait]{transform:none}html.kc-motion .kc .qhead[data-kc-r=wait] h2{clip-path:inset(0 0 100% 0);transform:translate3d(0,.45em,0)}html.kc-motion .kc .qhead[data-kc-r=in] h2{clip-path:inset(-25% -4% -25% -4%);transform:none;transition:clip-path 1.05s var(--kc-e) .1s,transform 1.05s var(--kc-e) .1s}html.kc-motion .kc .qhead[data-kc-r=wait] .qnum:after{width:0}html.kc-motion .kc .qhead[data-kc-r=in] .qnum:after{width:22px;transition:width .9s var(--kc-e) .35s}html.kc-motion .kc .pull[data-kc-r]{border-left-color:transparent;position:relative}html.kc-motion .kc .pull[data-kc-r]:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:var(--kc-copper);transform-origin:50% 0;transform:scaleY(0)}html.kc-motion .kc .pull[data-kc-r=in]:before,html.kc-motion .kc .pull[data-kc-r=done]:before{transform:scaleY(1);transition:transform 1.1s var(--kc-e) .25s}html.kc-motion .kc .band--coal .pull[data-kc-r]:before{background:#e8a96f}html.kc-motion .kc .dots button{transition:width .45s var(--kc-e),background-color .25s}html.kc-motion .kc .dots button[aria-current=true]{width:46px}@media(max-width:760px){html.kc-motion .kc .carousel-wrap .slide>*{transition:opacity .45s var(--kc-e2),transform .55s var(--kc-e)}html.kc-motion .kc .carousel-wrap .slide[data-kc-focus=off]>*{opacity:.42}html.kc-motion .kc .carousel-wrap .slide[data-kc-focus=off]>:first-child{transform:scale(.94)}}.kc .kc-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}.kc .kc-ripple i{position:absolute;border-radius:50%;background:currentColor;opacity:0;pointer-events:none}@keyframes kcSweep{0%,62%{background-position:135% 0,0 0}to{background-position:-35% 0,0 0}}html.kc-motion .kc .btn--buy{background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%),linear-gradient(180deg,#ffffff26,#00000012);background-size:260% 100%,100% 100%;background-repeat:no-repeat;background-position:135% 0,0 0;animation:kcSweep 5.2s var(--kc-e2) 1.6s infinite;transition:translate .35s var(--kc-e),transform .12s var(--kc-e2),background-color .16s,box-shadow .25s}html.kc-motion .kc .btn:active{transform:scale(.96)}@keyframes kcSpin{to{transform:rotate(360deg)}}.kc .btn.kc-busy{pointer-events:none;opacity:.92}.kc .btn.kc-busy:before{content:"";flex:none;width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:kcSpin .7s linear infinite}@keyframes kcPick{0%{transform:scale(.97)}55%{transform:scale(1.012)}to{transform:none}}html.kc-motion .kc .opt.kc-picked{animation:kcPick .42s var(--kc-e)}html.kc-motion .kc .opt:active{transform:scale(.985)}@keyframes kcFade{0%{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}html.kc-motion .kc details[open] .a{animation:kcFade .45s var(--kc-e)}@media(pointer:fine){html.kc-motion .kc .riskcard,html.kc-motion .kc .cmpcard,html.kc-motion .kc .kititem,html.kc-motion .kc .rung,html.kc-motion .kc .card{position:relative}html.kc-motion .kc .riskcard:after,html.kc-motion .kc .cmpcard:after,html.kc-motion .kc .kititem:after,html.kc-motion .kc .rung:after,html.kc-motion .kc .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--px,50%) var(--py,50%),rgba(232,169,111,.17),transparent 70%);transition:opacity .35s var(--kc-e2)}html.kc-motion .kc .riskcard:hover:after,html.kc-motion .kc .cmpcard:hover:after,html.kc-motion .kc .kititem:hover:after,html.kc-motion .kc .rung:hover:after,html.kc-motion .kc .card:hover:after{opacity:1}html.kc-motion .kc .kititem:after,html.kc-motion .kc .rung:after,html.kc-motion .kc .card:after{background:radial-gradient(320px circle at var(--px,50%) var(--py,50%),rgba(176,72,26,.08),transparent 70%)}}@media(prefers-reduced-motion:reduce){html.kc-motion .kc [data-kc-r]{opacity:1!important;transform:none!important}html.kc-motion .kc .btn--buy{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kc-motion.css.map */