.FormComponent-item{flex-direction:column;width:100%;margin-bottom:5px;display:flex;position:relative}.FormComponent-item label{margin-top:5px;padding-bottom:5px;font-size:11px}.FormComponent-error-message{color:var(--color-text-error);text-align:center;max-width:80%;margin:auto;padding:2px;font-size:12px;font-weight:600}.FormComponent-form{flex-direction:column;display:flex}.FormComponent-subtitle{color:gray;text-align:center;margin-bottom:5px;padding-top:5px;font-size:12px}.FormComponent-row{flex-direction:row;display:flex;position:relative}@media (max-width:576px){.FormComponent-row{flex-direction:column}}.FormComponent-row>.FormComponent-item:not(:last-of-type){margin-right:15px}@media (max-width:576px){.FormComponent-row>.FormComponent-item:not(:last-of-type){flex-direction:column;margin-right:0}}.FormComponent-row>button:not(:last-of-type){margin-right:15px}@media (max-width:576px){.FormComponent-row>button:not(:last-of-type){flex-direction:column;margin-right:0}}.FormComponent-InputSubtitle{color:var(--color-text-secondary);text-align:center;margin-top:5px;margin-bottom:5px;font-size:.6rem}.FormComponent-loading{position:absolute;top:35px;right:10px}.FormComponent-select{background-color:var(--color-bg-popup);border-radius:var(--space-factor);box-shadow:0 0 0 1px var(--color-border-input);color:var(--grey-100);white-space:nowrap;z-index:1;padding:2px;display:inline-block}.FormComponent-select .react-select__indicators{cursor:pointer}.FormComponent-select .react-select__control{background-color:var(--color-bg-popup);box-shadow:none;color:inherit;cursor:text;border:0;height:100%}.FormComponent-select .react-select__single-value{color:var(--color-text)}.FormComponent-select .react-select__option--is-selected{background-color:var(--color-primary);color:#fff}.FormComponent-select .react-select__input{box-shadow:none!important;border:0!important}.FormComponent-select .react-select__menu-list{background-color:var(--color-bg-popup);border-radius:5px;padding:3px 5px}.FormComponent-select .react-select__option{cursor:pointer}.FormComponent-select .react-select__option:hover{background-color:var(--color-primary-darker);color:#fff}.FormComponent-select .react-select__option:active{background-color:var(--color-primary-darkest)}.FormComponent-select .react-select__option--is-focused{background-color:var(--color-primary-darker);color:#fff}.FormComponent-select-ai .react-select__option--is-selected{background-color:var(--color-primary-lightest);color:var(--color-text)}.FormComponent-select-ai .react-select__option--is-focused,.FormComponent-select-ai .react-select__option:active,.FormComponent-select-ai .react-select__option:hover{background-color:var(--color-primary-light);color:var(--color-text)}.FormComponent-select.is-invalid:not(:focus-within){box-shadow:0 0 0 2px var(--oc-red-7)}.FormComponent-select:focus-within{box-shadow:0 0 0 2px var(--color-outline-focus);outline:none}.FormComponent-select:focus-within input{outline:none;box-shadow:none!important}.dark .FormComponent-darkmode-light-input{background-color:var(--color-gray-30)!important}.dark .FormComponent-darkmode-light-input.FormComponent-select{filter:none}.dark .FormComponent-darkmode-light-input.FormComponent-select .react-select__control{background-color:var(--color-gray-30)}.dark .FormComponent-darkmode-light-input.FormComponent-select .react-select__single-value{color:var(--color-text)}.dark .FormComponent-darkmode-light-input.FormComponent-select .react-select__menu{background-color:var(--color-gray-30)}.dark .FormComponent-darkmode-light-input.FormComponent-select .react-select__menu-list{background-color:var(--color-gray-30);padding:3px}.dark .FormComponent-darkmode-light-input.FormComponent-select .react-select__input-container{color:#fff}.FormComponent-radio{cursor:pointer;flex-direction:column;display:flex;position:relative}.FormComponent-radio .FormComponent-subtitle{text-align:left}.FormComponent-radio label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px}.FormComponent-radio input{-webkit-appearance:none;appearance:none;color:currentColor;cursor:pointer;font:inherit;border:1px solid;border-radius:50%;place-content:center;gap:.5rem;width:1.5rem;height:1.5rem;margin:0;display:grid;background-color:initial!important}.FormComponent-radio input[type=radio]:before{box-shadow:inset 1em 1em var(--form-control-color);content:"";border-radius:50%;width:1rem;height:1rem;transition:transform 60ms ease-in-out;transform:scale(0)}.FormComponent-radio input[type=radio]:checked:before{border:1px solid var(--color-primary);transform:scale(1);background-color:var(--color-primary)!important}@keyframes toggleOnCheckbox{0%{opacity:0;transform:translate(-50%,-85%)scale(0)rotate(45deg)}70%{opacity:1;transform:translate(-50%,-85%)scale(.9)rotate(45deg)}to{transform:translate(-50%,-85%)scale(.8)rotate(45deg)}}.FormComponent-item.checkbox.disabled{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none!important}.container-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;justify-items:center;width:-moz-fit-content;width:fit-content;display:flex;position:relative;font-size:.9rem!important}.container-checkbox input{cursor:pointer;opacity:0;position:absolute}
