.carousel-banner-bar{position:relative;width:100%;overflow:hidden;height:var(--carousel-banner-bar--height, 52px)}.carousel-banner-bar__slide{position:absolute;top:0;left:0;width:100%;height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;background-color:var(--cbb-bg, var(--color-accent));color:var(--cbb-text, #ffffff);transform:translate(100%);pointer-events:none}.carousel-banner-bar__slide.is-active{transform:translate(0);pointer-events:auto;transition:transform .5s ease}.carousel-banner-bar__slide.is-leaving{transform:translate(-100%);transition:transform .5s ease}.carousel-banner-bar__content{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 50px;height:100%;width:100%}.carousel-banner-bar__slide.text-left .carousel-banner-bar__content{align-items:flex-start;text-align:left}.carousel-banner-bar__slide.text-center .carousel-banner-bar__content{align-items:center;text-align:center}.carousel-banner-bar__slide.text-right .carousel-banner-bar__content{align-items:flex-end;text-align:right}.carousel-banner-bar__row{display:flex;flex-direction:column;align-items:center;gap:0px;width:100%}.carousel-banner-bar__row--inline{flex-direction:row;flex-wrap:wrap}.carousel-banner-bar__slide.text-left .carousel-banner-bar__row{align-items:flex-start;justify-content:var(--justify-content, flex-start)}.carousel-banner-bar__slide.text-center .carousel-banner-bar__row{align-items:center;justify-content:var(--justify-content, center)}.carousel-banner-bar__slide.text-right .carousel-banner-bar__row{align-items:flex-end;justify-content:var(--justify-content, flex-end)}.carousel-banner-bar__slide.text-left .carousel-banner-bar__row--inline,.carousel-banner-bar__slide.text-center .carousel-banner-bar__row--inline,.carousel-banner-bar__slide.text-right .carousel-banner-bar__row--inline{align-items:center}.carousel-banner-bar__message{margin:0;font-size:.9em;color:currentColor;line-height:1.2;font-family:var(--msg-font-family, Roboto),"Open Sans",sans-serif;font-size:var(--msg-font-size, 16px);font-weight:var(--msg-font-weight, 400)}.carousel-banner-bar__button{display:flex;align-items:center;flex-shrink:0;margin:0;white-space:nowrap;margin-left:var(--btn-margin-left, 14px);padding:var(--btn-padding_y, 5px) var(--btn-padding_x, 8px);background-color:var(--btn-bg);color:var(--btn-text);font-family:var(--btn-font-family, Roboto),"Open Sans",sans-serif;font-size:var(--btn-font-size, 16px);font-weight:var(--btn-font-weight, 400);border-radius:var(--raidus, 6px)}.carousel-banner-bar__link{flex-shrink:0;white-space:nowrap;margin-left:var(--link-margin-left, 14px);color:currentColor;font-family:var(--link-font-family, inherit),"Open Sans",sans-serif;font-size:var(--link-font-size, 16px);font-weight:var(--link-font-weight, 400);text-decoration:var(--link-text-decoration, underline);line-height:1.2}.carousel-banner-bar__link:hover{opacity:1;color:currentColor}.carousel-banner-bar__pause{position:absolute;bottom:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;cursor:pointer;color:#fff;opacity:.6;transition:opacity .2s ease}.carousel-banner-bar__pause:hover{opacity:1}@media only screen and (max-width:767px){.carousel-banner-bar{height:var(--carousel-banner-bar--mobile-height, var(--carousel-banner-bar--height, 52px))}.carousel-banner-bar__content{padding:8px 40px 8px 16px;gap:4px}.carousel-banner-bar__row{gap:3px}.carousel-banner-bar__row--inline{flex-direction:row;flex-wrap:wrap}.carousel-banner-bar__slide.text-left .carousel-banner-bar__row--inline,.carousel-banner-bar__slide.text-center .carousel-banner-bar__row--inline,.carousel-banner-bar__slide.text-right .carousel-banner-bar__row--inline{align-items:center;justify-content:center}.carousel-banner-bar__message{font-size:var(--cbb-mobile-msg-font-size, 13px);line-height:1.2}.carousel-banner-bar__link{font-size:var(--cbb-mobile-link-font-size, 13px);line-height:1.2}.carousel-banner-bar__button{font-size:var(--cbb-mobile-btn-font-size, 13px);width:auto;text-align:center;line-height:1.2}.carousel-banner-bar__pause{top:50%;bottom:auto;right:8px;transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/carousel-banner-bar.css.map */