.modal{border-radius:var(--radius-lg);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);background:0 0;border:0;padding:0;overflow:visible}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262a378c}.modal[open]{animation:.3s cubic-bezier(.22,1,.36,1) both modalIn}.modal[open]::backdrop{animation:.3s both modalFade}.modal__panel{border-radius:var(--radius-lg);background:var(--color-bg);text-align:center;justify-items:center;gap:.9rem;padding:2.25rem 1.75rem 1.75rem;display:grid;position:relative;box-shadow:0 30px 60px -15px #262a3773}.modal__title{font-size:1.375rem}.modal__panel p{color:var(--color-muted)}.modal__close{background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-heading);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.modal__close:hover{color:var(--color-primary-text)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal[open],.modal[open]::backdrop{animation:none}}.field{gap:.4rem;display:grid}.field__label{color:var(--color-heading);font-size:.9375rem;font-weight:600}.field__required{color:var(--color-primary-text)}.input{border:1.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-heading);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);border-radius:.85rem;padding:.8rem 1rem}.input::placeholder{color:#a3a1ad}.input:hover{border-color:#cfd2dc}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #ed277526}.input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23716c80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.75rem}.input--textarea{resize:vertical;min-height:9rem}.field--error .input{border-color:#d92d54}.field--error .input:focus{box-shadow:0 0 0 4px #d92d5426}.field__hint{color:var(--color-muted);font-size:.8125rem}.field__error{color:#c4183f;font-size:.8125rem;font-weight:600}