.column-grid-layout-module-scss-module__hwr83W__LayoutGrid{flex-direction:column;width:100%;max-width:960px;height:100%;margin:0 auto;display:flex}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid canvas{width:100%;height:100%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .item{border-radius:4px;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x3{grid-area:span 3/span 3}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x2{grid-area:span 2/span 3;padding-bottom:66.6%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x2{grid-area:span 2/span 2}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x1{grid-area:span 1/span 2;padding-bottom:50%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-1x2{grid-area:span 2/span 1;padding-bottom:200%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .example{grid-gap:30px;flex-wrap:wrap-reverse;grid-template-columns:300px 300px 300px;justify-content:center;margin:0 auto;display:grid}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid header{text-align:center;margin:30px 0;font-size:18px;font-weight:700}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .canvas{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .desc{color:#fff;text-align:center;z-index:10;background:#333;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .gl23txt{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;position:absolute;top:10px;left:0;right:0}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .gl41Hud{position:absolute;inset:0}@media screen and (max-width:1000px){.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .example{grid-template-columns:300px 300px}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x3{grid-area:span 2/span 2}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x2{grid-area:span 1/span 2;padding-bottom:50%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x2{grid-area:span 2/span 2}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x1{grid-area:span 1/span 1;padding-bottom:100%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-1x2{grid-area:span 1/span 2;padding-bottom:50%}}@media screen and (max-width:800px){.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .example{grid-template-columns:1fr;width:100%;max-width:325px}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x3{grid-area:span 1/span 1}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-3x2{grid-area:span 1/span 1;padding-bottom:100%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x2{grid-area:span 1/span 1}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-2x1{grid-area:span 1/span 1;padding-bottom:100%}.column-grid-layout-module-scss-module__hwr83W__LayoutGrid .size-1x2{grid-area:span 1/span 1;padding-bottom:100%}}
.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .lil-gui{position:absolute;top:0;right:0}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .lil-gui .title{display:none}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .loading-bar{transform-origin:0 0;background:#fff;width:100%;height:2px;transition:transform .5s;position:absolute;top:50%;transform:scaleX(.3)}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .loading-bar.ended{transform-origin:100% 0;transition:transform 1.5s ease-in-out;transform:scaleX(0)}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .point{position:absolute;top:50%;left:50%}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .point .label{color:#fff;text-align:center;cursor:help;background:#0007;border:1px solid #fff7;border-radius:50%;width:40px;height:40px;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:100;line-height:40px;transition:transform .3s;position:absolute;top:-20px;left:-20px;transform:scale(0)}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .point .text{color:#fff;opacity:0;pointer-events:none;z-index:100;background:#0007;border:1px solid #fff7;border-radius:4px;width:200px;padding:20px;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:100;line-height:1.3em;transition:opacity .3s;position:absolute;top:30px;left:-120px}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .point:hover .text{opacity:1}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .point.visible .label{transform:scale(1)}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .leva-c-kWgxhW-bCBHqk-fill-false{position:absolute!important}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .c-kEkIHu{position:absolute!important}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .interface{pointer-events:none;width:100%;height:100%;font-family:Bebas Neue,cursive;position:absolute;top:0;left:0}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .time{color:#fff;text-align:center;background:#0003;width:100%;padding-top:5px;font-size:6vh;position:absolute;top:15%;left:0}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .restart{color:#fff;pointer-events:auto;cursor:pointer;background:#0003;justify-content:center;width:100%;padding-top:10px;font-size:80px;display:flex;position:absolute;top:40%;left:0}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .controls{width:100%;position:absolute;bottom:10%;left:0}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .controls .raw{justify-content:center;display:flex}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .controls .key{background:#fff4;border:2px solid #fff;width:40px;height:40px;margin:4px}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .controls .key.large{width:144px}.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .controls .key.active{background:#fff9}@media screen and (max-width:768px){.threejs-journey-module-scss-module__ZqFWPW__ThreeJourneyContainer .lil-gui{display:none}}