.form{--field-font-size: 16px;--field-font-size-sm: 14px;--field-spacing: 8px;--field-font-size-lg: 16px;--field-height: 44px;--field-padding: 8px 12px;--field-border-radius: min(var(--button-radius), 16px);--field-label-margin-bottom: 8px;--field-required-margin-left: 4px;--field-textarea-min-height: 80px;--field-choice-size: 28px;--field-choice-inner-ring: 4px;--field-custom-checkbox-font-size: 16px;--field-check-icon-size: 14px;--field-remove-button-padding: 4px;--field-select-right-padding: 40px;--field-dropdown-arrow-right: 12px;--field-counter-font-size: 18px;--field-inline-calendar-padding: 0px;--field-border-color: color-mix(in oklab, var(--subtle-color) 40%, transparent);--field-border-color-focus: var(--strong-color);--field-border-color-error: #ef4444;--field-text-color: var(--base-color);--field-bg-color: var(--field-bg-tone, var(--bg-tone-1));--field-text-color-label: var(--base-color);--field-text-color-error: #ef4444;--field-text-color-disabled: #9ca3af;--field-bg-disabled: var(--field-bg-tone, var(--bg-tone-1));--field-accent-color: var(--strong-color);--field-remove-color: #ef4444;--field-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--strong-color) 20%, transparent);--field-transition: all var(--ani-duration-200, .2s) var(--ani-ease, ease-in-out)}.form.form-size-large{--field-spacing: 10px;--field-height: 48px;--field-padding: 10px 16px;--field-font-size: 16px;--field-font-size-lg: 18px;--field-font-size-sm: 14px;--field-label-margin-bottom: 10px;--field-choice-size: 32px;--field-choice-inner-ring: 5px;--field-custom-checkbox-font-size: 16px;--field-check-icon-size: 15px;--field-counter-font-size: 18px;--field-inline-calendar-padding: 0px}@container (min-width: 768px){.form{--field-inline-calendar-padding: 8px}.form.form-size-large{--field-spacing: 12px;--field-height: 52px;--field-padding: 10px 18px;--field-font-size: 16px;--field-font-size-sm: 16px;--field-label-margin-bottom: 12px;--field-choice-size: 34px;--field-choice-inner-ring: 5px;--field-custom-checkbox-font-size: 16px;--field-check-icon-size: 16px;--field-counter-font-size: 18px;--field-inline-calendar-padding: 12px}}.form.form-size-small{--field-spacing: 6px;--field-height: 40px;--field-padding: 8px 12px;--field-font-size: 14px;--field-font-size-sm: 14px;--field-label-margin-bottom: 8px}@container (min-width: 768px){.form.form-size-small{--field-height: 42px;--field-padding: 8px 14px}}.field-subscribe-row{display:flex;align-items:stretch;width:100%;gap:var(--field-spacing)}.field-subscribe-button{height:var(--field-height);padding:var(--field-padding);border-radius:var(--field-border-radius);font-size:var(--field-font-size)}.field-container{display:block;margin-bottom:calc(var(--field-spacing) * 3);position:relative;z-index:1}.field-container:focus-within{z-index:10}.field-label{display:block;font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin-bottom:var(--field-label-margin-bottom)}.field-required{color:var(--field-text-color-error);margin-left:var(--field-required-margin-left)}.field-button{border:1px solid var(--field-border-color);color:var(--field-text-color);font-size:var(--field-font-size);padding:var(--field-padding);border-radius:var(--field-border-radius);transition:var(--field-transition);outline:none;height:var(--field-height);cursor:pointer}.field-input{width:100%;border:1px solid var(--field-border-color);color:var(--field-text-color);font-size:var(--field-font-size);padding:var(--field-padding);border-radius:var(--field-border-radius);transition:var(--field-transition);outline:none;height:var(--field-height);background-color:var(--field-bg-color)}.field-input:focus{border-color:var(--field-border-color-focus);box-shadow:var(--field-shadow-focus)}.field-input-error{border-color:var(--field-border-color-error);color:var(--field-text-color-error)}.field-input-disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled);cursor:not-allowed;opacity:.6}.field-input-textarea{resize:vertical;min-height:var(--field-textarea-min-height);height:auto}.field-error{font-size:var(--field-font-size-sm);color:var(--field-text-color-error);margin-top:4px}.field-options{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-options-horizontal{flex-direction:row;flex-wrap:wrap;gap:calc(var(--field-spacing) * 1.5) calc(var(--field-spacing) * 4)}.field-options-vertical{flex-direction:column}.field-option{display:flex;align-items:center;gap:calc(var(--field-spacing) * 1.25)}input[type=radio]{appearance:none;width:var(--field-choice-size);height:var(--field-choice-size);border:var(--line-width) solid var(--field-border-color);border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=radio]:checked{border-color:var(--field-accent-color);background-color:var(--field-accent-color);box-shadow:inset 0 0 0 var(--field-choice-inner-ring) var(--field-bg-color)}.field-radio,.field-checkbox{width:var(--field-choice-size);height:var(--field-choice-size);accent-color:var(--field-accent-color)}.field-single-checkbox{margin-bottom:0;align-items:flex-start;display:flex;align-items:center}.field-single-checkbox .field-option-text{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin-bottom:4px}.field-checkbox-label{font-size:var(--field-font-size);margin-bottom:0!important;color:var(--field-text-color-label);line-height:1}.custom-checkbox{width:var(--field-choice-size);height:var(--field-choice-size);font-size:var(--field-custom-checkbox-font-size);border:var(--line-width) solid var(--field-border-color);border-radius:calc(var(--field-border-radius) / 1.5);display:flex;align-items:center;justify-content:center;transition:var(--field-transition);flex-shrink:0;position:relative}.custom-checkbox.checked{background-color:var(--field-accent-color);border-color:var(--field-accent-color)}.custom-checkbox.disabled{opacity:.5;cursor:not-allowed}.custom-checkbox:not(.disabled):hover{border-color:var(--field-border-color-focus)}.custom-checkbox.checked:not(.disabled):hover{background-color:color-mix(in srgb,var(--field-accent-color) 80%,black)}.check-icon{width:var(--field-check-icon-size);height:var(--field-check-icon-size);color:var(--text-onstrong-color);stroke:currentColor;stroke-width:2}.field-multiple-container{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-multiple-row{display:flex;gap:var(--field-spacing);align-items:center}.field-input-multiple{flex:1}.field-remove-button{color:var(--field-remove-color);background:none;border:none;cursor:pointer;padding:var(--field-remove-button-padding)}.field-add-button{color:var(--field-accent-color);background:none;border:none;cursor:pointer;font-size:var(--field-font-size-sm);text-align:left;padding:0}@container (max-width: 767px){.field-add-button{font-size:var(--field-font-size)}}.field-add-button:hover{opacity:.8}.field-number-counter{display:flex;align-items:center;border:1px solid var(--field-border-color);border-radius:var(--field-border-radius);overflow:hidden;transition:var(--field-transition);background-color:var(--field-bg-color);color:var(--field-text-color)}.field-number-counter:focus-within{border-color:var(--field-border-color-focus);box-shadow:var(--field-shadow-focus)}.field-counter-button{display:flex;align-items:center;justify-content:center;width:auto;height:var(--field-height);background-color:var(--field-accent-color);color:var(--text-onstrong-color);border:none;cursor:pointer;font-size:var(--field-counter-font-size);font-weight:700;transition:var(--field-transition);aspect-ratio:1}.field-counter-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--field-accent-color) 80%,black)}.field-counter-button:disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled);cursor:not-allowed}.field-counter-input{flex:1;border:none;outline:none;text-align:center;font-size:var(--field-font-size);background:transparent;color:var(--field-text-color);height:var(--field-height)}.field-counter-input:disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled)}.field-counter-input::-webkit-outer-spin-button,.field-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-counter-input[type=number]{appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield}.field-dropdown-wrapper{position:relative;display:flex;align-items:center}.field-input-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--field-select-right-padding)}.field-dropdown-arrow{position:absolute;right:var(--field-dropdown-arrow-right);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--field-text-color);transition:var(--field-transition)}.field-input-select:focus+.field-dropdown-arrow{color:var(--field-accent-color)}.field-input-select:disabled+.field-dropdown-arrow{color:var(--field-text-color-disabled)}.field-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:calc(var(--field-spacing) * 1.5);max-width:320px}.field-color-option{position:relative;cursor:pointer}.field-color-radio{position:absolute;opacity:0;pointer-events:none}.field-color-swatch{width:40px;height:40px;border-radius:var(--field-border-radius);border:2px solid transparent;transition:var(--field-transition);position:relative}.field-color-swatch:hover{transform:scale(1.05)}.field-color-selected{border-color:var(--field-accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--field-accent-color) 30%,transparent)}.field-color-disabled{opacity:.6;cursor:not-allowed}.field-color-disabled:hover{transform:none}.field-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:calc(var(--field-spacing) * 1)}.field-image-option{position:relative;cursor:pointer}.field-image-radio{position:absolute;opacity:0;pointer-events:none}.field-image-preview{position:relative;border-radius:var(--field-border-radius);overflow:hidden;border:3px solid transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;aspect-ratio:4/3}.field-image-preview:hover{transform:scale(1.02)}.field-image-selected{border-color:var(--field-accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--field-accent-color) 30%,transparent)}.field-image-disabled{opacity:.6;cursor:not-allowed}.field-image-disabled:hover{transform:none}.field-image-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.field-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:8px;transform:translateY(100%);transition:var(--field-transition)}.field-image-overlay-always,.field-image-option:hover .field-image-overlay,.field-image-selected .field-image-overlay{transform:translateY(0)}.field-image-label{color:#fff;font-size:var(--field-font-size-sm);font-weight:500}.field-date-button{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:var(--field-bg-color);color:var(--field-text-color)}.field-date-button:hover{border-color:var(--field-border-color-focus)}.field-time-grid{display:grid;gap:calc(var(--field-spacing) * 1);max-height:300px;overflow-y:auto}.field-time-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.field-time-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-time-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-time-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-time-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.field-time-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.field-time-grid-compact{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--field-spacing);max-height:250px}.field-time-list{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 1.25);max-height:300px;overflow-y:auto}.field-time-list .field-time-option{width:100%}.field-time-list .field-time-slot{display:flex;align-items:center;text-align:left;white-space:normal;word-break:break-word;padding-inline:calc(var(--field-spacing) * 1.5);padding-block:var(--field-spacing)}.field-time-option{position:relative;cursor:pointer}.field-time-radio{position:absolute;opacity:0;pointer-events:none}.field-time-slot{padding:calc(var(--field-spacing) * 1.5) var(--field-spacing);border:1px solid var(--field-border-color);border-radius:var(--field-border-radius);text-align:center;font-size:var(--field-font-size-sm);transition:var(--field-transition);background-color:var(--field-bg-color);color:var(--field-text-color);height:var(--field-height);display:flex;align-items:center;justify-content:center;cursor:pointer}.field-time-slot-compact{padding:var(--field-spacing);font-size:12px}.field-time-slot:hover{border-color:var(--field-accent-color);background-color:color-mix(in srgb,var(--field-accent-color) 6%,var(--field-bg-color))}.field-time-selected{border-color:var(--field-accent-color)!important;background-color:var(--field-accent-color)!important;color:var(--text-onstrong-color)!important}.field-time-disabled{opacity:.4;cursor:not-allowed;background-color:var(--field-bg-disabled)}.field-time-disabled:hover{border-color:var(--field-border-color);background-color:var(--field-bg-disabled)}.field-datetime-container{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 1.5)}.field-datetime-container.field-datetime-container-inline{align-items:stretch}.field-datetime-container.field-datetime-container-inline.field-datetime-container-wide{flex-direction:row;align-items:flex-start}.field-datetime-container.field-datetime-container-inline.field-datetime-container-wide .field-datetime-section{flex:1;min-width:0}.field-datetime-section{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-datetime-section-label{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);font-weight:500}.field-inline-calendar{width:100%;padding:var(--field-inline-calendar-padding);border:1px solid var(--field-border-color);background-color:var(--field-bg-color);border-radius:var(--field-border-radius)}@container (max-width: 767px){.field-inline-calendar{padding-top:8px}}.field-inline-calendar .Calendar{width:100%!important;max-width:none!important;min-width:auto!important}[data-headlessui-state~=open]{z-index:160!important}@media (max-width: 767px){.field-time-grid,.field-time-grid-compact,.field-time-grid-cols-1,.field-time-grid-cols-2,.field-time-grid-cols-3,.field-time-grid-cols-4,.field-time-grid-cols-5,.field-time-grid-cols-6{grid-template-columns:1fr;gap:var(--field-spacing);max-height:250px}.field-time-list{max-height:250px}.field-datetime-container{gap:var(--field-spacing)}}.field-tag-container{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 1.5);margin-bottom:calc(var(--field-spacing) * 2)}.field-tag-hint{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin:-4px 0 0;opacity:.7;font-style:italic}.field-tags{display:flex;flex-wrap:wrap;gap:6px}.field-tag{display:flex;align-items:center;padding:4px 8px;border-radius:16px;font-size:var(--field-font-size-sm);background-color:color-mix(in srgb,var(--strong-color) 10%,transparent);color:var(--strong-color);border:1px solid color-mix(in srgb,var(--strong-color) 30%,transparent)}.field-tag-remove{margin-left:4px;color:var(--strong-color);background:none;border:none;cursor:pointer;font-size:var(--field-font-size-sm)}.field-tag-remove:hover{opacity:.7}.field-underline{border-bottom:1px solid var(--field-border-color);margin:16px 0}.field-underline-with-label{display:flex;align-items:center;gap:.75rem;margin:16px 0}.field-underline-line{flex:1;height:1px;background-color:var(--field-border-color)}.field-underline-text{font-size:var(--field-font-size);color:var(--field-text-color-label);white-space:nowrap}.field-headline{font-size:calc(var(--field-font-size-lg) * 1.125);font-weight:600;color:var(--field-text-color);line-height:1.25;margin:16px 0}.field-description{font-size:var(--field-font-size);color:color-mix(in oklab,var(--field-text-color-label) 78%,transparent);line-height:1.5;margin:16px 0;white-space:pre-line}.field-display-tight{margin-top:-1rem}@media (max-width: 767px){.field-multiple-row{flex-direction:column;align-items:stretch}.field-input-multiple{flex:none}}@media (max-width: 480px){.field-tags{flex-direction:column}}@media (prefers-reduced-motion: reduce){.field-input{transition:none}}.field-container-selected label{filter:brightness(1.1)}