:root{--tooltip-background-color: white;--tooltip-text-color: black;--tooltip-icon-color: white}.header-promo-banner-contents{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 20px}.header-promo-banner__button-wrapper{display:flex;justify-content:flex-end;align-items:center;min-width:35px}@media screen and (min-width: 768px){.header-promo-banner-contents{padding:0 80px}}.header-promo-banner__button-wrapper.hidden{display:none}.header-promo-banner__button--previous{justify-content:flex-start;cursor:pointer;padding:0 10px;height:12px;min-width:35px}.header-promo-banner__button--next{transform:scaleX(-1);cursor:pointer;display:flex;padding:0 10px;height:12px}.header-promo-banner__play-pause-progress--wrapper{display:none;position:relative;width:22px}@media screen and (min-width: 768px){.header-promo-banner__play-pause-progress--wrapper{cursor:pointer;display:flex;align-items:center;margin-top:2px}}.header-promo-banner__button--play-pause{z-index:1;display:flex}.header-promo-banner__progress-bar{position:absolute;height:22px;width:22px;margin-top:2px;display:none;z-index:0}@media screen and (min-width: 768px){.header-promo-banner__progress-bar{display:flex}}.header-promo-banner__announcement{display:flex;align-items:center;overflow:hidden;max-width:calc(100% - 50px);line-height:25px}.header-promo-banner__announcement--link{margin-left:.5rem}.header-promo-banner__announcement--tooltip{margin:0 .5rem;cursor:pointer;position:relative;display:inline-block;width:17px;height:17px}.header-promo-banner__announcement--tooltip:before,.header-promo-banner__announcement--tooltip:after{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;top:0}.header-promo-banner__announcement--tooltip:before{content:"";background-color:var(--tooltip-background-color);box-shadow:0 0 3px #00000059}.header-promo-banner__announcement--tooltip:after{content:"?";font-weight:600;color:var(--tooltip-icon-color)}.header-promo-banner__announcement--text,.header-promo-banner__announcement--link{display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:12px;text-align:center}@media screen and (min-width: 768px){.header-promo-banner__announcement--text,.header-promo-banner__announcement--link{font-size:13px}}.header-promo-banner__announcement--text{overflow:unset}.header-promo-banner__announcement--modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:1}.header-promo-banner__announcement--modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#000;opacity:.5}.header-promo-banner__announcement--modal-content{position:absolute;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);max-width:96%;width:500px;overflow:scroll;padding:25px 30px;box-shadow:0 0 5px #0000004d;border-radius:6px;text-align:start;max-height:100vh}@media screen and (min-width: 768px){.header-promo-banner__announcement--modal-content{max-height:70vh}}.header-modal__close-button{display:flex;position:sticky;top:0;right:0;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;margin-left:auto}@media screen and (min-width: 768px){.header-modal__close-button{cursor:pointer}}.header-modal__close-button svg{width:15px;opacity:.5;transition:opacity .3s ease}.header-modal__close-button svg:hover{opacity:1}.header-modal__text-title{font-family:Rules,Helvetica Neue,Arial,sans-serif!important;font-size:22px;font-weight:500;margin-bottom:20px;width:90%;white-space:break-spaces;text-transform:none;color:var(--tooltip-text-color)}.header-modal__text-description{font-size:16px;line-height:24px;font-weight:200;inline-size:100%;overflow-wrap:break-word;white-space:normal;color:var(--tooltip-text-color)}@media screen and (max-width: 768px){.header-promo-banner-container{font-size:13px}.header-promo-banner__button--previous,.header-promo-banner__button--next{min-width:unset;padding:0 10px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/10800/assets/component-header-promo-banner.css.map */