.interactive-map{background-image:url(./map-bg.svg);background-repeat:no-repeat;background-size:contain;background-position:top;width:100%;height:52vw;position:relative}.interactive-step{will-change:transform;cursor:pointer;position:absolute;display:none;width:200px;height:200px}.interactive-step img{will-change:transform;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;filter:grayscale(100)}.interactive-step.open{animation:bounce 1.6s ease forwards}.interactive-step.open img{filter:grayscale(0)}.interactive-step .base-image,.interactive-step .replace-image{transition:opacity .5s ease-in-out,transform .5s ease-in-out,filter 1s ease-in-out}.interactive-step .replace-image,.interactive-step.open:hover .base-image,.interactive-step.modal-open .base-image{opacity:0;transform:translate(-50%,-50%) scale(0)}.interactive-step.open:hover .replace-image,.interactive-step.modal-open .replace-image{opacity:1;transform:translate(-50%,-50%) scale(1)}.interactive-step.step-1{display:block;left:11.2vw;top:10.3vw;width:9vw;height:9vw}.interactive-step.step-1 .replace-image{width:110%;height:110%}.interactive-step.step-2{display:block;left:3.2vw;top:20.8vw;width:12.3vw;height:8vw}.interactive-step.step-2 .replace-image{width:110%;height:110%}.interactive-step.step-3{display:block;left:5vw;top:34vw;width:10vw;height:11vw}.interactive-step.step-4{display:block;left:30.5vw;top:32.6vw;width:8vw;height:13vw}.interactive-step.step-4 .replace-image{width:130%;height:130%}.interactive-step.step-5{display:block;left:23.5vw;top:16.3vw;width:9vw;height:10vw}.interactive-step.step-6{display:block;left:37.6vw;top:6.3vw;width:9.5vw;height:10.5vw}.interactive-step.step-7{display:block;left:47vw;top:18.3vw;width:10.5vw;height:8vw}.interactive-step.step-7 .replace-image{width:120%;height:120%}.interactive-step.step-8{display:block;left:62.1vw;top:6.5vw;width:10vw;height:9.4vw}.interactive-step.step-9{display:block;left:62.4vw;top:20.5vw;width:15vw;height:9.4vw}.interactive-step.step-10{display:block;left:56vw;top:33.5vw;width:11vw;height:12vw}@font-face{font-family:Open Sans;src:url(./OpenSans-Regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Open Sans;src:url(./OpenSans-Bold.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Open Sans;src:url(./OpenSans-Light.woff) format("woff");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Open Sans;src:url(./OpenSans-Medium.woff) format("woff");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Coralwaves;src:url(./Coralwaves-regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes bounce{30%{transform:scale(1.1)}40%,60%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.1)}70%{transform:rotate(0) scale(1.1)}to{transform:scale(1)}}@keyframes fromOpacity{0%{opacity:0}to{opacity:1}}.modal-template{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-template .modal-template__content{min-height:12.2395833333vw;position:relative;background-color:#fff;max-width:14.5833333333vw;width:100%;padding:0vw 1.0416666667vw 1.0416666667vw 7.8125vw;border-radius:10px;border:2px solid #000;box-shadow:0 10px 30px #00000040}.modal-template .modal-template__title{color:#000;font-family:Coralwaves;font-size:2.3958333333vw;font-style:normal;font-weight:400;line-height:normal;margin-bottom:.5208333333vw}.modal-template .modal-template__text{color:#000;font-family:Open Sans;font-size:.8333333333vw;font-style:normal;font-weight:400;line-height:normal;margin-bottom:1.3020833333vw}.modal-template .modal-template__btn{cursor:pointer;width:100%;background-color:#fff;outline:none;padding:.78125vw 1.0416666667vw;padding-right:0;border-radius:.5208333333vw;border:1px solid #000;color:#000;text-align:center;font-family:Open Sans;font-size:.8333333333vw;font-weight:600;text-align:left}.modal-template .modal-template__btn span{position:relative;display:block}.modal-template .modal-template__btn span:before{content:"";position:absolute;right:1.0416666667vw;top:50%;transform:translateY(-50%);width:.7291666667vw;height:.9375vw;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2022_1407' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='18'%3e%3crect width='14' height='18' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2022_1407)'%3e%3cpath d='M12.0376 11.0966C13.3208 9.95335 13.3208 8.04665 12.0376 6.90341L6.32329 1.8125C5.10731 0.729166 3.17841 0.729166 1.96242 1.8125C0.679193 2.95574 0.679192 4.86244 1.96242 6.00568L5.32339 9L1.96242 11.9943C0.679192 13.1376 0.679192 15.0443 1.96242 16.1875C3.17841 17.2708 5.10731 17.2708 6.32329 16.1875L12.0376 11.0966Z' fill='%230ABBEF' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e ");background-repeat:no-repeat;background-size:contain;background-position:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-logo{position:absolute;left:2.0833333333vw;top:.8854166667vw;width:5vw;height:3.4375vw}.app-logo img{width:100%;height:100%;object-fit:contain}.user-btn{z-index:6;position:absolute;right:2.34375vw;top:1.5625vw;padding:.625vw .5208333333vw .625vw .78125vw;border-radius:.5208333333vw;border:2px solid #000;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#000;font-family:Open Sans;font-size:.8333333333vw;font-style:normal;font-weight:700;line-height:normal;display:flex;gap:.5208333333vw}.user-btn__exit{width:1.25vw;height:1.25vw;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2021_7633)'%3e%3cpath d='M14.5 8V6C14.5 5.46957 14.2893 4.96086 13.9142 4.58579C13.5391 4.21071 13.0304 4 12.5 4H5.5C4.96957 4 4.46086 4.21071 4.08579 4.58579C3.71071 4.96086 3.5 5.46957 3.5 6V18C3.5 18.5304 3.71071 19.0391 4.08579 19.4142C4.46086 19.7893 4.96957 20 5.5 20H12.5C13.0304 20 13.5391 19.7893 13.9142 19.4142C14.2893 19.0391 14.5 18.5304 14.5 18V16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.5 12H21.5L18.5 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.5 15L21.5 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2021_7633'%3e%3crect width='24' height='24' fill='white' transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ")}.modal-img{position:absolute;left:0;top:0;bottom:0;height:100%;width:6.7708333333vw;border-radius:10px 0 0 10px}.modal-img:after{position:absolute;left:0;bottom:0;width:83%;height:55%;content:"";background:linear-gradient(180deg,#3a3a3a 64.98%,#a0a0a0);border-radius:10px 0 0 10px}.modal-img:before{overflow:hidden;z-index:1;position:absolute;left:0;top:0;height:100%;width:100%;content:"";background-image:url(./modal-bg.svg);background-repeat:no-repeat;background-position:top left;background-size:contain;border-radius:10px 0 0 10px}.modal-img__man{background-image:url(./modal-man.svg);width:109%;height:84%;position:absolute;left:-16%;bottom:0;background-repeat:no-repeat;background-position:bottom left;background-size:contain;z-index:3}.modal-step{font-family:Coralwaves;position:absolute;width:1.6666666667vw;height:1.6666666667vw;top:1.1458333333vw;left:4.6875vw;z-index:5;display:flex;align-items:flex-start;padding-top:0;justify-content:center;font-size:1.25vw;line-height:100%;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.1897 31.6317C24.5345 31.6317 31.2993 24.6773 31.2993 16.0986C31.2993 7.51986 24.5345 0.56543 16.1897 0.56543C7.84488 0.56543 1.08008 7.51986 1.08008 16.0986C1.08008 24.6773 7.84488 31.6317 16.1897 31.6317Z' fill='white'/%3e%3cpath d='M25.1983 3.55237C28.3946 5.94208 30.816 9.52666 31.6877 13.7087C32.5594 17.8907 31.5908 22.4709 28.9757 25.8564C26.3606 29.2418 22.4863 31.2332 18.4184 31.8306C14.4473 32.4281 10.2824 31.4324 6.7956 29.0427C3.40563 26.7525 0.887375 22.8692 0.209381 18.5877C-0.468614 14.3061 0.49995 9.72581 3.11507 6.24081C5.63334 2.75581 9.60445 0.366084 13.7693 0.0673694C18.0309 -0.330916 22.002 1.06308 25.1983 3.55237ZM25.1014 3.65195C21.9052 1.26223 17.7404 0.465643 14.0598 1.36179C10.3793 2.25793 7.08618 4.34893 4.95534 7.43565C2.8245 10.5224 1.75909 14.4057 2.24337 18.1894C2.72765 21.9731 4.66478 25.5577 7.57047 28.0469C10.4762 30.5362 14.5441 31.7311 18.4184 31.0341C22.2926 30.3371 25.5857 27.9473 27.7166 24.7611C29.8474 21.5748 30.816 17.7911 30.5254 13.9078C30.138 10.0245 28.2977 6.04166 25.1014 3.65195Z' fill='black'/%3e%3c/svg%3e ")}.menu-btns{position:absolute;right:1.8229166667vw;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1.8229166667vw}.menu-btn__ball{border-radius:50%;border:3px solid #000;background:#0bbaef;box-shadow:0 10px 30px #00000040;width:7.8125vw;height:7.8125vw}.menu-btn__text{position:absolute;bottom:-10%;left:50%;width:fit-content;white-space:nowrap;background-color:#fff;transform:translate(-50%);border-radius:40px;border:3px solid #000;background:#fff;padding:.2604166667vw .78125vw;color:#000;font-family:Open Sans;font-size:.8333333333vw;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;gap:.78125vw}.menu-btn__text:after{content:"";display:block;width:.78125vw;height:.9375vw;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2022_1407' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='18'%3e%3crect width='14' height='18' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2022_1407)'%3e%3cpath d='M12.0376 11.0966C13.3208 9.95335 13.3208 8.04665 12.0376 6.90341L6.32329 1.8125C5.10731 0.729166 3.17841 0.729166 1.96242 1.8125C0.679193 2.95574 0.679192 4.86244 1.96242 6.00568L5.32339 9L1.96242 11.9943C0.679192 13.1376 0.679192 15.0443 1.96242 16.1875C3.17841 17.2708 5.10731 17.2708 6.32329 16.1875L12.0376 11.0966Z' fill='%230ABBEF' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e ");background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .2s ease-in-out}.menu-btn__image{will-change:transform;transition:transform .2s ease-in-out;position:absolute}.menu-btn__image img{object-fit:contain;object-position:center;width:100%;height:100%}.menu-btn{position:relative}.menu-btn:hover .menu-btn__image{transform:scale(1.1)}.menu-btn:hover .menu-btn__text:after{transform:translate(30%)}.menu-btn:nth-of-type(1){margin-top:5.2083333333vw}.menu-btn:nth-of-type(1) .menu-btn__image{top:-5%;left:3%;width:7.7083333333vw;height:6.9270833333vw}.menu-btn:nth-of-type(2) .menu-btn__image{top:15%;left:8%;width:6.7708333333vw;height:4.84375vw}
