.hero-banner{--hero-height-mobile: 820px;--hero-height: 820px;position:relative;display:block;overflow:hidden;background:#111;touch-action:pan-y}.hero-banner--m-small{--hero-height-mobile: 550px}.hero-banner--m-medium{--hero-height-mobile: 680px}.hero-banner--m-large{--hero-height-mobile: 820px}.hero-banner--d-small{--hero-height: 550px}.hero-banner--d-medium{--hero-height: 680px}.hero-banner--d-large{--hero-height: 820px}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;height:var(--hero-height-mobile);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),visibility .7s}.hero-banner--m-adapt .hero-banner__slide{height:auto}.hero-banner__slide.is-selected{position:relative;z-index:1;opacity:1;visibility:visible;pointer-events:auto}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-banner--m-adapt .hero-banner__media,.hero-banner--m-adapt .hero-banner__media picture{position:relative}.hero-banner__media img,.hero-banner__media svg{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.hero-banner--m-adapt .hero-banner__media img,.hero-banner--m-adapt .hero-banner__media svg{height:auto}.hero-banner__media svg{background-color:#00000014}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(var(--hero-overlay-color, 0 0 0) / var(--hero-overlay-opacity, .4)),rgb(var(--hero-overlay-color, 0 0 0) / 0) 58%)}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;text-align:center;padding:60px 20px}.hero-banner--m-adapt .hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.hero-banner__content--mv-top{justify-content:flex-start}.hero-banner__content--mv-middle{justify-content:center}.hero-banner__content--mv-bottom{justify-content:flex-end}.hero-banner__content-inner{display:flex;flex-direction:column;align-items:inherit;width:100%;max-width:34rem;opacity:0;transform:translateY(18px);transition:opacity .5s ease .12s,transform .6s cubic-bezier(.22,1,.36,1) .12s}.hero-banner__slide.is-selected .hero-banner__content-inner{opacity:1;transform:none}.hero-banner__caption{margin:0;color:var(--hero-caption-color);font-family:var(--text-font-family);font-size:11px;line-height:14px;letter-spacing:.16em;text-transform:uppercase}.hero-banner__title{margin:0 0 8px;color:var(--hero-title-color);font-family:Sofia Pro,sans-serif;font-weight:700;font-size:28px;line-height:32px;letter-spacing:.02em;text-transform:uppercase}.hero-banner__text{margin:0 0 24px;color:var(--hero-text-color);font-family:var(--text-font-family);font-size:16px;line-height:22px}.hero-banner__buttons{display:flex;flex-wrap:wrap;justify-content:inherit;gap:10px}.hero-banner__nav{position:absolute;z-index:4;inset-inline:0;inset-block-end:16px;display:flex;justify-content:center;align-items:center;gap:16px;color:var(--hero-controls-color)}.hero-banner__nav-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.hero-banner__buttons .button{min-width:183px;padding:5px 7px;min-height:36px;letter-spacing:.03em;background-image:none;background-color:rgb(var(--button-background));transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.hero-banner__buttons .button--outline{background-color:transparent}.hero-banner__buttons .button[disabled],.hero-banner__buttons .button[aria-disabled=true]{background-color:#d5d5d5;color:#f3f3f3;border-color:#d5d5d5;cursor:not-allowed}@media screen and (pointer:fine){.features--button-transition .hero-banner__buttons .button:not([disabled]):hover,.features--button-transition .hero-banner__buttons .button:not([disabled]):focus-visible{background-image:none;background-size:auto;background-position:unset;background-color:rgb(var(--button-text-color));color:rgb(var(--button-background));border-color:rgb(var(--button-text-color))}.features--button-transition .hero-banner__buttons .button--outline:not([disabled]):hover,.features--button-transition .hero-banner__buttons .button--outline:not([disabled]):focus-visible{background-color:rgb(var(--button-background));color:rgb(var(--button-text-color));border-color:rgb(var(--button-background))}}.features--button-transition .hero-banner__buttons .button:not(.button--outline):not([disabled]):active{background-color:color-mix(in srgb,rgb(var(--button-text-color)) 86%,rgb(var(--button-background)));color:rgb(var(--button-background));border-color:color-mix(in srgb,rgb(var(--button-text-color)) 86%,rgb(var(--button-background)))}.features--button-transition .hero-banner__buttons .button--outline:not([disabled]):active{background-color:color-mix(in srgb,rgb(var(--button-background)) 86%,rgb(var(--button-text-color)));color:rgb(var(--button-text-color));border-color:color-mix(in srgb,rgb(var(--button-background)) 86%,rgb(var(--button-text-color)))}.hero-banner__count{min-width:3.5rem;font-family:var(--text-font-family);font-size:13px;line-height:16px;letter-spacing:.08em;text-align:center}@media screen and (min-width:1024px){.hero-banner:not(.hero-banner--d-adapt) .hero-banner__slide{height:var(--hero-height)}.hero-banner--d-adapt .hero-banner__slide{height:auto}.hero-banner:not(.hero-banner--d-adapt) .hero-banner__media,.hero-banner:not(.hero-banner--d-adapt) .hero-banner__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner:not(.hero-banner--d-adapt) .hero-banner__media img,.hero-banner:not(.hero-banner--d-adapt) .hero-banner__media svg{height:100%}.hero-banner--d-adapt .hero-banner__media,.hero-banner--d-adapt .hero-banner__media picture{position:relative}.hero-banner--d-adapt .hero-banner__media img,.hero-banner--d-adapt .hero-banner__media svg{height:auto}.hero-banner:not(.hero-banner--d-adapt) .hero-banner__content{position:relative;height:100%}.hero-banner--d-adapt .hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.hero-banner__content--h-left{align-items:flex-start;text-align:left}.hero-banner__content--h-center{align-items:center;text-align:center}.hero-banner__content--h-right{align-items:flex-end;text-align:right}.hero-banner__content--v-top{justify-content:flex-start}.hero-banner__content--v-middle{justify-content:center}.hero-banner__content--v-bottom{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.hero-banner__slide,.hero-banner__content-inner,.hero-banner__buttons .button{transition:none}.hero-banner__content-inner{transform:none}}:has(.header--allow-transparent) .shopify-section:first-child .hero-banner[allow-transparent-header] .hero-banner__content--mv-top{padding-block-start:calc(var(--header-height, 0px) + 32px)}@media screen and (min-width:1024px){:has(.header--allow-transparent) .shopify-section:first-child .hero-banner[allow-transparent-header] .hero-banner__content--v-top{padding-block-start:calc(var(--header-height, 0px) + 40px)}}@media screen and (max-width:575px){.hero-banner__buttons .button{min-width:unset;max-width:calc(50% - 5px);width:100%}.hero-banner__buttons{width:100%}}.hero-banner__media img{object-position:20% top}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-hero-banner.css.map */