.sale-banner{position:relative;isolation:isolate;container-type:inline-size;width:100%;background:var(--sale-background, #ed101b);color:var(--sale-text, #fff)}.sale-banner *,.sale-banner *:before,.sale-banner *:after{box-sizing:border-box}.sale-banner .sale-banner__artwork{display:block;grid-area:1 / 1 / 3 / 2;align-self:start}.sale-banner .sale-banner__image{display:block;width:100%;height:auto;max-width:none;aspect-ratio:var(--sale-desktop-ratio, 2.4)}.sale-banner .sale-banner__copy,.sale-banner .sale-banner__actions{z-index:1;align-self:start;min-width:0;color:inherit}.sale-banner .sale-banner__copy{grid-area:1 / 1 / 2 / 2}.sale-banner .sale-banner__actions{grid-area:2 / 1 / 3 / 2}.sale-banner .sale-banner__announcement,.sale-banner .sale-banner__note{margin:0;font-family:Courier New,Courier,monospace;font-size:clamp(.875rem,var(--sale-detail-size, 1.3cqw),3rem);font-weight:700;font-style:normal;line-height:1.2;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.sale-banner .sale-banner__heading{margin:1.5cqw 0 0;padding:0;color:inherit;font-family:Arial Black,Neue Haas Grotesk,Arial,sans-serif;font-size:var(--sale-heading-size, 8.5cqw);font-weight:900;font-style:normal;line-height:.86;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere}.sale-banner .sale-banner__mobile-announcement{display:none}.sale-banner .sale-banner__actions{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.8cqw,40px)}.sale-banner .sale-banner__button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:44px;min-height:44px;margin:0;padding:.25em 1.1em;border:2px solid transparent;border-radius:999px;background:var(--sale-button-background, #111);color:var(--sale-button-text, #fff);font-family:Headline-Narrow,Arial Black,Arial,sans-serif;font-size:clamp(1rem,var(--sale-button-size, 2cqw),4rem);font-weight:900;font-style:normal;line-height:1.05;letter-spacing:.01em;text-align:center;text-decoration:none;text-transform:uppercase;overflow-wrap:anywhere}.sale-banner .sale-banner__button:hover{text-decoration:underline;text-underline-offset:.15em}.sale-banner .sale-banner__button:focus-visible{outline:3px solid var(--sale-button-background, #111);outline-offset:4px;box-shadow:0 0 0 4px var(--sale-button-text, #fff)}@media screen and (min-width:990px){.sale-banner.has-desktop-artwork .sale-banner__stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(calc(var(--sale-actions-top, 77cqw) / var(--sale-desktop-ratio, 2.4)),max-content) auto}.sale-banner.has-desktop-artwork .sale-banner__copy{margin-top:calc(var(--sale-copy-top, 16%) / var(--sale-desktop-ratio, 2.4));margin-left:var(--sale-copy-left, 6%);margin-bottom:max(12px,1.2cqw);width:min(var(--sale-copy-width, 43%),calc(100% - var(--sale-copy-left, 6%)));text-align:left}.sale-banner.has-desktop-artwork .sale-banner__actions{margin-left:var(--sale-actions-left, 6%);margin-bottom:max(12px,1.2cqw);width:min(var(--sale-actions-width, 43%),calc(100% - var(--sale-actions-left, 6%)))}.sale-banner:not(.has-desktop-artwork) .sale-banner__artwork{display:none}.sale-banner:not(.has-desktop-artwork) .sale-banner__copy{padding:5% 6% 0}.sale-banner:not(.has-desktop-artwork) .sale-banner__actions{padding:3% 6% 5%}}@media screen and (max-width:989px){.sale-banner.has-mobile-artwork{--sale-mobile-artwork-offset: clamp(32px, 6cqw, 64px)}.sale-banner.has-mobile-artwork .sale-banner__stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(calc(var(--sale-actions-top-mobile, 83cqw) / var(--sale-mobile-ratio, .75) + var(--sale-mobile-artwork-offset)),max-content) auto}.sale-banner.has-mobile-artwork .sale-banner__artwork{margin-top:var(--sale-mobile-artwork-offset)}.sale-banner .sale-banner__mobile-announcement{display:flex;align-items:center;justify-content:center;min-height:var(--sale-mobile-artwork-offset, 32px);padding:calc(8px + .1em) 6% calc(8px - .1em);text-align:center}.sale-banner .sale-banner__copy>.sale-banner__announcement{display:none}.sale-banner.hide-code-mobile .sale-banner__note{visibility:hidden}.sale-banner.has-mobile-artwork.has-announcement .sale-banner__stage{grid-template-rows:minmax(calc(var(--sale-actions-top-mobile, 83cqw) / var(--sale-mobile-ratio, .75)),max-content) auto}.sale-banner.has-mobile-artwork.has-announcement .sale-banner__artwork{margin-top:0}.sale-banner .sale-banner__image{aspect-ratio:var(--sale-mobile-ratio, .75)}.sale-banner .sale-banner__copy{text-align:center}.sale-banner .sale-banner__heading{margin-top:2.5cqw;font-size:var(--sale-heading-size-mobile, 19cqw)}.sale-banner .sale-banner__announcement,.sale-banner .sale-banner__note{font-size:clamp(.75rem,var(--sale-detail-size-mobile, 2.6cqw),2rem)}.sale-banner .sale-banner__actions{align-items:center;gap:clamp(4px,.8cqw,10px);text-align:center}.sale-banner .sale-banner__button{width:100%;padding:.25em .6em;font-size:clamp(1rem,var(--sale-button-size-mobile, 4.6cqw),3rem)}.sale-banner.has-mobile-artwork .sale-banner__copy{margin-top:calc(var(--sale-copy-top-mobile, 4cqw) / var(--sale-mobile-ratio, .75));margin-left:var(--sale-copy-left-mobile, 6%);margin-bottom:max(12px,1.2cqw);width:min(var(--sale-copy-width-mobile, 88%),calc(100% - var(--sale-copy-left-mobile, 6%)))}.sale-banner.has-mobile-artwork.has-announcement .sale-banner__copy{margin-top:0}.sale-banner.has-mobile-artwork.has-announcement .sale-banner__heading{margin-top:max(0px,calc(2.5cqw + (var(--sale-copy-top-mobile, 4cqw) - 4cqw) / var(--sale-mobile-ratio, .75)))}.sale-banner.has-mobile-artwork .sale-banner__actions{margin-left:var(--sale-actions-left-mobile, 22%);margin-bottom:max(12px,1.2cqw);width:min(var(--sale-actions-width-mobile, 56%),calc(100% - var(--sale-actions-left-mobile, 22%)))}.sale-banner.has-mobile-artwork .sale-banner__note{color:var(--sale-note-mobile, #181818)}.sale-banner:not(.has-mobile-artwork) .sale-banner__artwork{display:none}.sale-banner:not(.has-mobile-artwork) .sale-banner__copy{padding:8% 6% 0}.sale-banner:not(.has-mobile-artwork) .sale-banner__actions{padding:6% 12% 8%}}
/*# sourceMappingURL=/cdn/shop/t/403/assets/black-friday-sale-banner.css.map */