.pageOpt{width:100%;display:flex;align-items:center;flex-direction:column;gap:.5rem;padding:.5rem .5rem .5rem 4.5rem;min-height:100vh}.pageOpt .optimizeForm{gap:1rem;width:100%;display:flex}.pageOpt .area{display:flex;flex-direction:column;background-color:var(--card-background);padding:1rem;border-radius:.4rem;width:fit-content}.formGroup{justify-content:space-between;align-items:center}.formGroup,.formGroup .element{display:flex;gap:1rem;width:100%}.formGroup .element{flex-direction:column;justify-content:center;border-left:1px solid var(--background-color);border-right:1px solid var(--background-color);padding:1rem;height:100%}.formGroup .element label{font-weight:700;font-size:1.5rem}.featuresList{display:flex;flex-direction:column;max-height:15rem;overflow-y:scroll}.optimizeForm input[type=checkbox]{width:1rem;height:1rem;margin-right:.5rem;border:1px solid var(--border-color);accent-color:var(--primary-color);color:var(--card-background);background-color:var(--background-color)}.optimizeForm input[type=submit]{background-color:var(--card-background);color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1.5rem;font-size:1.5rem;font-weight:700;border-radius:.4rem;transition:.2s;width:fit-content}.optimizeForm input[type=submit]:hover{background-color:var(--primary-color);color:var(--card-background)}.optimizeForm input[type=submit]:disabled{background-color:var(--border-color);color:var(--card-background);border:1px solid var(--card-background)}.optimizeForm .alert{background-color:var(--error-color);padding:1rem;border-radius:.4rem;margin-bottom:1rem}.optimizeForm{height:100%;display:flex;justify-content:center}.featuresList li{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:.5rem;border-bottom:1px solid var(--background-color)}.vertical{writing-mode:vertical-rl;text-orientation:mixed}.pageOpt .dataArea{display:flex;gap:1rem;flex-direction:column}.targetFeature{background-color:var(--card-background)}.targetFeature option:hover{background-color:var(--primary-color)}.progressZone{transition:.5s;overflow:hidden;height:20%}.progressZone h1{font-size:1.5rem;font-weight:700;margin:0;padding:0}.pageOpt .pageTitle{writing-mode:vertical-rl;text-orientation:mixed;border-radius:.4rem;color:var(--primary-color);padding-top:.5rem;flex-shrink:0;align-self:stretch;height:auto}.pageOpt .titleArea{background-color:var(--card-background);padding:.5rem;border-radius:.4rem;flex-shrink:0;display:flex}.resultArea .result{display:flex;gap:1rem;width:100%;justify-content:flex-start;align-items:stretch}.resultArea .result h3{border-left:1px solid var(--background-color);border-right:1px solid var(--background-color);padding:.5rem;width:100%}.barFiller{background-color:var(--primary-color);transition:.2s}.barFiller,.loadingBar{height:2rem;display:flex}.loadingBar{width:100%;background-color:var(--border-color);overflow:hidden;justify-content:flex-start;border-radius:.4rem}.barWrapper{display:flex;align-items:center;gap:1rem}.barWrapper p{font-size:1.5rem}.loader{width:96px;height:48px;display:inline-block;position:relative;background:#fff;border-radius:48px 48px 0 0;box-sizing:border-box;overflow:hidden}.loader:after{width:24px;height:12px;border-radius:24px 24px 0 0;left:50%;transform:translateX(-50%)}.loader:after,.loader:before{content:"";box-sizing:border-box;position:absolute;background:var(--primary-color);bottom:0}.loader:before{width:4px;height:32px;left:0;right:0;margin:auto;transform-origin:50% 100%;animation:animloader 2s linear infinite alternate}@keyframes animloader{0%{transform:rotate(-70deg)}10%{transform:rotate(-40deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(0deg)}50%{transform:rotate(20deg)}55%{transform:rotate(40deg)}70%{transform:rotate(45deg)}90%{transform:rotate(50deg)}95%{transform:rotate(75deg)}to{transform:rotate(80deg)}}