@import"https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--abzu-blue: #4646e6;--spiro: #109fda;--robin-egg: #089c9c;--magenta: #ff1ec8;--primary-dark: #2000b1;--primary-base: var(--abzu-blue);--primary-light: #e2dfff;--black: #000000;--darker: #191c1d;--dark: #272b2b;--neutral-darker: var(--darker);--neutral-dark: #576062;--neutral-base: #a9acac;--neutral-lighter: #f2f2f2;--neutral-lighterer: #f8fafa;--white: #ffffff;--secondary-light: #d2e4ff;--secondary-base: #4696e6;--secondary-dark: #284894;--tertiary-light: #adfffe;--tertiary-base: #089c9c;--tertiary-dark: #004f4f;--error-light: #fcc9ce;--error-base: #e64646;--error-dark: #bc111d;--neutral-white: var(--white);--neutral-white0: #ffffff00;--neutral-white10: rgba(255, 255, 255, .1);--neutral-white20: rgba(255, 255, 255, .2);--neutral-white50: rgba(255, 255, 255, .5);--neutral-dark20: rgba(87, 96, 98, .2);--neutral-darker20: rgba(25, 28, 29, .2);--black20: rgba(0, 0, 0, .2);--white20: rgba(255, 255, 255, .2);--white50: rgba(255, 255, 255, .5);--primary-light10: rgb(226, 223, 255, .1);--primary-light50: rgb(226, 223, 255, .5);--card-bg-fill-default: var(--white);--disabled-opacity: .2;--opacity10: 10%;--opacity20: 20%;--opacity50: 50%;--background-body-bgfill-default: var(--neutral-lighter);--background-container-bgfill-default: rgb(from var(--neutral-dark) r g b / var(--opacity20));--background-card-bgfill-default: var(--neutral-white);--button-filled-text-default: var(--white);--button-filled-bgfill-default: var(--primary-base);--button-filled-bgfill-hoverpressed: var(--primary-dark);--button-outline-text-default: var(--primary-base);--button-outline-txtfill-hoverpressed: var(--primary-dark);--button-outline-bgfill-hoverpressed: rgb(from var(--primary-light) r g b / var(--opacity20));--button-outline-stroke-hoverpressed: var(--primary-dark);--button-outline-stroke-default: var(--primary-base);--button-text-txtfill-default: var(--primary-base);--button-text-txtfill-hoverpressed: var(--primary-dark);--button-icon-iconfill-hoverpressed: var(--button-text-txtfill-hoverpressed);--button-icon-iconfill-default: var(--button-text-txtfill-default);--button-icon-bgfill-hoverpressed: var(--button-outline-bgfill-hoverpressed);--button-icon-stroke-hoverpressed: var(--button-outline-stroke-hoverpressed);--button-icon-stroke-default: var(--button-outline-stroke-default);--card-bg-default: var(--white);--text-primary-txtfill-default: var(--neutral-darker);--text-secondary-txtfill-default: var(--neutral-dark);--form-outline-stroke-default: var(--neutral-lighter);--form-outline-stroke-focused: var(--primary-base);--form-outline-txtfill-default: var(--text-primary-txtfill-default);--collapsible-background-default: var(--neutral-white);--collapsible-icon-fill: var(--neutral-darker);--collapsible-background-hoverpressed: rgb(from var(--neutral-base) r g b / var(--opacity20));--collapsible-skeleton: rgb (from var(--neutral-dark) r g b / var(--opacity20));--dropdown-background-default: var(--neutral-lighter);--dropdown-background-hoverpressed: rgb(from var(--neutral-base) r g b / var(--opacity20));--dropdown-skeleton: rgb (from var(--neutral-dark) r g b / var(--opacity20));--dropdown-outline-stroke-default: var(--neutral-base);--accordion-background-default: rgb(from var(--dark) r g b / var(--opacity20));--source-number-txtfill-default: var(--neutral-lighter)}[data-theme=dark]{--background-body-bgfill-default: var(--neutral-dark);--background-container-bgfill-default: rgb(from var(--neutral-dark) r g b / var(--opacity20));--background-card-bgfill-default: var(--dark);--button-filled-text-default: var(--primary-base);--button-filled-bgfill-default: var(--neutral-white);--button-filled-bgfill-hoverpressed: rgb(from var(--white) r g b / var(--opacity50));--button-outline-text-default: var(--white);--button-outline-txtfill-hoverpressed: rgb(from var(--white) r g b / var(--opacity50));--button-outline-bgfill-hoverpressed: rgb(from var(--white) r g b / var(--opacity20));--button-outline-stroke-hoverpressed: rgb(from var(--white) r g b / var(--opacity50));--button-outline-stroke-default: var(--white);--button-text-txtfill-default: var(--white);--button-text-txtfill-hoverpressed: rgb(from var(--white) r g b / var(--opacity50));--button-icon-iconfill-hoverpressed: var(--button-text-txtfill-hoverpressed);--button-icon-iconfill-default: var(--button-text-txtfill-default);--button-icon-bgfill-hoverpressed: var(--button-outline-bgfill-hoverpressed);--button-icon-stroke-hoverpressed: var(--button-outline-stroke-hoverpressed);--button-icon-stroke-default: var(--button-outline-stroke-default);--card-bg-default: var(--dark);--text-primary-txtfill-default: var(--neutral-white);--text-primary-txtfill-default-hover: var(--neutral-white20);--text-secondary-txtfill-default: var(--neutral-base);--form-outline-stroke-default: var(--neutral-white);--form-outline-stroke-focused: var(--primary-base);--form-outline-txtfill-default: var(--text-primary-txtfill-default);--collapsible-background-default: var(--darker);--collapsible-icon-fill: var(--neutral-white20);--collapsible-background-hoverpressed: rgb(from var(--neutral-dark) r g b / var(--opacity20));--collapsible-skeleton: rgb (from var(--neutral-light) r g b / var(--opacity20));--dropdown-background-default: var(--neutral-dark);--dropdown-background-hoverpressed: rgb(from var(--neutral-darker) r g b / var(--opacity20));--dropdown-skeleton: rgb (from var(--neutral-light) r g b / var(--opacity20));--accordion-background-default: rgb(from var(--dark) r g b / var(--opacity20));--source-number-txtfill-default: var(--primary-base);--card-bg-fill-default: var(--dark)}:root{--default-corner-radius: 10px;--small-corner-radius: 4px;--rounded-corner-radius: 50px;--full-corner-radius: 100%}*{font-family:Roboto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.create{margin-right:0;margin-left:auto;height:20px}.header{display:flex;align-items:center;padding:0 20px}.navbar{max-width:800px;width:100%;margin:20px auto;background-color:#f8f9fa;padding:10px 20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;border-radius:50px}.navbar .title{text-align:center;flex-grow:1}.createdesigndialog{display:flex;flex-direction:column;gap:8px}.createdesigndialog .createdesigndialog__lengths{display:flex;gap:5px}.createdesigndialog .createdesigndialog__lengthsitem{display:flex;align-items:center;gap:3px}.createdesigndialog .createdesigndialog__file-selected{display:flex;align-items:center;gap:4px}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.design-item .design-item__tools{display:flex;gap:3px}.design-item .design-item-actions{display:flex;gap:5px}.design-item .design-item-actions-icons{background-color:rgb(from var(--primary-base) r g b / var(--opacity20));border:none;transition:all .1s ease-in-out}.design-item .design-item-actions-icons svg{color:var(--primary-base);fill:var(--primary-base)}.design-item .design-item-actions-icons:hover{background-color:rgb(from var(--primary-base) r g b / .45)}.design-item .design-item-actions-icons.active{background-color:var(--primary-base)}.design-item .design-item-actions-icons.active svg{color:var(--neutral-lighter);fill:var(--neutral-lighter)}.design-item .design-item__tooltip{width:fit-content}.design-item .design-item-logs-wrapper{max-height:400px;overflow-y:scroll;transition:height .7s ease-in-out}.design-item .design-item-logs-wrapper::-webkit-scrollbar{width:6px}.design-item .design-item-logs-wrapper::-webkit-scrollbar-track{background:var(--background-container-bgfill-default)}.design-item .design-item-logs-wrapper::-webkit-scrollbar-thumb{background:var(--accordion-background-default)}.design-item .design-item-logs{border-bottom-left-radius:var(--default-corner-radius);border-bottom-right-radius:var(--default-corner-radius);background-color:#151515}.design-item .design-item-logs-content{display:flex;flex-direction:column;padding:20px;line-height:1.5em;font-family:monospace;white-space:normal;color:#fff}.design-list{display:flex;flex-direction:column;gap:5px;padding:40px 0}.design-list-header{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:20px;border-radius:var(--default-corner-radius);background-color:rgb(from var(--primary-base) r g b / var(--opacity20));margin-bottom:5px}.design-item{border-radius:var(--default-corner-radius);background-color:var(--neutral-lighter)}.design-item-content{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;padding:10px 20px}.design-skeleton{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;padding:20px}.design-item .status{width:fit-content;padding:5px 10px;border-radius:var(--rounded-corner-radius);display:flex;justify-content:center;align-items:center}.design-item .status.finished{background-color:#d4edda;color:#155724}.design-item .status.error{background-color:#f8d7da;color:#721c24}.design-item .status.created{background-color:#cce5ff;color:#004085}.design-item .status.running{background-color:#fff3cd;color:#856404}.design-item .status.download{background-color:#d1ecf1;color:#0c5460}.designpage .designpage__filter{display:flex}.sign-center{display:flex;justify-content:center;align-items:center;width:100%;min-height:100dvh}.cl-socialButtonsBlockButton,.cl-formButtonPrimary{box-sizing:border-box}