.apex-youtube{overflow:hidden;padding-top:var(--apex-youtube-padding-top, 104px);padding-bottom:var(--apex-youtube-padding-bottom, 104px);background:var(--apex-youtube-background, #f7f4ef);color:#111}.apex-youtube__inner{width:min(100% - 4.8rem,148rem);margin:0 auto}.apex-youtube__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(32rem,.7fr);gap:clamp(4.8rem,7vw,11rem);align-items:end}.apex-youtube__heading .pergola-eyebrow{margin:0 0 1.8rem;color:#e5231f;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:1.1rem;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.apex-youtube__heading h2{max-width:90rem;margin:0;color:#111;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:clamp(5.4rem,5vw,7.6rem);font-weight:650;letter-spacing:-.045em;line-height:.96}.apex-youtube__intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.apex-youtube__intro-copy p{max-width:52rem;margin:0;color:#696969;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:1.6rem;font-weight:400;line-height:1.7}.apex-youtube__channel-button{min-height:5rem;padding:0 2.4rem;border:1px solid #e5231f;border-radius:999px;background:#e5231f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:1.1rem;font-weight:800;letter-spacing:.1em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.apex-youtube__channel-button:hover{border-color:#111;background:#111;color:#fff;transform:translateY(-2px);box-shadow:0 14px 34px #00000029}.apex-youtube__channel-button:focus-visible,.apex-youtube__carousel:focus-visible,.apex-youtube-slide__play:focus-visible,.apex-youtube-slide__external-link:focus-visible,.apex-youtube__arrow:focus-visible,.apex-youtube__pagination-button:focus-visible{outline:3px solid rgba(229,35,31,.3);outline-offset:4px}.apex-youtube__carousel{position:relative;margin-top:clamp(4.8rem,6vw,8rem);outline:none}.apex-youtube__stage{--apex-youtube-slide-width: 72%;--apex-youtube-side-shift: 95%;position:relative;height:clamp(34rem,42vw,62rem);overflow:hidden;cursor:grab;touch-action:pan-y pinch-zoom}.apex-youtube__carousel.is-dragging .apex-youtube__stage{cursor:grabbing;-webkit-user-select:none;user-select:none}.apex-youtube__track{position:absolute;top:0;right:0;bottom:0;left:0}.apex-youtube-slide{position:absolute;top:50%;left:50%;width:var(--apex-youtube-slide-width);aspect-ratio:16 / 9;opacity:0;z-index:0;pointer-events:none;transform:translate(-50%,-50%) scale(.86);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease;will-change:transform,opacity}.apex-youtube-slide.is-active{opacity:1;z-index:3;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.apex-youtube-slide.is-previous{opacity:.4;z-index:1;pointer-events:auto;transform:translate(calc(-50% - var(--apex-youtube-side-shift)),-50%) scale(.92)}.apex-youtube-slide.is-next{opacity:.4;z-index:1;pointer-events:auto;transform:translate(calc(-50% + var(--apex-youtube-side-shift)),-50%) scale(.92)}.apex-youtube-slide.is-hidden{opacity:0;z-index:0;pointer-events:none}.apex-youtube-slide__media{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(20,20,20,.08);border-radius:2.2rem;background:#101113;box-shadow:0 18px 46px #0000001a;isolation:isolate;transition:box-shadow .4s ease}.apex-youtube-slide.is-active .apex-youtube-slide__media{box-shadow:0 30px 80px #0003}.apex-youtube-slide__image,.apex-youtube-slide__placeholder,.apex-youtube-slide__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.apex-youtube-slide__image{display:block;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.apex-youtube-slide.is-active:hover .apex-youtube-slide__image{transform:scale(1.02)}.apex-youtube-slide__placeholder{display:grid;place-items:center;background:#1a1b1d;color:#ffffffad;text-align:center}.apex-youtube-slide__placeholder-svg{width:100%;height:100%;opacity:.16}.apex-youtube-slide__placeholder span{position:absolute;max-width:26rem;padding:1.2rem 1.8rem;font-size:1.3rem;font-weight:700;line-height:1.45}.apex-youtube-slide__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.78) 100%);pointer-events:none}.apex-youtube-slide.is-previous .apex-youtube-slide__shade,.apex-youtube-slide.is-next .apex-youtube-slide__shade{background:linear-gradient(#07080933,#07080933),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.8) 100%)}.apex-youtube-slide__play{position:absolute;top:50%;left:50%;z-index:4;width:7.4rem;height:7.4rem;padding:0;border:0;border-radius:50%;background:#e5231f;color:#fff;display:grid;place-items:center;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 16px 38px #e5231f57;transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.apex-youtube-slide__play:hover{background:#fff;color:#111;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 18px 44px #00000038}.apex-youtube-slide__play svg{width:2.8rem;height:2.8rem;display:block;fill:currentColor;transform:translate(.2rem)}.apex-youtube-slide__content{position:absolute;right:clamp(2rem,4vw,4.6rem);bottom:clamp(2rem,4vw,4rem);left:clamp(2rem,4vw,4.6rem);z-index:4;max-width:70rem;color:#fff;pointer-events:none;transition:opacity .3s ease}.apex-youtube-slide:not(.is-active) .apex-youtube-slide__content{opacity:0}.apex-youtube-slide__category{display:block;margin-bottom:1rem;color:#fff;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:1.1rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.apex-youtube-slide__content h3{margin:0;color:#fff;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:clamp(2.4rem,3vw,4.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}.apex-youtube-slide__content p{max-width:66rem;margin:1.2rem 0 0;color:#ffffffc2;font-size:1.5rem;line-height:1.55}.apex-youtube-slide__external-link{display:inline-flex;margin-top:1.6rem;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.1em;line-height:1;pointer-events:auto;text-decoration-color:#e5231f;text-decoration-thickness:.2rem;text-underline-offset:.6rem;text-transform:uppercase}.apex-youtube-slide__iframe{z-index:8;border:0;background:#101113}.apex-youtube-slide.is-playing .apex-youtube-slide__play,.apex-youtube-slide.is-playing .apex-youtube-slide__shade,.apex-youtube-slide.is-playing .apex-youtube-slide__content{opacity:0;pointer-events:none}.apex-youtube__arrow{position:absolute;top:50%;z-index:12;width:5.8rem;height:5.8rem;padding:0;border:1px solid rgba(20,20,20,.1);border-radius:50%;background:#fffffff0;color:#111;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);box-shadow:0 10px 28px #0000001f;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.apex-youtube__arrow--previous{left:12%}.apex-youtube__arrow--next{right:12%}.apex-youtube__arrow:hover{border-color:#e5231f;background:#e5231f;color:#fff;transform:translateY(-50%) scale(1.04);box-shadow:0 14px 34px #e5231f3d}.apex-youtube__arrow svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.apex-youtube__arrow[hidden]{display:none}.apex-youtube__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.8rem}.apex-youtube__pagination-button{width:2.4rem;height:.3rem;min-width:0;padding:0;border:0;border-radius:999px;background:#1414142e;cursor:pointer;transition:width .35s cubic-bezier(.22,1,.36,1),background-color .25s ease}.apex-youtube__pagination-button.is-active{width:6.2rem;background:#e5231f}.apex-youtube__pagination[hidden]{display:none}.apex-youtube__swipe-hint{display:none;margin:1.8rem 0 0;color:#888;font-family:var(--apex-font-sans, Inter, "Helvetica Neue", Arial, sans-serif);font-size:1rem;font-weight:800;letter-spacing:.14em;line-height:1;text-align:center;text-transform:uppercase}.apex-youtube__empty{margin-top:5rem;padding:5rem 2.4rem;border:1px dashed rgba(17,17,17,.2);border-radius:1.6rem;color:#11111194;font-size:1.5rem;text-align:center}@media screen and (max-width:1099px){.apex-youtube__intro{grid-template-columns:minmax(0,1fr);gap:2.8rem}.apex-youtube__stage{--apex-youtube-slide-width: 80%;--apex-youtube-side-shift: 90%;height:clamp(32rem,48vw,52rem)}.apex-youtube__arrow--previous{left:7%}.apex-youtube__arrow--next{right:7%}}@media screen and (max-width:749px){.apex-youtube{padding-top:min(var(--apex-youtube-padding-top, 104px),8rem);padding-bottom:min(var(--apex-youtube-padding-bottom, 104px),8rem)}.apex-youtube__inner{width:min(100% - 4rem,148rem)}.apex-youtube__heading h2{font-size:clamp(4rem,12vw,5.2rem);line-height:.98}.apex-youtube__intro-copy{gap:2rem}.apex-youtube__channel-button{width:100%}.apex-youtube__carousel{margin-top:4rem}.apex-youtube__stage{--apex-youtube-slide-width: 86%;--apex-youtube-side-shift: 88%;height:clamp(22rem,62vw,28rem)}.apex-youtube-slide__media{border-radius:1.6rem}.apex-youtube-slide.is-previous,.apex-youtube-slide.is-next{opacity:.3;transform:translate(calc(-50% - var(--apex-youtube-side-shift)),-50%) scale(.92)}.apex-youtube-slide.is-next{transform:translate(calc(-50% + var(--apex-youtube-side-shift)),-50%) scale(.92)}.apex-youtube-slide__play{width:6rem;height:6rem}.apex-youtube-slide__play svg{width:2.4rem;height:2.4rem}.apex-youtube-slide__content{right:1.8rem;bottom:1.8rem;left:1.8rem}.apex-youtube-slide__category{margin-bottom:.6rem;font-size:.9rem}.apex-youtube-slide__content h3{font-size:clamp(1.8rem,6vw,2.6rem)}.apex-youtube-slide__content p{display:-webkit-box;margin-top:.6rem;overflow:hidden;font-size:1.2rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.apex-youtube-slide__external-link{display:none}.apex-youtube__arrow{width:4.6rem;height:4.6rem}.apex-youtube__arrow--previous{left:1.5%}.apex-youtube__arrow--next{right:1.5%}.apex-youtube__pagination{margin-top:2.8rem}.apex-youtube__swipe-hint{display:block}}@media(prefers-reduced-motion:reduce){.apex-youtube-slide,.apex-youtube-slide__image,.apex-youtube-slide__play,.apex-youtube__arrow,.apex-youtube__pagination-button{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-youtube-carousel.css.map */