@layer components{.form{display: grid;gap: var(--mn-space-m);}.form__fields{display: grid;gap: var(--mn-space-m);}.form--cols .form__fields{grid-template-columns: repeat(auto-fit,minmax(min(15rem,100%),1fr));}.form--cols :where(.field--wide,.field--group,.field--check){grid-column: 1 / -1;}.form__note,.form__footnote{color: var(--mn-text-muted);font-size: var(--mn-fs--1);}.form__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--mn-space-s);}.form__notice{display: flex;align-items: flex-start;gap: 0.375rem;color: var(--mn-text-2);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-semibold);}.form__notice .mn-icon{margin-block-start: 0.15em;color: var(--mn-info);}.field{display: grid;gap: 0.375rem;align-content: start;min-inline-size: 0;}.field__label{color: var(--mn-text);font-weight: var(--mn-fw-semibold);line-height: var(--mn-lh-ui);}legend.field__label{margin-block-end: 0.375rem;}.field__sublabel{display: block;margin-block-end: 0.375rem;color: var(--mn-text-2);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-semibold);}.field__req{margin-inline-start: 0.25rem;color: var(--mn-danger-text);}.field__opt{color: var(--mn-text-muted);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-regular);}.field__help{color: var(--mn-text-muted);font-size: var(--mn-fs--1);}.field__help--hours{display: flex;align-items: flex-start;gap: 0.375rem;margin-block-end: 0.5rem;}.field__help--hours .mn-icon{margin-block-start: 0.15em;color: var(--mn-accent-text);}.field__error{display: flex;align-items: flex-start;gap: 0.375rem;color: var(--mn-danger-text);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-semibold);}.field__error .mn-icon{margin-block-start: 0.15em;}.input{display: block;inline-size: 100%;min-block-size: 3rem;padding: 0.625rem 0.875rem;border: 1px solid var(--mn-border-strong);border-radius: var(--mn-radius-xs);background: var(--mn-surface);color: var(--mn-text);font-size: max(1rem,var(--mn-fs-0));line-height: var(--mn-lh-ui);transition: border-color var(--mn-dur-fast),box-shadow var(--mn-dur-fast);}.input:hover{border-color: var(--mn-text-2);}.input:focus-visible{outline: var(--mn-focus-width) solid var(--mn-focus);outline-offset: 0;border-color: var(--mn-focus);}.input::placeholder{color: var(--mn-text-muted);opacity: 1;}[dir="rtl"] .input[dir="ltr"]{text-align: end;}.input--area{min-block-size: 8.5rem;resize: vertical;}.input[aria-invalid="true"],.field--group[data-invalid] :is(.radio-card,.slot__label,.segmented),.field--group[data-invalid] .input{border-color: var(--mn-danger);}.input[aria-invalid="true"]{border-inline-start-width: 4px;}[dir="rtl"] .input[dir="ltr"][aria-invalid="true"]{border-inline-start-width: 1px;border-inline-end-width: 4px;}.select{position: relative;display: block;}.select select{appearance: none;padding-inline-end: 2.75rem;cursor: pointer;}.select__icon{position: absolute;inset-inline-end: 0.875rem;inset-block-start: 50%;translate: 0 -50%;pointer-events: none;color: var(--mn-text-2);}.input-wrap{position: relative;display: block;}.input-wrap .input{padding-inline-end: 3rem;}.input-wrap__btn{position: absolute;inset-inline-end: 0.125rem;inset-block-start: 50%;translate: 0 -50%;}.choices{display: grid;gap: 0.5rem;}.choice{display: flex;align-items: flex-start;gap: 0.75rem;}.choice label{display: grid;gap: 0.125rem;cursor: pointer;}.choice__help{color: var(--mn-text-muted);font-size: var(--mn-fs--1);}.choice input,.field--check input{flex: none;inline-size: 1.25rem;block-size: 1.25rem;margin-block-start: 0.2em;accent-color: var(--mn-primary);cursor: pointer;}.field--check .choice label{display: block;color: var(--mn-text);}.hp{position: absolute !important;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}.radio-cards{display: grid;gap: var(--mn-space-xs);grid-template-columns: repeat(auto-fit,minmax(min(15rem,100%),1fr));}.radio-card{position: relative;display: flex;align-items: flex-start;gap: var(--mn-space-xs);padding: var(--mn-space-s);border: 1px solid var(--mn-border-strong);border-radius: var(--mn-radius-sm);background: var(--mn-surface);cursor: pointer;transition: border-color var(--mn-dur-fast),background-color var(--mn-dur-fast);}.radio-card:hover{border-color: var(--mn-text-2);}.radio-card__input,.segmented__input,.slot__input{position: absolute;inline-size: 1px;block-size: 1px;opacity: 0;margin: 0;}.radio-card:has(:checked){border-color: var(--mn-primary);outline: 1px solid var(--mn-primary);outline-offset: -2px;background: color-mix(in srgb,var(--mn-accent-tint) 55%,var(--mn-surface));}.radio-card:has(:focus-visible){outline: var(--mn-focus-width) solid var(--mn-focus);outline-offset: var(--mn-focus-offset);}.radio-card__body{display: grid;gap: 0.25rem;flex: 1;min-inline-size: 0;}.radio-card__icon{color: var(--mn-accent-text);margin-block-end: 0.25rem;}.radio-card__icon .mn-icon{inline-size: 1.5rem;block-size: 1.5rem;}.radio-card__title{font-weight: var(--mn-fw-semibold);line-height: var(--mn-lh-ui);}.radio-card__help,.radio-card__detail{color: var(--mn-text-muted);font-size: var(--mn-fs--1);}.radio-card__price{margin-block-start: 0.25rem;font-family: var(--mn-font-display);font-size: var(--mn-fs-1);font-weight: var(--mn-fw-display);color: var(--mn-accent-text);}.radio-card__check{display: grid;place-items: center;flex: none;inline-size: 1.5rem;block-size: 1.5rem;border: 1px solid var(--mn-border-strong);border-radius: 50%;color: transparent;}.radio-card__check .mn-icon{inline-size: 1rem;block-size: 1rem;}.radio-card:has(:checked) .radio-card__check{background: var(--mn-primary);border-color: var(--mn-primary);color: var(--mn-on-primary);}.segmented{position: relative;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(8.5rem,100%),1fr));gap: 0.25rem;padding: 0.25rem;border: 1px solid var(--mn-border-strong);border-radius: var(--mn-radius-sm);background: var(--mn-surface);}.segmented__label{display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-block-size: 2.75rem;padding: 0.5rem 0.75rem;border-radius: var(--mn-radius-xs);color: var(--mn-text-2);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-semibold);line-height: var(--mn-lh-ui);text-align: center;cursor: pointer;transition: background-color var(--mn-dur-fast),color var(--mn-dur-fast);}.segmented__label:hover{color: var(--mn-text);background: color-mix(in srgb,var(--mn-text) 6%,transparent);}.segmented__input:checked + .segmented__label{background: var(--mn-primary);color: var(--mn-on-primary);}.segmented__input:focus-visible + .segmented__label,.slot__input:focus-visible + .slot__label{outline: var(--mn-focus-width) solid var(--mn-focus);outline-offset: var(--mn-focus-offset);}.datetime{display: grid;gap: var(--mn-space-m);grid-template-columns: repeat(auto-fit,minmax(min(15rem,100%),1fr));align-items: start;}.slot-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(5.25rem,1fr));gap: 0.5rem;}.slot{position: relative;}.slot__label{display: flex;align-items: center;justify-content: center;min-block-size: 2.75rem;border: 1px solid var(--mn-border-strong);border-radius: var(--mn-radius-xs);background: var(--mn-surface);font-weight: var(--mn-fw-semibold);cursor: pointer;transition: background-color var(--mn-dur-fast),border-color var(--mn-dur-fast);}.slot__label:hover{border-color: var(--mn-text-2);}.slot__input:checked + .slot__label{background: var(--mn-primary);border-color: var(--mn-primary);color: var(--mn-on-primary);}.slot__input:disabled + .slot__label{opacity: 0.45;text-decoration: line-through;cursor: not-allowed;}.slot-grid__empty{margin-block-start: 0.5rem;color: var(--mn-text-muted);font-size: var(--mn-fs--1);}.stepper-wrap{container: stepper / inline-size;display: grid;gap: var(--mn-space-xs);}.stepper__count{color: var(--mn-text-muted);font-size: var(--mn-fs--1);font-weight: var(--mn-fw-semibold);}.stepper{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: 0.375rem;margin: 0;padding: 0;list-style: none;}.stepper__step{display: grid;justify-items: start;gap: 0.5rem;padding-block-start: 0.75rem;border-block-start: 3px solid var(--mn-border);color: var(--mn-text-muted);font-size: var(--mn-fs--1);line-height: var(--mn-lh-ui);}.stepper__title{overflow-wrap: break-word;hyphens: auto;}.stepper__step.is-done{border-color: var(--mn-accent);color: var(--mn-text-2);}.stepper__step.is-current{border-color: var(--mn-primary);color: var(--mn-text);font-weight: var(--mn-fw-semibold);}.stepper__num{display: grid;place-items: center;inline-size: 1.75rem;block-size: 1.75rem;border: 1px solid currentColor;border-radius: 50%;font-size: 0.8125rem;}.stepper__num .mn-icon{inline-size: 1rem;block-size: 1rem;}.is-done .stepper__num{border-color: var(--mn-accent);color: var(--mn-accent-text);}.is-current .stepper__num{background: var(--mn-primary);border-color: var(--mn-primary);color: var(--mn-on-primary);}@container stepper (max-width: 34rem){.stepper__title{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}}.error-summary{display: grid;gap: 0.5rem;padding: var(--mn-space-s) var(--mn-space-m);border: 1px solid var(--mn-danger);border-inline-start-width: 5px;border-radius: var(--mn-radius-sm);background: var(--mn-danger-tint);color: var(--mn-danger-text);}.error-summary__title{font-weight: var(--mn-fw-semibold);}.error-summary__list{display: grid;gap: 0.25rem;margin: 0;padding-inline-start: 1.25em;}.error-summary a{color: var(--mn-danger-text);font-weight: var(--mn-fw-semibold);}.form-status:empty{display: none;}.status-panel{--sp: var(--mn-info);--sp-tint: var(--mn-info-tint);display: flex;align-items: flex-start;gap: var(--mn-space-s);padding: var(--mn-space-m);border: 1px solid var(--sp);border-inline-start-width: 4px;border-radius: var(--mn-radius-sm);background: var(--sp-tint);color: var(--mn-text);}.status-panel + .status-panel{margin-block-start: var(--mn-space-s);}.status-panel--success{--sp: var(--mn-success);--sp-tint: var(--mn-success-tint);}.status-panel--error{--sp: var(--mn-danger);--sp-tint: var(--mn-danger-tint);}.status-panel--offline{--sp: var(--mn-warning);--sp-tint: var(--mn-warning-tint);}.status-panel__icon{flex: none;display: grid;place-items: center;inline-size: 2rem;block-size: 2rem;color: var(--sp);}.status-panel__icon .mn-icon{inline-size: 1.75rem;block-size: 1.75rem;}.status-panel__body{display: grid;gap: 0.625rem;min-inline-size: 0;}.status-panel__title{font-weight: var(--mn-fw-semibold);font-size: var(--mn-fs-1);line-height: var(--mn-lh-ui);}.status-panel__note,.status-panel__lead{color: var(--mn-text-2);font-size: var(--mn-fs--1);}.status-panel:focus-visible{outline-offset: 3px;}.spinner{inline-size: 1.5rem;block-size: 1.5rem;border: 2px solid currentColor;border-inline-end-color: transparent;border-radius: 50%;animation: mn-spin 0.9s linear infinite;}@keyframes mn-spin{to{rotate: 360deg;}}@media (prefers-reduced-motion: reduce){.spinner{animation: none;}}}
