.template--page-image-mapping{background:#f6f6f6}.template--page-image-mapping .footer__section,.template--page-image-mapping .navbar__spacing,.template--page-image-mapping .footer,.template--page-image-mapping .navbar{display:none!important}.image-mapping{display:flex;flex-direction:column;margin:auto;height:100vh;width:100%;position:relative;overflow:hidden}.image-mapping__section{min-height:100vh;width:100%}.image-mapping__image{position:relative;width:100%;height:100%;overflow:hidden;margin:auto}.image-mapping__image .image{position:relative;z-index:9;height:fit-content;width:fit-content}.image-mapping__image .image img{display:block;width:100vw;max-width:100vw;height:auto;max-height:none;position:relative!important}.image-mapping.is-portrait .image-mapping__image .image img{height:100vh;max-height:100vh;width:auto;max-width:none}.image-mapping__image-ratio{background:#fff;position:absolute;transform:translate3d(-50%,0,0);bottom:0%;left:50%;height:fit-content;width:fit-content}.image-mapping__points{position:absolute;z-index:99;top:0;right:0;bottom:0;left:0;cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.7' cx='16.2866' cy='16.2856' r='15.7143' fill='%23FFB939'/%3E%3C/svg%3E") 16 16,pointer}.image-mapping__point{position:absolute;top:0;left:0;height:24px;width:24px;border-radius:100px;transform:translate3d(-50%,-50%,0);background:#2279bfb3}.image-mapping__point:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform:scale(1.68);background:#2279bf4d;animation:dot-anim 2s ease infinite}@media (max-width: 767.98px){.image-mapping__point{transform:translate3d(-50%,-50%,0) scale(.6875)}}.image-mapping__code{display:flex;width:100%;max-width:700px;flex-direction:column;margin:auto;padding:20px}.image-mapping__code textarea{width:100%;margin:10px auto auto;resize:none;background-color:#0000;border:none;padding:10px;border-radius:8px;background-color:#0000000d;font-family:monospace}.image-mapping__actions{display:flex;gap:10px;margin-top:5px;align-items:baseline}.image-mapping__actions a{text-transform:uppercase;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:1px;color:#000!important;transition:all .3s ease;text-decoration:underline;text-underline-offset:2px}.image-mapping__actions a:first-of-type{margin-left:auto}.image-mapping__actions a:hover{opacity:.6}.image-mapping{position:relative;height:100vh;width:100%}@media (max-width: 767.98px){.image-mapping,.image-mapping__image img{height:400px!important}}@keyframes dot-anim{0%{transform:scale(1);opacity:1}to,80%{transform:scale(1.68);opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/252/assets/page-image-mapping.css.map */