.back-to-school-banner{--bts-text:#fff;--bts-text-muted:rgb(255 255 255/85%);--bts-cta-surface:#fff;--bts-cta-text:#8752ff;--bts-cta-hover:#f6f6f6;--bts-percent:#fffb21;--bts-badge-start:#ffd044;--bts-badge-end:#fb6001;--bts-divider:rgb(255 255 255/30%);--bts-close-hover:rgb(255 255 255/20%);display:flex;width:100%;max-width:980px;margin-inline:auto;align-items:center;justify-content:space-between;gap:16px;background:var(--primary-button-gradient);color:var(--bts-text)}.back-to-school-banner--full{max-width:none}.back-to-school-banner__copy{display:flex;min-width:0;align-items:center}.back-to-school-banner__coupon{display:block;width:40px;height:40px;flex:0 0 40px;overflow:clip;-o-object-fit:cover;object-fit:cover}.back-to-school-banner__text{min-width:0}.back-to-school-banner__heading{display:flex;align-items:center}.back-to-school-banner__description,.back-to-school-banner__title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-to-school-banner__close,.back-to-school-banner__cta{flex:none;border:0;cursor:pointer}.back-to-school-banner__cta{display:inline-flex;align-items:center;background:var(--bts-cta-surface);color:var(--bts-cta-text);white-space:nowrap}.back-to-school-banner__cta:focus-visible,.back-to-school-banner__cta:hover{background:var(--bts-cta-hover)}.back-to-school-banner__close-icon,.back-to-school-banner__cta-icon{display:block;overflow:clip}.back-to-school-banner__close-icon svg,.back-to-school-banner__cta-icon svg{display:block;width:100%;height:100%}.back-to-school-banner--compact{margin-bottom:40px;gap:14px;padding:8px 40px;max-width:1200px;border-radius:12px}.back-to-school-banner--compact .back-to-school-banner__copy{gap:14px;flex:1}.back-to-school-banner--compact .back-to-school-banner__text{display:flex;min-width:0;align-items:center;gap:8px}.back-to-school-banner--compact .back-to-school-banner__title{flex:none;font-size:14px;font-weight:800;letter-spacing:-.14px;line-height:18px}.back-to-school-banner--compact .back-to-school-banner__description{min-width:0;color:var(--bts-text-muted);font-size:13px;font-weight:500;line-height:16px}.back-to-school-banner--compact .back-to-school-banner__cta{height:32px;gap:6px;border-radius:10px;padding:0 16px;font-size:13px;font-weight:800;line-height:13px}.back-to-school-banner--compact .back-to-school-banner__cta-icon{width:16px;height:16px}.back-to-school-banner--large{margin-bottom:24px;overflow:clip;border-radius:20px;padding:14px 20px}.back-to-school-banner--large .back-to-school-banner__copy{gap:12px;flex:1}.back-to-school-banner--large .back-to-school-banner__text{display:flex;min-width:0;flex:1;flex-direction:column}.back-to-school-banner--large .back-to-school-banner__heading{gap:8px}.back-to-school-banner--large .back-to-school-banner__title{font-size:18px;font-weight:700;line-height:28px}.back-to-school-banner--large .back-to-school-banner__badge{display:inline-flex;height:20px;flex:none;align-items:center;justify-content:center;border-radius:10px;padding:0 12px;background:linear-gradient(90deg,var(--bts-badge-start),var(--bts-badge-end));font-size:12px;font-weight:400;letter-spacing:.3px;line-height:12px;text-transform:uppercase}.back-to-school-banner--large .back-to-school-banner__description{margin-top:4px;color:var(--bts-text-muted);font-size:14px;font-weight:400;line-height:22px}.back-to-school-banner--large .back-to-school-banner__percent{color:var(--bts-percent);font-weight:700}.back-to-school-banner--large .back-to-school-banner__actions{display:flex;flex:none;align-items:center;gap:16px;padding-left:20px}.back-to-school-banner--large .back-to-school-banner__cta{gap:8px;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:700;line-height:22px}.back-to-school-banner--large .back-to-school-banner__cta-icon{width:12px;height:12px}.back-to-school-banner--large .back-to-school-banner__divider{display:block;width:1px;height:28px;background:var(--bts-divider)}.back-to-school-banner--large .back-to-school-banner__close{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;padding:0;background:rgba(0,0,0,0)}.back-to-school-banner--large .back-to-school-banner__close:focus-visible,.back-to-school-banner--large .back-to-school-banner__close:hover{background:var(--bts-close-hover)}.back-to-school-banner--large .back-to-school-banner__close-icon{width:16px;height:16px}@media(max-width:767px){.back-to-school-banner{flex-direction:column;align-items:stretch;align-self:stretch;width:auto;gap:10px;margin:16px 12px 40px}.back-to-school-banner__description,.back-to-school-banner__title{overflow:visible;text-overflow:unset;white-space:normal}.back-to-school-banner--compact .back-to-school-banner__actions,.back-to-school-banner--large .back-to-school-banner__actions{display:contents}.back-to-school-banner--compact{padding:12px;border-radius:16px}.back-to-school-banner--compact .back-to-school-banner__copy{align-items:flex-start;gap:12px}.back-to-school-banner--compact .back-to-school-banner__coupon{width:36px;height:36px;flex:0 0 36px;margin-top:2px}.back-to-school-banner--compact .back-to-school-banner__text{flex-direction:column;align-items:flex-start;gap:2px}.back-to-school-banner--compact .back-to-school-banner__title{font-size:14px;font-weight:700;letter-spacing:0;line-height:22px}.back-to-school-banner--compact .back-to-school-banner__description{font-size:12px;font-weight:400;line-height:19px}.back-to-school-banner--compact .back-to-school-banner__cta{width:100%;height:auto;justify-content:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;line-height:22px}.back-to-school-banner--compact .back-to-school-banner__cta-icon{width:12px;height:12px}.back-to-school-banner--large{position:relative;padding:12px;border-radius:16px}.back-to-school-banner--large .back-to-school-banner__copy{align-items:flex-start;gap:12px;padding-right:24px}.back-to-school-banner--large .back-to-school-banner__coupon{width:36px;height:36px;flex:0 0 36px;margin-top:2px}.back-to-school-banner--large .back-to-school-banner__heading{flex-wrap:wrap;gap:8px}.back-to-school-banner--large .back-to-school-banner__title{font-size:14px;font-weight:700;line-height:22px}.back-to-school-banner--large .back-to-school-banner__badge{height:16px;padding:0 12px;font-size:10px;letter-spacing:.25px;line-height:10px}.back-to-school-banner--large .back-to-school-banner__description{margin-top:2px;font-size:12px;font-weight:400;line-height:19px}.back-to-school-banner--large .back-to-school-banner__cta{width:100%;justify-content:center;padding:8px 12px}.back-to-school-banner--large .back-to-school-banner__divider{display:none}.back-to-school-banner--large .back-to-school-banner__close{position:absolute;top:8px;right:8px;width:24px;height:24px}.back-to-school-banner--large .back-to-school-banner__close-icon{width:14px;height:14px}}