.promotion-banner{position:relative}.promotion-banner__bg{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;overflow:hidden}.promotion-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.promotion-banner__inner.layout-vertical{flex-direction:column;text-align:center}.promotion-banner__item,.promotion-banner__item p{margin:0}.promotion-banner__item--subheading{font-weight:var(--font-weight-semibold);line-height:1.25}.promotion-banner__item--text{max-width:360px;line-height:1.5}.promotion-banner__heading{margin:0;line-height:1.2}.promotion-banner__heading p{margin:0}.promotion-banner__heading.has-highlight em{font-style:italic;position:relative;color:var(--highlight-text-color, inherit)}.promotion-banner__heading.highlight-no-italic em{font-style:normal}.promotion-banner__heading.highlight--underline em{text-decoration:underline;text-decoration-color:var(--highlight-color, currentColor);text-underline-offset:4px;text-decoration-thickness:2px}.promotion-banner__heading.highlight--circle em{text-decoration:none;border:2px solid var(--highlight-color, currentColor);border-radius:50%;padding:0 6px}.promotion-banner__heading.highlight--squiggle em{text-decoration:underline wavy;text-decoration-color:var(--highlight-color, currentColor);text-underline-offset:4px}.promotion-banner__heading.highlight--highlight em{text-decoration:none;background:var(--highlight-color, rgba(255, 200, 0, .3));padding:0 4px}.promotion-banner__group-heading{display:flex;flex-direction:column;gap:8px}.promotion-banner__group-heading.layout-horizontal{flex-direction:row;align-items:center;gap:16px}.promotion-banner__sub{font-size:14px;opacity:.8}.promotion-banner__sub p{margin:0}.promotion-banner__badge{display:inline-block;font-size:11px;line-height:1;padding:4px 8px;border-radius:4px;color:#fff;vertical-align:middle;margin-left:8px}.promotion-banner__btn{border-radius:999px}.promotion-banner__countdown{display:inline-flex;align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1}.promotion-banner__countdown .clock-item{display:inline-flex;align-items:baseline}.promotion-banner__countdown .num{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.promotion-banner__countdown .separator{display:inline-flex;align-items:center;margin:0 10px}.promotion-banner__countdown.size-xl{font-size:42px}.promotion-banner__countdown.size-lg{font-size:34px}.promotion-banner__countdown.size-md{font-size:26px}.promotion-banner__discount{position:relative}.promotion-banner__discount .promotion-banner__copy-btn{min-width:180px;border-radius:999px}.promotion-banner__discount .button--link{background:transparent;border:0;box-shadow:none;min-width:0;padding:0;text-decoration:underline;text-underline-offset:4px}.promotion-banner__copy-icon{display:inline-flex;width:14px;height:14px;margin-right:8px}.promotion-banner__copy-feedback{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#000000d9;color:#fff;border-radius:4px;padding:5px 8px;font-size:12px;line-height:1;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none;white-space:nowrap}.promotion-banner__copy-feedback.is-visible{opacity:1;visibility:visible}@media(max-width:1024px){.promotion-banner__inner.layout-horizontal{gap:16px}.promotion-banner__countdown.size-xl{font-size:34px}.promotion-banner__countdown.size-lg{font-size:28px}.promotion-banner__countdown.size-md{font-size:22px}.promotion-banner__countdown .separator{margin:0 7px}}@media(max-width:767px){.promotion-banner__inner{flex-direction:column;gap:14px;text-align:center}.promotion-banner__inner.align-mobile-left{align-items:flex-start;text-align:left}.promotion-banner__inner.align-mobile-center{align-items:center;text-align:center}.promotion-banner__inner.align-mobile-right{align-items:flex-end;text-align:right}.promotion-banner__item--text{max-width:100%}.promotion-banner__group-heading.layout-horizontal{flex-direction:column}.promotion-banner__countdown.size-xl{font-size:40px}.promotion-banner__countdown.size-lg{font-size:32px}.promotion-banner__countdown.size-md{font-size:26px}.promotion-banner__discount .promotion-banner__copy-btn{min-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/214/assets/component-promotion-banner.css.map */
