*{box-sizing:border-box;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;padding:0;font-family:Instrument Serif,serif;font-style:normal;font-weight:300}html,body{background:#000;width:100%;height:100%;overflow:hidden}#webgl-canvas{cursor:grab;opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;top:0;left:0}#webgl-canvas.is-ready{opacity:1;visibility:visible}#webgl-canvas.is-dragging{cursor:grabbing}li{list-style:none}.header{color:#fff;z-index:100;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 32px;font-size:16px;font-weight:600;display:flex;position:fixed;top:0;left:0}.header>a,.header nav li{opacity:0;visibility:hidden;transition:transform 1.65s cubic-bezier(.22,1,.36,1),opacity 1.65s cubic-bezier(.22,1,.36,1);transform:translateY(-80px)}.header nav ul{align-items:center;gap:16px;display:flex}.header a{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;text-decoration:none}body.is-ui-in .header>a,body.is-ui-in .header nav li{opacity:1;visibility:visible;transform:translateY(0)}.fade-top{background:linear-gradient(#000c,#0000);width:100%;height:160px;position:fixed;top:0;left:0}.fade-right{background:linear-gradient(90deg,#0000,#000c);width:160px;height:100%;position:fixed;top:0;right:0}.fade-bottom{background:linear-gradient(#0000,#000c);width:100%;height:160px;position:fixed;bottom:0;left:0}.fade-left{background:linear-gradient(90deg,#000c,#0000);width:160px;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.fade-top{height:100px}.fade-right{width:100px}.fade-bottom{height:100px}.fade-left{width:100px}}footer{z-index:100;width:100%;padding:24px 0;position:fixed;bottom:0;left:0}footer .controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:4px;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(80px)}footer .controls:hover .control-item{opacity:.2}footer .controls .control-item{color:#fff;cursor:pointer;text-transform:uppercase;opacity:.8;border-radius:100px;justify-content:center;align-items:center;height:40px;padding:0 20px;transition:opacity .3s;display:flex}footer .controls .control-item.active{text-shadow:0 0 10px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:1!important}footer .controls .control-item:hover{opacity:.6}body.is-ui-in footer .controls{opacity:1;visibility:visible;transform:translateY(0)}#selection-close{z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform, opacity;opacity:0;visibility:hidden;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:12px;width:48px;height:48px;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)translate(-50%,-50%)}body.is-selection-open #selection-close{opacity:1;visibility:visible}:is(body.is-selection-open:has(footer:hover) #selection-close,body.is-selection-open:has(.controls:hover) #selection-close){opacity:0;visibility:hidden}body.is-selection-open,body.is-selection-open #webgl-canvas,body.is-selection-open #webgl-canvas.is-dragging{cursor:pointer!important}body.is-motion-frozen #webgl-canvas,body.is-motion-frozen #webgl-canvas.is-dragging{cursor:pointer}.control-item-grid svg rect{transition:all .3s}.control-item-grid:hover svg rect:first-child{transform:translate(1px,1px)}.control-item-grid:hover svg rect:nth-child(2){transform:translate(-1px,-3px)}.control-item-grid:hover svg rect:nth-child(3){transform:translate(1px,3px)}.control-item-grid:hover svg rect:nth-child(4){transform:translate(-1px,-1px)}.control-item-carousel svg rect{transition:all .3s}.control-item-carousel svg rect:nth-child(3){transform-origin:50%;transform:scaleX(0)}.control-item-carousel:hover svg rect{width:6px}.control-item-carousel:hover svg rect:first-child{transform:translate(-3px)}.control-item-carousel:hover svg rect:nth-child(2){transform:translate(3px)}.control-item-carousel:hover svg rect:nth-child(3){transform:scaleX(1)}.control-item-list svg rect{transition:transform .3s}.control-item-list svg rect:nth-child(3){transform-origin:50%;transform:scaleY(0)}.control-item-list:hover svg rect{height:6px}.control-item-list:hover svg rect:first-child{transform:translateY(-3px)}.control-item-list:hover svg rect:nth-child(2){transform:translateY(3px)}.control-item-list:hover svg rect:nth-child(3){transform:scaleY(1)}