.sl-hero-media{--hero-ratio: 2.748;--hero-ratio-mobile: .685;--hero-min-height: 520px;--hero-min-height-mobile: 520px;--hero-position: center;--hero-position-mobile: center;--hero-content-max-width: 496px;--hero-gap: var(--gap-sm);--hero-items: flex-start;--hero-justify: center;--hero-items-mobile: center;--hero-justify-mobile: flex-start;display:block}.sl-hero-media.spacing-style{padding-block:0}.sl-hero-media>.sl-hero-media__frame{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:var(--full-page-grid-with-margins);overflow:hidden;isolation:isolate}.sl-hero-media__frame:before{content:"";grid-area:1 / 1 / 2 / -1;aspect-ratio:var(--hero-ratio);min-height:var(--hero-min-height)}.sl-hero-media__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-base);overflow:hidden}.sl-hero-media__poster{display:block;width:100%;height:100%}.sl-hero-media__image,.sl-hero-media__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position)}.sl-hero-media__video{opacity:0;pointer-events:none}.sl-hero-media.is--playing .sl-hero-media__video{opacity:1}@media(prefers-reduced-motion:no-preference){.sl-hero-media__video{transition:opacity var(--animation-values-slow)}}.sl-hero-media__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat);background-color:var(--color-black);background-image:var(--hero-overlay-image, none);opacity:var(--hero-overlay, 0);pointer-events:none}.sl-hero-media__content{grid-area:1 / 2;position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;justify-content:var(--hero-justify);align-items:var(--hero-items);padding-block:calc(var(--padding-block-start, 0px) + var(--section-top-offset, 0px)) var(--padding-block-end, 0px)}.sl-hero-media.section--full-width .sl-hero-media__content{grid-column:1 / -1;padding-inline:var(--page-margin)}.sl-hero-media__inner{display:flex;flex-direction:column;align-items:var(--hero-items);gap:var(--hero-gap);width:100%;max-width:var(--hero-content-max-width)}.sl-hero-media__toggle{position:absolute;inset-block-end:var(--padding-lg);inset-inline-end:var(--page-margin);z-index:var(--layer-raised);display:grid;place-items:center;min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);border:var(--style-border-width-primary) solid var(--color-primary-button-border);border-radius:50%;color:var(--color-primary-button-text);background:var(--color-primary-button-background);cursor:pointer}.sl-hero-media__toggle:hover{color:var(--color-primary-button-hover-text);background:var(--color-primary-button-hover-background);border-color:var(--color-primary-button-hover-border)}@media(prefers-reduced-motion:no-preference){.sl-hero-media__toggle{transition:color var(--animation-values),background-color var(--animation-values),border-color var(--animation-values)}}.sl-hero-media__toggle[hidden]{display:none}.sl-hero-media__toggle--keyboard-only:not(:focus-visible){min-width:0;min-height:0;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sl-hero-media__toggle-icon{display:grid;place-items:center}.sl-hero-media__toggle-icon svg{width:20px;height:20px}.sl-hero-media__toggle-icon--play,.sl-hero-media__toggle[aria-pressed=true] .sl-hero-media__toggle-icon--pause{display:none}.sl-hero-media__toggle[aria-pressed=true] .sl-hero-media__toggle-icon--play{display:grid}.sl-hero-media__editor-notice{position:absolute;inset-block-start:var(--padding-sm);inset-inline:var(--page-margin);z-index:var(--layer-raised);max-width:36rem;padding:var(--padding-sm) var(--padding-md);border-radius:var(--style-border-radius-inputs);background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size--xs);line-height:1.4;box-shadow:0 2px 12px rgb(0 0 0 / var(--opacity-20))}.sl-hero-media__editor-notice-title{margin:0 0 var(--margin-2xs);font-weight:600}.sl-hero-media__editor-notice-list{margin:0;padding-inline-start:1.1em}@media screen and (min-width:750px){.sl-hero-media__inner>.text-block.h1>*{line-height:var(--line-height--display-normal)}.sl-hero-media__inner>a:is(.button,.button-secondary){margin-block-start:var(--margin-lg)}}@media screen and (max-width:1199px){.sl-hero-media__content{padding-block:calc(var(--padding-block-start-tablet, var(--padding-block-start, 0px)) + var(--section-top-offset, 0px)) var(--padding-block-end-tablet, var(--padding-block-end, 0px))}}@media screen and (max-width:749px){.sl-hero-media__frame:before{aspect-ratio:var(--hero-ratio-mobile);min-height:var(--hero-min-height-mobile)}.sl-hero-media__image,.sl-hero-media__video{object-position:var(--hero-position-mobile)}.sl-hero-media__content{justify-content:var(--hero-justify-mobile);align-items:var(--hero-items-mobile);padding-block:calc(var(--padding-block-start-mobile, var(--padding-block-start, 0px)) + var(--section-top-offset, 0px)) var(--padding-block-end-mobile, var(--padding-block-end, 0px))}.sl-hero-media__inner{align-items:var(--hero-items-mobile);max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/sl-hero-media.css.map */