@layer components{.field{position:relative;display:flex;flex-direction:column;width:100%}.field__label{display:block;margin-block-end:var(--space-2xs);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:rgb(var(--color-foreground) / .72)}.field__label .required{color:rgb(var(--color-error));margin-inline-start:.15em}.field__input,.field__select,.field__textarea{width:100%;min-height:var(--input-min-height, 3rem);padding:.8125rem var(--space-sm);font-size:var(--text-base);line-height:1.4;color:rgb(var(--color-foreground));background-color:transparent;border:var(--border-width-input) solid rgb(var(--color-foreground) / .22);border-radius:var(--radius-input);-webkit-appearance:none;appearance:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.field__textarea{min-height:8rem;padding-block:var(--space-sm)}.field__input::placeholder,.field__textarea::placeholder{color:rgb(var(--color-foreground) / .4)}.field__input:hover,.field__select:hover,.field__textarea:hover{border-color:rgb(var(--color-foreground) / .4)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.field__input:focus-visible,.field__select:focus-visible,.field__textarea:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.field__input[disabled],.field__select[disabled],.field__textarea[disabled]{opacity:.5;cursor:not-allowed;background-color:rgb(var(--color-foreground) / .04)}.field__input:-webkit-autofill,.field__input:-webkit-autofill:hover,.field__input:-webkit-autofill:focus{-webkit-text-fill-color:rgb(var(--color-foreground));-webkit-box-shadow:0 0 0 100px rgb(var(--color-background)) inset;caret-color:rgb(var(--color-foreground))}.field--floating,.floating-labels .field:has(>.field__input[placeholder]),.floating-labels .field:has(>.field__textarea[placeholder]){justify-content:center}.field--floating>.field__label,.floating-labels .field:has(>.field__input[placeholder])>.field__label,.floating-labels .field:has(>.field__textarea[placeholder])>.field__label{position:absolute;inset-inline-start:var(--space-sm);inset-block-start:.9375rem;margin:0;padding-inline:.25rem;font-size:var(--text-base);font-weight:400;letter-spacing:var(--tracking-normal);color:rgb(var(--color-foreground) / .55);pointer-events:none;transform-origin:left top;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}[dir=rtl] .field--floating>.field__label,[dir=rtl] .floating-labels .field>.field__label{transform-origin:right top}.field--floating:has(>.field__textarea)>.field__label,.floating-labels .field:has(>.field__textarea[placeholder])>.field__label{inset-block-start:var(--space-sm)}.field--floating:has(>.field__input:focus)>.field__label,.field--floating:has(>.field__input:not(:placeholder-shown))>.field__label,.field--floating:has(>.field__textarea:focus)>.field__label,.field--floating:has(>.field__textarea:not(:placeholder-shown))>.field__label,.floating-labels .field:has(>.field__input[placeholder]:focus)>.field__label,.floating-labels .field:has(>.field__input[placeholder]:not(:placeholder-shown))>.field__label,.floating-labels .field:has(>.field__textarea[placeholder]:focus)>.field__label,.floating-labels .field:has(>.field__textarea[placeholder]:not(:placeholder-shown))>.field__label{transform:translateY(-1.5rem) scale(.75);color:rgb(var(--color-foreground) / .72);background-color:rgb(var(--color-background))}.field--floating>.field__input::placeholder,.field--floating>.field__textarea::placeholder,.floating-labels .field>.field__input[placeholder]::placeholder,.floating-labels .field>.field__textarea[placeholder]::placeholder{color:transparent}@media(prefers-reduced-motion:reduce){.field--floating>.field__label,.floating-labels .field>.field__label{transition:none}}.select{position:relative;display:block}.select .field__select{padding-inline-end:calc(var(--space-sm) + 1.5rem);cursor:pointer;text-overflow:ellipsis}.select__icon{position:absolute;inset-inline-end:var(--space-sm);inset-block-start:50%;width:.875rem;height:.875rem;transform:translateY(-50%);pointer-events:none;color:rgb(var(--color-foreground) / .6)}.field__help{margin-block-start:var(--space-3xs);font-size:var(--text-xs);color:rgb(var(--color-foreground) / .6)}.field__error{display:flex;align-items:flex-start;gap:var(--space-3xs);margin-block-start:var(--space-3xs);font-size:var(--text-xs);color:rgb(var(--color-error))}.field__error svg{width:.9375rem;height:.9375rem;margin-block-start:.1em}.field--error .field__input,.field--error .field__select,.field--error .field__textarea,.field__input[aria-invalid=true],.field__select[aria-invalid=true],.field__textarea[aria-invalid=true]{border-color:rgb(var(--color-error))}.field--error .field__input:focus,.field__input[aria-invalid=true]:focus{box-shadow:0 0 0 1px rgb(var(--color-error))}.form-message{display:flex;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);margin-block-end:var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-md);border-inline-start:2px solid currentColor}.form-message svg{width:1.125rem;height:1.125rem;flex-shrink:0;margin-block-start:.05em}.form-message--error{color:rgb(var(--color-error));background-color:rgb(var(--color-error) / .07)}.form-message--success{color:rgb(var(--color-success));background-color:rgb(var(--color-success) / .07)}.form-message--warning{color:rgb(var(--color-warning));background-color:rgb(var(--color-warning) / .07)}.form-message ul{margin:0;padding-inline-start:1.1em}.checkbox,.radio{display:inline-flex;align-items:flex-start;gap:var(--space-2xs);cursor:pointer;font-size:var(--text-sm);line-height:1.4}.checkbox__input,.radio__input{flex-shrink:0;width:1.125rem;height:1.125rem;margin:.1rem 0 0;-webkit-appearance:none;appearance:none;border:1px solid rgb(var(--color-foreground) / .35);background-color:transparent;cursor:pointer;display:grid;place-content:center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.checkbox__input{border-radius:var(--radius-sm)}.radio__input{border-radius:50%}.checkbox__input:before{content:"";width:.625rem;height:.625rem;transform:scale(0);transition:transform var(--duration-fast) var(--ease-spring);background-color:rgb(var(--color-button-text));clip-path:polygon(14% 44%,0 65%,40% 100%,100% 16%,84% 0,39% 68%)}.radio__input:before{content:"";width:.5rem;height:.5rem;border-radius:50%;transform:scale(0);transition:transform var(--duration-fast) var(--ease-spring);background-color:rgb(var(--color-button-text))}.checkbox__input:checked,.radio__input:checked{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.checkbox__input:checked:before,.radio__input:checked:before{transform:scale(1)}.checkbox__input:focus-visible,.radio__input:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.checkbox__input[disabled],.radio__input[disabled]{opacity:.45;cursor:not-allowed}.fieldset{display:flex;flex-direction:column;gap:var(--space-sm);min-inline-size:0}.fieldset__legend{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:rgb(var(--color-foreground) / .72);padding:0}.form-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}.form-grid--stack{grid-template-columns:1fr}.form-grid>.form-grid__full{grid-column:1 / -1}.form-inline{display:flex;gap:var(--space-2xs);align-items:stretch}.form-inline .field{flex:1 1 auto}.form-inline .button{flex:0 0 auto}@media(max-width:480px){.form-inline--stack-mobile{flex-direction:column}}.form-inline--joined{gap:0;border:var(--border-width-input) solid rgb(var(--color-foreground) / .22);border-radius:var(--radius-input);transition:border-color var(--duration-fast) var(--ease-out)}.form-inline--joined:focus-within{border-color:rgb(var(--color-foreground))}.form-inline--joined .field__input{border:0;border-radius:0;background:transparent}.form-inline--joined .field__input:focus{box-shadow:none}.form-inline--joined .button{border-radius:0;border:0}.quantity-field{display:inline-flex;flex-direction:column;gap:var(--space-2xs);position:relative}.quantity{display:inline-flex;align-items:center;border:var(--border-width-input) solid rgb(var(--color-foreground) / .22);border-radius:var(--radius-input);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.quantity:focus-within{border-color:rgb(var(--color-foreground))}.quantity__button{display:grid;place-content:center;width:2.75rem;height:var(--input-min-height, 3rem);color:rgb(var(--color-foreground));transition:opacity var(--duration-fast) var(--ease-out)}.quantity__button svg{width:.75rem;height:.75rem}@media(hover:hover)and (pointer:fine){.quantity__button:hover{opacity:.6}}.quantity__button[disabled]{opacity:.3;cursor:not-allowed}.quantity__input{width:2.5rem;height:var(--input-min-height, 3rem);padding:0;border:0;background:transparent;text-align:center;font-size:var(--text-sm);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input:focus{outline:none}.quantity--small .quantity__button{width:2.125rem;height:2.375rem}.quantity--small .quantity__input{height:2.375rem;width:2rem}.range{position:relative;height:2rem;display:flex;align-items:center}.range__track{position:absolute;inset-inline:0;height:2px;background-color:rgb(var(--color-foreground) / .18);border-radius:var(--radius-pill)}.range__fill{position:absolute;height:2px;background-color:rgb(var(--color-foreground));border-radius:var(--radius-pill)}.range__input{position:absolute;inset-inline:0;width:100%;height:2rem;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none}.range__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));box-shadow:var(--shadow-sm);cursor:grab;pointer-events:auto;transition:transform var(--duration-fast) var(--ease-out)}.range__input::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));box-shadow:var(--shadow-sm);cursor:grab;pointer-events:auto}.range__input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.15)}.range__input:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.range__input:focus-visible::-moz-range-thumb{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-form.css.map */