.kvs{--kvs-gutter: 80px;--kvs-ease: cubic-bezier(.22, .61, .36, 1);display:block;padding:var(--kvs-pt) 0 var(--kvs-pb);background:var(--kvs-bg);color:var(--kvs-text)}.kvs__inner{max-width:calc(1280px + var(--kvs-gutter) * 2);margin:0 auto;padding:0 var(--kvs-gutter);display:grid;grid-template-columns:var(--kvs-video-w) minmax(0,1fr);grid-template-areas:"media head" "media body";grid-template-rows:auto 1fr;column-gap:clamp(48px,6.7vw,96px);align-items:start}.kvs--video-right .kvs__inner{grid-template-columns:minmax(0,1fr) var(--kvs-video-w);grid-template-areas:"head media" "body media"}.kvs__head{grid-area:head;align-self:end;padding-top:8px}.kvs__media{grid-area:media;align-self:center}.kvs__body{grid-area:body}.kvs__eyebrow{margin:0 0 16px;font:600 12px/14.4px Familjen Grotesk,system-ui,sans-serif;text-transform:uppercase;color:var(--kvs-muted)}.kvs__heading{margin:0;max-width:640px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,6.111vw,88px);line-height:.95;letter-spacing:-.02273em;text-wrap:balance;color:var(--kvs-text)}.kvs__heading em{font-style:italic;color:var(--kvs-accent)}.kvs__lead{margin:22px 0 0;max-width:560px;font:400 18px/27px Familjen Grotesk,system-ui,sans-serif;color:var(--kvs-muted)}.kvs__lead p{margin:0}.kvs__lead p+p{margin-top:10px}.kvs__card{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:30px;overflow:hidden;background:var(--kvs-card);isolation:isolate}.kvs__video,.kvs__card>img,.kvs__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kvs__placeholder{fill:#2a1d1a2e}.kvs__chip{position:absolute;left:18px;top:18px;z-index:2;padding:7px 14px;border-radius:100px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 12px/14.4px Familjen Grotesk,system-ui,sans-serif;letter-spacing:1.92px;text-transform:uppercase;color:var(--kvs-text);white-space:nowrap;pointer-events:none}.kvs__chip b{color:var(--kvs-accent);font-weight:600}.kvs__ctrls{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;gap:8px}.kvs__ctrl{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:100px;background:#fff;color:var(--kvs-text);cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .25s ease}.kvs__ctrl:hover{background:var(--kvs-accent);color:#fff;transform:scale(1.06)}.kvs__ctrl:focus-visible{outline:2px solid var(--kvs-accent);outline-offset:3px}.kvs__i-play,.kvs__i-sound,.kvs.is-paused .kvs__i-pause{display:none}.kvs.is-paused .kvs__i-play{display:block}.kvs.has-sound .kvs__i-muted{display:none}.kvs.has-sound .kvs__i-sound{display:block}.kvs__now{position:absolute;right:18px;bottom:24px;z-index:2;max-width:calc(100% - 140px);padding:7px 14px;border-radius:100px;background:var(--kvs-accent);color:#fff;font:600 13px/1.1 Manrope,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.kvs__now:empty{opacity:0}.kvs__steps{margin:36px 0 0;padding:0;list-style:none;border-top:1px solid var(--kvs-line);max-width:760px}.kvs__step{position:relative;border-bottom:1px solid var(--kvs-line)}.kvs__step-btn{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;column-gap:14px;width:100%;padding:16px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.kvs__step-btn:disabled{cursor:default}.kvs__step-btn:focus-visible{outline:2px solid var(--kvs-accent);outline-offset:2px;border-radius:6px}.kvs__num,.kvs__time{font:600 13px/1 Manrope,system-ui,sans-serif;color:var(--kvs-muted);transition:color .3s ease}.kvs__title{font-family:"Instrument Serif",Georgia,serif;font-size:30px;line-height:1.1;letter-spacing:-.3px;color:var(--kvs-text);transition:color .3s ease}@media(hover:hover){.kvs__step-btn:not(:disabled):hover .kvs__title{color:var(--kvs-accent)}}.kvs__step.is-active .kvs__num,.kvs__step.is-active .kvs__time,.kvs__step.is-active .kvs__title{color:var(--kvs-accent)}.kvs__step.is-active .kvs__title{font-style:italic}.kvs__desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--kvs-ease)}.kvs__desc>p{min-height:0;overflow:hidden;margin:0;padding-left:62px;max-width:580px;font:400 16px/24px Familjen Grotesk,system-ui,sans-serif;color:var(--kvs-muted)}.kvs__step.is-active .kvs__desc{grid-template-rows:1fr}.kvs__step.is-active .kvs__desc>p{padding-bottom:18px}.kvs__bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}.kvs__bar-fill{display:block;width:100%;height:100%;background:var(--kvs-accent);transform:scaleX(var(--kvs-p, 0));transform-origin:left;opacity:0}.kvs__step.is-active .kvs__bar-fill{opacity:1}.kvs__mdesc{display:none}.kvs__btn{display:inline-flex;align-items:center;gap:15px;margin-top:34px;padding:7px 7px 7px 24px;border:1px solid var(--kvs-text);border-radius:100px;background:#fff;color:var(--kvs-text);font:600 15px/15px Manrope,system-ui,sans-serif;letter-spacing:-.15px;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.kvs__btn-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:100px;background:var(--kvs-accent)}.kvs__btn-arrow svg{transition:transform .45s var(--kvs-ease)}.kvs__btn:hover{background:var(--kvs-text);color:#fff}.kvs__btn:hover .kvs__btn-arrow svg{transform:rotate(45deg)}.kvs__btn:focus-visible{outline:2px solid var(--kvs-accent);outline-offset:3px}@media(max-width:1280px){.kvs{--kvs-gutter: 48px}}@media(max-width:1024px){.kvs{--kvs-gutter: 32px}.kvs__inner{grid-template-columns:min(var(--kvs-video-w),40vw) minmax(0,1fr);column-gap:40px}.kvs--video-right .kvs__inner{grid-template-columns:minmax(0,1fr) min(var(--kvs-video-w),40vw)}.kvs__title{font-size:26px}}@media(max-width:749px){.kvs{--kvs-gutter: 20px;padding:calc(var(--kvs-pt) * .6) 0 calc(var(--kvs-pb) * .6)}.kvs__inner,.kvs--video-right .kvs__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "body";grid-template-rows:auto}.kvs__head{padding-top:0}.kvs__lead{margin-top:14px;font-size:16px;line-height:24px}.kvs__media{margin-top:24px}.kvs__card{aspect-ratio:9 / 14;border-radius:24px;max-height:82svh}.kvs__now{display:none}.kvs__steps{display:flex;gap:8px;margin:18px calc(var(--kvs-gutter) * -1) 0;padding:2px var(--kvs-gutter);border-top:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;max-width:none}.kvs__steps::-webkit-scrollbar{display:none}.kvs__step{flex:none;border:1px solid var(--kvs-muted);border-radius:100px;overflow:hidden;scroll-snap-align:start;transition:border-color .3s ease}.kvs__step.is-active{border-color:var(--kvs-accent)}.kvs__step-btn{display:flex;gap:6px;align-items:center;padding:11px 16px}.kvs__num{font-size:14px}.kvs__title{font:600 14px/1 Manrope,system-ui,sans-serif;letter-spacing:0;white-space:nowrap}.kvs__step.is-active .kvs__title{font-style:normal}.kvs__time,.kvs__desc{display:none}.kvs__bar{bottom:0}.kvs__mdesc{display:block;margin:14px 0 0;min-height:44px;font:400 15px/22px Familjen Grotesk,system-ui,sans-serif;color:var(--kvs-muted)}.kvs__btn{margin-top:22px}}@media(prefers-reduced-motion:reduce){.kvs *,.kvs *:before,.kvs *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/kindly-video-story.css.map */