:root{--main-color: #38ADA5;--seconday-color: #5f8f8c;--background-color: #f0f7f5;--header-background-color: white;--section-bg: rgba(255, 255, 255, .8);--text-color: #444;--background-color-dark: #0f2524;--section-bg-dark: #b0d3d128;--text-color-dark: white}.design-page{position:relative;display:flex;flex-direction:column;width:100%;overflow:auto;background-image:linear-gradient(#444cf7 1px,transparent 1px),linear-gradient(to right,#444cf7 1px,#e5e5f7 1px);background-size:16px 16px;margin-top:72px}.design-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;opacity:.9;background-color:var(--background-color)}.design-page.dark-theme{--background-color: var(--background-color-dark);--text-color: var(--text-color-dark);--section-bg: var(--section-bg-dark)}.design-page>header{position:fixed;top:0;left:0;width:100%;height:64px;background-color:#ffffffe6;z-index:9999999;border-bottom:solid 1px #ccc}.design-page>header nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;height:100%}.design-page>.bulbButton{position:fixed;bottom:12px;right:10px;width:52px;height:52px;border-radius:50%;background-color:#ffffffe6;z-index:9999999;box-shadow:0 2px 4px 2px #0003;font-size:24px}.design-page>main{z-index:1;margin-top:2rem;margin-bottom:2rem;width:100%;display:flex;flex-direction:column}.design-page-container{max-width:1024px;margin:0 auto;padding:0 1rem}.item-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.design-page>main>section{width:100%;max-width:100%;padding:2rem;border:solid 1px #ccc;border-radius:6px;background-color:var(--section-bg)}.design-page>main>section>header{margin-bottom:2rem;border-bottom:solid 1px #ddd;display:flex;flex-direction:row;justify-content:space-between;color:var(--text-color)}.design-page>section>header>section{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem}.design-page>section>header>section button{border-radius:50px;height:28px;width:-moz-fit-content;width:fit-content;padding:1rem;display:flex;align-items:center;justify-content:center;border:solid 1px #ddd}.design-input-wrapper{max-width:320px;width:100%}.design-inputs-row{display:flex;flex-direction:row;gap:2rem}.container{width:100%;overflow-x:auto}.container::-webkit-scrollbar{width:10px}@media (max-width: 768px){.design-page>section>header{flex-direction:column;justify-content:center;width:100%}.design-inputs-row{flex-direction:column}.design-page>section{padding:1rem}}.test-block-item{background-color:#ecececcc;height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px}