.announcement-bar{--c-bg: var(--ab-bg-channels);--c-text: var(--ab-text);--c-heading: var(--ab-text);--c-link: var(--ab-text);--line: rgb(var(--c-text) / .14);--line-strong: rgb(var(--c-text) / .3);--muted: rgb(var(--c-text) / .65);--input-bg: rgb(var(--c-bg));--input-text: rgb(var(--c-text));--input-border: rgb(var(--c-text) / .25);--input-border-hover: rgb(var(--c-text) / .55);--input-border-focus: rgb(var(--c-text));display:block;position:relative;z-index:calc(var(--z-header) + 1);background:var(--ab-bg);color:rgb(var(--ab-text));font-size:var(--fs-xs);line-height:1.4;transition:color var(--dur)}.announcement-bar a{color:inherit}.announcement-bar__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.announcement-bar__bg.is-active{opacity:1}.announcement-bar__inner{display:flex;position:relative;align-items:center;justify-content:space-between;column-gap:20px}.announcement-bar__main{position:relative;flex:1 1 auto;min-width:0;text-align:center}.announcement-bar__list{display:grid}.announcement-bar__item{grid-area:1 / 1;align-self:center;min-width:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}.announcement-bar__item.is-active{opacity:1;visibility:visible;transform:none}.announcement-bar--rotating .announcement-bar__item.is-active{transition-delay:var(--dur),var(--dur),0s}.announcement-bar__text{margin:0;padding-block:.75em;font-size:var(--ab-size, inherit);line-height:1.35}.announcement-bar__text a{text-decoration:underline;text-decoration-color:rgb(var(--ab-text) / .6);text-decoration-thickness:1px;text-underline-offset:2px}@media(hover:hover){.announcement-bar__text a:hover{text-decoration-color:currentColor}}.announcement-bar__timer{display:inline-block;white-space:nowrap}.announcement-bar__timer:not(:has(.countdown:not([hidden]))){display:none}.announcement-bar__timer--box{margin-block:-2px;margin-inline-start:.5em;padding:2px 7px;border-radius:var(--btn-radius);background:rgb(var(--ab-text) / .2)}.announcement-bar__timer--dash:before{margin-inline:.4em;content:"\2013"}.announcement-bar__timer--dot:before{margin-inline:.3em;content:"\b7"}.announcement-bar__timer--space{margin-inline-start:.5em}.announcement-bar__arrow{display:flex;position:absolute;z-index:1;inset-block:0;align-items:center;justify-content:center;width:44px;color:inherit;font-size:16px;opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}.announcement-bar__arrow--prev{inset-inline-start:-12px}.announcement-bar__arrow--next{inset-inline-end:-12px}.announcement-bar__arrow:focus-visible{opacity:1;pointer-events:auto}@media(hover:hover)and (min-width:768px){.announcement-bar--rotating .announcement-bar__list{padding-inline:36px}.announcement-bar:hover .announcement-bar__arrow{opacity:.7;pointer-events:auto}.announcement-bar .announcement-bar__arrow:hover{opacity:1}}.announcement-bar__side{display:flex;flex:1 0 0;align-items:center;column-gap:20px;min-width:0}.announcement-bar__side--end{justify-content:flex-end}.announcement-bar__social .social-list{--social-size: 16px;--social-pad: 7px}.announcement-bar__menu{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:18px}.announcement-bar__link{display:inline-block;padding-block:.75em;white-space:nowrap}@media(hover:hover){.announcement-bar__link:hover{text-decoration:underline}}.announcement-bar__localization{flex:0 0 auto}.announcement-bar .localization__list{flex-wrap:nowrap;align-items:center;gap:0 18px}.announcement-bar .custom-select__button{gap:4px;min-height:0;padding:.75em 0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-size:inherit;line-height:1.4}.announcement-bar .custom-select__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.announcement-bar__localization .custom-select__listbox{inset-inline:auto 0;font-size:var(--fs-sm)}@media(max-width:767.98px){.announcement-bar--no-messages{display:none}}@media(min-width:768px){.announcement-bar__main{flex:0 1 auto}.announcement-bar--sides .announcement-bar__main{max-width:50%}}@media(min-width:768px)and (max-width:999.98px){.announcement-bar--wrap-md .announcement-bar__inner{flex-wrap:wrap}.announcement-bar--wrap-md .announcement-bar__main{flex:1 0 100%;order:-1;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/announcement-bar.css.map */