.top-promo-banner{position:relative;z-index:5;border-bottom:1px solid var(--tpb-border)}.top-promo-banner .page-width{max-width:1440px;margin:0 auto;padding-left:20px;padding-right:20px}.top-promo-banner .tpb__inner--full,.top-promo-banner .tpb__drawer-inner--full{max-width:100%}.top-promo-banner .tpb__bar{background:var(--tpb-bg);color:var(--tpb-text);min-height:var(--tpb-height);font-size:var(--tpb-text-size);font-weight:var(--tpb-text-weight)}.top-promo-banner .tpb__slide,.top-promo-banner .tpb__message,.top-promo-banner .tpb__toggle,.top-promo-banner .tpb__nav,.top-promo-banner .tpb__dot{font-weight:inherit}.top-promo-banner .tpb__inner{min-height:var(--tpb-height);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.top-promo-banner .tpb__message-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.top-promo-banner .tpb__message-wrap--single{grid-template-columns:minmax(0,1fr)}.top-promo-banner .tpb__message-wrap--single .tpb__viewport{grid-column:1 / -1}.top-promo-banner .tpb__viewport{overflow:hidden;min-width:0}.top-promo-banner .tpb__message-wrap--single .tpb__track,.top-promo-banner .tpb__message-wrap--single .tpb__slide{justify-content:center}.top-promo-banner .tpb__track{display:flex;transition:transform .35s ease;will-change:transform}.top-promo-banner .tpb__slide{flex:0 0 100%;min-width:100%;display:flex;justify-content:center;align-items:center;text-align:center;min-height:var(--tpb-height);padding:8px 0}.top-promo-banner .tpb__message{color:var(--tpb-link);text-decoration:none;font-size:inherit;line-height:1.3;font-weight:inherit;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.top-promo-banner .tpb__message-text{display:inline;color:var(--tpb-message-color)}.top-promo-banner .tpb__message-divider{display:inline-block;color:var(--tpb-divider-color);opacity:.85}.top-promo-banner .tpb__countdown{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;color:var(--tpb-countdown-color)}.top-promo-banner .tpb__countdown-prefix,.top-promo-banner .tpb__countdown-timer{color:var(--tpb-countdown-color)}.top-promo-banner .tpb__countdown-timer{letter-spacing:.02em}.top-promo-banner a.tpb__message:hover{text-decoration:underline}.top-promo-banner .tpb__nav,.top-promo-banner .tpb__cards-nav,.top-promo-banner .tpb__drawer-close{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:currentColor;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.top-promo-banner .tpb__nav{width:28px;height:28px;opacity:.8}.top-promo-banner .tpb__nav svg,.top-promo-banner .tpb__cards-nav svg,.top-promo-banner .tpb__toggle-icon{width:20px;height:20px}.top-promo-banner .tpb__drawer-close svg{width:24px;height:24px}.top-promo-banner .tpb__controls{display:inline-flex;align-items:center;gap:16px;white-space:nowrap}.top-promo-banner .tpb__dots,.top-promo-banner .tpb__drawer-dots{display:inline-flex;align-items:center;gap:8px}.top-promo-banner .tpb__dot{width:6px;height:6px;border-radius:50%;border:0;background:var(--tpb-dot);opacity:.6;cursor:pointer;padding:0}.top-promo-banner .tpb__dot.is-active{background:var(--tpb-dot-active);opacity:1}.top-promo-banner .tpb__toggle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:currentColor;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:inherit;line-height:1;padding:0}.top-promo-banner .tpb__toggle-text--close,.top-promo-banner.is-open .tpb__toggle-text--open{display:none}.top-promo-banner.is-open .tpb__toggle-text--close{display:inline}.top-promo-banner.is-open .tpb__toggle-icon{transform:rotate(180deg)}.top-promo-banner .tpb__drawer{background:var(--tpb-drawer-bg);border-top:1px solid var(--tpb-border);border-bottom:1px solid var(--tpb-border)}.top-promo-banner .tpb__drawer-inner{position:relative;padding-top:22px;padding-bottom:22px}.top-promo-banner .tpb__drawer-close{position:absolute;right:20px;top:18px;width:44px;height:44px;z-index:2}.top-promo-banner .tpb__drawer-close:hover{transform:scale(1.05)}.top-promo-banner .tpb__cards-wrap{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px}.top-promo-banner .tpb__cards-track{display:flex;gap:var(--tpb-card-gap);transition:transform .35s ease;will-change:transform}.top-promo-banner .tpb__card{flex:0 0 calc(100% / var(--tpb-cards-desktop) - ((var(--tpb-card-gap) * (var(--tpb-cards-desktop) - 1)) / var(--tpb-cards-desktop)));min-width:calc(100% / var(--tpb-cards-desktop) - ((var(--tpb-card-gap) * (var(--tpb-cards-desktop) - 1)) / var(--tpb-cards-desktop)));background:var(--tpb-card-bg);color:var(--tpb-card-text);border-radius:4px;overflow:hidden;text-align:center;min-height:var(--tpb-card-min-height);display:flex;flex-direction:column}.top-promo-banner .tpb__card-media{display:block;text-decoration:none;color:inherit}.top-promo-banner .tpb__card>.tpb__card-media:last-child,.top-promo-banner .tpb__card>a.tpb__card-media:last-child{margin-bottom:0}.top-promo-banner .tpb__card:not(:has(.tpb__card-body)){min-height:0}.top-promo-banner .tpb__card-image,.top-promo-banner .tpb__card-placeholder{width:100%;display:block;aspect-ratio:var(--tpb-card-image-ratio);object-fit:cover;background:#dfe8f1}.top-promo-banner .tpb__card-body{padding:var(--tpb-card-body-padding-y) var(--tpb-card-body-padding-x);flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}.top-promo-banner .tpb__card-title{margin:0 0 8px;font-size:var(--tpb-card-title-size);line-height:1.08;font-weight:500}.top-promo-banner .tpb__card-subtitle{font-size:var(--tpb-card-subtitle-size);line-height:1.4;margin-bottom:8px}.top-promo-banner .tpb__card-meta{font-size:var(--tpb-card-meta-size);line-height:1.4;opacity:.85;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.top-promo-banner .tpb__card-link{font-size:14px;color:inherit;text-decoration:underline}.top-promo-banner .tpb__cards-nav{width:40px;height:40px;border:1px solid var(--tpb-border);border-radius:999px;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;justify-self:center;transition:opacity .2s ease,visibility .2s ease}.top-promo-banner .tpb__cards-nav--prev,.top-promo-banner .tpb__cards-nav--next{position:static;transform:none}.top-promo-banner .tpb__cards-viewport{overflow:hidden;min-width:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}.top-promo-banner .tpb__drawer-dots{justify-content:center;margin-top:14px;gap:6px}@media(max-width:1199px){.top-promo-banner .tpb__card{flex:0 0 calc(100% / var(--tpb-cards-tablet) - ((var(--tpb-card-gap) * (var(--tpb-cards-tablet) - 1)) / var(--tpb-cards-tablet)));min-width:calc(100% / var(--tpb-cards-tablet) - ((var(--tpb-card-gap) * (var(--tpb-cards-tablet) - 1)) / var(--tpb-cards-tablet)))}}@media(max-width:989px){.top-promo-banner .tpb__inner{grid-template-columns:1fr;gap:8px;padding-top:8px;padding-bottom:8px}.top-promo-banner .tpb__controls{justify-content:center;gap:12px}.top-promo-banner .tpb__card{flex:0 0 calc(50% - (var(--tpb-card-gap) / 2));min-width:calc(50% - (var(--tpb-card-gap) / 2))}.top-promo-banner .tpb__card-title{font-size:calc(var(--tpb-card-title-size) - 4px)}}@media(max-width:749px){.top-promo-banner .tpb__cards-wrap{grid-template-columns:1fr}.top-promo-banner .tpb__cards-nav{display:none!important}}@media(max-width:749px){.top-promo-banner .page-width{padding-left:12px;padding-right:12px}.top-promo-banner .tpb__slide,.top-promo-banner .tpb__message,.top-promo-banner .tpb__toggle{font-size:var(--tpb-text-size-mobile)}.top-promo-banner .tpb__controls{flex-wrap:wrap}.top-promo-banner .tpb__drawer-inner{padding-top:18px;padding-bottom:18px}.top-promo-banner .tpb__drawer-close{right:12px;top:12px}.top-promo-banner .tpb__cards-wrap{grid-template-columns:1fr}.top-promo-banner .tpb__cards-nav{display:none}.top-promo-banner .tpb__card{flex:0 0 85%;min-width:85%}.top-promo-banner .tpb__card-title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/264/assets/top-promo-banner.css.map */