@charset "utf-8";

* { font-family: sans-serif; }

body { background-color: whitesmoke; }

.img { display: flex; justify-content: center; }

.captcha { display: flex; justify-content: center; }

.content { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0px auto; }

.header { margin-top: 1em; margin-bottom: 4em; display: flex; justify-content: center; text-align: center; }

.legend_span { color: rgb(15, 159, 243); font-size: 0.7em; }

.legend_span_result { display: flex; justify-content: center; color: rgb(15, 159, 243); font-size: 1em; }

.type { width: 100%; margin-bottom: 5px; }

.number, .birthday, .fio { width: 99%; margin-bottom: 5px; }

.paragraph { color: rgb(151, 151, 151); }

.answer_validate { display: flex; justify-content: center; text-align: center; align-items: center; font-size: 1.5em; }

.answer_search, .g-recaptcha { display: flex; justify-content: center; text-align: center; align-items: center; }

.birthday:invalid { border: 2px dashed rgb(255, 0, 0); }

.required { color: red; }

.result_number, .result_document, .result_fio, .result_birthday { width: 98%; margin-bottom: 5px; }

.button-88 { --b: 3px; --s: .45em; --color: #d8e2fa; padding: calc(.5em + var(--s)) calc(.9em + var(--s)); color: var(--color); --_p: var(--s); background: conic-gradient(from 90deg at var(--b) var(--b), #0000 90deg, var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p)); transition: 0.3s linear, color, background-color; outline: var(--b) solid #85838300; outline-offset: 0.6em; font-size: 16px; border: 0px; user-select: none; touch-action: manipulation; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0px auto; }

.button-89 { --b: 3px; --s: .45em; --color: #373B44; padding: calc(.5em + var(--s)) calc(.9em + var(--s)); color: var(--color); --_p: var(--s); background: conic-gradient(from 90deg at var(--b) var(--b), #0000 90deg, var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p)); transition: 0.3s linear, color, background-color; outline: var(--b) solid #0000; outline-offset: 0.6em; font-size: 16px; border: 0px; user-select: none; touch-action: manipulation; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0px auto; }

.button-89:hover, .button-89:focus-visible { --_p: 0px; outline-color: var(--color); outline-offset: 0.05em; background: rgb(15, 159, 243); color: rgb(255, 255, 255); }

.button-89:active { background: var(--color); color: rgb(255, 255, 255); }

fieldset { background: white; box-shadow: darkgray 1px 1px 20px; border: none; }