: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}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}