.basic-modal .product-size-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0009;transition:all .3s linear}.basic-modal .product-size-modal__content{position:relative;background-color:#fff;padding:2rem 1rem;opacity:0;transform:translateY(-100px);transition:all .3s linear;box-shadow:0 0 10px #0000004d;width:100%;height:100vh;text-align:center;max-width:calc(100% - 1.25rem);margin:0 auto;max-height:49rem;border-radius:.375rem;overflow-y:scroll}.basic-modal .product-size-modal__content img{width:100%}.basic-modal .product-size-modal__title{margin-bottom:2rem;font-weight:600}.basic-modal .product-size-modal.open{visibility:visible;opacity:1;display:block;align-items:center}.basic-modal .product-size-modal.close{visibility:hidden;opacity:0}.basic-modal .product-size-modal.open .product-size-modal__content{opacity:1;transform:translateY(0)}.basic-modal .product-size-modal__toggle{border:1px solid;border-radius:50%;margin-left:.5rem;padding:.2rem .55rem;background-color:transparent;transition:all .5s;cursor:pointer}.basic-modal .product-size-modal__toggle:hover{background-color:#000;color:#000}.basic-modal .product-size-modal__close{position:absolute;right:0;top:0;padding:1rem;font-size:1rem;background-color:transparent;border:none;font-weight:600;line-height:1rem}.basic-modal .model .image-model{position:relative}.basic-modal .model .image-model .icon-rotation{position:absolute;top:1rem;right:1rem;z-index:2}.basic-modal .model .image-model img{position:relative;z-index:1;transition:opacity .35s;display:block;height:auto}.basic-modal .model .image-model img:last-child{position:absolute;top:0;left:0;z-index:0}.basic-modal .model .title-model p{font-size:.938rem;font-weight:600;margin:.5rem 0}.basic-modal .model .specs-model p{font-size:.938rem;font-weight:500;margin:0}.basic-modal .model .image-model img.onHover{opacity:0}@media screen and (min-width: 750px){.basic-modal .product-size-modal__content{margin:50px auto;padding:2rem;width:fit-content;height:fit-content}}@media only screen and (min-width: 768px){.basic-modal .product-size-modal.open{justify-content:center}.basic-modal .product-size-modal__content{max-width:31.25rem}}@media screen and (min-width: 1200px){.basic-modal .product-size-modal__content{max-width:78.813rem;width:100%;max-height:calc(100dvh - 5rem)}.basic-modal .product-size-modal__close{font-size:2rem;font-weight:300}.basic-modal .model .image-model .icon-rotation:hover+img:nth-child(2){opacity:0}.content-guide-sizes .models{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-basic-modal.css.map */