.centered-abs{height:var(--centered-abs-h);left:calc(50% - calc(var(--centered-abs-w) * .5));position:absolute;top:calc(50% - calc(var(--centered-abs-h) * .5));width:var(--centered-abs-w)}body{--theme-border-radius-std:8px;--theme-button-size:48px;--theme-icon-tx:200ms;--theme-link-col:#00000088;--theme-link-col-hover:#000c;--theme-link-tx:300ms;--theme-main-tx:250ms;--theme-menu-bg-col:#ffffffb8;--theme-menu-backdrop-filter:blur(4px);--theme-menu-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);--theme-padding-std:16px}.layer-fade-in{opacity:0;scale:.97}.layer-open{opacity:1;scale:1;transition:opacity .25s,scale .25s}.layer-fade-out{opacity:0;filter:blur(6px);scale:1.03;transition:filter .25s,opacity .25s,scale .25s}.icon-svg{fill:currentColor;height:calc(var(--height-base) * var(--height-mul));stroke:none;vertical-align:bottom;--height-base:20px;--height-mul:1}.icon-svg-pic-arrow-down{vertical-align:baseline;--height-base:7.41px}.icon-svg-size-md{--height-mul:1.2}.icon-svg-size-lg{--height-mul:1.6}.arrow-down-wrapper{display:inline-block;transition:transform var(--theme-icon-tx)}.wr-open{transform:rotate(-180deg)}.contacts-ul{display:flex;list-style:none;margin:0;padding:0;--li-mr:.65em}.contacts-ul>li:not(:last-child){margin-right:var(--li-mr)}.contacts-ul-size-sm{--li-mr:.45em}.contacts-ul-color-light{--col:#0006;--hover-col:#0009}.contacts-ul-color-dark{--col:#00000098;--hover-col:#000e}.contacts-a{text-decoration:none;transition:color var(--theme-link-tx)}.contacts-a,.contacts-a:visited{color:var(--col)}.contacts-a:hover{color:var(--hover-col)}.img-params-menu-aside{--menu-tx:var(--theme-icon-tx);--grid-gap:calc(var(--theme-padding-std) *.75);background-color:var(--theme-menu-bg-col);-webkit-backdrop-filter:var(--theme-menu-backdrop-filter);backdrop-filter:var(--theme-menu-backdrop-filter);border-radius:var(--theme-border-radius-std);box-sizing:border-box;box-shadow:var(--theme-menu-shadow);left:var(--theme-padding-std);margin:0;max-height:calc(var(--main-size-h) - 3 * var(--theme-padding-std) - var(--theme-button-size));overflow-y:scroll;padding-top:var(--theme-padding-std);position:absolute;top:calc(var(--theme-padding-std) * 2 + var(--theme-button-size))}@media (max-width:510px){.img-params-menu-aside{max-width:calc(100vw - 2 * var(--theme-padding-std))}}.img-params-menu-footer{align-items:center;display:flex;flex-direction:column;padding-bottom:var(--theme-padding-std)}.img-params-menu-button{color:var(--theme-link-col);letter-spacing:.04em;margin-top:calc(var(--grid-gap) * .7);transition:color var(--theme-link-tx)}.img-params-menu-button:hover{color:var(--theme-link-col-hover)}.group-component-div{padding-bottom:var(--grid-gap);padding-left:var(--theme-padding-std);padding-right:var(--theme-padding-std)}.group-component-button{transition:color var(--theme-icon-tx),text-shadow var(--theme-icon-tx)}.group-component-button:hover{color:#000}.group-component-button:active{color:unset}.group-component-span{padding-left:.5em;padding-right:1em}.group-component-div-0{--label-w:3rem;--input-w:12rem;height:0;opacity:0;overflow:hidden;padding-left:calc(1.6em);transition:height var(--menu-tx),opacity var(--menu-tx),padding-top var(--menu-tx)}.group-component-div-1{opacity:1;padding-top:var(--grid-gap)}.group-component-div-2{display:grid;font-size:.9em;grid-gap:calc(var(--grid-gap) * .75);gap:calc(var(--grid-gap) * .75);grid-template-columns:auto var(--label-w) var(--input-w) var(--label-w)}@media (max-width:510px){.group-component-div-2{grid-template-columns:auto minmax(auto,var(--input-w))}}.parameter-div{align-items:center;display:flex}@media (max-width:510px){.slider-param-label-div{display:none}}.slider-param-label-div-0{text-align:right}.slider-param-component{margin:0;width:100%}.choices-param-component-select{font:inherit;padding:.25em;width:100%}.checkbox-param-component{margin-left:0;width:-moz-fit-content;width:fit-content}.dialog-layer{display:block}.main-main{display:flex;height:100%;margin:0;padding:0;width:100%;--main-size-h:100%;--main-size-w:100%}.main-main>canvas:nth-child(-n+3){left:0;position:fixed;transform:translateY(-150%);top:0}.code-canvas{--size-fraction:1;--outline-h:calc(var(--main-size-h) * var(--size-fraction));--outline-w:calc(var(--main-size-w) * var(--size-fraction));--centered-abs-h:var(--outline-h);--centered-abs-w:var(--outline-w);transition:opacity var(--theme-main-tx)}.code-canvas-2{--centered-abs-h:calc(min(var(--outline-h), var(--outline-w) / var(--aspect)));--centered-abs-w:calc(min(var(--outline-w), var(--outline-h) * var(--aspect)))}.code-canvas-4{opacity:0}.circle{animation:cn 1.4s ease-in-out infinite,cn-0 1.4s linear infinite;filter:drop-shadow(0 0 calc(min(1px + .1vw, 2px)) #fff9);--l:calc(2 * 3.14159 * 20px);--arc0:calc(var(--l) * 2 / 360);--gap50:calc(var(--l) * 35 / 360);--arc50:calc(var(--l) - 2 * var(--gap50))}@keyframes cn{0%{stroke-dashoffset:0;stroke-dasharray:var(--arc0),var(--l)}50%{stroke-dashoffset:calc(-1 * var(--gap50));stroke-dasharray:var(--arc50),var(--l)}to{stroke-dashoffset:calc(-1 * var(--l));stroke-dasharray:var(--arc0),var(--l)}}@keyframes cn-0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-svg{stroke:#fff8;transition:opacity var(--theme-main-tx);--centered-abs-h:calc(min(140px, 60vmin));--centered-abs-w:var(--centered-abs-h)}.progress-svg-0{opacity:0}.progress-svg-1{animation-play-state:paused}.round-button{background:var(--theme-menu-bg-col);-webkit-backdrop-filter:var(--theme-menu-backdrop-filter);backdrop-filter:var(--theme-menu-backdrop-filter);border-radius:50%;box-shadow:3px 0 6px 0 var(--button-shadow-color),-1px 4px 8px 1px var(--button-shadow-color);color:#000d;height:var(--theme-button-size);overflow:hidden;position:absolute;transition:background-color var(--theme-main-tx),box-shadow var(--theme-main-tx),color var(--theme-main-tx),transform var(--theme-main-tx),scale var(--theme-main-tx);top:var(--theme-padding-std);width:var(--theme-button-size);--button-shadow-color:rgba(60,64,67,.55)}.round-button:hover{background:#ffffffe0;color:#000;--button-shadow-color:hsla(206,4%,64%,.55)}.round-button:active{background:#fff;color:#000;--button-shadow-color:hsla(206,5%,72%,.55)}.round-button-0{scale:0}.btn-icon-wrapper{align-items:center;height:100%;display:flex;justify-content:center;left:0;position:absolute;top:0;transition:opacity var(--theme-main-tx),transform var(--theme-main-tx);width:100%}.btn-icon-wrapper.hidden{opacity:0;transform:scale(.25)}.img-params-menu-button-button{left:var(--theme-padding-std)}.generate-button-button{right:calc(var(--theme-padding-std) * 2 + var(--theme-button-size))}.generate-button-div{align-items:center;display:flex;justify-content:center;transition:transform var(--theme-main-tx)}.download-button-button{right:var(--theme-padding-std)}.download-button-div{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:200%;justify-content:space-around;position:absolute;top:-100%;width:100%}.download-button-div-0{top:0;transition:top .3s}.about-section{--m:.9rem;--w:calc(min(80vw, 520px));background-color:var(--theme-menu-bg-col);-webkit-backdrop-filter:var(--theme-menu-backdrop-filter);backdrop-filter:var(--theme-menu-backdrop-filter);border-radius:var(--theme-border-radius-std);box-sizing:border-box;box-shadow:var(--theme-menu-shadow);left:calc(50% - var(--w) * .5);position:absolute;top:var(--theme-padding-std);width:var(--w)}.about-button{color:var(--theme-link-col);position:absolute;padding:calc(var(--theme-padding-std) * .75);top:0;transition:color var(--theme-link-tx);right:0}.about-button:hover{color:var(--theme-link-col-hover)}.about-div{box-sizing:border-box;max-height:calc(var(--main-size-h) - 2 * var(--theme-padding-std));overflow:scroll;padding:var(--theme-padding-std)}.about-div h1{margin-top:0;font-size:1.7rem}.about-div h2,.about-div h3,.about-div p,.about-div ul{margin-top:var(--m);margin-bottom:var(--m)}.about-div ul:last-child{margin-bottom:0}.about-div h2{font-size:1.35rem}.about-div li,.about-div p{line-height:1.35em}.about-span{padding-left:var(--m)}.about-div-0{height:0;overflow:hidden;transition:height var(--theme-main-tx)}.about-div-1>:first-child{margin-top:0}.about-div-2{color:#00000078;text-align:center}html{background-color:#384048;background-image:url(/_next/static/media/bg-image.eca426a1.png);background-size:cover;background-position:50%;color:#333;font-family:Roboto,sans-serif;font-size:16px}body,html{height:100%;margin:0;padding:0;width:100%}a,a:visited{color:var(--theme-link-col);font-family:unset;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:color var(--theme-icon-tx),-webkit-text-decoration-color var(--theme-icon-tx);transition:text-decoration-color var(--theme-icon-tx),color var(--theme-icon-tx);transition:text-decoration-color var(--theme-icon-tx),color var(--theme-icon-tx),-webkit-text-decoration-color var(--theme-icon-tx);-webkit-tap-highlight-color:transparent}a:hover{color:var(--theme-link-col-hover);-webkit-text-decoration-color:var(--theme-link-col-hover);text-decoration-color:var(--theme-link-col-hover)}button{background:unset;border:unset;color:inherit;cursor:pointer;font:unset;margin:0;padding:0;text-align:left;-webkit-tap-highlight-color:transparent}