.promo-bar .js-copy__message strong{position:relative;color:#84c43d;background-color:#fff;border-radius:4px;padding:2px 3px;cursor:pointer}.promo-bar .tooltip{top:50%;right:100%;padding:0 5px;margin-right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;background-color:#fff;border-radius:4px;visibility:hidden;color:#84c43d;opacity:0}.promo-bar .tooltip:before{content:"";position:absolute;top:50%;right:-4px;border:5px solid #ffffff;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;visibility:hidden;opacity:0}.promo-bar .js-copy__message strong:hover .tooltip,.promo-bar .js-copy__message strong:hover .tooltip:before{opacity:1;visibility:visible}.promo-bar .announcement-slider[data-block-count="1"] .flickity-viewport,.promo-bar .announcement-slider[data-block-count="1"] .announcement-slider__slide{overflow:visible}.promo-bar .announcement-slider[data-block-count="1"] .tooltip{top:100%;left:50%;right:auto;margin-right:0;margin-top:10px;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);background-color:#000;color:#fff}.promo-bar .announcement-slider[data-block-count="1"] .tooltip:before{left:50%;top:-4px;right:auto;border-color:#000;transform:translate(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);z-index:-1}@media screen and (min-width: 1440px){.promo-bar .announcement-bar{font-size:16px}}.promo-bar .countdown-timer{display:block;transform:scale(0);transform-origin:top right;transition:transform .5s ease-in-out}.promo-bar .countdown-timer[aria-hidden=false]{transform:scale(1);transform-origin:top left}.promo-bar .announcement-bar__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:30px}.promo-bar .timer-countdown{display:flex;font-size:20px;min-width:var(--timer-width);justify-content:space-around;font-weight:var(--typeHeaderNavWeight)}.promo-bar .time-part:after{padding:0 2px;text-transform:lowercase;font-weight:var(--typeBaseWeight)}.promo-bar .timepart--day:after{content:"d"}.promo-bar .timepart--hour:after{content:"h"}.promo-bar .timepart--minute:after{content:"m"}.promo-bar .timepart--second:after{content:"s"}.promo-bar span[data-part],.promo-bar span[data-timepart]{display:flex;padding:0 2px}.promo-bar span[data-timepart]{overflow:hidden}@keyframes flipStart{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}to{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%)}}@keyframes flipEnd{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.promo-bar span[data-timepart]>span{opacity:0;visibility:hidden;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}.promo-bar span[data-timepart]>span[data-flip]{display:inline-block;text-align:center;animation-duration:.25s}.promo-bar span[data-timepart]>span[data-flip=false]{opacity:1;visibility:visible;animation-name:flipEnd}.promo-bar span[data-timepart]>span[data-flip=true]{opacity:0;visibility:hidden;animation-name:flipStart}@media screen and (min-width: 769px){.promo-bar .announcement__content-mobile{display:none}}@media screen and (min-width: 1025px){.promo-bar .timer-countdown{font-size:22px}}@media screen and (min-width: 1440px){.promo-bar .timer-countdown{font-size:24px}}@media screen and (max-width: 768px){.announcement__content--inner.js-copy__message,.announcement__content--inner.js-copy__message *{font-size:16px}.promo-bar .announcement-bar__content{column-gap:10px;justify-content:space-between;margin:0 auto;flex-direction:column}.promo-bar .announcement__content-desktop{display:none}}@media screen and (max-width: 479px){.promo-bar .announcement-bar{font-size:10px}.announcement-slider__content:not(.announcement-bar__content){height:100%;display:flex;align-items:center;justify-content:center}}@media screen and (max-width: 379px){.promo-bar .timer-countdown{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/267/assets/component-promo-bar.css.map */
