body.show-popup{overflow:hidden!important;touch-action:none!important;-webkit-overflow-scrolling:auto!important}sar-lazy-popup-tabs,sar-lazy-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:#00000080;display:flex;align-items:center;justify-content:flex-end;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease .4s,visibility .3s ease .4s,z-index 0s .7s}@media (max-width: 749px){sar-lazy-popup-tabs[data-mob-popup=drag],sar-lazy-popup[data-mob-popup=drag]{align-items:flex-end;justify-content:center}}sar-lazy-popup-tabs.active,sar-lazy-popup.active{z-index:9999;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility .3s ease,z-index 0s}sar-lazy-popup-tabs .popup__content,sar-lazy-popup .popup__content{position:relative;width:100%;max-width:500px;height:100%;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;padding-bottom:58px;background-color:#fff}@media (max-width: 749px){sar-lazy-popup-tabs .popup__content,sar-lazy-popup .popup__content{width:340px}}sar-lazy-popup-tabs .popup__body,sar-lazy-popup .popup__body{overflow-y:auto;padding:20px 16px;position:relative;min-height:100%}sar-lazy-popup-tabs .popup__body::-webkit-scrollbar,sar-lazy-popup .popup__body::-webkit-scrollbar{display:none}sar-lazy-popup-tabs .popup__body,sar-lazy-popup .popup__body{-ms-overflow-style:none;scrollbar-width:none}sar-lazy-popup-tabs .popup__close,sar-lazy-popup .popup__close{position:absolute;top:1rem;right:1rem;z-index:10;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}sar-lazy-popup-tabs.show .popup__content,sar-lazy-popup.show .popup__content{transform:translate(0)}sar-lazy-popup-tabs.show .popup__loading,sar-lazy-popup.show .popup__loading{position:absolute;width:100%;max-width:160px;top:50%;left:50%;transform:translate(-50%,-50%);height:4px;background:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:5}sar-lazy-popup-tabs.show .popup__loading--active,sar-lazy-popup.show .popup__loading--active{opacity:1;visibility:visible}sar-lazy-popup-tabs.show .popup__progress,sar-lazy-popup.show .popup__progress{height:100%;background:#000;width:0;animation:popup-loading 1.5s ease-in-out infinite;border-radius:2px;overflow:hidden}sar-lazy-popup-tabs.show__body,sar-lazy-popup.show__body{flex:1;overflow-y:auto;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}sar-lazy-popup-tabs.show__body--loaded,sar-lazy-popup.show__body--loaded{opacity:1;visibility:visible}sar-lazy-popup-tabs.show__error,sar-lazy-popup.show__error{padding:2rem;text-align:center;color:#d32f2f}sar-lazy-popup-tabs .slide-up,sar-lazy-popup .slide-up{animation:slide-up .4s ease forwards}sar-lazy-popup-tabs .fade-in,sar-lazy-popup .fade-in{animation:fade-in .4s ease forwards}sar-lazy-popup-tabs .animate-in,sar-lazy-popup .animate-in{opacity:0;transform:translateY(20px);animation:animate-in .6s ease forwards}sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .popup__body-slot{min-height:unset;padding:20px 10px;margin:0 15px}@media (max-width: 749px){sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .popup__body-slot{margin:0;padding:0 0 30px}}@media (max-width: 749px){sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .popup__close{display:none}}sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .sar-tab__content--customization{padding-inline:0;margin:0}sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .sar-tab__header--customization{padding-bottom:0;padding-top:16px;border:none;text-align:center}@media (min-width: 750px){sar-lazy-popup-tabs[id=popupWithTrigger][data-mob-popup=drag] .sar-tab__header--customization{padding-left:0;text-align:left}}sar-lazy-popup-tabs[id=popupWithTrigger] .popup__content{padding-bottom:0}sar-lazy-popup-tabs[id=popupWithTrigger] .popup__content .product-cart{position:fixed;bottom:0;left:0;right:0;padding:12px 24px;background:#fff;box-shadow:0 -4px 14px #00000026}sar-lazy-popup-tabs[id=popupWithTrigger] .popup__content .product-cart button{font-size:13px;font-weight:600}sar-lazy-popup-tabs[id=popupWithTrigger] .popup__content .product-cart_button button{color:#fff}sar-lazy-popup-tabs[id=popupWithTrigger] .popup__close{right:21px;top:34px;z-index:10;width:24px;height:24px}@media (max-width: 749px){sar-lazy-popup-tabs[id=popupWithTrigger] .popup__close{top:23px}}sar-lazy-popup-tabs .popup__content{max-width:500px}sar-lazy-popup-tabs .popup__body{padding:0}sar-lazy-popup:has(.popup__loading--active) .popup__body-slot{opacity:0}@media (max-width: 749px){sar-lazy-popup-tabs[data-mob-popup=drag] .popup__content{max-width:100%;width:100%;max-height:92svh;height:auto;min-height:60svh;border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),height .25s ease}}@media (max-width: 749px){sar-lazy-popup-tabs[data-mob-popup=drag] .popup__body{padding:16px;min-height:auto}}@media (max-width: 749px){sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle{display:flex;align-items:center;justify-content:center;padding:12px 0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle:active{cursor:grabbing}sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle__bar{width:44px;height:4px;border-radius:4px;background:#0003;transition:background .2s ease,width .2s ease}sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle:active sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle__bar{width:60px;background:#00000059}}@media (min-width: 769px){sar-lazy-popup-tabs[data-mob-popup=drag] .popup__drag-handle{display:none}}@media (max-width: 749px){sar-lazy-popup-tabs[data-mob-popup=drag].show .popup__content{transform:translateY(0)}}@keyframes popup-loading{0%{width:0;margin-left:0}50%{width:50%;margin-left:25%}to{width:0;margin-left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes animate-in{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/sar-popup-component.css.map */