@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8db93725aeb3c87f-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eb419a9b93d206b8-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/99519a8babe91835-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0d4316c02c203c20-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/33d87251b300890b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a7b3434f2ece1ccb-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Roboto_Slab_138d20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5bbe8920acfc3bf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Roboto_Slab_Fallback_138d20;src:local("Times New Roman");ascent-override:88.56%;descent-override:22.90%;line-gap-override:0.00%;size-adjust:118.32%}.__className_138d20{font-family:__Roboto_Slab_138d20,__Roboto_Slab_Fallback_138d20;font-weight:400;font-style:normal}body{background:#000;font-family:sans-serif;margin:24px 0;padding:0;color:#efefef}footer{display:flex;justify-content:center}button{border:none}button.square{border:1px solid rgba(30,144,255,.3)}*{box-sizing:border-box}main{gap:24px}#canvas-sizer,main{display:flex;flex-direction:column;justify-content:center}#canvas-sizer{align-items:center;gap:20px}#canvas-sizer label{font-size:20px}#canvas-sizer input{width:75px;padding:5px;font-size:16px;text-align:center;border:1px solid #000;border-radius:5px;margin-left:20px}.board{min-width:350px;flex:1 1}.board-row{display:flex;width:100%;justify-content:center;align-items:center}.board-row:after{clear:both;content:"";display:table}.picker-square,.square{display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:1/1;font-weight:700;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;height:100%;width:100%;max-height:50px;max-width:50px}.square svg{width:100%;height:auto;display:block}.picker-square{cursor:pointer;transition:all 333ms;max-height:25px;max-width:25px;border-radius:50%}.board-row:has(.picker-square){gap:8px;margin-bottom:5px}.board-row:has(.picker-square):last-child{margin-bottom:0}.color-picker{min-width:350px}.picker-square:hover{opacity:.5}.picker-square.selected{border:4px solid #fff}@media screen and (min-width:768px){main{display:grid;grid-template-columns:1fr 10fr 2fr 1fr;grid-template-rows:1fr;grid-column-gap:36px;justify-content:center;padding:0 20px;justify-content:space-around}#canvas-sizer{flex-direction:row;grid-column:2/4;grid-row:1}.board{grid-column:1/5;grid-row:2}.color-picker{grid-column:3/4;grid-row:2;display:flex;min-width:200px;margin-top:0;margin-right:0}.color-picker .board-row{flex-direction:column}}