*{touch-action:manipulation}body{overflow:hidden}#canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}#ui-top{left:0;top:0;z-index:200;width:100%;background:#ffffff80;box-shadow:0 0 2rem #0000001a}#ui-bottom{left:0;bottom:0;z-index:200;width:100%;background:#ffffff80;box-shadow:0 0 2rem #0000001a}#ui-left{left:0;top:0;z-index:100;width:8rem;height:100%}#ui-swatches{padding:.2rem;display:flex}.swatch{appearance:none;border:0;padding:0;opacity:1;flex-shrink:0;width:2rem;height:2rem;margin:.3rem;border-radius:4rem;-webkit-border-radius:4rem;box-shadow:0 0 .1rem #00000080}.swatch:hover{cursor:pointer;box-shadow:0 0 1rem #00000080}.swatch.selected{width:3rem;height:3rem;box-shadow:0 0 1rem #0003}#ui-preorder-form fieldset{flex:1;max-width:48rem;min-width:12rem}#loader-overlay{left:0;top:0;z-index:2000000;width:100%;height:100%}#ui-areas{flex-wrap:wrap}#ui-areas .area{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;margin:.15rem;font-size:.8rem;border-radius:1rem;clip-path:none;-webkit-clip-path:none}#ui-areas .area.highlighted,#ui-areas .area:hover{background:#000;color:#fff}#ui-areas .area .dot{display:inline-block;width:.9rem;height:.9rem;border-radius:1rem;box-shadow:0 0 .1rem #0009}#ui-top{flex-wrap:wrap}#preorder-overlay{overflow:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}#preorder-overlay #ui-preorder-form{margin:auto}