.variant-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.variant-modal[style*="display: block"] .modal-backdrop{opacity:1}.modal-content{position:absolute;background:#fff;max-width:440px;width:90%;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);padding:0;border-radius:16px;max-height:85vh;display:flex;flex-direction:column;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transform:translate(-50%,-50%) scale(.9);-webkit-backface-visibility:hidden;backface-visibility:hidden}.variant-modal[style*="display: block"] .modal-content{transform:translate(-50%,-50%) scale(1);opacity:1;-webkit-transform:translate(-50%,-50%) scale(1)}.modal-handle{display:none}.modal-content-head{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-content-head h4{font-size:18px;font-weight:600;margin:0;color:#333}.variant-list{overflow-y:auto;flex:1;padding:8px 0 12px;-webkit-overflow-scrolling:touch}@media screen and (max-width:767px){.modal-content{position:fixed;top:auto!important;bottom:0!important;left:0!important;right:0!important;max-width:100%!important;width:100%!important;max-height:70vh;height:auto;border-radius:20px 20px 0 0;transform:translateY(100%)!important;opacity:1!important;box-shadow:0 -10px 40px #00000026;-webkit-transform:translateY(100%)!important}.variant-modal[style*="display: block"] .modal-content{transform:translateY(0)!important;-webkit-transform:translateY(0)!important}.modal-handle{display:block;width:36px;height:4px;background:#d0d0d0;border-radius:2px;margin:10px auto 6px;flex-shrink:0}.modal-content-head{padding:8px 16px 12px;border-bottom:1px solid #f0f0f0}.modal-content-head h4{font-size:16px}.close-modal{width:30px!important;height:30px!important;font-size:20px}.variant-list{max-height:calc(70vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 8px}}@supports (-webkit-touch-callout: none){.modal-content{will-change:transform}@media screen and (max-width:767px){.modal-content{position:fixed!important;bottom:0!important;top:auto!important}.variant-list{max-height:calc(70vh - 70px);min-height:200px}}}@media screen and (min-width:768px){@supports (-webkit-touch-callout: none){.modal-content{position:fixed!important;top:50%!important;left:50%!important;bottom:auto!important;right:auto!important}}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/safari-fixes.css.map */