.youtube-section{position:relative;margin-inline:1.6rem;padding-bottom:4rem}.youtube-section__header{margin-bottom:3.2rem}.youtube-section__title{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;color:#1f2937;font-family:var(--font-body-family);font-size:2.4rem;font-weight:700;line-height:1.2;margin:0}.youtube-section__kicker{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;color:#a7a3b1;font-family:var(--font-body-family);font-size:1.2rem;font-weight:400;line-height:1.4;margin:0;padding-top:.8rem}.youtube-section__container{position:relative;width:100%;margin-inline:auto}.youtube-section__container--3xl{max-width:76.8rem}.youtube-section__container--4xl{max-width:89.6rem}.youtube-section__container--5xl{max-width:102.4rem}.youtube-section__container--6xl{max-width:115.2rem}.youtube-section__container--7xl{max-width:128rem}.youtube-section__nav{position:absolute;top:50%;z-index:10;display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;min-height:3.2rem;max-width:3.2rem;max-height:3.2rem;padding:.4rem 1.2rem;border:0;border-radius:999px;background:#0009;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;transform:translateY(-50%)}.youtube-section__nav--prev{left:.8rem}.youtube-section__nav--next{right:.8rem}.youtube-section__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.youtube-section__track::-webkit-scrollbar{display:none}.youtube-section__thumb{flex:0 0 83.333%;width:83.333%;cursor:pointer;border-radius:.8rem}.youtube-section__card{overflow:hidden;border-radius:1.2rem;background:#f5f5f7;outline:none;transition:transform .3s ease}.youtube-section__card:hover,.youtube-section__card:focus-visible{transform:translateY(-.4rem)}.youtube-section__media-wrapper{position:relative}.youtube-section__media{height:16rem;overflow:hidden;border-radius:.8rem .8rem 0 0;background:#e5e7eb}.youtube-section__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.youtube-section__card:hover .youtube-section__image,.youtube-section__card:focus-visible .youtube-section__image{transform:scale(1.05)}.youtube-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background-color .3s ease}.youtube-section__card:hover .youtube-section__overlay,.youtube-section__card:focus-visible .youtube-section__overlay{background:#0000004d}.youtube-section__play{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;box-shadow:0 10px 15px #0000002e;transition:transform .3s ease}.youtube-section__card:hover .youtube-section__play,.youtube-section__card:focus-visible .youtube-section__play{transform:scale(1.1)}.youtube-section__play-icon{width:2.4rem;height:2.4rem;margin-left:.4rem;color:#fff}.youtube-section__duration{position:absolute;right:.8rem;bottom:.8rem;padding:.4rem .8rem;border-radius:.4rem;background:#000000bf;color:#fff;font-size:1.2rem;line-height:1.2}.youtube-section__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;background:#000c}.youtube-section__modal.is-hidden{display:none}.youtube-section__modal:not(.is-hidden){display:flex}.youtube-section__modal-dialog{position:relative;width:91.666%;aspect-ratio:16 / 9;border-radius:.8rem;background:#000;box-shadow:0 10px 15px #00000040}.youtube-section__close{position:absolute;top:-4rem;right:0;padding:0;border:0;background:transparent;color:#fff;font-size:3rem;line-height:1;cursor:pointer}.youtube-section__iframe{display:block;width:100%;height:100%;border:0;border-radius:.8rem}.youtube-section__divider{position:absolute;left:0;right:0;max-width:100vw;border:0;border-top:1px solid #f5f5f5}@media(min-width:640px){.youtube-section__thumb{flex-basis:51.2rem;width:51.2rem}.youtube-section__media{height:28.8rem}}@media(min-width:768px){.youtube-section__divider{display:none}.youtube-section{padding-bottom:0}.youtube-section__title{font-size:3rem}.youtube-section__kicker{font-size:1.4rem}.youtube-section__modal-dialog{width:75%}}@media(min-width:1024px){.youtube-section__header{margin-bottom:3.2rem}.youtube-section__modal-dialog{width:50%}.youtube-section__play{width:6.4rem;height:6.4rem}.youtube-section__play-icon{width:4.8rem;height:4.8rem}}@media(min-width:1280px){.youtube-section{margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/youtube-section.css.map */