:root{--duration-announcement-bar: .25s}body:has(.section-header .drawer-menu) .announcement-bar-section .page-width{max-width:100%}@media (min-width: 768px){.announcement-bar--one-announcement,.announcement-bar--one-announcement .announcement-bar__link{width:fit-content;margin:auto}}@media (min-width: 768px){.announcement-bar-slider{width:60%}}@media (min-width: 768px){.announcement-bar .slider-button{height:2.37rem}}.announcement__wrapper{--color-foreground: 255, 255, 255}.announcement-bar,.announcement-bar__announcement{color:rgb(var(--color-foreground));width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-content:center;grid-area:announcements}.announcement-bar .slider--everywhere{margin-bottom:0;scroll-behavior:auto}.utility-bar__grid .announcement-bar-slider,.announcement-bar-slider,.announcement-bar-slider .slider{width:100%}.announcement-bar .slider-button--next{margin-right:-.94rem;min-width:44px}.announcement-bar .slider-button--prev{margin-left:-.94rem;min-width:44px}.announcement-bar .slider-button--next:focus-visible,.announcement-bar .slider-button--prev:focus-visible,.utility-bar .list-social__link:focus-visible{outline-offset:-.19rem;box-shadow:0 0 0 -.13rem rgb(var(--color-foreground))}.announcement-bar__link{display:flex;width:100%;text-decoration:none;height:100%;justify-content:center;align-items:center}.announcement-bar__link:hover{text-decoration:underline}.announcement-bar__link .icon-arrow{display:inline-block;pointer-events:none;margin-left:.5rem;vertical-align:middle;margin-bottom:.13rem}.announcement-bar__message{text-align:center;padding:.63rem 0;margin:0;min-height:2.37rem}.announcement-bar-slider--fade-in-next .announcement-bar__message,.announcement-bar-slider--fade-in-previous .announcement-bar__message,.announcement-bar-slider--fade-out-next .announcement-bar__message,.announcement-bar-slider--fade-out-previous .announcement-bar__message{animation-duration:var(--duration-announcement-bar);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.announcement-bar-slider--fade-in-next .announcement-bar__message{--announcement-translate-from: -.94rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-in-previous .announcement-bar__message{--announcement-translate-from: .94rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-out-next .announcement-bar__message{--announcement-translate-to: .94rem;animation-name:translateAnnouncementSlideOut}.announcement-bar-slider--fade-out-previous .announcement-bar__message{--announcement-translate-to: -.94rem;animation-name:translateAnnouncementSlideOut}@keyframes translateAnnouncementSlideIn{0%{opacity:0;transform:translate(var(--announcement-translate-from))}to{opacity:1;transform:translate(0)}}@keyframes translateAnnouncementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--announcement-translate-to))}}.announcement-bar__group{position:relative;background:var(--background-color);z-index:1000}.announcement-bar__group .localization-form__select{align-items:center;gap:4px;display:none}.announcement-bar__group .localization-form__select span{display:none}@media (min-width: 768px){.announcement-bar__group .localization-form__select span{display:inline-block}}@media (min-width: 1024px){.announcement-bar__group .localization-form__select{display:flex}}.announcement-bar__group .localization-selector{text-decoration:none;width:112px}.announcement-bar__group .localization-form{position:absolute;top:50%;transform:translateY(-50%);right:var(--side-padding);z-index:1}.announcement-bar__group .localization-form,.announcement-bar__group .localization-form *{color:var(--text-color);background:var(--background-color)}.announcement{position:relative;opacity:1;transform:translate(0);transition:opacity .5s,transform .5s;grid-column:2/3;grid-row:1/2;text-align:center;top:1px;text-wrap:balance;font-size:12px;font-family:var(--font-body);font-weight:400;line-height:160%;font-size:.6875rem}.announcement p{font-size:12px;font-family:var(--font-body);font-weight:400;line-height:160%;line-height:115%}.announcement a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}@media (min-width: 350px){.announcement p{font-size:.75rem}}@media (min-width: 768px){.announcement{max-width:unset}.announcement p{font-size:.8125rem}}.announcement__wrapper{padding-left:var(--side-padding);padding-right:var(--side-padding);background-color:var(--background-color)}.announcement__container{--announcement-bar-height: 32px;max-width:1440px;margin-left:auto;margin-right:auto;display:grid;color:var(--text-color);height:var(--announcement-bar-height);padding-left:var(--side-padding);padding-right:var(--side-padding)}@media (min-width: 768px){.announcement__container{--announcement-bar-height: 40px;grid-template-columns:1fr auto;column-gap:40px}}.announcement__messages{display:grid;grid-template-columns:auto 1fr auto;justify-items:center;align-items:center;min-height:min-content;position:relative}@media (min-width: 768px){.announcement__messages{display:grid;grid-template-columns:auto 1fr auto;justify-items:flex-start;align-items:center}.announcement__messages-wrapper{grid-row:1/2;grid-column:2/3}}.announcement__menu{display:none}@media (min-width: 768px){.announcement__menu{display:flex;justify-content:flex-end;align-items:center;column-gap:20px}}.announcement__menu li a,.announcement__messages-wrapper #extole_zone_announcement_bar a{font-size:12px;font-family:var(--font-body);font-weight:400;line-height:160%;color:var(--cd__high-contrast);text-decoration:none}.announcement__menu li a:hover,.announcement__messages-wrapper #extole_zone_announcement_bar a:hover{text-decoration:underline}.announcement__menu li a:focus-visible{outline:2px solid var(--cl__fill-1);outline-offset:8px}.announcement.hide{opacity:0;transform:translate(20px);visibility:hidden}.control{background:transparent;border:none;color:var(--text-color);background-repeat:no-repeat;background-size:contain;aspect-ratio:1;padding:0;background-position:center;background-size:6px;width:24px;height:24px;opacity:.5}.control:hover{opacity:1}@media (min-width: 768px){.control{max-height:22px}}.prev{background-image:url('data:image/svg+xml,%3Csvg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.60509 11.4938C5.38136 11.661 5.0549 11.6271 4.87592 11.418L0.466471 6.26669L4.87592 1.11534C5.0549 0.906242 5.38136 0.872341 5.60509 1.03962C5.82881 1.20689 5.86509 1.512 5.68611 1.7211L1.79518 6.26669L5.68611 10.8123C5.86509 11.0214 5.82881 11.3265 5.60509 11.4938Z" fill="%23BDBCBB"/%3E%3C/svg%3E%0A');grid-column:1/2;justify-self:flex-end;margin-right:8px}@media (min-width: 478px){.prev{margin-right:20px}}.next{transform:translate(var(--buttons-offset),-50%);background-image:url('data:image/svg+xml,%3Csvg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.394913 1.03963C0.61864 0.872351 0.9451 0.906252 1.12408 1.11535L5.53353 6.2667L1.12408 11.418C0.9451 11.6271 0.61864 11.661 0.394913 11.4938C0.171185 11.3265 0.134912 11.0214 0.313894 10.8123L4.20482 6.2667L0.313894 1.72111C0.134912 1.51202 0.171185 1.2069 0.394913 1.03963Z" fill="%23BDBCBB"/%3E%3C/svg%3E%0A');grid-column:3/4;justify-self:flex-start;margin-left:8px}@media (min-width: 478px){.next{margin-right:20px}}countdown-banner:not(.initialized) *{opacity:0}.countdown-text__container{text-align:center;color:var(--text-color);background:var(--background-color);align-items:center;justify-content:flex-start;display:flex;max-width:1440px;margin:auto}.countdown-text:not(:empty){font-size:.8125rem;display:inline-block;border:none;margin:8px 0}.countdown-text:not(:empty) p{font-size:.8125rem;display:flex;flex-wrap:wrap;column-gap:8px}.countdown-text:not(:empty) a{text-decoration:underline;display:inline}.countdown-text:not(:empty) strong{font-weight:700}.countdown-text:not(:empty) .countdown{display:block}@media (min-width: 768px){.countdown-text:not(:empty) .countdown{display:inline-block}}.countdown-text:not(:empty) .dark-text-announcement-bar .next,.countdown-text:not(:empty) .dark-text-announcement-bar .prev{filter:brightness(0)}.countdown-text:not(:empty) .localization-form__select:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/531/assets/announcement-bar.css.map */
