.input-field{flex-direction:column;gap:4px;width:100%;display:flex}.input-field__label-row{justify-content:space-between;align-items:center;display:flex}.input-field__label-group{align-items:center;gap:4px;display:flex}.input-field__optional{margin-left:auto}.input-field__wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #e5edf3;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.input-field__wrapper:focus-within{border-color:#0071eb;padding:12px 16px}.input-field__wrapper--disabled{cursor:not-allowed;border-color:#ebebeb}.input-field__wrapper--disabled .input-field__input,.input-field__wrapper--disabled .input-field__input::placeholder,.input-field__wrapper--disabled .input-field__icon{color:#dedede}.input-field__wrapper--disabled .input-field__input{cursor:not-allowed}.input-field__wrapper--error,.input-field__wrapper--error:focus-within{border-color:#ff4a4a}.input-field__input{font-family:var(--Font_family-Body);color:#002247;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px;font-weight:400;line-height:20px}.input-field__input::placeholder{color:#8c8c8c}.input-field__icon{color:#8c8c8c;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}
.compactmodal{background-color:#fff;border:none;border-radius:8px;max-width:80vw;max-height:calc(100vh - 48px);margin:auto;overflow:hidden;box-shadow:0 20px 40px #00000026}.compactmodal::backdrop{background-color:#0009}.compactmodal__header{justify-content:flex-end;padding:20px 20px 0;display:flex}.compactmodal__title-section{text-align:center;flex-direction:column;gap:16px;display:flex}.compactmodal__body{flex-direction:column;height:100%;display:flex}@media (max-width:600px){.mcompactmodal{max-width:calc(100% - 32px)}.compactmodal__footer .btn{width:100%}}
.modal-card-layout{background-color:#f2f6f9;flex-direction:column;gap:32px;width:100%;padding:32px;display:flex}.modal-card-layout__card{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;padding:32px;display:flex}.modal-card-layout__footer{justify-content:center;align-items:center;display:flex}@media (max-width:768px){.modal-card-layout{gap:24px;padding:0 24px 24px}.modal-card-layout__card{padding:24px}}
@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border-style:solid;border-width:5px;border-radius:50%;flex-shrink:0;animation:1s linear infinite spinner-spin}