.inquiry{--field-bg: white;container-type:inline-size;background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);corner-shape:superellipse(1.7);padding:var(--space-lg);color:var(--foreground);box-shadow:var(--shadow);@media(min-width:60rem){padding-block-end:0}}.inquiry>header{margin-block-end:var(--space-lg)}.inquiry h2{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2xs);font-weight:600}.inquiry>header>p{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--foreground-dim);text-wrap:pretty}.inquiry-form{display:grid;gap:var(--space-md)}.inquiry .inquiry-form[hidden]{display:none}.inquiry .field{position:relative;min-inline-size:0}.inquiry .field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);@container (max-width: 26rem){grid-template-columns:1fr}}.inquiry .field label{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--space-sm) - .35rem);translate:0 -50%;transform-origin:left center;padding-inline:.35rem;font-size:var(--text-base);line-height:1;color:color-mix(in oklch,var(--foreground) 50%,transparent);background:transparent;pointer-events:none;white-space:nowrap;transition:inset-block-start .15s,translate .15s,scale .15s,color .15s,background-color .15s}.inquiry .field:has(textarea)>label{inset-block-start:.7rem;translate:0 0}.inquiry .field:focus-within>label,.inquiry .field>input:not(:placeholder-shown)~label,.inquiry .field>textarea:not(:placeholder-shown)~label{inset-block-start:0;translate:0 -50%;scale:.8;color:var(--background);background:var(--field-bg, white);font-weight:500;padding:.25rem;border-radius:1.25rem}.inquiry .optional{color:var(--muted-foreground);font-weight:400}.inquiry .field>input,.inquiry .field>textarea{inline-size:100%;font:inherit;font-size:var(--text-base);background:transparent;border:1px solid var(--input);border-radius:1.25rem;corner-shape:superellipse(1.7);padding-block:.7rem;padding-inline:var(--space-sm);transition:border-color .2s var(--glide),box-shadow .2s var(--glide);&::placeholder{color:transparent;transition:color .15s var(--glide)}&:focus::placeholder{color:color-mix(in oklch,var(--foreground) 40%,transparent)}&:focus,&:focus-visible{outline:none;border-color:var(--ring)}}.inquiry .field>input[readonly]{color:color-mix(in oklch,var(--muted-foreground) 50%,transparent);user-select:none;cursor:not-allowed;background:color-mix(in oklch,var(--muted) 20%,transparent);&:focus,&:focus-visible{outline:none;border-color:var(--input);box-shadow:none}}.inquiry .field>textarea{border-radius:1.25rem;resize:vertical;min-block-size:3lh;line-height:var(--leading-snug)}.inquiry .privacy{margin:0;font-size:var(--text-xs);color:var(--muted-foreground);a{color:var(--muted-foreground);text-decoration:underline;text-underline-offset:.2em;border-radius:var(--radius-xs);&:hover{opacity:.7}}}.inquiry .actions{display:flex;justify-content:center;>button{min-width:100%}@media(min-width:60rem){>button{transform:translateY(50%);min-width:unset}}}.inquiry .form-status{margin:0;font-size:var(--text-sm);text-align:center;&[data-state=success]{color:var(--secondary-foreground)}&[data-state=error]{color:var(--destructive)}}.btn-spinner{display:inline-block;inline-size:1.15em;block-size:1.15em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;corner-shape:round;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{rotate:360deg}}.inquiry .inquiry-success{display:grid;justify-items:center;gap:var(--space-sm);text-align:center;padding-block:var(--space-lg);animation:inquiry-success-in .4s ease both}.inquiry .inquiry-success[hidden]{display:none}.inquiry .inquiry-success-icon{inline-size:3rem;block-size:3rem;color:var(--primary)}.inquiry .inquiry-success p{margin:0;max-inline-size:28rem;font-size:var(--text-base);color:var(--foreground)}@keyframes inquiry-success-in{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.btn-spinner{animation-duration:1.2s}.inquiry .inquiry-success{animation:none}}
