.sl-deals-banner{--sl-deals-banner-code-border-width: 1px}.sl-deals-banner.spacing-style{--spacing-scale: var(--spacing-scale-default)}.sl-deals-banner__bg{background:var(--sl-deals-banner-gradient, var(--color-background))}.sl-deals-banner__bg picture{display:block;width:100%;height:100%}.sl-deals-banner__inner{display:flex;align-items:center;position:relative}.sl-deals-banner__cta[hidden],.sl-deals-banner__code[hidden]{display:none!important}.sl-deals-banner__text{color:var(--color-foreground)}.sl-deals-banner__heading{color:var(--color-foreground-heading)}.sl-deals-banner__text>*{margin:0}.sl-deals-banner__heading>*,.sl-deals-banner__sub>*,.sl-deals-banner__eyebrow>*{margin:0}.sl-deals-banner__cta{--sl-deals-banner-cta-border-width: 1px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:var(--sl-deals-banner-cta-border-width) solid var(--color-primary-button-border, transparent);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--font-heading--family);border-radius:100px;white-space:nowrap}.sl-deals-banner__cta-icon{display:block;flex:none}@media(hover:hover)and (pointer:fine){.sl-deals-banner__cta:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.sl-deals-banner__code:hover{background:var(--sl-deals-banner-code-bg-hover, var(--sl-deals-banner-code-bg));border-color:var(--sl-deals-banner-code-border-hover, var(--sl-deals-banner-code-border))}@media(prefers-reduced-motion:no-preference){.sl-deals-banner__cta,.sl-deals-banner__code{transition:background-color var(--animation-values),border-color var(--animation-values),color var(--animation-values)}.sl-deals-banner__cta-icon{transition:transform var(--animation-values)}.sl-deals-banner__cta:hover .sl-deals-banner__cta-icon{transform:translate(3px)}}}.sl-deals-banner__cta:active{transform:translateY(1px)}.sl-deals-banner__code{margin:0;display:inline-grid;grid-template-areas:"chip";align-items:center;justify-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;padding:calc(var(--sl-deals-banner-code-inset-block, 0px) - var(--sl-deals-banner-code-border-width)) calc(var(--sl-deals-banner-code-inset-inline, 0px) - var(--sl-deals-banner-code-border-width));border:var(--sl-deals-banner-code-border-width) dashed var(--sl-deals-banner-code-border);border-radius:4px;background:var(--sl-deals-banner-code-bg);color:var(--sl-deals-banner-code-fg);font-family:var(--font-body--family);font-weight:700;line-height:1.4;text-align:center;white-space:nowrap}.sl-deals-banner__code-text,.sl-deals-banner__code-copied{grid-area:chip;display:block}.sl-deals-banner__code-copied,.sl-deals-banner__code--copied .sl-deals-banner__code-text{visibility:hidden}.sl-deals-banner__code--copied .sl-deals-banner__code-copied{visibility:visible}.sl-deals-banner__cta,.sl-deals-banner__code{flex:none}.sl-deals-banner--banner{--sl-deals-banner-code-bg: rgb(255 255 255 / .13);--sl-deals-banner-code-bg-hover: rgb(255 255 255 / .22);--sl-deals-banner-code-border: #ffffff;--sl-deals-banner-code-fg: #ffffff}.sl-deals-banner--banner .sl-deals-banner__inner{justify-content:space-between;gap:20px}.sl-deals-banner--banner .sl-deals-banner__text{display:flex;flex-direction:column;gap:8px;max-width:558px}.sl-deals-banner--banner .sl-deals-banner__heading{font-family:var(--font-heading--family);font-weight:700;font-size:36px;line-height:1.2;white-space:pre-wrap}.sl-deals-banner--banner .sl-deals-banner__eyebrow,.sl-deals-banner--banner .sl-deals-banner__sub{font-family:var(--font-body--family);font-weight:500;font-size:18px;line-height:1.5}.sl-deals-banner--banner .sl-deals-banner__eyebrow{text-transform:uppercase}.sl-deals-banner--banner .sl-deals-banner__cta{padding:calc(20px - var(--sl-deals-banner-cta-border-width)) calc(48px - var(--sl-deals-banner-cta-border-width));font-weight:600;font-size:16px;line-height:1.5}.sl-deals-banner--banner .sl-deals-banner__code{--sl-deals-banner-code-inset-block: 20px;--sl-deals-banner-code-inset-inline: 20px;min-width:225px;font-size:23px}@media screen and (max-width:749px){.sl-deals-banner--banner .sl-deals-banner__inner{gap:16px}.sl-deals-banner--banner .sl-deals-banner__text{flex:1 1 auto;min-width:0;max-width:none}.sl-deals-banner--banner .sl-deals-banner__heading{font-size:18px}.sl-deals-banner--banner .sl-deals-banner__eyebrow,.sl-deals-banner--banner .sl-deals-banner__sub{display:none}.sl-deals-banner--banner .sl-deals-banner__cta{padding:calc(13px - var(--sl-deals-banner-cta-border-width)) calc(32px - var(--sl-deals-banner-cta-border-width));font-size:14px}.sl-deals-banner--banner .sl-deals-banner__code{--sl-deals-banner-code-inset-block: 8px;--sl-deals-banner-code-inset-inline: 20px;min-width:169px;min-height:38px;font-size:14px}}.sl-deals-banner--bar{--sl-deals-banner-code-bg: #ffffff;--sl-deals-banner-code-bg-hover: #f2f7ff;--sl-deals-banner-code-border: #2383ee;--sl-deals-banner-code-fg: #013ca6}.sl-deals-banner--bar .sl-deals-banner__inner{justify-content:center;flex-wrap:wrap;gap:24px;row-gap:8px;padding-inline:24px}.sl-deals-banner--bar .sl-deals-banner__text{flex:0 0 auto;max-width:100%}.sl-deals-banner--bar .sl-deals-banner__heading{font-family:var(--font-heading--family);font-weight:700;font-size:16px;line-height:1.5;text-align:center}.sl-deals-banner--bar .sl-deals-banner__cta{gap:8px;padding:calc(6px - var(--sl-deals-banner-cta-border-width)) calc(24px - var(--sl-deals-banner-cta-border-width));font-weight:700;font-size:14px;line-height:1.5}.sl-deals-banner--bar .sl-deals-banner__code{--sl-deals-banner-code-inset-block: 4px;--sl-deals-banner-code-inset-inline: 20px;max-width:225px;font-size:14px}@media screen and (max-width:749px){.sl-deals-banner--bar .sl-deals-banner__inner{gap:clamp(8px,3.06vw,12px);padding-inline:clamp(8px,3.06vw,12px)}.sl-deals-banner--bar .sl-deals-banner__heading{font-weight:600;font-size:clamp(11px,3.57vw,14px)}.sl-deals-banner--bar .sl-deals-banner__cta{height:28px;padding-block:0;padding-inline:calc(clamp(8px,2.55vw,10px) - var(--sl-deals-banner-cta-border-width));gap:clamp(5px,2.04vw,8px);font-size:clamp(10px,3.06vw,12px)}.sl-deals-banner--bar .sl-deals-banner__cta-icon{width:clamp(12px,3.82vw,15px);height:clamp(12px,3.82vw,15px)}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/sl-deals-banner.css.map */
