.floating-bar-discount-popup{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-bar-discount-popup.is-active{display:flex;align-items:center;justify-content:center;animation:fade-in .5s ease}.floating-bar-discount-popup.is-closing{animation:fade-out .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.discount-popup__overlay{display:block!important;pointer-events:visible;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#21232680;z-index:25}.discount-popup__inner{position:relative;z-index:30;pointer-events:all;background:rgb(var(--color-background));border-radius:8px;max-height:calc(100vh - 10rem);overflow-y:auto;box-shadow:0 10px 40px #0003}.floating-bar-discount-popup.is-active .discount-popup__inner{animation:popup-scale-in .5s ease}.floating-bar-discount-popup.is-closing .discount-popup__inner{animation:popup-scale-out .5s ease}@keyframes popup-scale-in{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popup-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.93);opacity:0}}.discount-popup__close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background-color:rgb(var(--color-background));border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(var(--color-foreground),.2);transition:transform .2s ease}.discount-popup__close:hover{transform:scale(1.1)}.discount-popup__close svg{width:16px;height:16px;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.discount-popup__inner[data-has-products=false]{width:550px;max-width:calc(100vw - 10rem)}.discount-popup__inner[data-has-products=false] .discount-popup__promo{padding:40px;text-align:center}.discount-popup__inner[data-has-products=true]{width:990px;max-width:calc(100vw - 10rem)}.discount-popup__layout{display:flex;flex-direction:row}.discount-popup__promo{width:40%;padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative}.discount-popup__inner[data-has-products=false] .discount-popup__promo{width:100%;max-width:550px;margin:0 auto;align-items:center;text-align:center}.discount-popup__products{width:60%;padding:25px;background:rgb(var(--color-base-background-1))}.discount-popup__products-heading{font-size:20px;margin-bottom:20px;font-weight:600}.discount-popup__product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width:749px){.floating-bar-discount-popup{align-items:flex-end}.discount-popup__inner{width:100%;max-height:90vh;border-radius:20px 20px 0 0;max-width:100%;margin-bottom:0;position:fixed;bottom:0;left:0;right:0}.discount-popup__close{display:none}.discount-popup__inner:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:rgba(var(--color-foreground),.3);border-radius:2px;z-index:10}.discount-popup__inner[data-has-products=false] .discount-popup__promo{padding:30px 15px 25px;text-align:center}.discount-popup__layout{display:flex;flex-direction:column}.discount-popup__promo{width:100%;padding:30px 15px 25px;position:relative}.discount-popup__products{width:100%;padding:0 0 25px;overflow-x:visible;-webkit-overflow-scrolling:touch}.discount-popup__products .slider-mobile-gutter{padding:0 1.5rem}.discount-popup__products-heading{font-size:18px;margin-bottom:15px;font-weight:600;padding:0 1.5rem}.discount-popup__product-grid{display:flex;gap:10px;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.discount-popup__product-grid::-webkit-scrollbar{display:none}.discount-popup__product-grid .grid__item{flex:0 0 calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;width:calc(50% - 5px)!important;min-width:calc(50% - 5px)!important;scroll-snap-align:start;padding-left:0}}.discount-popup__promo{position:relative;overflow:hidden}.discount-popup__promo-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.discount-popup__promo-background img{width:100%;height:100%;object-fit:cover}.discount-popup__promo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-base-text));z-index:1;pointer-events:none;opacity:var(--discount-overlay-opacity, 0)}.discount-popup__promo>*:not(.discount-popup__promo-background){position:relative;z-index:2}.discount-popup__subheading{margin-bottom:10px;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.discount-popup__heading{margin-bottom:15px;font-weight:700;line-height:1.2}.discount-popup__description{margin-bottom:20px;font-size:14px;line-height:1.6}.discount-popup__code-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:20px}.discount-popup__code-input{width:100%;padding:12px 15px;border:1px;border-radius:4px;font-size:16px;text-align:center;font-weight:600;letter-spacing:.1em;background:rgba(var(--color-background),.8)}.discount-popup__code-input:disabled{opacity:1;cursor:default}.discount-popup__copy-button{width:100%;padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:400;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.discount-popup__copy-button:hover{transform:translateY(-2px);opacity:.9}.discount-popup__copy-button svg{width:16px;height:16px}.discount-popup__product-grid .grid__item{flex:none;max-width:none;width:100%;padding-bottom:0;padding-left:0}.discount-popup__product-grid .card-wrapper{width:100%;height:auto}.discount-popup__product-grid .card{margin:0;width:100%}.discount-popup__product-grid .card.card--product{margin-bottom:5px}.discount-popup__product-grid .card__inner{padding:0;width:100%}.discount-popup__product-grid .card__inner .media{position:relative;display:block;overflow:hidden;width:100%;height:0;padding-bottom:125%}.discount-popup__product-grid .card__inner .media.media--square{padding-bottom:100%}.discount-popup__product-grid .card__inner .media.media--portrait{padding-bottom:125%}.discount-popup__product-grid .card__inner .media.media--arch{padding-bottom:100%;border-radius:50% 50% 0 0}.discount-popup__product-grid .card__inner .media.media--adapt{padding-bottom:100%}.discount-popup__product-grid .card__inner .media img,.discount-popup__product-grid .card__inner .media svg,.discount-popup__product-grid .card__inner .media .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.discount-popup__product-grid .card-information{padding:12px 0 0;width:100%}.discount-popup__product-grid .card-information__wrapper{padding:0;width:100%}.discount-popup__product-grid .card-information__text{font-size:14px;line-height:1.4;margin-bottom:8px}.discount-popup__product-grid .price{font-size:15px}.discount-popup__product-grid .price__container{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:baseline}.discount-popup__product-grid .price--on-sale .price__sale{display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem .6rem;align-items:baseline}.discount-popup__product-grid .price__sale .price-item--sale{flex-shrink:0}.discount-popup__product-grid .price__sale .price-item--regular{flex-shrink:1}.discount-popup__product-grid .align-center .price__container,.discount-popup__product-grid .align-center .price--on-sale .price__sale,.discount-popup__product-grid .align-center .price__wrapper{justify-content:center}body.floating-bar-discount--open{overflow:hidden}.floating-bar__discount-trigger{margin-top:2rem;writing-mode:vertical-rl;transform:rotate(180deg);opacity:0;transition:opacity .3s ease .6s,transform .3s ease .6s}.floating-bar--hidden.floating-bar--left .floating-bar__discount-trigger{transform:rotate(180deg) translate(-1rem)}.floating-bar--hidden.floating-bar--right .floating-bar__discount-trigger{transform:rotate(180deg) translate(1rem)}.floating-bar--visible .floating-bar__discount-trigger{opacity:1;transform:rotate(180deg) translate(0);transition-delay:.7s}.floating-bar__discount-button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:0;transition:opacity .2s ease}.floating-bar__discount-button:hover{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-floating-bar-discount.css.map */