.product-material-modal{display:none;position:fixed;z-index:99997;top:0;left:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;overflow-x:hidden;background:#000000d1;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.product-material-modal.is-active{opacity:1;pointer-events:auto}.product-material-modal--preview{display:block;opacity:1;pointer-events:auto}.product-material-modal__content{position:relative;z-index:99999;width:90%;max-width:1000px;min-width:302px;margin:50px auto;padding:0;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 16px 38px 2px #0202026e;font-size:16px;opacity:0;transform:translate3d(0,15%,0);transition:all .5s cubic-bezier(.4,0,.2,1)}.product-material-modal.is-active .product-material-modal__content{opacity:1;transform:translateZ(0)}.product-material-modal--preview .product-material-modal__content{opacity:1;transform:none}.product-material-modal__header{display:flex;align-items:center;justify-content:space-between;min-height:3em;padding-left:1em;color:#141414;font-size:1.3em;font-weight:700;line-height:1.2;text-transform:uppercase}.product-material-modal__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-material-modal__close{flex:0 0 3em;width:3em;height:3em;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .3s ease}.product-material-modal__close:hover{opacity:.7}.product-material-modal--preview .product-material-modal__close{cursor:default}.product-material-modal--preview .product-material-modal__close:hover{opacity:1}.product-material-modal__body{padding:1.5em;box-sizing:border-box;background:#fff}.product-material-modal__body img{max-width:100%;height:auto}@media screen and (max-width:650px){.product-material-modal__content{width:98%;min-width:0;margin:8.33vw auto;border-radius:8px;font-size:2.67vw}.product-material-modal__header{min-height:10vw;padding-left:3.33vw;font-size:4vw}.product-material-modal__close{flex-basis:10vw;width:10vw;height:10vw}.product-material-modal__close svg{width:3vw;height:3vw}.product-material-modal__body{padding:4vw}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-material-modal.css.map */