.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;inset: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:rgba(34,121,191,.7)}.image-mapping__point::before{content:" ";position:absolute;inset:0;border-radius:50%;transform:scale(1.68);background:rgba(34,121,191,.3);animation:dot-anim 2s ease infinite}@media(max-width: 767.98px){.image-mapping__point{transform:translate3d(-50%, -50%, 0) scale(0.6875)}}.image-mapping__code{display:flex;padding-top:30px;width:100%;max-width:700px;flex-direction:column;margin:auto;padding:20px}.image-mapping__code textarea{width:100%;margin:auto;resize:none;background-color:rgba(0,0,0,0);border:none;padding:10px;border-radius:8px;background-color:rgba(0,0,0,.05);font-family:monospace;margin-top:10px}.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}100%,80%{transform:scale(1.68);opacity:1}100%{opacity:0}}/*# sourceMappingURL=page-image-mapping.css.map */