.sales-banner{--sales-banner-height-desktop: 356px;--sales-banner-height-tablet: 356px;--sales-banner-height-mobile: 344px;--sales-banner-height: var(--sales-banner-height-desktop);--sales-banner-shell-max-width: var(--page-width, 1440px);--sales-banner-shell-padding-inline: 0px;--sales-banner-panel-width: 528px;--sales-banner-panel-background: #0b0f133d;--sales-banner-panel-blur: 200px;--sales-banner-panel-padding: 24px;--sales-banner-panel-bleed-left: 0px;--sales-banner-mobile-standard-offset: var(--page-margin, 20px);--sales-banner-accent-color: #f9f142;--sales-banner-subtitle-color: rgba( var(--ui-color-text-primary-inverted-rgb), .8 );position:relative;width:100%;min-height:var(--sales-banner-height);overflow:hidden;isolation:isolate;background:var(--ui-color-surface-accent);color:var(--ui-color-text-primary-inverted)}.sales-banner,.sales-banner *,.sales-banner *:before,.sales-banner *:after{box-sizing:border-box}.sales-banner__media,.sales-banner__picture,.sales-banner__overlay,.sales-banner__image,.sales-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.sales-banner__media{z-index:-2}.sales-banner__overlay{z-index:-1;background:linear-gradient(90deg,rgba(var(--ui-color-surface-accent-rgb),.08),rgba(var(--ui-color-surface-accent-rgb),.28))}.sales-banner__picture{display:block}.sales-banner__image,.sales-banner__placeholder{width:100%;height:100%;display:block;object-fit:cover}.sales-banner__placeholder{color:rgba(var(--ui-color-text-primary-inverted-rgb),.24)}.sales-banner__shell{position:relative;z-index:1;width:100%;max-width:var(--sales-banner-shell-max-width);min-height:var(--sales-banner-height);margin:0 auto;padding-inline:var(--sales-banner-shell-padding-inline);box-sizing:border-box;display:flex;align-items:stretch}.sales-banner__panel{position:relative;isolation:isolate;width:min(100%,var(--sales-banner-panel-width));min-height:var(--sales-banner-height);padding:var(--sales-banner-panel-padding);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sales-banner__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:calc(-1 * var(--sales-banner-panel-bleed-left));z-index:-1;background:var(--sales-banner-panel-background);-webkit-backdrop-filter:blur(var(--sales-banner-panel-blur));backdrop-filter:blur(var(--sales-banner-panel-blur))}.sales-banner__badge{margin:0 0 16px;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-color-surface-accent);color:var(--ui-color-text-primary-inverted);font-family:var(--ui-type-caption-font-family);font-size:var(--ui-type-caption-font-size);line-height:var(--ui-type-caption-line-height);font-weight:var(--ui-type-caption-font-weight);letter-spacing:var(--ui-type-caption-letter-spacing)}.sales-banner__heading{margin:0 0 8px;color:var(--ui-color-text-primary-inverted);font-family:var(--ui-type-h1-font-family);font-size:var(--ui-type-h1-font-size);line-height:var(--ui-type-h1-line-height);font-weight:var(--ui-type-h1-font-weight);letter-spacing:var(--ui-type-h1-letter-spacing)}.sales-banner__heading-main,.sales-banner__heading-accent{display:block}.sales-banner__heading-accent{color:var(--sales-banner-accent-color)}.sales-banner__subtitle{margin:0 0 24px;color:var(--sales-banner-subtitle-color);font-family:var(--ui-type-h4-font-family);font-size:var(--ui-type-h4-font-size);line-height:var(--ui-type-h4-line-height);font-weight:var(--ui-type-h4-font-weight);letter-spacing:var(--ui-type-h4-letter-spacing)}.sales-banner__subtitle p{margin:0}.sales-banner__subtitle p+p{margin-top:8px}.sales-banner__button{padding:12px 16px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ui-color-surface-primary);color:var(--ui-color-text-primary);text-decoration:none;font-family:var(--ui-type-button-2-font-family);font-size:var(--ui-type-button-2-font-size);line-height:var(--ui-type-button-2-line-height);font-weight:var(--ui-type-button-2-font-weight);letter-spacing:var(--ui-type-button-2-letter-spacing);white-space:nowrap;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.sales-banner__button svg{flex-shrink:0}.sales-banner__button:focus-visible{outline:2px solid rgba(var(--ui-color-surface-primary-rgb),.72);outline-offset:3px}.sales-banner__button.is-disabled,.sales-banner__button[aria-disabled=true]{opacity:.56;pointer-events:none;cursor:default}@media(hover:hover)and (pointer:fine){.sales-banner__button:hover:not(.is-disabled){background:var(--ui-color-surface-tertiary)}}@media screen and (max-width:1199px){.sales-banner{--sales-banner-height: var(--sales-banner-height-tablet);--sales-banner-panel-width: 326px}.sales-banner__badge{padding:4px 12px}}@media screen and (min-width:1200px){.sales-banner--display-default{--sales-banner-panel-bleed-left: calc((100vw - min(100vw, var(--sales-banner-shell-max-width)))/2) }}@media screen and (min-width:768px){.sales-banner--display-collection{--sales-banner-shell-max-width: none;--sales-banner-shell-padding-inline: 0;--sales-banner-panel-bleed-left: 24px}}@media screen and (max-width:767px){.sales-banner{--sales-banner-height: var(--sales-banner-height-mobile);--sales-banner-panel-padding: 16px}.sales-banner--mobile-standard{--sales-banner-panel-width: 253px}.sales-banner--mobile-full{--sales-banner-panel-width: 100%}.sales-banner__badge{padding:4px 12px}.sales-banner__button{padding:12px 14px;gap:6px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/sales-banner.css.map */