.blob.page .inner-wrap{gap:3rem}svg.filter{height:0;width:0}.drag-container .blob-title-wrap{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin:0 auto}.drag-container .blob-title-wrap>*{flex:0 0 max-content;max-width:600px;text-align:center}.drag-container .blob-title-wrap>h2{margin-top:.5em}.drag-container h3,.drag-container h4,.drag-container h5,.drag-container h6{margin:0 auto}.drag-container{position:relative;margin:0 calc(var(--padd) * -1) 0 calc(calc(var(--padd) + var(--page-padding)) * -1);min-width:calc(100% + calc(var(--padd) + var(--page-padding)) * 2)}.drag-container #drag-wrap-outer0{--hue0: 214;--saturation0: 80;--lightness0: 30;background-color:hsl(calc(var(--hue0)),calc(var(--saturation0) * 1%),calc(var(--lightness0) * 1%))}.drag-container #drag-wrap-outer1{--hue1: 214;--saturation1: 80;--lightness1: 30;background-color:hsl(calc(var(--hue1)),calc(var(--saturation1) * 1%),calc(var(--lightness1) * 1%))}.drag-container .dragzone:after{content:"";position:absolute;background-color:inherit;inset:-30px;border-radius:50%;z-index:-1}.drag-container .dragzone{min-height:40px;min-width:40px;max-height:360px;max-width:360px;height:calc(var(--i) * 10px);width:calc(var(--i) * 10px)}#drag-container0 .dragzone{min-height:70px;min-width:70px}.drag-container .colorblock{--box: -4px 4px 20px 0 hsla(0, 0%, 0%, .2), -2px 2px 10px -6px hsla(0, 0%, 0%, .8), -2px 2px 4px -4px hsla(0, 0%, 0%, .8);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .make-smaller,.drag-container .make-larger{z-index:1}.drag-container .make-random{cursor:pointer;z-index:1}.drag-container .delete-blob{z-index:1;transform:translateY(-.3rem);transform-origin:80% 50%}.colorblock .color-alert{display:none}.drag-container .delete-blob .delete-alert,.drag-container .make-more .clone-alert,.drag-container .layer-decrease .layer-down-alert,.drag-container .layer-increase .layer-up-alert,.drag-container .scale-up-alert,.drag-container .scale-down-alert,.colorblock.active .color-alert{position:absolute;display:block;background-color:var(--color-primary-20);color:var(--color-primary-1);top:-80%;left:120%;min-width:clamp(10px,70vw,130px);font-size:.8rem;pointer-events:none;white-space:wrap;text-align:left;padding:.2rem .5rem;border-radius:var(--radius-small);line-height:1;font-weight:400}.drag-container .make-more .clone-alert,.drag-container .scale-down-alert{top:80%}.drag-container .layer-increase .layer-up-alert,.drag-container .scale-up-alert,.drag-container .scale-down-alert{left:unset;right:120%}.drag-container .scale-up-alert{top:-150%}.colorblock.active,.colorblock.active:hover,.colorblock.active:focus,.colorblock.active:focus-visible{border-color:#000;outline-color:#000;outline-width:3px;outline-offset:-3px}.colorblock.active .color-alert{top:-110%;min-width:max-content;max-width:max-content;padding:.2em .3em;border:2px dashed black}.colorblock.active.left .color-alert{left:0}.colorblock.active.right .color-alert{right:0;left:unset}.drag-container .make-more{z-index:1;padding:.1rem .4rem .2rem;--box: inset -.1rem -.1rem .4rem -.2rem rgba(0, 0, 0, .4), inset -.1rem -.1rem .2rem -.1rem rgba(0, 0, 0, .5);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .drag-slider-wrap{-ms-flex-preferred-size:100%;flex-basis:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row wrap;padding:0;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem 2%}.drag-container .drag-slider-single{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.5rem 0;width:100%;gap:.5rem .2rem}.drag-container .drag-slider-single>label,.drag-container .drag-slider-single>input{flex:1 0 calc(90% - 4em);text-align:center;align-self:center}.drag-container .drag-slider-single>label{position:relative;padding:0 0 .5em;margin-bottom:.4em}.drag-container .drag-slider-single>label:after{content:"";position:absolute;bottom:-1em;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%);transform:translate(50%);border:.5em transparent solid;border-width:.6em .4em;border-top-color:currentColor}.drag-container .drag-slider-single>span{width:100%;text-align:center}.drag-container .drag-slider-single>button{flex:0 0 100%;margin:0 auto;padding:.3em .5em}@media(min-width:260px){.drag-container .drag-slider-single>span{width:initial}.drag-container .drag-slider-single>button{flex:0 0 auto;padding:.3em 1.2em}}@media(min-width:600px){.drag-container .drag-slider-wrap{margin:0}.drag-container .drag-slider-single>label{flex:1 0 100%;max-width:100%}.drag-container .drag-slider-single>input{flex:1 1 calc(45% - 4em)}}@media(min-width:700px){.drag-container .drag-slider-single{flex:1 1 28%;text-align:center;align-self:flex-end;margin-bottom:1em}.drag-container .drag-slider-single>button{flex:1 0 100%}}.drag-slider{--size: 30px;--tra: opacity .2s;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:calc(var(--size));min-height:calc(var(--size));width:calc(100% - 2 * var(--size));min-width:calc(100% - 2 * var(--size));background:#d3d3d3;outline:none;opacity:.6;-webkit-transition:var(--tra);-moz-transition:var(--tra);-ms-transition:var(--tra);-o-transition:var(--tra);transition:var(--tra);border:0;border-radius:var(--size);padding:0 calc(var(--size) / 3)}.light .drag-slider{background:gray}.drag-slider:hover{opacity:1}.drag-container .drag-slider:focus{border-radius:var(--size);outline:dashed 2px currentColor;outline-offset:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.drag-slider::-webkit-slider-thumb{--box: inset 0 calc(var(--size) / 16 * -1) calc(var(--size) / 2) calc(var(--size) / 6 * -1) black;width:var(--size);height:var(--size);background:var(--color-primary-11);cursor:ew-resize;border-radius:calc(var(--size));-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-moz-box-shadow:var(--box);-ms-box-shadow:var(--box);box-shadow:var(--box)}.drag-slider::-moz-range-thumb{width:var(--size);height:var(--size);background:var(--color-primary-11);cursor:ew-resize}.drag-slider::-webkit-slider-runnable-track{--box: inset 0 calc(var(--size) / 16) calc(var(--size) / 2) calc(var(--size) / 6 * -1) black;width:100%;background-color:#fff;border-radius:calc(var(--size));-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.blob.page{--corner: 1rem;--corner2: calc(var(--corner) / 1.2)}.blob.page button{border-radius:var(--corner)}.drag-container{--tooltip-width: 13rem;--tooltip-offset: 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.drag-container .label-container{-ms-flex-item-align:center;align-self:center;line-height:2;flex:0 0 100%;margin:0 auto;padding-left:1.5em;text-align:left}.button-container{flex:0 1 100%;display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;margin-bottom:.5em;gap:.2em .4em;max-width:calc(100vw - var(--scrollbar_width) - 2 * var(--page-padding))}.button-container button{min-width:100%}.drag-container button{border-radius:var(--corner);margin:.3em 0}.drag-container button.reset-blobs:hover,.drag-container button.reset-blobs:focus{border-color:red;outline:1px dashed red;outline-offset:3px}.blob-screenshot-wrap{margin:2rem auto 3rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:.5em}.blob-screenshot-wrap>div{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:1em}.blob-screenshot-wrap h3{margin:0}.button-container button.screenshot{padding:.4em .8em;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.button-container button.screenshot svg{font-size:1.3rem}@media(min-width:300px){.button-container{flex:1 0 45%;flex-flow:row wrap;justify-content:center}.button-container button{min-width:max-content}}@media(min-width:700px){.drag-container .label-container{flex:1 0 100%}.drag-container .label-container .selectedvalue{-ms-flex-item-align:end;align-self:flex-end}.button-container{--space: .4em;flex:1 1 auto;flex-flow:row wrap;margin-bottom:.5em;justify-content:flex-start}.drag-container .button-container button{flex:0 0 auto;margin:.3em var(--space) .3em 0;padding:.5em .8em;word-wrap:break-word}.drag-container .button-container button.screenshot{flex:0 0 auto;margin:0}.drag-container button{margin:0 .5em .3em .3em;padding:.6em .8em}}.drag-container button{outline:transparent 2px solid;outline-offset:-2px;border-radius:var(--corner)}.drag-wrap-outer{--tooltip-color: lightgray;--box: 0 10px 30px 0 hsla(0, 0%, 0%, .3);width:100%;margin:0;padding:0;-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box);overflow:hidden}.dark-mode .drag-wrap-outer{--box: 0 10px 30px 0 hsla(0, 0%, 0%, .8);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container,.drag-wrap-outest,.drag-wrap-outer{border-radius:0}.drag-container .wp-block-group__inner-container>:not(.alignfull):not(.alignwide):not(.alignwide-wrap){width:100%;min-width:100%}.drag-wrap-outer{overflow:auto}.drag-wrap-outest{position:relative;width:100%;max-width:100%;min-width:100%;margin:0;padding:0;overflow:hidden;height:auto}.drag-wrap ul{list-style:none;overflow:hidden}.drag-container .dragzone{border-radius:50% 51% 54% 46%/43% 45% 55% 50%;pointer-events:none}.drag-container .dragzone{position:absolute;padding:0;margin:0;border:0;background-color:#fff}.drag-container .dragzone.animation{--delay: .2s;--del: calc(var(--i) * var(--delay));--duration: 3s;--tra1: translatey(0px);--tra2: translatey(5px);-webkit-animation:sway var(--duration) ease-in-out infinite;-moz-animation:sway var(--duration) ease-in-out infinite;-o-animation:sway var(--duration) ease-in-out infinite;-ms-animation:sway var(--duration) ease-in-out infinite;animation:sway var(--duration) ease-in-out infinite;-webkit-animation-delay:var(--del);-moz-animation-delay:var(--del);-o-animation-delay:var(--del);-ms-animation-delay:var(--del);animation-delay:var(--del);-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}.drag-container .dragzone .draggable-overlay{cursor:-webkit-grab;cursor:grab;pointer-events:all}.drag-container .dragzone.delete .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3ccircle%20cx='16'%20cy='16'%20r='14'%20stroke='red'%20stroke-width='2'%20fill='none'/%3e%3cline%20x1='8'%20y1='8'%20x2='24'%20y2='24'%20stroke='black'%20stroke-width='2'/%3e%3cline%20x1='24'%20y1='8'%20x2='8'%20y2='24'%20stroke='black'%20stroke-width='2'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAABYUlEQVRYhc2XXXXDMAyFvw6BIYzJDGEQCiEQwiAQQmEM0iEIhI1BykB7qHymuGmOlTZ1fU5eYkn36tc2VF6HUkGBAHwCH8A7EDORE/ALfANfBzg/giACQaAXmASk8JtUJ9wL3mTAPwKdQLTGlWQUaFXGEmnu8ToZGuQ65Gv6UWA0+uXRUHCr7Pfg31Zj7IxFJIznk8frFXvRpLH3ME7gLduKKahuIrEeUQ39lAm1ly1GJ4mgOmJINCay17ZM6IcbhkpJ3NQxtTVPReZ9LDXoAVecuBgFgWPq8y2GPUTNnDjanyn87UbviqOkg2yeBh00S+EvIeGqE5OGwf5MLbKlyFxFqvUmctGZEygAXyLhblOL9+YA3W+9QgqqF2Fqw84JXrKXE1hsw+qDqO4o1s16h5Fu1j2OM6HnX0gMiXpXMlWoeyk1JPpMOTqAt1/LFzzwPEw6ecTDJCOx69Ps9R+ne68/5Nfq4pDItE4AAAAASUVORK5CYII=) 16 16,pointer}.drag-container .dragzone.clone .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3crect%20x='8.3'%20y='8.3'%20width='15.4'%20height='15.4'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3cpolyline%20points='19.6%2027.9%204.5%2027.9%204.5%2011.8'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAAl0lEQVRYhe2WwQ2AIAwAT+MgjsAIjuIKTuAIjqQjuJE+0I8JtiDKw15CCGmgR0NSwDCMwlRCfALcwxwrMISCjbDZAd1DgVskgZMBf5MYHL6CWQRWYIkUUFFf1i2+5O0byTQCPTAfcxGBzzEBEzABE9D2gpSWrNqjFRC7WiqSQGwLjj5DEgj+ZHJR/BGGBEZgSxhzLgHjP+w7ghlqx6LCSwAAAABJRU5ErkJggg==) 16 16,copy}.drag-container .dragzone.scale-up .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpolygon%20points='20.9%204.4%2027.6%204.4%2027.6%2011.1'%20fill='%23000'%20stroke='%23none'%20/%3e%3cline%20x1='18.3'%20y1='13.7'%20x2='26'%20y2='6'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpolygon%20points='11.1%2027.6%204.4%2027.6%204.4%2020.9'%20fill='%23000'%20stroke='none'%20/%3e%3cline%20x1='13.7'%20y1='18.3'%20x2='6'%20y2='26'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAABLUlEQVRYhe2WwXGDMBBFX+xcfKMESnAJaSEVxO7A7oAS0gHOKUfSQeggdOCUkKNvymGl8UKw0TAreSbjP6MRAsR/7C5CcNeN9WD4rALYRdzX+gbAoyHAD/AN1JEQACwMAQAOwFaNO+D12gTLCGgIkEiskdRclHUENMTeH5dIakYjkQqgAF7UuASecgEUwCcS/o5zJNYJvEbNvwDn+5D/jT/ngCq3eVCASAIwZa4hkgA0EeZBvetLI4CV75+RFfGaTkae/0RzUlAA70jYO1ucuAIK1d5Ym4N8IpsI85hqnw3gRiCymGsADZHNfAjgkC1WNnMNEEwdic0v/Y5bZBMR9Mb0Cmeiiv6bH/lbE6aa2pB8cF5s6lQQWhX9CIw1U4jhrriNmFMiBZmlJu5Krl/ySFepmonxlQAAAABJRU5ErkJggg==) 16 16,ne-resize}.drag-container .dragzone.scale-down .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpolygon%20points='24%2014.7%2017.3%2014.7%2017.3%208'%20fill='%23000'%20stroke='none'%20/%3e%3cline%20x1='26.6'%20y1='5.4'%20x2='18.9'%20y2='13.1'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpolygon%20points='8%2017.3%2014.7%2017.3%2014.7%2024'%20fill='%23000'%20stroke='none'%20/%3e%3cline%20x1='5.4'%20y1='26.6'%20x2='13.1'%20y2='18.9'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAA2ElEQVRYhe2Wyw2DMBBEXz4FUEJKcAspIWXkmFtuSUeU4BLiEnJMTtABOdhWjGUiR/JHAkZaIQTijZadBVi1dO0KcRrgCvTAy72wLwSXgDDnqgBzBH8Agzk2s4W3fFtcHA76HXfGRJW2SwPsasBdA7ai4dtMhg6mqhnwsz+pVItoarncgFMixky1ibinJTzRCriktROWQOd78EqmeHhMChRwRH9Kkys2hk9TVQy4mVZk6sQvuL/b7UwkmYF/4VYCnY4q8OyqCge4l4SHfst74A2cKTzxq5apDwciQGlqem1xAAAAAElFTkSuQmCC) 16 16,s-resize}.drag-container .dragzone.layer-up .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpolygon%20points='11.3%2012.6%2016%207.9%2020.7%2012.6'%20fill='%23000'%20stroke='none'%20/%3e%3cline%20x1='16'%20y1='24.1'%20x2='16'%20y2='10.1'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAAbElEQVRYhWNgGAWjYBQMcSAAxQNm+XkoprsjYJb/h2K6OgLdcro6ApflZDuCmUQHVDAwMEgwMDA8gGIFqPgBKP8HAwODJJRPFwDzOdmAiUoOGXXAqANGHTDqgKHrABYK9X+giitGwSgYBQMJAMZ6G/fZbzKAAAAAAElFTkSuQmCC) 16 16,pointer}.drag-container .dragzone.layer-down .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpolygon%20points='20.7%2019.4%2016%2024.1%2011.3%2019.4'%20fill='%23000'%20stroke='none'%20/%3e%3cline%20x1='16'%20y1='7.9'%20x2='16'%20y2='21.9'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAAaElEQVRYhWNgGAWjYBQMcfAeigcM/IdisgETlRwy6oBRB4w6YNQBQ9cBLCSqb2BgYLDHIr4fiX0Qqo4mQICBgeE8A6IOQMfnoWpoCnA5gi6W43IEXS1Hd8SAWI7siAGzfBSMglFAFQAAfx4ZwPfT9rgAAAAASUVORK5CYII=) 16 16,pointer}.drag-container .dragzone.change-color .draggable-overlay{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M11.4,3L5.8,8.6L7.2,10l4.2-4.2L13.6,8l-9.8,9.8L15.1,29l11.2-11.2L11.4,3z%20M15.1,9.5l8.4,8.4l0,0H6.7l0,0L15.1,9.5z'%20fill='%23000'%20stroke='none'%20/%3e%3cpath%20d='M23.8,23.6c0-1.3,2.4-5.7,2.4-5.7s2.4,4.3,2.4,5.7s-1,2.4-2.3,2.4C24.9,26,23.8,24.9,23.8,23.6z'%20fill='%23000'%20stroke='none'%20/%3e%3c/svg%3e") 16 16,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAA50lEQVRYhe2V4Q3CIBBGnxs4AiN0hLqBI3QEN+kI1Uk6Qt1EN9A/EPEELRSuMemXkLQczXvpQYAtf5QOuAHNWvCHHeoSPlxdwodPQGvhKhISvrfzjYZEE4FLgaoSw0y42p6Q8A6ldsTgoVoViW/w6hJz4NUkUuDFJXLgxSSWwJMlduLd8H72z8AlQ8BJ9Pb5DhyA65wPBz4vnxJjTLEvKTHxakerLTEBx9y/sFTC7aVRzBsNCQc3gVpPRlIk/FPUBurJbUiRCF3fcs2QK/BLQsJdTmKNWSIQk4jBq8WXUIf7EqvBtxTLEzFh9BRklhdJAAAAAElFTkSuQmCC) 16 16,pointer}.drag-container .dragzone.drag-container .dragzone:active .draggable-overlay{cursor:-webkit-grabbing;cursor:grabbing}#drag-container1 .dragzone{min-width:40px;min-height:40px;max-width:360px;max-height:360px}.dragzone.drag{outline:white solid 3px;outline-offset:-3px}.dragzone span{color:#fff}.drag-container .dragzone:hover,.drag-container .dragzone.drag,.drag-container .dragzone:focus,body.dark-mode .site .drag-container .dragzone:focus{outline:white calc(var(--i) * .6px) solid;outline-offset:calc(var(--i) * -.6px)}.dragzone:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.draggable-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#0000;pointer-events:all}.drag-container .make-larger,.drag-container .make-smaller{position:absolute;text-align:center;font-weight:700}.drag-container button.toggle-marker{position:relative}.drag-container .make-smaller{--box: -.2rem .2rem .5rem rgba(0, 0, 0, .4), inset -.1rem .1rem .4rem rgba(0, 0, 0, .4), inset -.1rem .1rem .2rem -.1rem rgba(0, 0, 0, .5);top:.2rem;border-radius:var(--corner2);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .make-smaller{--bottom: -2.2rem;font-size:.85rem;padding:.1em .08em;top:0;line-height:1.8;border-radius:50%}.drag-container .make-larger,.drag-container .layer-increase{--box: -.2rem -.2rem .5rem rgba(0, 0, 0, .4), inset -.1rem .1rem .4rem rgba(0, 0, 0, .4), inset -.1rem .1rem .2rem -.1rem rgba(0, 0, 0, .5);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box);font-size:.9rem;line-height:1.5;padding:.1em .2em;width:1.8em;height:1.8em}.drag-container .make-more,.drag-container .delete-blob,.drag-container .make-smaller{position:absolute;height:1.7rem;width:1.7rem;max-width:2.5rem}.drag-container .make-random{position:absolute;height:1.9rem;width:1.9rem}.drag-container .delete-blob,.drag-container .make-larger,.drag-container .make-random{margin:0}.drag-container .layer-mover-control-wrap{display:flex;max-width:max-content;flex-flow:row wrap;justify-content:center;align-items:center;padding-bottom:.4em;gap:.6rem;margin:.6rem auto 0}.movers-layers-wrap{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;gap:.3rem;margin:0 auto;width:100%}.blob.page .movers-wrap{max-width:5rem;display:flex;flex-flow:row wrap;align-items:center;margin-top:.2rem;gap:.3rem;margin:0}.drag-container .layer-mover-control-wrap .layer-tools .layer-tool{padding:0rem .2rem .04rem;height:1.7rem;width:1.7rem;display:flex;justify-content:center;align-items:center}.blob.page .movers-wrap button.mover{padding:0rem .2rem .04rem;height:1.7rem;width:1.7rem;font-size:1.2rem;margin:0;display:flex;justify-content:center;align-items:center}.drag-container .layer-mover-control-wrap .layer-btn-wrap{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.3rem}.drag-container .layer-mover-control-wrap .layers{order:5}.drag-container .layer-mover-control-wrap .layer-tools1{order:1}.drag-container .layer-mover-control-wrap .layer-tools2{order:2}.drag-container .layer-mover-control-wrap .movers-wrap1{order:3}.drag-container .layer-mover-control-wrap .movers-wrap2{order:4}.drag-container .layer-mover-control-wrap .layers{min-width:90%;width:90%}@media(min-width:260px){.drag-container .layer-mover-control-wrap .movers-wrap,.drag-container .layer-mover-control-wrap .layer-tools{min-width:48%;width:48%;justify-content:center}.drag-container .layer-mover-control-wrap .movers-wrap1,.drag-container .layer-mover-control-wrap .layer-tools1.layer-btn-wrap{justify-content:flex-end}.drag-container .layer-mover-control-wrap .movers-wrap2,.drag-container .layer-mover-control-wrap .layer-tools2.layer-btn-wrap{justify-content:flex-start}}.drag-container .layer-mover-control-wrap button{margin:0;padding:.06em .6em .2em;min-height:1.7rem;border:3px solid var(--color-primary-7);outline:4px solid var(--color-primary-7);outline-offset:-3px}.drag-container .layer-mover-control-wrap button:hover,.drag-container .layer-mover-control-wrap button:focus{border:3px solid var(--color-primary-14);outline:4px solid var(--color-primary-14);outline-offset:-3px}.drag-container .layer-mover-control-wrap button.active{outline:3px solid black;border:3px solid white;outline-offset:-6px}.light .drag-container .layer-mover-control-wrap button.active{outline-color:#fff;border-color:#000}.drag-container .layer-mover-control-wrap button.dim{opacity:.5;z-index:2}.drag-container .layer-mover-control-wrap button:disabled{border-color:var(--color-gray-5);outline-color:var(--color-gray-5);opacity:.4}@media(min-width:500px){.drag-container .layer-mover-control-wrap .layers{order:4}.drag-container .layer-mover-control-wrap .movers-wrap,.drag-container .layer-mover-control-wrap .layer-tools{width:4.5rem;flex:0 0 4.5rem;min-width:4.5rem;max-width:4.5rem}.drag-container .layer-mover-control-wrap .layer-tools1{order:0}.drag-container .layer-mover-control-wrap .layer-tools2{order:1}.drag-container .layer-mover-control-wrap .movers-wrap1{order:2}.drag-container .layer-mover-control-wrap .movers-wrap2{order:3}.drag-container .layer-mover-control-wrap .movers-wrap1,.drag-container .layer-mover-control-wrap .layer-tools1.layer-btn-wrap,.drag-container .layer-mover-control-wrap .movers-wrap2,.drag-container .layer-mover-control-wrap .layer-tools2.layer-btn-wrap{justify-content:center}}@media(min-width:600px){.drag-container .layer-mover-control-wrap .layer-btn-wrap.layers{width:100%;flex:1 0 100%;min-width:100%;max-width:100%}}@media(min-width:900px){.drag-container{position:relative;margin:0 calc(var(--padd) * -1) 0 calc(var(--padd) * -1);min-width:calc(100% + var(--padd) * 2)}.drag-container .layer-mover-control-wrap .layer-tools1{order:1}.drag-container .layer-mover-control-wrap .layers.layer-btn-wrap{flex:0 0 max-content;min-width:max-content;max-width:clamp(400px,70vw,21rem);order:0}.drag-container .layer-mover-control-wrap .layer-tools2{order:2}.drag-container .layer-mover-control-wrap .layer-tools{width:4.5rem;flex:0 0 4.5rem;min-width:4.5rem;max-width:4.5rem}.drag-container .layer-mover-control-wrap .movers-wrap{width:45%;flex:1 0 45%;min-width:45%;max-width:45%}.drag-container .layer-mover-control-wrap .movers-wrap1{order:3}.drag-container .layer-mover-control-wrap .movers-wrap2{order:4}}@media(min-width:900px){.drag-container .layer-mover-control-wrap{flex:1 0 100%;width:100%;max-width:100%;min-width:100%}.drag-container .layer-mover-control-wrap .movers-wrap{width:4.5rem;flex:1 0 4.5rem;min-width:4.5rem;max-width:4.5rem}.drag-container .layer-mover-control-wrap .movers-wrap1{order:5;justify-content:flex-start}.drag-container .layer-mover-control-wrap .movers-wrap2,.drag-container .layer-mover-control-wrap .layer-tools1.layer-btn-wrap{justify-content:flex-end}.drag-container .layer-mover-control-wrap .layer-tools2.layer-btn-wrap{justify-content:flex-start}}#root .drag-container .layer-adjust{position:absolute;font-size:1.4rem;height:1.6rem;width:1.6rem;line-height:1;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 .2rem;padding:0;z-index:1}.drag-container .layer-mover-control-wrap .layer-tool{padding:.15em .15em 0;font-size:1.2rem;border-radius:50%}.drag-container .make-more{--box: .2rem .2rem .5rem rgba(0, 0, 0, .4);top:.2rem;left:23%;font-size:.9rem;line-height:1.2;padding:.1rem .4rem;border-radius:var(--corner);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .make-random{--box: 0 .2rem .5rem rgba(0, 0, 0, .4);top:.2rem;left:23%;font-size:.9rem;line-height:1.2;padding:.1rem .4rem;border-radius:var(--corner);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .make-random{left:calc(50% - .85rem);padding:.1rem .3rem}.drag-container .delete-blob{height:1.7rem;line-height:1.3;padding:0 .3rem .1rem;border-radius:50%}.drag-container .delete-blob,.drag-container .layer-decrease{--box: .2rem -.2rem .5rem rgba(0, 0, 0, .4), inset -.1rem .1rem .4rem rgba(0, 0, 0, .4), inset -.1rem .1rem .2rem -.1rem rgba(0, 0, 0, .5);-webkit-box-shadow:var(--box);-o-box-shadow:var(--box);-ms-box-shadow:var(--box);-moz-box-shadow:var(--box);box-shadow:var(--box)}.drag-container .delete-blob{outline:3px solid red;outline-offset:-4px}.drag-container .delete-blob:hover{outline:5px solid red;outline-offset:-2px}.drag-container .make-larger,.drag-container .layer-adjust{transform:translateY(-.3rem)}.drag-container .make-smaller,.drag-container .make-more,.drag-container .make-random{transform:translateY(.2rem)}.drag-container .make-more{padding:.2rem .4rem}.drag-container .colorblock{position:absolute;width:1.2rem;height:1.4rem;border-radius:6.7rem 5rem 5rem 6.7rem/8.7rem .7rem .7rem 8.7rem;margin:0;padding:0}.drag-container .colorblock:focus,.drag-container .colorblock:focus-visible,.drag-container .colorblock.active{outline-color:#000;outline-width:3px;outline-offset:-3px}@media(max-width:700px){.colorblock{position:absolute;width:1.2rem;height:1.2rem}}@media(max-width:900px){.drag-container .button-container button{font-size:.8rem}}.exitblob{flex-basis:100%;text-align:center;margin-left:auto;margin-right:auto}@-webkit-keyframes sway{0%,to{-webkit-transform:var(--tra1);-ms-transform:var(--tra1);-o-transform:var(--tra1);-moz-transform:var(--tra1);transform:var(--tra1)}50%{-webkit-transform:var(--tra2);-ms-transform:var(--tra2);-o-transform:var(--tra2);-moz-transform:var(--tra2);transform:var(--tra2)}}@keyframes sway{0%,to{-webkit-transform:var(--tra1);-ms-transform:var(--tra1);-o-transform:var(--tra1);-moz-transform:var(--tra1);transform:var(--tra1)}50%{-webkit-transform:var(--tra2);-ms-transform:var(--tra2);-o-transform:var(--tra2);-moz-transform:var(--tra2);transform:var(--tra2)}}@media(min-width:600px){.drag-container .layer-mover-control-wrap{gap:.3rem}.drag-container .layer-mover-control-wrap .layer-btn-wrap{max-width:23rem}}.blob-register-login-wrap{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:1rem;margin:0 auto}.blob-register-login-wrap form{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:1.6rem}.blob-register-login-wrap h2{margin-top:.6em}.blob-register-login-wrap p{margin:0 0 .5rem .5rem}.blob-register-login-wrap big{align-self:center}.login-to-save svg{font-size:3rem}.blob-handling{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:2rem;padding:3em 0 2em}.blob-handling,.blob-handling h2,.blob-handling p{max-width:clamp(50px,80vw,var(--wide));margin:0 auto}.blob-handling h2{margin:1em auto 0}.blob-handling form{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:1rem;width:100%}.blob-handling .blob-versions-wrap{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:1rem;padding:0}.blob-handling ul.blob-versions-wrap>li{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;gap:1rem .8rem}.blob-handling ul.blob-versions-wrap>li>span{flex-grow:1;display:inline-block}.blob-handling button{font-size:.8em;min-width:8em}.open.blobnewname-container .blobnewname.accordion-inner{display:flex!important;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:.8rem;border:1px solid var(--color-primary-3);border-bottom-color:var(--color-primary-5);border-bottom-width:2px;border-radius:var(--corner);padding:.5em}.blobnewname.accordion-btn.close{margin-bottom:2em}.blobnewname .input-wrap{min-width:100%}.blob-version-item{min-width:100%;border-bottom:solid 1px var(--color-primary-10);padding-bottom:1rem}.closed .blobnewname.accordion-btn.open{display:flex!important;justify-content:center;align-items:center;flex-flow:row nowrap}.blobnewname.accordion-btn.open>*{word-break:keep-all;font-style:normal}.drag-container .hidden,.drag-container-layer.hidden,#root .drag-container .layer-decrease.hidden,#root .drag-container .layer-increase.hidden{display:none}.drag-container button.active{outline:4px dotted var(--color-primary-14);background-position:50% 98%;color:var(--color-primary-1)}.drag-container .btn-small{max-width:max-content;min-width:max-content}.pagination-controls{--width: 2.6rem;--height: 1.6rem;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;width:100%}.pagination-controls .input-wrap.items-per-page,.pagination-controls .input-wrap.items-per-page label{text-align:center;font-size:.9em;display:flex;flex-flow:row nowrap;align-items:center;flex:0 0 auto}.pagination-controls .input-wrap.items-per-page:before{max-height:var(--height);max-width:var(--width)}.pagination-controls .input-wrap.items-per-page input{flex:0 0 var(--width);max-height:var(--height);font-size:.9em;max-width:var(--width);padding:0 0 0 .5em}.pagination-controls .input-wrap.items-per-page input:valid~span{transform:translateY(0);position:relative;top:initial}.blob.page .drag-container .pagination-btn{font-size:1.6rem;padding:0 .5rem .2rem;margin:0;border-radius:50%}.blob-version-item .button-wrap{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin:0 auto}.blob-version-item .button-wrap .blobnewname-wrap.closed>div{display:none}.blob-version-item .button-wrap .blobnewname-wrap.closed>button{margin:0}@media(min-width:700px){.button-container button.screenshot{padding:.3em .8em}.drag-container .layer-mover-control-wrap button{padding:.1em .45em .2em}}@media(min-width:900px){.button-container button.screenshot{padding:.28em .9em}.button-container button.screenshot svg{font-size:1.5rem}}
