.karu-vrow{--kv-bg: var(--kr-bg-warm);--kv-gap: 12px;--kv-pad: var(--kr-gutter);background:var(--kv-bg);color:var(--kr-ink);padding:40px 0}.karu-vrow--cream{--kv-bg: var(--kr-bg-cream)}.karu-vrow--white{--kv-bg: #ffffff}.karu-vrow,.karu-vrow *,.karu-vrow *:before,.karu-vrow *:after{box-sizing:border-box}.karu-vrow__inner{max-width:var(--kr-container);margin:0 auto}.karu-vrow__header{text-align:center;max-width:640px;margin:0 auto 24px;padding:0 var(--kv-pad)}.karu-vrow__kicker{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:var(--kr-fw-small);color:var(--kr-sage-ink)}.karu-vrow__title{margin:0;color:var(--kr-ink)}.karu-vrow__intro{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--kr-ink)}.karu-vrow__row{position:relative;display:block}.karu-vrow__track{display:flex;gap:var(--kv-gap);margin:0;padding:0 var(--kv-pad) 4px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--kv-pad);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.karu-vrow__track::-webkit-scrollbar{display:none}.karu-vrow__card{flex:0 0 62%;max-width:260px;margin:0;scroll-snap-align:start}.karu-vrow__media{position:relative;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;background:var(--kr-line);isolation:isolate}.karu-vrow__poster,.karu-vrow__video,.karu-vrow__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.karu-vrow__poster{z-index:0}.karu-vrow__video{z-index:1;background:transparent}.karu-vrow__media iframe{z-index:3}[data-kv-video]:not(.is-playing) .karu-vrow__video{opacity:0}[data-kv-video].is-playing .karu-vrow__poster{visibility:hidden}.karu-vrow__caption{display:-webkit-box;margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--kr-ink-2);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.karu-vrow__card .karu-vrow__caption{padding-bottom:1.5px;margin-bottom:-1.5px!important}a.karu-vrow__caption:hover,a.karu-vrow__caption:focus-visible{color:var(--kr-ink);text-decoration:underline}.karu-vrow__start,.karu-vrow__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.karu-vrow__start:focus-visible,.karu-vrow__play:focus-visible{outline:none}.karu-vrow__start:focus-visible .kr-play,.karu-vrow__play:focus-visible .kr-play{outline:2px solid var(--kr-ink);outline-offset:2px}.karu-vrow__sound{position:absolute;top:8px;right:8px;z-index:3;display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:var(--kr-ink);background:var(--kr-bg-cream);box-shadow:none;cursor:pointer}.is-playing .karu-vrow__sound{display:inline-grid;place-items:center}.karu-vrow__sound:focus-visible,.karu-vrow__nav:focus-visible{outline:2px solid var(--kr-ink);outline-offset:2px}.karu-vrow__icon{grid-area:1 / 1;display:block;transition:opacity .18s ease-out,filter .18s ease-out}.karu-vrow__icon--on,.karu-vrow__sound[aria-pressed=true] .karu-vrow__icon--off{opacity:0;filter:blur(2px)}.karu-vrow__sound[aria-pressed=true] .karu-vrow__icon--on{opacity:1;filter:none}.karu-vrow__nav{display:none}@media screen and (min-width:750px){.karu-vrow{padding:56px 0}.karu-vrow{--kv-gap: 16px}.karu-vrow__card{flex-basis:calc((100% - 2 * var(--kv-gap)) / 3);max-width:none}.karu-vrow__nav:not([hidden]){position:absolute;top:50%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border:1px solid var(--kr-line);border-radius:50%;background:#fff;color:var(--kr-ink);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.karu-vrow__nav:not([hidden]):hover{background:var(--kr-ink);color:var(--kr-bg-cream);border-color:var(--kr-ink)}.karu-vrow__nav--prev{left:6px}.karu-vrow__nav--next{right:6px}.karu-vrow__nav.is-disabled{opacity:0;pointer-events:none}}@media screen and (min-width:1024px){.karu-vrow{--kv-gap: 20px}.karu-vrow__card{flex-basis:calc((100% - 3 * var(--kv-gap)) / 4)}.karu-vrow__nav--prev{left:12px}.karu-vrow__nav--next{right:12px}}@media(prefers-reduced-motion:reduce){.karu-vrow__track{scroll-behavior:auto}.karu-vrow__icon{transition:none}}.karu-vrow--reels{padding:var(--kr-section-gap) 0 0;background:var(--kr-white)}.karu-vrow--reels .kr-head{margin-bottom:var(--kr-head-gap)}.karu-vrow--reels .karu-vrow__track{padding:0 var(--kr-gutter) 4px;scroll-padding-left:var(--kr-gutter);max-width:var(--kr-container);margin:0 auto}.karu-vrow--reels .karu-vrow__card{flex:0 0 140px;max-width:none}@media screen and (min-width:741px){.karu-vrow--reels .karu-vrow__card{flex-basis:180px}}@media screen and (min-width:1000px){.karu-vrow--reels .karu-vrow__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--kr-grid-gap);overflow:visible}.karu-vrow--reels .karu-vrow__nav{display:none!important}}@media screen and (max-width:740px){.karu-vrow--reels .karu-vrow__card{flex-basis:128px}.karu-vrow--reels .karu-vrow__caption{margin-top:4px;line-height:1.4}}.karu-vrow__video::-webkit-media-controls{display:none!important}@media screen and (min-width:741px){.karu-vrow--article .kr-container,.karu-vrow--article .karu-vrow__track{max-width:calc(44rem + 2 * var(--kr-gutter))}}@media screen and (min-width:1000px){.karu-vrow--article.karu-vrow--reels .karu-vrow__track{grid-template-columns:repeat(auto-fill,180px)}}[data-kv-video].is-playing.is-muted .kr-play--toggle{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/55/assets/karu-video-row.css.map */