@layer components{:root{--form-measure:30rem;--form-field-h:calc(var(--spacing) * 11);--form-border:color-mix(in oklch, var(--color-ink-3) 78%, var(--color-surface));--form-field-bg:#fff;--form-ring-width:calc(2 * var(--hm-rule-hair));--form-ring-offset:var(--hm-rule-heavy)}@supports (color:lab(0% 0 0)){:root{--form-field-bg:lab(100% 0 0)}}.form{gap:var(--hm-space-lg);min-width:0;max-width:var(--form-measure);display:grid;position:relative}.form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.form-body,.form-group{gap:var(--hm-space-md);min-width:0;display:grid}.form-group>legend,.form-choice>legend{float:left;width:100%;padding:0}.form-label{font-family:var(--font-sans);font-size:var(--text-label);font-weight:600;line-height:var(--text-label--line-height);color:var(--color-ink)}.form-label__optional{color:var(--color-ink-3);font-weight:400}.form-part{font-family:var(--font-sans);font-size:var(--text-detail);font-weight:600;line-height:var(--text-detail--line-height);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-accent)}.form-hint{font-size:var(--text-detail);line-height:var(--text-detail--line-height);color:var(--color-ink-3)}.form-error{gap:var(--hm-space-2xs);font-family:var(--font-sans);font-size:var(--text-detail);font-weight:600;line-height:var(--text-detail--line-height);color:var(--color-accent);align-items:flex-start;display:flex}.form-error svg{flex:none;width:1.1em;height:1.1em;margin-top:.15em}.form-to{column-gap:var(--hm-space-sm);padding-bottom:var(--hm-space-sm);border-bottom:var(--hm-rule-hair) solid var(--color-rule);flex-wrap:wrap;align-items:baseline;display:flex}.form-to__who{font-family:var(--font-display);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-ink-2);text-wrap:pretty}.form-to__name{color:var(--color-ink)}.form-to__who[data-switched]{animation:form-to-in var(--hm-dur-short) var(--hm-ease-out)}@keyframes form-to-in{0%{opacity:0}}.form-field{gap:var(--hm-space-2xs);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.form-control{min-height:var(--form-field-h);border:var(--hm-rule-hair) solid var(--form-border);border-radius:var(--radius-sm);background:var(--form-field-bg);transition:border-color var(--hm-dur-micro) var(--hm-ease-out), box-shadow var(--hm-dur-micro) var(--hm-ease-out);align-items:center;display:flex}@media (hover:hover){.form-control:hover{border-color:var(--color-ink-3)}}.form-control:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 var(--form-ring-width) color-mix(in oklch, var(--color-ink) 14%, transparent)}.form-control:has(:focus-visible){outline:var(--form-ring-width) solid var(--color-focus);outline-offset:var(--form-ring-offset)}.form-control:has([aria-invalid=true]){border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--hm-rule-hair) var(--color-accent)}.form-control--short{max-width:12rem}.form-input,.form-textarea{width:100%;min-width:0;padding-inline:var(--hm-space-sm);font-family:var(--font-sans);font-size:max(1rem, var(--text-label));color:var(--color-ink);background:0 0;border:0;outline:none;flex:1;line-height:1.4}.form-input{align-self:stretch}.form-textarea{min-height:7.5rem;padding-block:var(--hm-space-xs);resize:vertical}.form-control--area{align-items:stretch}.form-prefix{padding-left:var(--hm-space-sm);color:var(--color-ink-3);font-variant-numeric:tabular-nums}.form-prefix+.form-input{padding-left:var(--hm-space-2xs)}.form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--form-field-bg) inset;-webkit-text-fill-color:var(--color-ink)}.form-control:has(:disabled){background:var(--color-surface-2);color:var(--color-ink-3)}.form-row{gap:var(--hm-space-md) var(--hm-space-sm);align-items:end;min-width:0;display:grid}.form-row--pair{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:40rem){.form-row--trio{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr)}}}@media (prefers-reduced-motion:reduce){.form-to__who[data-switched]{animation:none}}.form-input:focus-visible,.form-textarea:focus-visible{outline:none}
@layer components{.form-choice{gap:var(--hm-space-2xs);min-width:0;display:grid}.form-choice>legend{margin-bottom:var(--hm-space-2xs)}.form-tiles{gap:var(--hm-space-xs);display:grid}.form-tile{min-height:var(--form-field-h);padding:var(--hm-space-xs) var(--hm-space-sm);border:var(--hm-rule-hair) solid var(--form-border);border-radius:var(--radius-sm);background:var(--form-field-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-label);line-height:var(--text-label--line-height);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--hm-dur-micro) var(--hm-ease-out), border-color var(--hm-dur-micro) var(--hm-ease-out), color var(--hm-dur-micro) var(--hm-ease-out);flex-direction:column;justify-content:center;display:flex;position:relative}@media (hover:hover){.form-tile:hover{border-color:var(--color-ink)}}.form-tile:has(:checked){border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-ink);font-weight:600}.form-tile:has(:focus-visible){outline:var(--form-ring-width) solid var(--color-focus);outline-offset:var(--form-ring-offset)}.form-tile:active{transform:translateY(1px)}.form-tile:has(:disabled){background:var(--color-surface-2);color:var(--color-ink-3);cursor:not-allowed}.form-tile:has(.form-tile__hint){padding-block:var(--hm-space-sm);justify-content:flex-start;font-weight:600}.form-tile__hint{margin-top:var(--hm-space-2xs);font-size:var(--text-detail);font-weight:400;line-height:var(--text-detail--line-height);color:var(--color-ink-2)}.form-tile:has(:checked) .form-tile__hint{color:var(--color-on-ink-2)}.form-choice[data-invalid] .form-tile:not(:has(:checked)){border-color:var(--color-accent)}.form-amount:not(:has(input[value=other]:checked)) .form-amount__other{display:none}.form-weeks{gap:var(--hm-space-sm);display:grid}.form-week{gap:var(--hm-space-md);display:grid}.form-week>.form-week__fields{gap:var(--hm-space-md);min-width:0;margin-left:var(--hm-space-sm);padding-left:var(--hm-space-md);border-left:var(--hm-rule-heavy) solid var(--color-rule);display:grid}.form-week:not(:has(>.form-tile :checked))>.form-week__fields{display:none}.form-payment:not(:has(input[value=account]:checked)) .form-payment__account{display:none}.form-check__label{column-gap:var(--hm-space-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-ink-2);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.form-check__box{width:var(--hm-space-lg);height:var(--hm-space-lg);accent-color:var(--color-ink);cursor:pointer;margin:0}.form-check__box[aria-invalid=true]{outline:var(--form-ring-width) solid var(--color-accent);outline-offset:var(--hm-rule-hair)}.form-repeat{gap:var(--hm-space-sm);display:grid}.form-repeat__add{gap:var(--hm-space-2xs);min-height:var(--form-field-h);font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);text-underline-offset:.25em;cursor:pointer;justify-self:start;align-items:center;font-weight:600;display:inline-flex}@media (hover:hover){.form-repeat__add:hover{text-decoration-color:currentColor}}.form-summary{gap:var(--hm-space-xs);font-family:var(--font-sans);padding:var(--hm-space-md);border:var(--form-ring-width) solid var(--color-accent);border-radius:var(--radius-sm);background:var(--form-field-bg);display:grid}.form-summary:focus-visible{outline:var(--form-ring-width) solid var(--color-focus);outline-offset:var(--form-ring-offset)}.form-summary__title{font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-ink);font-weight:600}.form-summary__list{gap:var(--hm-space-2xs);font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-accent);display:grid}.form-summary__list a{color:var(--color-accent);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.form-send{justify-items:start;row-gap:var(--hm-space-xs);display:grid}.form-send__note{max-width:var(--hm-measure);font-size:var(--text-detail);line-height:var(--text-detail--line-height);color:var(--color-ink-3)}.form-send__labels{display:grid}.form-send__labels>*{gap:var(--hm-space-xs);grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.form-send__labels>:not([data-active]){visibility:hidden}.form-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite form-spin}@keyframes form-spin{to{rotate:1turn}}.form-notes{gap:var(--hm-space-lg) var(--hm-space-xl);display:grid}@media (min-width:48rem){.form-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.form-notes[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.form-notes__item{padding-top:var(--hm-space-sm);border-top:var(--hm-rule-hair) solid var(--color-rule)}.form-notes__line{margin-top:var(--hm-space-2xs);font-family:var(--font-display);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-ink-2);text-wrap:pretty}.form-notes__fine{font-size:var(--text-detail);line-height:var(--text-detail--line-height);color:var(--color-ink-3)}.form-file{width:100%;min-width:0;padding:var(--hm-space-2xs);font-family:var(--font-sans);font-size:max(1rem, var(--text-label));color:var(--color-ink-2);cursor:pointer;outline:none;flex:1;align-self:stretch}.form-file::file-selector-button{min-height:calc(var(--form-field-h) - 2 * var(--hm-space-2xs) - 2 * var(--hm-rule-hair));margin-right:var(--hm-space-sm);padding-inline:var(--hm-space-sm);border:var(--hm-rule-hair) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);font:inherit;color:var(--color-ink);cursor:pointer;transition:background-color var(--hm-dur-micro) var(--hm-ease-out);font-weight:600}@media (hover:hover){.form-file:hover::file-selector-button{background:var(--color-surface-2)}}.form-file__status{font-size:var(--text-detail);line-height:var(--text-detail--line-height);color:var(--color-ink-2)}.form-file__bar{height:var(--hm-space-2xs);background:var(--color-surface-2);overflow:hidden}.form-file__bar>span{background:var(--color-ink);transform-origin:0;height:100%;display:block}}@media (prefers-reduced-motion:reduce){.form-tile:active{transform:none}.form-spinner{opacity:.6;border-right-color:currentColor;animation:none}}
