.variant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:none}.variant-modal-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;border-radius:16px;background:#fff;display:flex;align-items:flex-start;justify-content:center;color:#24231f}.variant-modal-container__details{max-height:95vh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}@supports (height: 100dvh){.variant-modal-container__details{max-height:95dvh}}.variant-modal-container__details::-webkit-scrollbar{display:none}.variant-modal-wrap.is--active{display:flex;justify-content:center;align-items:center;background:#00000073}.variant-modal-container__block{display:flex;padding:30px;flex-direction:column;align-items:center;gap:16px;flex:1}.variant-image__element{object-fit:contain}.variant-modal-container__close-element{position:absolute;right:16px;top:16px;cursor:pointer}.varant-modal-container__close-element>svg{width:32px;height:32px}.variant-modal-container__variant-title{font-size:35px;font-weight:800;text-transform:capitalize;margin:0}.variant-modal-container__variant-description{font-size:18px;font-weight:400;margin:0}.variant-modal-container__text-opening{color:#24231f;font-size:14px;font-weight:700;text-decoration-line:underline;text-align:center;cursor:pointer}.variant-modal-container__divider-bar{position:absolute;left:50%;transform:translate(-50%);height:100%;width:1px;background-color:#676363;display:block!important}.variant-modal-container__variant-image{display:flex;place-items:center;place-content:center}.variant-modal-container__variant-image img{height:auto}.variant-modal-container__close-element{width:32px;height:32px;border-radius:100%;background:#fff}.hide-important{display:none!important}.with--padd{padding:20px;display:flex;flex-direction:column;gap:10px}.no-padd{padding:0!important}.full--image{width:100%!important;object-fit:contain;border-top-left-radius:16px;border-top-right-radius:16px;display:block}.max--width{max-width:470px}@media screen and (max-width:480px){.variant-modal-container__block{padding:18px}.variant-modal-container{flex-direction:column;width:calc(100% - 32px)}.variant-image__element{width:150px}.variant-modal-container__variant-title{font-size:22px}.variant-modal-container__variant-description{font-size:14px;margin-top:1rem}.variant-modal-container__divider-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:1px;width:100%}.max--width{max-width:calc(100% - 32px)}.with--padd{gap:1.8rem;padding:1.8rem}}@media screen and (min-width:768px) and (max-width:1023px){.variant-image__element{width:290px;height:239px}}@media screen and (max-width: 768px){.variant-modal-container__variant-image{margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hoculus-variant-modal.css.map */