.simple-banner{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:var(--simple-banner-height-mobile)}.simple-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.simple-banner__media img,.simple-banner__media video,.simple-banner__media svg{display:block;width:100%;height:100%;object-fit:cover}.simple-banner__media svg{background-color:#0000000f}.simple-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--simple-banner-overlay-color, 0, 0, 0),var(--simple-banner-overlay-opacity, 0));pointer-events:none}.simple-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:30px 24px;text-align:center}.simple-banner__content-inner{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:870px;text-align:center}.simple-banner--left .simple-banner__content{align-items:flex-start}.simple-banner--left .simple-banner__content-inner,.simple-banner--right .simple-banner__content-inner{max-width:380px}.simple-banner--right .simple-banner__content{align-items:flex-end}@media screen and (min-width:768px){.simple-banner--d-align-left .simple-banner__content-inner{text-align:left}.simple-banner--d-align-center .simple-banner__content-inner{text-align:center}.simple-banner--d-align-right .simple-banner__content-inner{text-align:right}.simple-banner--d-align-left .simple-banner__button{align-self:flex-start}.simple-banner--d-align-center .simple-banner__button{align-self:center}.simple-banner--d-align-right .simple-banner__button{align-self:flex-end}}@media screen and (max-width:767px){.simple-banner.simple-banner--v-top,.simple-banner.simple-banner--v-middle,.simple-banner.simple-banner--v-bottom{justify-content:flex-end}.simple-banner__content,.simple-banner--left .simple-banner__content,.simple-banner--right .simple-banner__content{align-items:center}.simple-banner--m-align-left .simple-banner__content-inner{text-align:left}.simple-banner--m-align-center .simple-banner__content-inner{text-align:center}.simple-banner--m-align-right .simple-banner__content-inner{text-align:right}.simple-banner--m-align-left .simple-banner__button{align-self:flex-start}.simple-banner--m-align-center .simple-banner__button{align-self:center}.simple-banner--m-align-right .simple-banner__button{align-self:flex-end}.simple-banner--button-inverse .simple-banner__button .button{--button-background: var(--simple-banner-button-text) !important;--button-text-color: var(--simple-banner-button-background) !important;--button-outline-color: var(--simple-banner-button-text) !important}}.simple-banner--v-top{justify-content:flex-start}.simple-banner--v-middle{justify-content:center}.simple-banner--v-bottom{justify-content:flex-end}.simple-banner__title{margin:0 0 8px;color:var(--simple-banner-heading-color);font-family:Sofia Pro,sans-serif;font-weight:500;font-size:28px;line-height:32px;letter-spacing:0;text-transform:uppercase}.simple-banner--left .simple-banner__title,.simple-banner--right .simple-banner__title{font-size:24px;line-height:30px}.simple-banner__text{margin:0 0 16px;color:var(--simple-banner-text-color);font-family:var(--text-font-family);font-size:16px;line-height:24px}.simple-banner__notes{margin:4px 0 0;color:var(--simple-banner-text-color);font-family:var(--text-font-family);font-size:12px;line-height:16px}.simple-banner__button .button{min-width:183px;padding:5px 12px;min-height:36px;font-size:12px;line-height:16px;letter-spacing:.02em;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}.simple-banner__button .button--outline{background-color:transparent}.simple-banner__button .button[disabled],.simple-banner__button .button[aria-disabled=true]{background-color:#d5d5d5;color:#f3f3f3;border-color:#d5d5d5;cursor:not-allowed}@media screen and (pointer:fine){.features--button-transition .simple-banner__button .button:not([disabled]):hover,.features--button-transition .simple-banner__button .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 .simple-banner__button .button--outline:not([disabled]):hover,.features--button-transition .simple-banner__button .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 .simple-banner__button .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 .simple-banner__button .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)))}@media(prefers-reduced-motion:reduce){.simple-banner__button .button{transition:none}}@media screen and (min-width:768px){.simple-banner{min-height:var(--simple-banner-height)}.simple-banner__button .button{padding:5px 20px}.simple-banner__content{padding:56px 48px}.simple-banner__text{font-size:15px;line-height:24px}.simple-banner--v-middle.simple-banner--left .simple-banner__content,.simple-banner--v-middle.simple-banner--right .simple-banner__content{margin-top:-80px}.simple-banner--left .simple-banner__text,.simple-banner--right .simple-banner__text{margin-bottom:26px;font-size:14px;line-height:22px}}@media screen and (min-width:1024px){.simple-banner__content{padding:40px 80px}}@media screen and (max-width:767px){.simple-banner .simple-banner__title{font-size:20px;line-height:24px;letter-spacing:.02em;margin-bottom:12px}.simple-banner .simple-banner__text{font-size:14px;line-height:20px;margin-bottom:12px}.simple-banner .simple-banner__notes{font-size:12px;line-height:16px;font-style:italic;font-weight:300}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-simple-banner.css.map */