body:not(.template--checkout) .btn--loading{position:relative;text-indent:-9999px;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text))}body:not(.template--checkout) .btn--loading .js-checkout-content{text-indent:initial}body:not(.template--checkout) .btn--loading:hover,body:not(.template--checkout) .btn--loading:active{background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text))}body:not(.template--checkout) .btn--loading:before{content:"";display:block;width:24px;height:24px;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;border-radius:50%;border:3px solid #333;border-top-color:#0000;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}body:not(.template--checkout) .btn--loading:before .js-checkout-content{display:none}.promo-bar{position:relative;z-index:30;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;overflow:hidden;padding:0 17px;color:#ffce00;background:#333;transition:height .3s ease-in-out;will-change:background,color;animation:switch-bar-color 2s ease 2s forwards}.promo-bar.is-shown{min-height:45px}@media only screen and (max-width: 768px){.promo-bar.promo-bar--countdown{height:100px}}.promo-bar.is-hidden{height:0}.promo-bar button{border:none;background-color:#0000}.promo-bar button.promo-bar__cta{border-bottom-color:#949494;border-bottom-width:1px;border-bottom-style:solid}.promo-bar__copy{position:relative;z-index:33;flex:0 1 auto}.promo-bar__text{padding:1rem 0;font-family:Publico,serif;font-weight:700;font-size:1.4rem;opacity:0;animation:fade-in-code 2s ease 3s forwards}.promo-bar__cta{cursor:pointer;font:inherit;padding:3px 2px 0;color:#333;line-height:normal;transition-duration:.3s;transition-timing-function:ease-in-out;transition-property:color,border-color}.promo-bar__cta:hover,.promo-bar__cta:focus{color:#767676}.promo-bar__countdown{z-index:33;display:block;animation:fade-in-code 2s ease 3s forwards;opacity:0;margin-top:.25rem;font-size:12px}.promo-bar__code{position:relative;z-index:32;flex:0 0 auto;padding:0;min-width:113px;margin:0 0 0 1rem}.promo-bar__code:after{content:"";position:absolute;top:50%;left:50%;z-index:32;display:block;width:80%;padding-bottom:80%;border-radius:50%;background:#fff;box-shadow:0 0 #ffce00;transform:translate(-20%,50%);transition-property:background,box-shadow,width,padding;transition-duration:.15s;transition-timing-function:ease-in-out;animation:raise-the-sun 2s ease 2s forwards}.promo-bar__code-content{font-size:.75rem;position:relative;z-index:33;opacity:0;animation:fade-in-code 2s ease 3s forwards;display:block;text-align:center;padding:0 17px;cursor:copy}.promo-bar__code-content span{font-family:ITCAvantGardeStd,Helvetica Neue,Verdana,Arial,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block}.stars{z-index:31;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;animation:hide-stars 2s ease 2s forwards}.stars .star-container{position:absolute;animation-iteration-count:infinite;animation-timing-function:linear}.stars .star-container:nth-child(1){width:2px;height:2px;transform:translate3d(40vw,41px,0)}.stars .star-container:nth-child(2){width:2px;height:2px;transform:translate3d(55vw,16px,0)}.stars .star-container:nth-child(3){width:2px;height:2px;transform:translate3d(33vw,43px,0)}.stars .star-container:nth-child(4){width:3px;height:3px;transform:translate3d(95vw,15px,0)}.stars .star-container:nth-child(5){width:1px;height:1px;transform:translate3d(13vw,35px,0)}.stars .star-container:nth-child(6){width:1px;height:1px;transform:translate3d(28vw,48px,0)}.stars .star-container:nth-child(7){width:3px;height:3px;transform:translate3d(60vw,6px,0)}.stars .star-container:nth-child(8){width:3px;height:3px;transform:translate3d(55vw,29px,0)}.stars .star-container:nth-child(9){width:2px;height:2px;transform:translate3d(23vw,19px,0)}.stars .star-container:nth-child(10){width:3px;height:3px;transform:translate3d(65vw,35px,0)}.stars .star-container:nth-child(11){width:2px;height:2px;transform:translate3d(95vw,29px,0)}.stars .star-container:nth-child(12){width:3px;height:3px;transform:translate3d(52vw,6px,0)}.stars .star-container:nth-child(13){width:3px;height:3px;transform:translate3d(82vw,15px,0)}.stars .star-container:nth-child(14){width:1px;height:1px;transform:translate3d(98vw,17px,0)}.stars .star-container:nth-child(15){width:2px;height:2px;transform:translate3d(96vw,40px,0)}.stars .star-container:nth-child(16){width:1px;height:1px;transform:translate3d(35vw,20px,0)}.stars .star-container:nth-child(17){width:3px;height:3px;transform:translate3d(21vw,37px,0)}.stars .star-container:nth-child(18){width:3px;height:3px;transform:translate3d(49vw,39px,0)}.stars .star-container:nth-child(19){width:2px;height:2px;transform:translate3d(44vw,8px,0)}.stars .star-container:nth-child(20){width:3px;height:3px;transform:translate3d(49vw,39px,0)}.stars .star-container:nth-child(21){width:1px;height:1px;transform:translate3d(18vw,23px,0)}.stars .star-container:nth-child(22){width:2px;height:2px;transform:translate3d(87vw,7px,0)}.stars .star-container:nth-child(23){width:2px;height:2px;transform:translate3d(87vw,15px,0)}.stars .star-container:nth-child(24){width:2px;height:2px;transform:translate3d(67vw,25px,0)}.stars .star-container:nth-child(25){width:1px;height:1px;transform:translate3d(67vw,12px,0)}.stars .star-container:nth-child(26){width:3px;height:3px;transform:translate3d(62vw,46px,0)}.stars .star-container:nth-child(27){width:2px;height:2px;transform:translate3d(100vw,13px,0)}.stars .star-container:nth-child(28){width:1px;height:1px;transform:translate3d(22vw,37px,0)}.stars .star-container:nth-child(29){width:2px;height:2px;transform:translate3d(41vw,13px,0)}.stars .star-container:nth-child(30){width:3px;height:3px;transform:translate3d(64vw,29px,0)}.stars .star-container:nth-child(31){width:1px;height:1px;transform:translate3d(21vw,7px,0)}.stars .star-container:nth-child(32){width:1px;height:1px;transform:translate3d(12vw,4px,0)}.stars .star-container:nth-child(33){width:3px;height:3px;transform:translate3d(67vw,6px,0)}.stars .star-container:nth-child(34){width:3px;height:3px;transform:translate3d(40vw,11px,0)}.stars .star-container:nth-child(35){width:2px;height:2px;transform:translate3d(33vw,27px,0)}.stars .star-container:nth-child(36){width:3px;height:3px;transform:translate3d(61vw,31px,0)}.stars .star-container:nth-child(37){width:3px;height:3px;transform:translate3d(50vw,17px,0)}.stars .star-container:nth-child(38){width:3px;height:3px;transform:translate3d(65vw,30px,0)}.stars .star-container:nth-child(39){width:1px;height:1px;transform:translate3d(38vw,26px,0)}.stars .star-container:nth-child(40){width:3px;height:3px;transform:translate3d(90vw,34px,0)}.stars .star{width:120%;height:120%;border-radius:50%;background-color:#fff}.promo-bar--countdown .promo-bar__copy{flex:1 1 auto;justify-content:center;align-items:center}.promo-bar--countdown .promo-bar__copy .promo-bar__code{display:none}.promo-bar--countdown .promo-bar__text,.promo-bar--countdown .promo-bar__countdown{flex:1 1 auto}.promo-bar--countdown .promo-bar__code{margin-left:.25rem;margin-right:-27px}.promo-bar--countdown .promo-bar__code-content{padding:0 17px}@media only screen and (min-width: 600px){.promo-bar__text{display:flex;flex-direction:column;align-items:end;font-size:1.6rem}.promo-bar--countdown{flex-flow:row nowrap;padding:0 17px}.promo-bar--countdown .promo-bar__copy{display:flex;flex-flow:row nowrap;height:100%}.promo-bar--countdown .promo-bar__copy .promo-bar__code{display:block}.promo-bar--countdown .promo-bar__text,.promo-bar--countdown .promo-bar__countdown{flex-basis:50%}.promo-bar--countdown .promo-bar__text{font-size:1.6rem;order:1;margin-bottom:0;line-height:1.4}.promo-bar--countdown .promo-bar__countdown{margin-top:0;order:3}.promo-bar--countdown .promo-bar__code{position:relative;top:0;right:0;flex:0 0 auto;order:2;transform:translateY(0);margin-left:2rem;margin-right:2rem;display:none}.promo-bar--countdown .promo-bar__code:after{border-radius:50%}.promo-bar--countdown .promo-bar__code-content span{font-size:1.6rem}}@keyframes hide-stars{0%{opacity:1}to{opacity:0}}@keyframes raise-the-sun{0%{transform:translate(100%,100%)}to{transform:translate(-50%,-50%)}}@keyframes switch-bar-color{0%{background:#333;color:#ffce00}to{background:#ffce00;color:#333}}@keyframes fade-in-code{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/939/assets/component-promo-bar.css.map */