@font-face{font-family:Circular Mono;font-style:normal;font-weight:400;src:url(/static/media/CircularXXMonoWeb-Regular.e700f0b34be8f3aa62a2.woff2)}:root{--color-background:#f9f9f9;--color-onBackground:#333;--color-surface:#fff;--color-onSurface:#333;--color-interface:#fff;--color-interface--hover:#f9f9f9;--color-interface--focus:#f9f9f9;--color-onInterface:#333;--color-divider:#ebebeb;--color-border:#ddd;--color-border--hover:#bbb;--color-border--focus:#999;--color-primary:#00263e;--color-onPrimary:#fff;--color-secondary:#3f7397;--color-onSecondary:#fff;--color-accent:#f55;--width-border:1px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--color-onSurface);font-family:Circular Mono,monospace;margin:0;padding:0}button,input,select{color:inherit;font-family:inherit;font-size:inherit}button:focus,input:focus,select:focus{box-shadow:0 0 0 2px rgba(0,0,0,.1);outline:none}.Actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.Actions__Export,.Actions__Refresh{display:flex;flex-direction:row;gap:.5rem}@media (min-width:64rem){.Actions{gap:1rem;padding:2rem 0}.Actions__Export,.Actions__Refresh{gap:1rem}}.Action{fill:none;stroke:var(--color-primary);stroke-width:1.25px;align-items:stretch;background:var(--color-surface);border:var(--width-border) solid var(--color-primary);border-radius:.25rem;color:var(--color-primary);cursor:pointer;display:flex;flex-grow:1;justify-content:center;line-height:1;padding:.75rem}.Action:focus,.Action:hover{stroke:var(--color-onPrimary);background:var(--color-primary);color:var(--color-onPrimary)}.Action:focus{box-shadow:none;outline:none}.Action__Icon{margin-right:.5rem}.Action__Icon,.Action__Title{display:flex;flex-direction:column}.Canvas{background:#fff;border-radius:.25rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.1);margin:0 1rem 1rem;padding:1rem;position:relative}@media (min-width:64rem){.Canvas{margin:0 2rem 2rem;padding:2rem}}.Dimensions{align-items:stretch;font-size:.75rem;padding:.5rem}.Dimensions,.Dimensions span{display:flex;justify-content:center}.Dimensions span{color:var(--onBackground);flex-direction:column}.Dimensions input[type=number]{background:var(--color-interface);border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-sizing:border-box;padding:.25rem;text-align:center;width:4rem}.Dimensions input[type=number]:first-of-type{margin-right:.25rem}.Dimensions input[type=number]:last-of-type{margin-left:.25rem;margin-right:.5rem}.Dimensions input[type=number]:hover{border-color:var(--color-border--hover);box-shadow:none;outline:none}.Dimensions input[type=number]:focus{border-color:var(--color-border--focus);box-shadow:none;outline:none}.Dimensions input[type=number]:read-only{background:var(--color-background);border-color:var(--color-border)}.Dimensions select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--color-interface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%236e6e73' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E"),linear-gradient(to bottom,var(--color-interface) 0,var(--color-interface) 100%);background-position:right .5em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.5em auto,100%;border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;margin:0 0 0 .5rem;min-width:12em;padding:.25rem;text-align:center}.Dimensions select:hover{border-color:var(--color-border--hover)}.Dimensions select:focus{border-color:var(--color-border--focus);box-shadow:none;outline:none}.Input{align-items:center;display:flex;gap:1rem;height:2.5rem;line-height:1;margin:.5rem 0;padding:0;position:relative}@media (min-width:64rem){.Input{margin:1rem 0}}.Input-interface,.Input-label{flex:1 1}.Input-label label{text-transform:capitalize}.Input--range span{pointer-events:none;position:absolute;right:25%;top:1.25rem;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.Input--range input[type=range]{-webkit-appearance:none;margin:0;width:100%}.Input--range input[type=range]:focus{box-shadow:none;outline:none}.Input--range input[type=range]::-webkit-slider-runnable-track{background:var(--color-interface);border:none;border-radius:.25rem;box-shadow:inset 0 0 0 var(--width-border) var(--color-border);cursor:pointer;height:2.5rem;width:100%}.Input--range input[type=range]:hover::-webkit-slider-runnable-track{background:var(--color-interface--hover);box-shadow:inset 0 0 0 var(--width-border) var(--color-border--hover)}.Input--range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-interface--focus);box-shadow:inset 0 0 0 var(--width-border) var(--color-border--focus);outline:none}.Input--range input[type=range]::-moz-range-track{background:var(--color-interface);border:none;border-radius:.25rem;box-shadow:inset 0 0 0 var(--width-border) var(--color-border);cursor:pointer;height:2.5rem;width:100%}.Input--range input[type=range]:hover::-moz-range-track{background:var(--color-interface--hover);box-shadow:inset 0 0 0 var(--width-border) var(--color-border--hover)}.Input--range input[type=range]:focus::-moz-range-track{background:var(--color-interface--focus);box-shadow:inset 0 0 0 var(--width-border) var(--color-border--focus);outline:none}.Input--range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-interface);border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-shadow:none;cursor:pointer;height:2.5rem;width:1rem}.Input--range input[type=range]:hover::-webkit-slider-thumb{border-color:var(--color-border--hover)}.Input--range input[type=range]:focus::-webkit-slider-thumb{border-color:var(--color-border--focus);box-shadow:none;outline:none}.Input--range input[type=range]::-moz-range-thumb{background:var(--color-interface);border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-shadow:none;cursor:pointer;height:2.5rem;width:1rem}.Input--range input[type=range]:hover::-moz-range-thumb{border-color:var(--color-border--hover)}.Input--range input[type=range]:focus::-moz-range-thumb{border-color:var(--color-border--focus);box-shadow:none;outline:none}.Input--select select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--color-interface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%236e6e73' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");background-position:right .5em top 50%;background-repeat:no-repeat;background-size:.5em auto;border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;margin:0;padding:.5rem;text-align:center;width:100%}.Input--select select:hover{background-color:var(--color-interface--hover);border-color:var(--color-border--hover)}.Input--select select:focus{background-color:var(--color-interface--focus);border-color:var(--color-border--focus);outline:none}.Input--color button{align-items:center;background-color:var(--color-interface);border:var(--width-border) solid var(--color-border);border-radius:.25rem;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;margin:0;padding:.5rem;text-transform:uppercase;width:100%}.Input--color button:hover{background-color:var(--color-interface--hover);border-color:var(--color-border--hover)}.Input--color button:focus{background-color:var(--color-interface--focus);border-color:var(--color-border--focus);outline:none}.Input--color button .color-circle{border-radius:50%;box-shadow:inset 0 0 0 var(--width-border) rgba(0,0,0,.2);display:inline-block;height:1.25em;margin-left:.5em;margin-right:.5em;width:1.25em}.Input--color .color-popup{position:absolute;right:0;z-index:2}.Input--color .color-cover{bottom:0;left:0;position:fixed;right:0;top:0}.Inputs{border-bottom:var(--width-border) solid var(--color-divider);padding:.5rem 0}@media (min-width:64rem){.Inputs{padding:1rem 0}}.Patterns{border-bottom:var(--width-border) solid var(--color-divider);padding:.5rem 0}@media (min-width:64rem){.Patterns{padding:1rem 0}}.Presets{border-bottom:var(--width-border) solid var(--color-divider);padding:.5rem 0}@media (min-width:64rem){.Presets{padding:1rem 0}}.App{display:grid;min-height:100vh}.App-main{background:var(--color-background);display:grid;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content}.App-aside{background:var(--color-surface);border-top:1px solid var(--color-divider);padding:0 1rem}@media (min-width:48rem){.App{grid-template-columns:3fr 25rem;grid-template-rows:auto}.App-aside{border-left:1px solid var(--color-divider);border-top:none}}@media (min-width:64rem){.App{grid-template-columns:3fr 30rem}.App-aside{padding:1rem 2rem}}
/*# sourceMappingURL=main.74f2e706.css.map*/