.kbs-brand-videos{--kbs-bv-ink: #1c1917;--kbs-bv-muted: rgba(28, 25, 23, .72);--kbs-bv-teal: #0f5c4c;--kbs-bv-radius: .4rem;--kbs-bv-gap: 1.6rem}.kbs-brand-videos__inner{width:100%;margin:0 auto}.kbs-brand-videos__header{max-width:72rem;margin:0 auto 2.4rem;text-align:center}.kbs-brand-videos__heading{margin:0 0 1rem;color:rgb(var(--color-foreground))}.kbs-brand-videos__description{margin:0 auto;max-width:54rem;color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:1.6}.kbs-brand-videos__description p{margin:0}.kbs-brand-videos__slider{position:relative;width:100%}.kbs-brand-videos__track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:1.2rem;width:100%;margin:0;padding:.4rem .2rem 1rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(15,92,76,.35) transparent}.kbs-brand-videos__track::-webkit-scrollbar{height:.4rem}.kbs-brand-videos__track::-webkit-scrollbar-thumb{background:#0f5c4c59;border-radius:999px}.kbs-brand-videos__card{display:flex;flex-direction:column;flex:0 0 auto;width:min(72vw,26rem);min-width:0;height:auto;scroll-snap-align:start;scroll-snap-stop:normal}@media screen and (min-width:750px){.kbs-brand-videos__track{gap:1.6rem}.kbs-brand-videos__card{width:min(38vw,28rem)}}@media screen and (min-width:1100px){.kbs-brand-videos__card{width:min(22vw,24rem)}}.kbs-brand-videos__nav{position:absolute;top:calc(16.9% + .2rem);z-index:2;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;border-radius:50%;background:#f7f6f3f5;color:var(--kbs-bv-teal);box-shadow:0 .3rem 1.2rem #1c191729;cursor:pointer;transform:translateY(-50%)}.kbs-brand-videos__nav:hover,.kbs-brand-videos__nav:focus-visible{background:#fff;color:#1c1917}.kbs-brand-videos__nav:disabled{opacity:.35;cursor:default}.kbs-brand-videos__nav svg{width:1.6rem;height:1.6rem}.kbs-brand-videos__nav--prev{left:-.2rem}.kbs-brand-videos__nav--next{right:-.2rem}@media screen and (min-width:750px){.kbs-brand-videos__nav{display:inline-flex}.kbs-brand-videos__track{padding-left:.4rem;padding-right:.4rem}}.kbs-brand-videos__thumb-btn{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--kbs-bv-radius);background:rgba(var(--color-foreground),.06);cursor:pointer;overflow:hidden;aspect-ratio:16 / 9;isolation:isolate}.kbs-brand-videos__thumb-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.kbs-brand-videos__thumb{display:block;width:100%;height:100%;object-fit:cover;vertical-align:middle;transition:transform .35s ease}.kbs-brand-videos__thumb-btn:hover .kbs-brand-videos__thumb,.kbs-brand-videos__thumb-btn:focus-visible .kbs-brand-videos__thumb{transform:scale(1.03)}.kbs-brand-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(to top,#1c191747,#1c191714 45%,#1c19171f)}.kbs-brand-videos__play-icon{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#f7f6f3f0;color:var(--kbs-bv-teal);box-shadow:0 .4rem 1.6rem #1c19172e;transition:transform .25s ease,background-color .25s ease}.kbs-brand-videos__play-icon svg{width:1.6rem;height:1.6rem;margin-left:.15rem;fill:currentColor}.kbs-brand-videos__thumb-btn:hover .kbs-brand-videos__play-icon,.kbs-brand-videos__thumb-btn:focus-visible .kbs-brand-videos__play-icon{transform:scale(1.06);background:#fff}.kbs-brand-videos__meta{display:flex;flex-direction:column;gap:.35rem;padding:1rem .15rem 0;text-align:center;flex:1 1 auto}.kbs-brand-videos__brand{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.01em;line-height:1.3;color:rgb(var(--color-foreground))}.kbs-brand-videos__label{margin:0;font-size:1.25rem;line-height:1.4;color:rgba(var(--color-foreground),.72)}.kbs-brand-videos__external{display:inline-flex;align-self:center;margin-top:.55rem;font-size:1.2rem;font-weight:500;color:var(--kbs-bv-teal);text-decoration:underline;text-underline-offset:.2em}.kbs-brand-videos__external:hover,.kbs-brand-videos__external:focus-visible{color:rgb(var(--color-foreground))}.kbs-brand-videos-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:#1c1917b8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.kbs-brand-videos-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.kbs-brand-videos-modal__dialog{position:relative;width:min(96vw,96rem);max-height:calc(100vh - 3.2rem);background:#0f0e0d;border-radius:.6rem;box-shadow:0 1.2rem 4rem #00000059;overflow:hidden}.kbs-brand-videos-modal__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;border-radius:50%;background:#f7f6f3f2;color:#1c1917;cursor:pointer}.kbs-brand-videos-modal__close:hover,.kbs-brand-videos-modal__close:focus-visible{background:#fff}.kbs-brand-videos-modal__close svg{width:1.8rem;height:1.8rem}.kbs-brand-videos-modal__player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.kbs-brand-videos-modal__player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.kbs-brand-videos-modal__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.6rem;background:#1c1917;color:#f7f6f3}.kbs-brand-videos-modal__title{margin:0;font-size:1.4rem;line-height:1.4}.kbs-brand-videos-modal__watch{font-size:1.3rem;font-weight:500;color:#f7f6f3;text-decoration:underline;text-underline-offset:.2em}.kbs-brand-videos-modal__watch:hover,.kbs-brand-videos-modal__watch:focus-visible{color:#fff}body.kbs-brand-videos-modal-open{overflow:hidden}@media screen and (max-width:749px){.kbs-brand-videos-modal{padding:1.2rem;align-items:center;justify-content:center}.kbs-brand-videos-modal__dialog{width:100%;max-width:100%;max-height:calc(100vh - 2.4rem);margin:0 auto}.kbs-brand-videos__play-icon{width:3.8rem;height:3.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-kbs-brand-videos.css.map */
