.utfp-form-page{--form-page-width:64rem;padding:2.5rem max(1.25rem, calc((100% - var(--form-page-width)) / 2));background:var(--utfp-color-tint,#f3f7f3);flex-direction:column;gap:2rem;display:flex}.utfp-form-page--narrow{--form-page-width:40rem}@media (width>=40rem){.utfp-form-page{padding-block:4rem}}.utfp-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.utfp-form[hidden]{display:none}.utfp-form .form-section{border:1px solid var(--utfp-color-border,#e1e8e2);background:#fff;border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.utfp-form .form-section__title{font-size:var(--utfp-text-base,1rem);color:var(--utfp-color-fg,#1f2b21);margin:0;font-weight:700}.utfp-form .field-label{font-size:var(--utfp-text-sm,.875rem);font-weight:600}.utfp-form .tile-group{flex-wrap:wrap;gap:.5rem;display:flex}.utfp-form .tile{cursor:pointer;position:relative}.utfp-form .tile input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.utfp-form .tile span{border:1px solid var(--utfp-color-border-strong,#d5ded7);font-size:var(--utfp-text-sm,.875rem);color:var(--utfp-color-fg,#1f2b21);background:#fff;border-radius:999px;padding:.5rem .9rem;font-weight:600;transition:background-color .1s,border-color .1s;display:inline-block}.utfp-form .tile input:checked+span{background:var(--utfp-color-tint-strong,#e6f1e7);border-color:var(--utfp-color-primary,#699c6d);color:var(--utfp-color-primary-darker,#2f5a3a)}.utfp-form .tile input:focus-visible+span{outline:2px solid var(--utfp-color-primary,#699c6d);outline-offset:2px}.utfp-form .field-row{flex-wrap:wrap;gap:1.25rem;display:flex}.utfp-form .field-row .field{flex:1;min-width:12rem}.utfp-form .field{flex-direction:column;gap:.35rem;display:flex}.utfp-form .field[hidden]{display:none}.utfp-form .field label{font-size:var(--utfp-text-sm,.875rem);font-weight:600}.utfp-form .field .optional{color:var(--utfp-color-muted,#54635a);font-weight:400}.utfp-form .field input:not([type=checkbox]):not([type=radio]),.utfp-form .field select,.utfp-form .field textarea{box-sizing:border-box;border:1px solid var(--utfp-color-border-strong,#d5ded7);width:100%;font-size:var(--utfp-text-base,1rem);color:inherit;background:#fff;border-radius:8px;padding:.65rem 1rem;font-family:inherit}.utfp-form .field textarea{resize:vertical}.utfp-form .field input[type=file]{font-size:var(--utfp-text-sm,.875rem);padding:.5rem}.utfp-form .field input[type=date]{color:var(--utfp-color-fg,#1f2b21);appearance:none;background:#fff}.utfp-form .field-hint{font-size:var(--utfp-text-xs,.75rem);color:var(--utfp-color-muted,#54635a);margin:0}.utfp-form .field--checkbox label,.utfp-form .field--boost label{align-items:center;gap:.5rem;font-weight:600;display:flex}.utfp-form .field--boost{background:var(--utfp-color-surface-muted,#f3f7f3);border-radius:8px;padding:.85rem 1rem}.utfp-form .form-error{color:var(--utfp-color-danger,#a4351f);margin:0;font-weight:600}.utfp-form .form-error[hidden]{display:none}.utfp-form button[type=submit]{align-self:flex-start}.utfp-form-success{color:var(--utfp-color-primary-dark,#4f7a54);margin:0;font-weight:600}.utfp-form .date-native{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.utfp-form .field{position:relative}.utfp-form .date-field{box-sizing:border-box;width:100%;font:inherit;color:var(--s-ink,#1f2b21);text-align:left;cursor:pointer;border:1px solid var(--s-line-input,#c9d3cb);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:16px;display:flex}.utfp-form .date-field svg{color:var(--s-green-deep,#2f5a3a);flex:none}.utfp-form .date-field:hover{border-color:var(--s-green,#699c6d)}.utfp-form .date-field:focus-visible{outline:2px solid var(--s-green,#699c6d);outline-offset:1px;border-color:var(--s-green,#699c6d)}.utfp-form .date-field[aria-expanded=true]{border-color:var(--s-green,#699c6d)}.utfp-form .date-field.is-invalid{border-color:#b3261e}.utfp-form .date-field__ph{color:var(--s-faint,#8a958c)}.date-dp__foot{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.date-dp__foot .cal-dp__close{width:auto;margin-top:0}@media (width>=641px){.date-dp .date-dp__done{display:none}}.utfp-form .field-hint.time-note.time-note{min-height:1.2em;color:var(--s-green-deep,#2f5a3a);font-weight:600}.utfp-form .field-hint.time-note.time-note.is-error{color:#b3261e;font-weight:500}.utfp-form .time-note:empty{display:none}