.block-display__blocks{order:1;padding:.5rem}@media (min-width:375px){.block-display__blocks{padding:.75rem}}@media (min-width:480px){.block-display__blocks{padding:1rem}}@media (min-width:768px){.block-display__blocks{order:2;width:50vw;padding:1.5rem}}@media (min-width:1024px){.block-display__blocks{padding:2rem}}.block-display__blocks-inner{border:1px solid rgba(0,0,0,.1);border-radius:4px;height:50vh;padding:.5rem;position:relative;top:0;overflow-y:auto}@media (min-width:375px){.block-display__blocks-inner{height:60vh;padding:.75rem}}@media (min-width:480px){.block-display__blocks-inner{height:70vh;padding:1rem}}@media (min-width:768px){.block-display__blocks-inner{border:none;border-radius:0;height:100vh;padding:0;position:-webkit-sticky;position:sticky;top:2rem}}.block-display__blocks ul{margin:0;padding-left:1rem;list-style:outside;display:block}@media (min-width:375px){.block-display__blocks ul{padding-left:1.25rem}}@media (min-width:480px){.block-display__blocks ul{padding-left:1.5rem}}.block-display__blocks li{margin-bottom:.25rem;line-height:1.4}@media (min-width:375px){.block-display__blocks li{margin-bottom:.375rem}}@media (min-width:480px){.block-display__blocks li{margin-bottom:.5rem}}.block-display__blocks li>*{margin-right:.25rem;line-height:1.4;display:inline-block}@media (min-width:375px){.block-display__blocks li>*{margin-right:.375rem}}@media (min-width:480px){.block-display__blocks li>*{margin-right:.5rem}}.block-display__block--with-children{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}@media (min-width:375px){.block-display__block--with-children{gap:.375rem;margin-bottom:.75rem}}@media (min-width:480px){.block-display__block--with-children{gap:.5rem;margin-bottom:1rem}}.block-display__block--blockquote{background-color:rgba(0,0,0,.02);border-left:3px solid #000;border-radius:0 4px 4px 0;margin:.5rem 0;padding:.5rem .75rem}@media (min-width:375px){.block-display__block--blockquote{border-left:4px solid #000;margin:.75rem 0;padding:.5rem 1rem}}@media (min-width:480px){.block-display__block--blockquote{margin:1rem 0}}.block-display__block--button{color:#fff;cursor:pointer;background-color:#000;border:1px solid #000;border-radius:4px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:inline-block}@media (min-width:375px){.block-display__block--button{margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem}}@media (min-width:480px){.block-display__block--button{font-size:1rem}}.block-display__block--button:hover{color:#000;background-color:#fff}@media (hover:none) and (pointer:coarse){.block-display__block--button:active{color:#000;background-color:#fff}}.block-display__block--h1{margin-bottom:.5rem;font-size:1.5rem;line-height:1.2}@media (min-width:375px){.block-display__block--h1{margin-bottom:.75rem;font-size:1.75rem}}@media (min-width:480px){.block-display__block--h1{margin-bottom:1rem;font-size:2rem}}@media (min-width:768px){.block-display__block--h1{font-size:2.25rem}}.block-display__block--h2{margin-bottom:.5rem;font-size:1.25rem;line-height:1.3}@media (min-width:375px){.block-display__block--h2{margin-bottom:.75rem;font-size:1.5rem}}@media (min-width:480px){.block-display__block--h2{margin-bottom:1rem;font-size:1.75rem}}@media (min-width:768px){.block-display__block--h2{font-size:1.875rem}}.block-display__block--h3{margin-bottom:.5rem;font-size:1.125rem;line-height:1.3}@media (min-width:375px){.block-display__block--h3{margin-bottom:.75rem;font-size:1.25rem}}@media (min-width:480px){.block-display__block--h3{margin-bottom:1rem;font-size:1.5rem}}
.web-scrambler{flex-direction:column;min-height:100vh;padding:.5rem;display:flex}@media (min-width:375px){.web-scrambler{padding:.75rem}}@media (min-width:768px){.web-scrambler{grid-template-columns:1fr 1fr;display:grid}}@media (min-width:1024px){.web-scrambler{gap:3rem;padding:2rem}}.web-scrambler__controls{flex-direction:column;order:2;gap:.75rem;padding:.5rem;display:flex}@media (min-width:375px){.web-scrambler__controls{gap:1rem;padding:.75rem}}@media (min-width:480px){.web-scrambler__controls{gap:1.25rem;padding:1rem}}@media (min-width:768px){.web-scrambler__controls{order:1;max-width:50vw;padding:1.5rem}}.web-scrambler__block-control{border:1px dashed rgba(0,0,0,.5);border-radius:4px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}@media (min-width:375px){.web-scrambler__block-control{gap:.75rem;padding:1rem}}@media (min-width:480px){.web-scrambler__block-control{flex-direction:row;gap:1rem}}.web-scrambler__block-control-tag{word-break:break-word;text-align:center;background-color:rgba(0,0,0,.05);border-radius:2px;min-width:60px;max-width:60px;padding:.25rem;font-size:.875rem;font-weight:600;display:block}@media (max-width:479px){.web-scrambler__block-control-tag{text-align:left;min-width:auto;max-width:none;font-size:.75rem}}.web-scrambler__block-control-children{flex-wrap:wrap;gap:.25rem;min-height:2rem;display:flex}@media (min-width:375px){.web-scrambler__block-control-children{gap:.375rem}}@media (min-width:480px){.web-scrambler__block-control-children{gap:.5rem}}.web-scrambler__block-control-child{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #000;border-radius:2px;padding:.25rem .5rem;font-size:.875rem;transition:all .2s}@media (min-width:375px){.web-scrambler__block-control-child{padding:.25rem .75rem;font-size:.9rem}}@media (min-width:480px){.web-scrambler__block-control-child{padding:.25rem 1rem;font-size:1rem}}.web-scrambler__block-control-child:hover{background-color:#f0f0f0;transform:translateY(-1px)}.web-scrambler__block-control-child:active{cursor:grabbing;transform:scale(.95)}@media (hover:none) and (pointer:coarse){.web-scrambler__block-control-child:hover{background-color:transparent;transform:none}.web-scrambler__block-control-child:active{background-color:#f0f0f0;transform:scale(.95)}}.web-scrambler__block-control-child.dragging{opacity:.5;transform:rotate(5deg)}.web-scrambler__drop-indicator{background-color:#007acc;border-radius:1px;flex-shrink:0;align-self:stretch;width:2px;max-height:36px;margin:0 2px;animation:1s ease-in-out infinite dropIndicatorPulse;box-shadow:0 0 4px rgba(0,122,204,.5)}@keyframes dropIndicatorPulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.5)}}