main[data-v-cbf23ef3]{max-width:800px;margin:0 auto}.draggable[data-v-cbf23ef3]{background:#fff;padding:10px;margin:10px;border:1px solid #ccc;cursor:move}.ghost[data-v-cbf23ef3]{opacity:.5;background:#fff;border:1px dashed #ccc}.drag[data-v-cbf23ef3]{background:#f5f5f5}.wrapper[data-v-cbf23ef3]{max-height:400px;overflow-y:auto}.settings[data-v-cbf23ef3]{padding:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.settings .range[data-v-cbf23ef3]{display:flex;flex-direction:column}.settings .range p[data-v-cbf23ef3]{margin:0}:root{--link: hsl(215, 49%, 49%);--gap: 8px;--gap-half: calc(var(--gap) / 2);--gap-quarter: calc(var(--gap) / 4);--gap-double: calc(var(--gap) * 2);--content-width: 800px;--fg: #2c3e50;--bg: #ecf0f1;--bg-emphasis: #f5f7fa;--border: #ccc;--border-radius: 4px}#app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--fg);margin:0 auto;max-width:var(--content-width)}#app .instructions{font-size:1.1rem}#app .instructions code{font-size:.9rem}#app .instructions li{margin-bottom:var(--gap)}#app details{margin:var(--gap-double) 0;padding:var(--gap);background:var(--bg-emphasis);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}#app pre{font-size:14px;padding:var(--gap);margin:0 auto;text-align:left;overflow-x:scroll;max-height:500px}#app ul{list-style:none;padding:0;text-align:left;margin:var(--gap) auto}#app .draggable{border-radius:var(--radius)}#app summary:after{content:" (click to expand)"}#app h1{font-size:2rem}#app h2{font-size:1.5rem}#app a{color:var(--link);padding:var(--gap-quarter);text-decoration:none;display:inline-block;position:relative}#app a:after{content:"";position:absolute;width:90%;transform:scaleX(0);height:1px;bottom:0;left:5%;background-color:#659ff1;transform-origin:bottom right}#app a:hover:after{transform:scaleX(1)}