.kd-bc__steps{--kd-bc-ease: var(--kd-ease-out, cubic-bezier(.16, 1, .3, 1));--kd-bc-gold: var(--kd-gold-500, #c8974e);--kd-bc-gold-soft: var(--kd-gold-300, #edd9a8)}html.kd-motion .kd-bc__step{position:relative;overflow:hidden}.kd-bc__fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.kd-bc__fx>i{position:absolute;display:block;opacity:0}html.kd-motion .kd-bc__step:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--kd-bc-gold),var(--kd-bc-gold-soft));transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--kd-bc-ease) var(--kd-anim-delay, 0ms)}html.kd-motion .kd-bc__step[data-kd-state=shown]:after{transform:scaleX(1)}html.kd-motion .kd-bc__step .kd-bc__step-n{transform:translateY(6px);opacity:.35;transition:transform .62s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + .12s),opacity .62s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + .12s)}html.kd-motion .kd-bc__step[data-kd-state=shown] .kd-bc__step-n{transform:none;opacity:1}.kd-bc__bubble{bottom:-16px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#c8974e2e 62%,#c8974e0a);border:1px solid rgba(200,151,78,.3)}.kd-bc__bubble:nth-child(1){left:14%;--kd-bc-i: 0ms;--kd-bc-scale: .7}.kd-bc__bubble:nth-child(2){left:31%;--kd-bc-i: .26s;--kd-bc-scale: 1.1}.kd-bc__bubble:nth-child(3){left:52%;--kd-bc-i: .12s;--kd-bc-scale: .85}.kd-bc__bubble:nth-child(4){left:71%;--kd-bc-i: .42s;--kd-bc-scale: 1.25}.kd-bc__bubble:nth-child(5){left:87%;--kd-bc-i: .32s;--kd-bc-scale: .6}html.kd-motion .kd-bc__step[data-kd-fx=cleanse][data-kd-state=shown] .kd-bc__bubble{animation:kd-bc-rise 2.6s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + var(--kd-bc-i)) 1 both}@keyframes kd-bc-rise{0%{opacity:0;transform:translateY(0) scale(calc(var(--kd-bc-scale) * .5))}18%{opacity:.8}75%{opacity:.45}to{opacity:0;transform:translateY(-190px) scale(var(--kd-bc-scale))}}.kd-bc__soak{inset:auto 0 0 0;height:100%;background:linear-gradient(0deg,rgba(200,151,78,.24),rgba(200,151,78,.1) 45%,transparent 78%);transform:translateY(100%)}html.kd-motion .kd-bc__step[data-kd-fx=treat][data-kd-state=shown] .kd-bc__soak{animation:kd-bc-soak 2.4s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + .1s) 1 both}@keyframes kd-bc-soak{0%{opacity:0;transform:translateY(100%)}25%{opacity:1}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6%)}}.kd-bc__drop{top:8px;right:24px;width:9px;height:9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(160deg,var(--kd-bc-gold-soft),var(--kd-bc-gold));box-shadow:0 0 6px #c8974e73}.kd-bc__ripple{top:96px;right:14px;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(200,151,78,.55)}html.kd-motion .kd-bc__step[data-kd-fx=scalp][data-kd-state=shown] .kd-bc__drop{animation:kd-bc-drip 1.5s cubic-bezier(.55,0,.85,.35) calc(var(--kd-anim-delay, 0ms) + .16s) 1 both}html.kd-motion .kd-bc__step[data-kd-fx=scalp][data-kd-state=shown] .kd-bc__ripple{animation:kd-bc-ripple 1.1s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + 1.36s) 1 both}@keyframes kd-bc-drip{0%{opacity:0;transform:rotate(-45deg) translateY(-6px) scale(.5)}22%{opacity:1;transform:rotate(-45deg) translate(0) scale(1)}88%{opacity:1;transform:rotate(-45deg) translate(-64px,64px) scale(.94)}to{opacity:0;transform:rotate(-45deg) translate(-70px,70px) scale(.6)}}@keyframes kd-bc-ripple{0%{opacity:.75;transform:scale(.25)}to{opacity:0;transform:scale(1.5)}}.kd-bc__shine{top:0;right:0;bottom:0;left:0;background:linear-gradient(104deg,transparent 32%,rgba(200,151,78,.1) 44%,rgba(222,185,122,.42) 52%,rgba(200,151,78,.1) 60%,transparent 72%);transform:translate(-110%)}.kd-bc__mist{width:5px;height:5px;border-radius:50%;background:var(--kd-bc-gold);box-shadow:0 0 5px #c8974e80}.kd-bc__mist:nth-of-type(2){top:34%;right:30%;--kd-bc-i: 0ms}.kd-bc__mist:nth-of-type(3){top:44%;right:20%;--kd-bc-i: .13s}.kd-bc__mist:nth-of-type(4){top:27%;right:15%;--kd-bc-i: .24s}html.kd-motion .kd-bc__step[data-kd-fx=finish][data-kd-state=shown] .kd-bc__shine{animation:kd-bc-shine 1.6s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + .14s) 1 both}html.kd-motion .kd-bc__step[data-kd-fx=finish][data-kd-state=shown] .kd-bc__mist{animation:kd-bc-mist 1.5s var(--kd-bc-ease) calc(var(--kd-anim-delay, 0ms) + .42s + var(--kd-bc-i)) 1 both}@keyframes kd-bc-shine{0%{opacity:0;transform:translate(-110%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(110%)}}@keyframes kd-bc-mist{0%{opacity:0;transform:translate(0) scale(.4)}30%{opacity:.9}to{opacity:0;transform:translate(-26px,-20px) scale(1.5)}}html.kd-motion .kd-bc__step-link{position:relative;overflow:hidden;transition:background var(--kd-dur-mid, .32s) var(--kd-bc-ease),transform var(--kd-dur-mid, .32s) var(--kd-bc-ease)}html.kd-motion .kd-bc__step-link:hover{transform:translateY(-2px)}html.kd-motion .kd-bc__step-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 52%,transparent 64%);transform:translate(-120%);transition:transform .72s var(--kd-bc-ease);pointer-events:none}html.kd-motion .kd-bc__step-link:hover:after{transform:translate(120%)}html.kd-motion .kd-bc__kit-grid img{transition:transform .9s var(--kd-bc-ease),box-shadow .9s var(--kd-bc-ease)}html.kd-motion .kd-bc__kit-grid:hover img{transform:translateY(-6px);box-shadow:0 18px 40px #2b181029}@media(prefers-reduced-motion:reduce){.kd-bc__fx{display:none}html.kd-motion .kd-bc__step:after{transform:scaleX(1)}html.kd-motion .kd-bc__step .kd-bc__step-n{transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/kerandy-braid-care-motion.css.map */