:root{--form-control-height: 3rem;--form-control-border-width: var(--control-outline-width);--form-control-radius: 999px;--form-control-radius-multiline: var(--radius-large);--form-control-padding-inline: 1.25rem;--form-control-padding-block: .625rem;--form-control-gap: .5rem;--form-control-border: var(--color-foreground);--form-control-surface: var(--color-surface);--form-control-text: var(--color-foreground);--form-control-muted: var(--color-text-muted);--form-control-hover: var(--color-surface-warm);--form-control-error: var(--color-error-text);--form-choice-size: 1.875rem;--form-choice-dot-size: .75rem;--form-choice-radius: .375rem}.form-field{display:grid;gap:var(--form-control-gap);min-width:0}.form-field__label,.form-field>legend{font-family:var(--font-body-strong);font-size:var(--font-size-small);line-height:var(--line-height-ui);text-transform:uppercase;padding-inline:var(--form-control-padding-inline)}.form-field>legend{margin-bottom:var(--form-control-gap)}fieldset.form-field{border:0;padding:0;margin:0}.form-control{display:block;width:100%;min-width:0;min-height:var(--form-control-height);padding:var(--form-control-padding-block) var(--form-control-padding-inline);border:var(--form-control-border-width) solid var(--form-control-border);border-radius:var(--form-control-radius);background:var(--form-control-surface);color:var(--form-control-text);font-family:var(--field-font-family);font-weight:var(--field-font-weight);font-size:var(--font-size-ui);line-height:var(--line-height-ui);transition:border-color var(--motion-duration-fast) var(--motion-ease),background-color var(--motion-duration-fast) var(--motion-ease),color var(--motion-duration-fast) var(--motion-ease)}.form-control::placeholder{color:var(--form-control-muted);opacity:1}textarea.form-control{min-height:10rem;resize:vertical;border-radius:var(--form-control-radius-multiline);line-height:var(--line-height-body)}select.form-control{-webkit-appearance:none;appearance:none;padding-right:3.25rem;background-image:url(icon-form-chevron-down.svg);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem}.form-control:focus{border-color:var(--focus-field-border-color)}.form-control[aria-invalid=true]{border-color:var(--form-control-error)}.form-field:has(.form-control[aria-invalid=true])>.form-field__label{color:var(--form-control-error)}.form-control:disabled,.form-choice:has(input:disabled){opacity:.45;cursor:not-allowed}.form-control:read-only:not(button):not(select){background-color:var(--form-control-hover)}.form-field__hint,.form-field__error{margin:0;padding-inline:var(--form-control-padding-inline);font-size:var(--font-size-small);line-height:var(--line-height-body-compact);color:var(--form-control-muted)}.form-field__error{color:var(--form-control-error);display:flex;align-items:center;gap:.375rem}.form-field__error[hidden]{display:none}.form-field__error:before{content:"";width:1rem;height:1rem;flex-shrink:0;background:currentColor;-webkit-mask:url(icon-alert-circle.svg) center / contain no-repeat;mask:url(icon-alert-circle.svg) center / contain no-repeat}.form-choice{display:flex;align-items:center;gap:.75rem;position:relative;min-height:2.75rem;width:fit-content;cursor:pointer;font-size:var(--font-size-ui);line-height:var(--line-height-body-compact)}.form-choice input{position:absolute;width:1px;height:1px;opacity:0}.form-choice__indicator{display:grid;place-items:center;width:var(--form-choice-size);height:var(--form-choice-size);flex-shrink:0;border:var(--form-control-border-width) solid var(--form-control-border);background:var(--form-control-surface);border-radius:var(--form-choice-radius);transition:background-color var(--motion-duration-fast) var(--motion-ease),border-color var(--motion-duration-fast) var(--motion-ease)}.form-choice input[type=checkbox]+.form-choice__indicator:after{width:min(1.5rem,calc(var(--form-choice-size) - 2 * var(--form-control-border-width)));height:min(1.5rem,calc(var(--form-choice-size) - 2 * var(--form-control-border-width)));background:var(--form-control-text);-webkit-mask-image:url(icon-check-bold.svg);mask-image:url(icon-check-bold.svg)}.form-choice input[type=radio]+.form-choice__indicator{border-radius:50%}.form-choice__indicator:after{content:"";width:1.125rem;height:1.125rem;opacity:0;transform:scale(.75);background:var(--form-control-text);-webkit-mask:url(icon-check.svg) center / contain no-repeat;mask:url(icon-check.svg) center / contain no-repeat;transition:opacity var(--motion-duration-fast) var(--motion-ease),transform var(--motion-duration-fast) var(--motion-ease)}.form-choice input[type=radio]+.form-choice__indicator:after{width:var(--form-choice-dot-size);height:var(--form-choice-dot-size);border-radius:50%;-webkit-mask:none;mask:none}.form-choice input:checked+.form-choice__indicator:after,.form-choice input[type=checkbox]:indeterminate+.form-choice__indicator:after{opacity:1;transform:scale(1)}.form-choice input[type=checkbox]:indeterminate+.form-choice__indicator:after{width:calc(var(--form-choice-size) * .5);height:3px;-webkit-mask:none;mask:none}.form-choice input[aria-invalid=true]+.form-choice__indicator{border-color:var(--form-control-error)}.form-choice--card{width:100%;border:var(--form-control-border-width) solid var(--color-notice-text);border-radius:var(--radius-small);padding:.875rem .75rem;transition:border-color var(--motion-duration-fast) var(--motion-ease),background-color var(--motion-duration-fast) var(--motion-ease)}.form-choice--card:has(input:checked){border-color:var(--form-control-border)}.form-choice__copy{display:grid;gap:.25rem}.form-choice__copy small{font-size:var(--font-size-small);color:var(--form-control-muted)}@media(hover:hover){.form-choice:hover input:not(:disabled):not(:checked):not(:indeterminate)+.form-choice__indicator{background:var(--form-control-hover)}.form-select__option:not([aria-disabled=true]):hover{background:var(--form-control-hover)}}sparklys-select{display:block;position:relative;min-width:0}.form-select__trigger{position:relative;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;font-family:var(--field-font-family);font-weight:var(--field-font-weight);cursor:pointer}.form-select__trigger>span{text-box-trim:trim-both;text-box-edge:cap alphabetic}.form-select__trigger:after{content:"";width:1.5rem;height:1.5rem;flex-shrink:0;background:currentColor;-webkit-mask:url(icon-form-chevron-down.svg) center / contain no-repeat;mask:url(icon-form-chevron-down.svg) center / contain no-repeat;transition:transform var(--motion-duration-fast) var(--motion-ease)}.form-select__trigger[aria-expanded=true]:after{transform:rotate(180deg)}.form-select__menu{position:absolute;z-index:10;top:0;left:0;width:100%;padding:calc(var(--form-control-height) + .25rem) .375rem .375rem;border:var(--form-control-border-width) solid var(--form-control-border);border-radius:calc(var(--form-control-height) / 2);background:var(--form-control-surface);box-shadow:0 .5rem 1.5rem #00000014}.form-select__menu[hidden]{display:none}.form-select__list{max-height:var(--form-menu-max-height, 15rem);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:.25rem}sparklys-select[data-open]{z-index:20}sparklys-select[data-open] .form-select__trigger{z-index:11;border-color:transparent;background:transparent}.form-select__option{font-family:var(--field-font-family);font-weight:var(--field-font-weight);display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem .75rem;border-radius:var(--form-control-radius);cursor:pointer;font-size:var(--font-size-ui);line-height:var(--line-height-ui);transition:background-color var(--motion-duration-fast) var(--motion-ease)}.form-select__option:before{content:"";width:1.25rem;height:1.25rem;flex-shrink:0;background:currentColor;-webkit-mask:url(icon-check.svg) center / contain no-repeat;mask:url(icon-check.svg) center / contain no-repeat;opacity:0}.form-select__option[aria-selected=true]:before{opacity:1}.form-select__option[data-active]{background:var(--form-control-hover)}.form-select__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.form-select__native{position:absolute;inset:0 auto auto 0;min-height:0;padding:0;border:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}.form-choice input:focus-visible+.form-choice__indicator{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}html[data-focus-modality=pointer] .form-choice input:focus-visible+.form-choice__indicator{outline:none}@media(prefers-reduced-motion:reduce){.form-control,.form-choice__indicator,.form-choice__indicator:after,.form-choice--card,.form-select__trigger:after,.form-select__option{transition:none}}@media(forced-colors:active){.form-choice input:checked+.form-choice__indicator:after,.form-select__option[aria-selected=true]:before{background:CanvasText}.form-control:disabled{color:GrayText}}sparklys-select:has(.form-select__menu:not([hidden])){z-index:20}sparklys-select[data-placement=above] .form-select__menu{top:auto;bottom:0;padding:.375rem .375rem calc(var(--form-control-height) + .25rem)}@media(forced-colors:active){.form-choice input[type=checkbox]:is(:checked,:indeterminate)+.form-choice__indicator{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.form-choice input[type=checkbox]:is(:checked,:indeterminate)+.form-choice__indicator:after{background:CanvasText}}.form--inquiry{--form-control-border-width: 2px;--form-control-radius: var(--radius-small);--form-control-radius-multiline: var(--radius-small);--form-control-padding-inline: 1rem;--form-control-border: #c9c4b9;--form-control-muted: #786e5b;--form-control-surface: var(--color-surface);--form-choice-size: 1.5rem}.form--inquiry .form-field__label,.form--inquiry .form-field>legend{padding-inline:0;font-family:var(--font-body);font-size:var(--font-size-ui);text-transform:none}.form--inquiry :is(.form-field__hint,.form-field__error){padding-inline:0}.form--inquiry textarea.form-control{min-height:7.5rem}.form--inquiry .form-select__menu{border-radius:var(--form-control-radius)}.form--inquiry .form-select__option{border-radius:var(--radius-compact)}.form--inquiry .form-field__label{transition:color var(--motion-duration-fast) var(--motion-ease)}@media(prefers-reduced-motion:reduce){.form--inquiry .form-field__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/forms.css.map */