.featured-video{padding-block:var(--jh-section-padding-md)}.featured-video--flush-top{padding-block-start:0}.featured-video--flush-bottom{padding-block-end:0}.featured-video__frame{position:relative;height:var(--jh-hero-height);background-color:rgb(var(--jh-color-inverse));overflow:hidden}.featured-video__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.featured-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.featured-video__poster--placeholder{color:rgb(var(--jh-color-text-muted));background-color:rgb(var(--jh-color-surface))}.featured-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--jh-space-lg) var(--jh-space-lg);background:linear-gradient(180deg,rgb(var(--jh-color-inverse) / 0) 30%,rgb(var(--jh-color-inverse)));color:rgb(var(--jh-color-text-on-photo));transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.featured-video__media[loaded]+.featured-video__overlay{opacity:0;visibility:hidden}.featured-video__play{--jh-icon-size: var(--jh-size-icon-md);--jh-icon-stroke: var(--jh-border-icon-md);position:absolute;top:50%;left:50%;display:grid;place-items:center;width:calc(2 * var(--jh-icon-size));height:calc(2 * var(--jh-icon-size));border-radius:var(--jh-radius-full);background-color:rgb(var(--jh-color-background));color:rgb(var(--jh-color-text));translate:-50% -50%}.featured-video__copy{position:relative;display:flex;flex-direction:column;gap:var(--jh-space-sm);overflow-wrap:break-word}.featured-video__text{display:flex;flex-direction:column;gap:var(--jh-space-sm)}.featured-video__text>*{margin:0}.featured-video__body{color:rgb(var(--jh-color-text-inverse));font-family:var(--jh-type-label-md-family);font-weight:var(--jh-type-label-md-weight);font-size:var(--jh-type-label-md-size);line-height:var(--jh-type-label-md-leading);letter-spacing:var(--jh-type-label-md-tracking)}.featured-video__cta{pointer-events:auto}.featured-video__cta .button{width:100%}@media screen and (min-width:1000px){.featured-video__overlay{padding:0 var(--jh-space-5xl) var(--jh-space-5xl)}.featured-video__play{--jh-icon-size: var(--jh-size-icon-xl);--jh-icon-stroke: var(--jh-border-icon-xl)}.featured-video__copy{max-width:38.75rem;gap:var(--jh-space-lg)}.featured-video__text{gap:var(--jh-space-md)}.featured-video__body{color:rgb(var(--jh-color-text-on-photo));font-family:var(--jh-type-body-md-family);font-weight:var(--jh-type-body-md-weight);font-size:var(--jh-type-body-md-size);line-height:var(--jh-type-body-md-leading);letter-spacing:var(--jh-type-body-md-tracking)}.featured-video__cta{align-self:flex-start}.featured-video__cta .button{width:auto;font-size:var(--jh-type-button-md-size);line-height:var(--jh-type-button-md-leading);padding-block:calc((var(--jh-size-control-md) - var(--jh-type-button-md-leading)) / 2);padding-inline:var(--jh-space-lg)}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/featured-video.css.map */