.utility-bar{padding:1rem 0;text-align:center;background-color:#211436;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.utility-bar__grid{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.announcement-bar{width:100%}.announcement-bar--one-announcement{display:flex;justify-content:center;align-items:center}.announcement-bar__message{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;padding:0 4rem}.announcement-bar__link{text-decoration:none;color:inherit;display:block}@media(hover:hover){.announcement-bar__link:hover{opacity:.8}}.announcement-bar__link.animate-arrow{display:flex;align-items:center;justify-content:center}.announcement-bar__link.animate-arrow .icon-arrow{transition:transform .3s ease}.announcement-bar__link:hover .icon-arrow{transform:translate(.25rem)}.announcement-bar-slider{position:relative;display:flex;align-items:center;justify-content:center}.announcement-bar-slider .slider{width:100%;overflow:hidden}.announcement-bar-slider .slider__slide{display:flex;align-items:center;justify-content:center}.announcement-bar__announcement{width:100%}.announcement-bar-slider .slider-button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;z-index:2;color:#fff;opacity:.7;transition:opacity .3s ease}@media(hover:hover){.announcement-bar-slider .slider-button:not([disabled]):hover{color:#fff}}.announcement-bar-slider .slider-button--prev{left:0}.announcement-bar-slider .slider-button--next{right:0}.announcement-bar-slider .slider-button .svg-wrapper{display:block;line-height:1}.announcement-bar-slider .slider-button .svg-wrapper svg{width:100%;height:100%}.announcement-bar .icon{width:1rem;height:1rem;display:inline-block;vertical-align:middle}.announcement-bar .icon-caret{width:.625rem;height:.375rem}.slider-button--prev .icon-caret{transform:rotate(90deg)}.slider-button--next .icon-caret{transform:rotate(-90deg)}@media screen and (max-width:767px){.utility-bar{padding:.75rem 0}.utility-bar__grid{padding:0 1rem}.announcement-bar__message{font-size:.875rem}.announcement-bar-slider .slider-button{padding:.25rem}}.announcement-bar-slider .slider__slide[aria-hidden=true]{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-announcement-bar.css.map */