@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./open-sans-400-BCdjR_up.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(./open-sans-600-8xi7cHyI.ttf)format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(./roboto-400-BKwBj7lc.ttf)format("truetype")}:root{color:#123348;font-synthesis:none;background:#fff;font-family:Open Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;height:100svh;min-height:560px;display:flex}header{border-bottom:1px solid #e1e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:92px;margin:0 6%;display:flex}.brand{letter-spacing:-2px;color:#00558a;font-size:36px;font-style:italic;font-weight:900}.brand span{letter-spacing:.1px;color:#476273;margin-top:1px;font-size:8px;font-style:normal;font-weight:500;display:block}.product{letter-spacing:2px;color:#617987;font-size:11px}main{flex-direction:column;flex:1;min-height:0;display:flex}.instruction{text-align:center;padding:30px 20px 0}.instruction p{color:#648090;margin:0 0 12px;font-size:13px}.instruction h1{letter-spacing:-.6px;margin:0;font-size:clamp(21px,3vw,29px);font-weight:400;line-height:1.25}#viewer{touch-action:none;flex:1;min-height:200px;position:relative}canvas{outline:none;width:100%;height:100%;display:block}#loading{color:#617987;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}footer{text-align:center;padding:0 20px 22px}.gesture{color:#84949e;margin:0 0 21px;font-size:11px}nav{justify-content:center;gap:20px;display:flex}button{color:#00558a;cursor:pointer;background:#fff;border:1px solid #c8d6df;border-radius:50%;place-items:center;width:62px;height:62px;transition:background .2s,opacity .2s,transform .2s;display:grid}button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}button:hover:enabled{background:#edf5f9;transform:translateY(-2px)}button:focus-visible{outline-offset:4px;outline:3px solid #70b8df}button:disabled{opacity:.26;cursor:default}#next{color:#fff;background:#00558a;border-color:#00558a}#next:hover:enabled{background:#003e67}.progress{justify-content:center;gap:7px;margin-top:22px;display:flex}.progress i{background:#d8e2e8;border-radius:5px;width:6px;height:6px;transition:width .25s}.progress i.active{background:#00558a;width:22px}.bottom{color:#638090;letter-spacing:1px;border-top:1px solid #e1e7eb;justify-content:space-between;margin:0 6%;padding:15px 0;font-size:10px;display:flex}@media (width<=600px){header{height:76px;margin:0 22px}.brand{font-size:31px}.brand span{font-size:7px}.product{letter-spacing:1.3px;font-size:9px}.instruction{padding-top:28px}.instruction h1{max-width:320px;margin:auto;font-size:23px}.instruction p{font-size:12px}footer{padding-bottom:20px}.bottom{margin:0 22px}.gesture{margin-bottom:18px}nav{gap:24px}button{width:60px;height:60px}}.logo{width:128px;height:auto;display:block}@media (width<=600px){.logo{width:110px}}.product,.bottom,button{font-family:Roboto,Arial,sans-serif}#app{isolation:isolate;position:relative}#viewer canvas{z-index:0;position:fixed;inset:0}header,.instruction,footer,.bottom{z-index:1;pointer-events:none;background:0 0;position:relative}footer button{pointer-events:auto}#loading{z-index:1;pointer-events:none}.instruction .preparation{color:#708591;letter-spacing:0;margin:12px 0 0;font-size:11px}#model-labels{z-index:2;pointer-events:none;position:fixed;inset:0}.model-label{letter-spacing:.7px;color:#426275;text-shadow:0 0 4px #fff,0 0 6px #fff;font-family:Roboto,Arial,sans-serif;font-size:10px;position:absolute;transform:translate(-50%,-50%)}