.example{position:relative;min-width:calc(var(--one-cell) * 1);margin:calc(var(--one-cell) * .25);margin-bottom:0}@media (min-width:500px){body.grid{padding-bottom:calc(var(--one-cell) * 1)}body.grid:before{width:calc(100% + calc(var(--one-cell) * .5));left:calc(var(--one-cell) * -.5)}.example{margin:calc(var(--one-cell) * .5);margin-bottom:0}}.example h2{font-family:Input Mono;height:calc(var(--one-cell) * .5);padding-top:15px;padding-bottom:15px}.example-content{display:flex;justify-content:flex-start;width:100%}.example-content-vertical{flex-direction:column}.draggable{display:flex;position:relative;z-index:100}.draggable:after{content:"";display:block;pointer-events:none;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;background-image:radial-gradient(circle at center,var(--black) 1px,transparent 0),radial-gradient(circle at center,var(--black) 1px,transparent 0);background-size:5px 5px}.rectangle{width:calc(var(--one-cell) * 2);height:calc(var(--one-cell) * 1);background-color:var(--red);border-radius:20px}.square{position:relative;width:5rem;height:5rem;background-color:currentColor}