.cgl-ab{display:block;color:rgb(var(--color-foreground))}.cgl-ab[hidden]{display:none}.cgl-ab--accent{background:var(--cgl-accent, rgb(var(--color-background)));color:var(--cgl-accent-text, rgb(var(--color-foreground)))}.cgl-ab--custom{background:var(--cgl-ab-bg);color:var(--cgl-ab-fg)}.cgl-ab--border{border-bottom:.1rem solid rgba(var(--color-foreground),.15)}.cgl-ab__inner{display:flex;align-items:center;gap:.4rem;min-height:3.6rem}.cgl-ab__viewport{flex:1 1 auto;min-width:0;overflow:hidden}.cgl-ab__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.cgl-ab__track::-webkit-scrollbar{display:none}.cgl-ab__slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:.8rem .4rem;text-align:center}.cgl-ab--align-left .cgl-ab__slide{justify-content:flex-start;text-align:left}.cgl-ab__message{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:.4rem .8rem;margin:0;font-size:1.3rem;line-height:1.4;letter-spacing:.04rem}.cgl-ab__slide--upper .cgl-ab__message{text-transform:uppercase;letter-spacing:.1rem}.cgl-ab__icon{flex:0 0 auto;width:2rem;height:2rem;object-fit:contain}.cgl-ab__link{color:inherit;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.cgl-ab__link:hover{text-decoration-thickness:.2rem}.cgl-ab__cta{font-weight:700;white-space:nowrap}.cgl-ab__arrow{margin-left:.4rem}@media screen and (max-width:749px){.cgl-ab__slide--hide-mobile{display:none}}@media screen and (min-width:750px){.cgl-ab__slide--hide-desktop{display:none}.cgl-ab__message{font-size:1.4rem}}.cgl-ab__control{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:2rem;line-height:1;cursor:pointer}.cgl-ab__control[hidden]{display:none}cgl-announcement-bar:not(:defined)[data-multi] .cgl-ab__control--prev,cgl-announcement-bar:not(:defined)[data-multi] .cgl-ab__control--next,cgl-announcement-bar:not(:defined)[data-multi] .cgl-ab__control--pause,cgl-announcement-bar:not(:defined) .cgl-ab__control--close{display:inline-flex;visibility:hidden}@media(prefers-reduced-motion:no-preference){cgl-announcement-bar.cgl-ab--marquee:not(:defined) .cgl-ab__control--pause{display:inline-flex;visibility:hidden}}.cgl-ab__control:focus-visible,.cgl-ab__link:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.cgl-ab__pause-icon{display:inline-block;width:1rem;height:1.2rem;border-left:.3rem solid currentColor;border-right:.3rem solid currentColor}[data-paused] .cgl-ab__pause-icon{width:0;height:0;border-top:.6rem solid transparent;border-bottom:.6rem solid transparent;border-left:1rem solid currentColor;border-right:0}.cgl-ab--fade[data-ready] .cgl-ab__track{display:grid;overflow:hidden}.cgl-ab--fade[data-ready] .cgl-ab__slide{grid-area:1 / 1;opacity:0;visibility:hidden}.cgl-ab--fade[data-ready] .cgl-ab__slide[data-active]{opacity:1;visibility:visible}.cgl-ab--marquee .cgl-ab__track{scroll-snap-type:none}.cgl-ab--marquee .cgl-ab__slide{flex:0 0 auto;padding-inline:0;white-space:nowrap}.cgl-ab--marquee .cgl-ab__message{flex-wrap:nowrap}.cgl-ab--marquee .cgl-ab__slide:after{content:"\2022";content:"\2022" / "";margin-inline:2.4rem;opacity:.6}.cgl-ab__marquee{display:flex;width:max-content}.cgl-ab--marquee[data-ready] .cgl-ab__track{flex:0 0 auto;overflow:visible}.cgl-ab--marquee[data-ready] .cgl-ab__marquee{animation:cgl-ab-marquee var(--cgl-ab-duration, 30s) linear infinite}.cgl-ab--marquee[data-paused] .cgl-ab__marquee,.cgl-ab--marquee .cgl-ab__viewport:hover .cgl-ab__marquee,.cgl-ab--marquee .cgl-ab__viewport:focus-within .cgl-ab__marquee{animation-play-state:paused}@keyframes cgl-ab-marquee{to{transform:translate(-50%)}}.cgl-ab--empty{padding:1rem;text-align:center;font-size:1.3rem}@media(prefers-reduced-motion:no-preference){.cgl-ab--fade[data-ready] .cgl-ab__slide{transition:opacity .5s ease,visibility .5s}}@media(prefers-reduced-motion:reduce){.cgl-ab--marquee[data-ready] .cgl-ab__marquee{animation:none}}@media(forced-colors:active){.cgl-ab--accent,.cgl-ab--custom{border-bottom:.1rem solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cgl-announcement-bar.css.map */