.loopi-form{--lf-accent: #147068;--lf-border: #c7c7bf;--lf-radius: 8px;display:flex;flex-direction:column;gap:1.1rem;max-width:none;background:#fff;border:1px solid #e2e2dd;border-radius:14px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 8px 20px #0000000a;font-family:Inter,system-ui,sans-serif}.loopi-form .loopi-fields{display:flex;flex-direction:column;gap:1.1rem}.loopi-form .loopi-field{display:flex;flex-direction:column;gap:.4rem}.loopi-form .loopi-field>span{font-size:.8rem;font-weight:600;color:#3c3c38}.loopi-form input,.loopi-form textarea,.loopi-form select{font:inherit;width:100%;padding:.65rem .8rem;border:1px solid var(--lf-border);border-radius:var(--lf-radius);background:#fafaf8;color:#262623;transition:border-color .15s,box-shadow .15s,background .15s}.loopi-form input:focus,.loopi-form textarea:focus,.loopi-form select:focus{outline:none;background:#fff;border-color:var(--lf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lf-accent) 22%,transparent)}.loopi-form textarea{resize:vertical;min-height:6rem}.loopi-form .loopi-field:has(input:required)>span:after,.loopi-form .loopi-field:has(textarea:required)>span:after,.loopi-form .loopi-field:has(select:required)>span:after{content:" *";color:#b91c1c;font-weight:700}.loopi-form select:has(option[value=""]:checked){color:#71717a}.loopi-form .loopi-submit{font:inherit;font-weight:700;color:#fff;background:#c8922e;border:none;border-radius:var(--lf-radius);padding:.8rem 1.1rem;cursor:pointer;transition:background .15s,transform .05s}.loopi-form .loopi-submit:hover{background:#a9781f}.loopi-form .loopi-submit:active{transform:translateY(1px)}.loopi-form .loopi-submit:disabled{opacity:.6;cursor:default}.loopi-form .loopi-msg[data-ok]{color:#15803d;font-weight:600}.loopi-form .loopi-msg[data-err]{color:#b91c1c;font-weight:600}