*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;--font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-family:var(--font-family)}input{font-size:1em;font-family:var(--font-family)}code{font-family:var(--font-family)}._app_ykmrf_29{position:relative;--chosen-color: #fff;--control-color: #000;--line-size: 44px;--control-size: 40px;--pad-amount: 8px;padding-bottom:64px;color:var(--control-color)}@media (min-width: 500px){._app_ykmrf_29{--line-size: 28px;--control-size: 24px}}._display_ykmrf_59{position:fixed;inset:0}._display_ykmrf_59>div{position:absolute;inset:0}._display_ykmrf_59 ._checkerboard_ykmrf_75{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}._ui_ykmrf_84{padding:var(--pad-amount)}._logo_ykmrf_88{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pad-amount)}._input_ykmrf_96{position:relative;margin-bottom:var(--pad-amount)}._widgets_ykmrf_101{position:relative}._randomize_ykmrf_105{appearance:none;background-color:transparent;border:none;outline:none;width:var(--control-size);height:var(--control-size);cursor:pointer}._die_ykmrf_115{width:100%;height:100%;border:1px solid var(--control-color)}._dieDot_ykmrf_121{stroke:var(--control-color);stroke-width:12}@media (min-width: 500px){._ui_ykmrf_84{max-width:360px}}._input_1lu30_1{position:relative;appearance:none;--webkit-appearance: none;width:100%;background-color:transparent;border:1px solid var(--control-color);font-size:1em;font-family:var(--font-family);padding:var(--pad-amount);height:var(--control-size);color:var(--control-color);border-radius:0}._input_1lu30_1::placeholder{color:var(--control-color);opacity:.5}._input_1lu30_1:focus{outline:2px solid var(--control-color)}._input_1lu30_1::selection{color:var(--chosen-color-solid);background-color:var(--control-color)}._input_1lu30_1[aria-invalid=true]{border:2px solid red}._input_1lu30_1[aria-invalid=true]:after{content:"!";font-weight:700;text-align:right;position:absolute;inset:0;background-color:var(--control-color)}._logo_oe3z2_1{display:flex;align-items:center;line-height:var(--control-size)}._icon_oe3z2_7{border:none;outline:none;position:relative;width:var(--control-size);height:var(--control-size);margin-right:var(--pad-amount);background-color:var(--control-color);overflow:hidden}._text_oe3z2_18{display:flex;flex-flow:column nowrap;font-weight:700;font-family:sans-serif;font-size:1.4em}@media (min-width: 500px){._text_oe3z2_18{font-size:1em}}._button_1ocfh_1{position:relative;appearance:none;-webkit-appearance:none;border:none;outline:none;background-color:transparent;font-size:1em;font-family:var(--font-family);font-weight:400;color:var(--control-color);height:var(--control-size);line-height:var(--control-size);padding:0 .4em;border:1px solid var(--control-color);display:flex;align-items:center;justify-content:center;cursor:pointer}._button_1ocfh_1:active{background-color:var(--control-color);color:var(--chosen-color)}._row_8gj7e_1{display:flex;align-items:center;justify-content:space-between;line-height:var(--control-size)}._row_8gj7e_1>*:not(:last-child){margin-right:var(--pad-amount)}._copy_8gj7e_12 ._row_8gj7e_1:not(:first-child){margin-top:var(--pad-amount)}._copy_8gj7e_12 ._divider_8gj7e_16{width:100%;height:0;border-top:1px dotted var(--control-color);margin-top:var(--pad-amount)}._widget_x5udz_1{border:1px solid var(--control-color)}._widget_x5udz_1:not(:first-child){margin-top:var(--pad-amount)}._widget_x5udz_1>summary{font-size:1em;font-family:var(--font-family);line-height:var(--control-size);height:var(--control-size);padding:0 var(--pad-amount);user-select:none;cursor:s-resize;font-weight:700;background-color:var(--control-color);color:var(--chosen-color-solid)}._widget_x5udz_1[open]>summary{border-bottom:1px dotted var(--control-color);cursor:n-resize}._content_x5udz_28{padding:var(--pad-amount)}._row_qjvba_1{display:flex;align-items:center;justify-content:space-between;line-height:var(--control-size)}._row_qjvba_1>*:not(:last-child){margin-right:var(--pad-amount)}._row_qjvba_1:hover ._colorSlider_qjvba_12::-moz-range-track{background:linear-gradient(to right,var(--start-color),var(--end-color))}._row_qjvba_1:hover ._colorSlider_qjvba_12::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--start-color),var(--end-color))}._row_qjvba_1:hover ._hueSlider_qjvba_20::-moz-range-track{background:linear-gradient(to right,hsl(0,100%,50%),hsl(15,100%,50%),hsl(30,100%,50%),hsl(45,100%,50%),hsl(60,100%,50%),hsl(75,100%,50%),hsl(90,100%,50%),hsl(105,100%,50%),hsl(120,100%,50%),hsl(135,100%,50%),hsl(150,100%,50%),hsl(165,100%,50%),hsl(180,100%,50%),hsl(195,100%,50%),hsl(210,100%,50%),hsl(225,100%,50%),hsl(240,100%,50%),hsl(255,100%,50%),hsl(270,100%,50%),hsl(285,100%,50%),hsl(300,100%,50%),hsl(315,100%,50%),hsl(330,100%,50%),hsl(360,100%,50%))}._row_qjvba_1:hover ._hueSlider_qjvba_20::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(0,100%,50%),hsl(15,100%,50%),hsl(30,100%,50%),hsl(45,100%,50%),hsl(60,100%,50%),hsl(75,100%,50%),hsl(90,100%,50%),hsl(105,100%,50%),hsl(120,100%,50%),hsl(135,100%,50%),hsl(150,100%,50%),hsl(165,100%,50%),hsl(180,100%,50%),hsl(195,100%,50%),hsl(210,100%,50%),hsl(225,100%,50%),hsl(240,100%,50%),hsl(255,100%,50%),hsl(270,100%,50%),hsl(285,100%,50%),hsl(300,100%,50%),hsl(315,100%,50%),hsl(330,100%,50%),hsl(360,100%,50%))}._input_153dn_1{appearance:none;-webkit-appearance:none;position:relative;width:100%;height:var(--control-height);background-color:transparent}._input_153dn_1:focus{outline:none}._input_153dn_1::-webkit-slider-runnable-track{height:5px;border:1px dotted var(--control-color);background-color:transparent}._input_153dn_1::-webkit-slider-thumb{position:relative;appearance:none;background-color:transparent;height:calc(var(--control-size) - 5px);width:calc(var(--control-size) - 5px);border:1px solid var(--control-color);transform:translateY(calc(-50% + 2px))}._input_153dn_1::-moz-range-track{height:3px;border:1px dotted var(--control-color);background-color:transparent}._input_153dn_1::-moz-range-thumb{position:relative;appearance:none;background-color:transparent;height:calc(var(--control-size) - 7px);width:calc(var(--control-size) - 7px);border:1px solid var(--control-color);border-radius:0}._toolbar_f6x5r_1{border-bottom:1px dotted var(--control-color);padding-bottom:var(--pad-amount);display:flex;align-items:center}._toolbar_f6x5r_1>*:not(:last-child){margin-right:var(--pad-amount)}._list_f6x5r_12{display:flex;flex-flow:column nowrap}._list_f6x5r_12>li{display:flex;align-items:center;justify-content:space-between;margin-top:var(--pad-amount)}._itemControls_f6x5r_24{display:flex;align-items:center}._itemControls_f6x5r_24>*:not(:last-child){margin-right:var(--pad-amount)}._display_f6x5r_33{display:flex;align-items:center}._swatch_f6x5r_38{width:var(--control-size);height:var(--control-size);border:1px solid var(--control-color)}._text_f6x5r_44{margin-left:var(--pad-amount)}._empty_f6x5r_48{margin-top:var(--pad-amount)}._row_1ftia_1{display:flex;align-items:center;justify-content:space-between;line-height:var(--control-size)}._row_1ftia_1>*:not(:last-child){margin-right:var(--pad-amount)}._row_1ftia_1:hover ._colorSlider_1ftia_12::-moz-range-track{background:linear-gradient(to right,var(--start-color),var(--end-color))}._row_1ftia_1:hover ._colorSlider_1ftia_12::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--start-color),var(--end-color))}
/*# sourceMappingURL=app.YUHHDW3V.css.map */