.product-video{--product-video-green: rgb(var(--color-dark-green));--product-video-tan: #fbf8ec;--product-video-ink: #1b2430;display:block;container-type:inline-size;container-name:product-video}.product-video__inner{display:grid;grid-template-areas:"copy" "media";gap:2.4rem;align-items:center}.product-video__copy{grid-area:copy;display:grid;gap:1.2rem;justify-items:start;max-width:52rem}.product-video__eyebrow{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;color:rgb(var(--color-orange));font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-video__eyebrow:after{content:"";flex:1 1 4rem;height:1px;max-width:9rem;background:rgb(var(--color-orange));opacity:.7}.product-video__title{margin:0;color:var(--product-video-green);font-family:var(--font-heading-family);font-size:clamp(2.4rem,3.2vw,3.6rem);font-weight:700;letter-spacing:.02em;line-height:1.05}.product-video__text{margin:0;color:var(--product-video-ink);font-size:1.6rem;line-height:1.5}.product-video__text p{margin:0 0 .8rem}.product-video__text p:last-child{margin-bottom:0}.product-video__chip{display:inline-flex;align-items:center;gap:.6rem;margin:.2rem 0 0;padding:.5rem 1.1rem;border-radius:999px;background:var(--product-video-tan);color:var(--product-video-green);font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.product-video__chip-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem}.product-video__chip-icon .icon{width:.9rem;height:.9rem;margin-left:.1rem}.product-video__chip[hidden]{display:none}.product-video__button{margin-top:.4rem}.product-video__media{grid-area:media;position:relative;min-width:0;margin-bottom:3.2rem}.product-video__frame{position:relative;overflow:hidden;border-radius:.8rem;background:#000;isolation:isolate;contain:layout style;aspect-ratio:var(--video-ratio, 16 / 9);box-shadow:0 1.6rem 3.6rem #1b24301f}.product-video__el,.product-video__poster,.product-video__deferred,.product-video__frame iframe,.product-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;border:0}.product-video__deferred{display:block}.product-video__el,.product-video__poster img{object-fit:cover;object-position:center}video.product-video__el{background:#000;visibility:hidden}product-story-video.has-started video.product-video__el,product-story-video.is-playing video.product-video__el{visibility:visible}.product-video__poster{margin:0;padding:0;border:0;background:transparent}button.product-video__poster{cursor:pointer;-webkit-appearance:none;appearance:none}.product-video__poster img{display:block;width:100%;height:100%;max-width:none}.product-video__placeholder{display:grid;place-items:center;color:var(--product-video-green);background:#f3efe0}.product-video__placeholder .icon{width:2.4rem;height:2.4rem}product-story-video{position:relative;display:block;width:100%;height:100%}.product-video__play,.product-video__sound{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin:0;padding:0;border:0;-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff}.product-video__play:focus-visible .product-video__play-icon,.product-video__poster:focus-visible .product-video__play-icon{outline:.2rem solid var(--product-video-tan);outline-offset:.4rem}.product-video__sound:focus-visible{outline:.2rem solid var(--product-video-tan);outline-offset:.2rem}.product-video__play{top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}.product-video__play-icon{display:grid;place-items:center;width:7.2rem;height:7.2rem;border-radius:50%;background:var(--product-video-green);color:var(--product-video-tan);box-shadow:0 .8rem 2.4rem #1b243038;transition:transform .2s ease}.product-video__poster .product-video__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-video__play-icon .icon{width:1.8rem;height:1.8rem;margin-left:.2rem}.product-video__sound{right:1.2rem;bottom:1.2rem;min-height:3.6rem;padding:.6rem 1rem;border-radius:999px;background:#1b2430c7;font-size:1.2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none}.product-video__sound .icon{width:1.4rem;height:1.4rem}.product-video__sound .icon[hidden],.product-video__sound[hidden],.product-video__play[hidden]{display:none}product-story-video.is-playing .product-video__play,product-story-video.has-started .product-video__poster,.product-video__deferred[loaded]>.product-video__poster{display:none}product-story-video.is-playing .product-video__sound{opacity:1;pointer-events:auto}@media(hover:hover)and (prefers-reduced-motion:no-preference){.product-video__play-icon{animation:product-video-pulse 2.4s ease-out infinite}.product-video__play:hover .product-video__play-icon,.product-video__poster:hover .product-video__play-icon{transform:scale(1.06)}.product-video__poster:hover .product-video__play-icon{transform:translate(-50%,-50%) scale(1.06)}.product-video__sound:hover{background:#1b2430eb}}@keyframes product-video-pulse{0%,to{box-shadow:0 0 rgba(var(--color-dark-green),.35)}70%{box-shadow:0 0 0 1.6rem rgba(var(--color-dark-green),0)}}@media(prefers-reduced-motion:reduce){.product-video__play-icon{animation:none}}@container product-video (min-width: 90rem){.product-video__inner{grid-template-columns:minmax(24rem,.9fr) minmax(32rem,1.15fr);grid-template-areas:"copy media";gap:5.6rem}.product-video__inner--video-first{grid-template-columns:minmax(32rem,1.15fr) minmax(24rem,.9fr);grid-template-areas:"media copy"}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/banyan-product-video.css.map */