.size-chart-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;animation:fadeIn .3s ease-in-out}.size-chart-modal.active{display:flex;align-items:center;justify-content:center}.size-chart-modal__content{position:relative;margin:auto;padding:20px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;align-items:center}.size-chart-modal__image{max-width:100%;max-height:80vh;object-fit:contain;animation:zoomIn .3s ease-in-out}.size-chart-modal__close{position:absolute;top:10px;right:25px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10000;background:#00000080;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.size-chart-modal__close:hover,.size-chart-modal__close:focus{color:#999;background:#000c;transform:rotate(90deg)}.size-chart-image{cursor:pointer;transition:all .3s ease}.size-chart-image:hover{opacity:.9;transform:scale(1.02)}.size-chart-image img{cursor:zoom-in}.size-chart-modal__zoom-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;background:#000000b3;padding:8px 16px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:8px}.size-chart-modal__zoom-hint svg{width:20px;height:20px;fill:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media screen and (max-width: 768px){.size-chart-modal__content{width:95%;padding:10px}.size-chart-modal__close{font-size:30px;width:40px;height:40px;top:5px;right:5px}.size-chart-modal__image{max-height:70vh}.size-chart-modal__zoom-hint{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/size-chart-modal.css.map */