.form__field{display:flex;flex-direction:column;margin-bottom:12px;padding:6px;position:relative}.form__field--button,.form__field--radio{width:fit-content}.form__field--checkbox,.form__field--radio{flex-direction:row}.form__field--checkbox{display:flex;flex-direction:column;input[type=checkbox],input[type=radio]{accent-color:var(--primary-color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;color:var(--high-emphasis-color);margin-right:12px;outline:3px solid transparent}input[type=checkbox]:focus{outline:3px solid var(--primary-color--variant)}legend{color:var(--medium-emphasis-color);font-weight:700;margin-bottom:6px}fieldset>div{padding:4px}fieldset>div:hover{background:var(--surface-color)}}.form__field--radio{background:var(--surface-color--variant);border-radius:12px;input[type=radio]{-webkit-appearance:none;appearance:none;display:none}label{border:1px solid transparent;border-radius:8px;color:var(--medium-emphasis-color);cursor:pointer;display:block;padding:8px 36px;user-select:none}>div:not(:last-child) label{margin-right:12px}input[type=radio]:checked~label{background:var(--background-color);border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow-color)}}.form__field--file input[type=file],.form__field--text input[type=date],.form__field--text input[type=number],.form__field--text input[type=search],.form__field--text input[type=text]{max-width:320px;width:100%}.form__field--search{label{align-items:center;display:flex;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%)}input[type=search]{padding:10px 16px 10px 32px!important}}.form__field--longtext,.form__field--search,.form__field--select,.form__field--text{.input__group{align-items:center;display:flex;gap:2px;position:relative;.group__prefix{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;border-bottom-right-radius:0;border-top-right-radius:0;color:var(--medium-emphasis-color);outline:3px solid transparent;padding:10px 16px}.group__prefix+input{border-bottom-left-radius:0;border-top-left-radius:0}}.autocomplete-items{background:var(--surface-color--variant);border:1px solid var(--border-color);border-radius:16px;color:var(--high-emphasis-color);font-weight:400;max-height:300px;max-width:320px;overflow-y:scroll;padding:10px 16px;position:absolute;tab-size:4;top:100%;transition:border .2s cubic-bezier(1,0,1,1),box-shadow .2s cubic-bezier(1,0,1,1);width:100%;z-index:30;>div{cursor:pointer;padding:8px}>div:hover{background-color:#f0f0f0}&:not(.active){display:none}}.textarea,textarea{min-height:2.5rem}.textarea.code{padding:0!important;>div{width:100%}}.textarea,input[type=date],input[type=number],input[type=search],input[type=text],select,textarea{background:var(--surface-color--variant);border:1px solid var(--border-color);border-radius:16px;color:var(--high-emphasis-color);font-weight:400;outline:3px solid transparent;padding:10px 16px;tab-size:4;transition:border .2s cubic-bezier(1,0,1,1),box-shadow .2s cubic-bezier(1,0,1,1)}.small{border-radius:4px;padding:5px 8px}input[type=date]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,textarea:disabled{background:var(--surface-color--variant);color:var(--disabled-color);cursor:not-allowed;user-select:none}label{color:var(--medium-emphasis-color);font-weight:700;margin-bottom:6px}input[type=date]:hover,input[type=number]:hover,input[type=search]:hover,input[type=text]:hover{box-shadow:0 0 8px var(--shadow-color);transition:.2s ease-in}input[type=date]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus{border:1px solid var(--border-color--variant);outline:3px solid var(--primary-color--variant);transition:.2s ease-in}}@keyframes spin{to{transform:rotate(1turn)}}.form__field--button{align-items:center;display:flex;flex-direction:row;gap:8px;.button,button,input[type=button],input[type=submit]{align-items:center;background:var(--primary-color);border:0;border-radius:8px;color:var(--high-emphasis-color);color-scheme:dark;cursor:pointer;display:flex;justify-content:center;outline:3px solid transparent;padding:10px 20px;text-decoration:none;transition:border .2s cubic-bezier(1,0,1,1),box-shadow .2s cubic-bezier(1,0,1,1);svg{animation:spin 2s linear infinite;transform-box:fill-box;transform-origin:center}p{color:var(--high-emphasis-color);color-scheme:dark;margin-bottom:0;text-decoration:none}}.secondary{background:var(--surface-color);border:1px solid var(--border-color);color-scheme:light;p{color-scheme:light!important}}.danger{background:var(--error-color)!important}.button:focus,button:focus,input[type=button]:focus,input[type=submit]:focus{outline:3px solid var(--primary-color--variant);transition:.2s ease-in}}.form__field--file{input[type=file]{align-items:center;background:var(--surface-color--variant);border:1px dashed var(--border-color);border-radius:16px;color:var(--high-emphasis-color);cursor:pointer;display:flex;justify-content:center;outline:3px solid transparent;padding:10px 16px}input[type=file]:disabled{background:var(--surface-color--variant);color:var(--disabled-color);cursor:not-allowed;user-select:none}input[type=file]:hover::file-selector-button{background:var(--background-color);border:1px solid var(--primary-color);box-shadow:0 0 8px var(--shadow-color);transition:.2s ease-in}input[type=file]:focus{border:1px solid var(--border-color--variant);outline:3px solid var(--primary-color--variant);transition:.2s ease-in}input[type=file]::file-selector-button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--high-emphasis-color);outline:3px solid transparent;padding:10px 20px;transition:border .2s cubic-bezier(1,0,1,1),box-shadow .2s cubic-bezier(1,0,1,1)}label{color:var(--medium-emphasis-color);font-weight:700;margin-bottom:6px}div a{overflow-wrap:break-word}}.form__message--error,.form__required{color:var(--error-color)}