*{box-sizing:border-box}@font-face{font-family:LibreFranklin;src:url(/26---1001-ATOMIC/dev/assets/fonts/Libre_Franklin/LibreFranklin-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@function --remap-clamped(--val, --in-min, --in-max, --out-min, --out-max){ --progress: clamp(0, calc((var(--val) - var(--in-min)) / (var(--in-max) - var(--in-min))), 1);  result: calc(var(--out-min) + (var(--out-max) - var(--out-min)) * var(--progress));}html,body,#root{--padding-standard:--remap-clamped(100vw, 300px, 500px, 10px, 20px);--padding-small:--remap-clamped(100vw, 300px, 500px, 8px, 12px);--padding-tiny:--remap-clamped(100vw, 300px, 500px, 6px, 6px);--padding-none:0px;background-color:var(--background-color-1);background-image:linear-gradient(to right, var(--background-color-2) 0 var(--background-grid-thickness), transparent var(--background-grid-thickness)), linear-gradient(to bottom, var(--background-color-2) 0 var(--background-grid-thickness), transparent var(--background-grid-thickness));background-size:var(--background-grid-size) var(--background-grid-size);width:100%;height:100%;margin:0;padding:0;font-family:LibreFranklin,Roboto,sans-serif}@keyframes scroll{0%{background-position:0 0}to{background-position:var(--background-grid-size) var(--background-grid-size)}}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none}.moveable-control-box,.moveable-line,.moveable-control,.moveable-rotation{display:none!important}body.is-dragging,body.is-dragging div[style*="position: absolute"]{pointer-events:none!important}
