.toggle{align-items:center;background:#fff;border-radius:999px;box-shadow:0 0 15px #00000026;cursor:pointer;display:flex;height:28px;padding:0 8px;width:60px}.toggle__dot{background:#2a4377;border-radius:999px;height:18px;transition:transform .2s ease-in-out;width:18px}.toggle--checked .toggle__dot{transform:translate(24px)!important}.sidebar{background:#fff;height:100vh;overflow-y:scroll;padding:40px;position:fixed;right:0;top:0;width:380px}.sidebar__tabs{display:flex;gap:20px}.sidebar__tab{color:#222;cursor:pointer;font-size:16px;opacity:.7;text-decoration:none}.sidebar__tab--active{font-weight:600;opacity:1}.sidebar__header{font-size:20px;font-weight:500;margin-bottom:40px;margin-top:60px}.sidebar__list{display:flex;flex-direction:column;gap:20px}.sidebar__item{cursor:pointer;display:grid;gap:20px;grid-template-columns:85px 1fr}.sidebar__item__image{aspect-ratio:1/1;background:#eee;border-radius:4px;display:flex;margin:0;overflow:hidden;padding:0}.sidebar__item__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sidebar__item__title{font-size:16px;font-weight:500;margin:0 0 10px}.sidebar__item__description{font-size:12px;line-height:1.4;margin:0}.sidebar__item:hover{opacity:.7}.measurements-overlay{opacity:.6}.measurements-overlay__x{border-top:1px solid #999;left:50%;padding-top:15px;position:absolute;text-align:center;top:15vh;transform:translate(-50%);width:200px}.measurements-overlay__y{align-items:center;border-left:1px solid #999;display:flex;height:200px;left:20vw;padding-left:15px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.renderer{left:0;position:fixed;top:0;transform:translate(-150px);z-index:-1}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(../Inter18pt-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(../Inter18pt-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(../Inter18pt-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(../Inter18pt-Bold.woff2) format("woff2")}body,html{color:#333;font-family:Inter,sans-serif;font-size:16px;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}*{box-sizing:border-box}.logo{height:auto;left:60px;position:fixed;top:60px;width:150px}.button{background:#fff;border:none;border-radius:8px;box-shadow:0 0 15px #00000026;cursor:pointer;font-family:inherit;font-size:1em;padding:15px 20px;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:hover{box-shadow:0 0 15px #0000001a}.button.active{box-shadow:0 0 10px transparent;opacity:.7}.control-buttons{bottom:60px;display:flex;flex-direction:column;gap:50px;left:60px;position:fixed}.control-buttons__heading{display:block;font-size:11px;margin-bottom:12px;text-transform:uppercase}.perspective-buttons{display:flex;flex-direction:column;gap:17px}.perspective-buttons button{flex-grow:0;text-align:left}.instructions{bottom:60px;font-size:12px;left:210px;position:fixed}.instructions p{margin:3px 0;opacity:.5}
