.field__input,.select__select,.customer .field input,.customer select{-webkit-appearance:none;appearance:none;background:var(--color-input-background);color:var(--color-input-text);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-input-size, var(--font-body--size));width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:4rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));position:relative;border:0}.field:before,.select:before,.customer .field:before,.customer select:before,.input--primary:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) var(--color-shadow);z-index:-1}.field:after,.select:after,.customer .field:after,.customer select:after,.input--primary:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) var(--color-foreground);transition:box-shadow var(--duration-short) ease;z-index:1}.select__select{font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-75))}.field__input:focus-visible,.select__select:focus-visible,.customer .field input:focus-visible,.customer select:focus-visible{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) var(--color-foreground);outline:0;border-radius:var(--inputs-radius)}.text-area,.select{display:flex;position:relative;width:100%}.input--primary.active:after,.input--primary:focus-visible,.input--primary:focus{background:rgb(var(--quantity-color-background) / var(--opacity-10));-webkit-background:rgb(var(--quantity-color-background) / var(--opacity-10));box-shadow:none}@media(hover:hover){.input--primary:hover:after{background:rgb(var(--quantity-color-background) / var(--opacity-10));-webkit-background:rgb(var(--quantity-color-background) / var(--opacity-10));box-shadow:none}}.select .svg-wrapper,.customer select+.svg-wrapper{height:.6rem;pointer-events:none;position:absolute;top:calc(50% - .2rem);right:calc(var(--inputs-border-width) + 1.5rem)}.select__select,.customer select{cursor:pointer;padding:0 calc(var(--inputs-border-width) + 3.5rem) 0 1rem;min-height:calc(var(--inputs-border-width) * 2)}.field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease}.customer .field{display:flex}.field--with-error{flex-wrap:wrap}.field__input,.customer .field input{flex-grow:1;text-align:left;padding:1rem;margin:var(--inputs-border-width);transition:box-shadow var(--duration-short) ease}.field__label,.customer .field label{font-size:var(--font-label-size, 1.2rem);left:1rem;top:50%;transform:translateY(-50%);margin-bottom:0;pointer-events:none;position:absolute;color:rgb(var(--color-foreground-rgb) / var(--opacity-75));transition:top var(--duration-medium) var(--ease-out-cubic),left var(--duration-medium) var(--ease-out-cubic),font-size var(--duration-medium) var(--ease-out-cubic),letter-spacing var(--duration-medium) var(--ease-out-cubic)}@media(hover:hover){.field__input:hover~.field__label,.customer .field input:hover~label{letter-spacing:.15rem}}.field__input:placeholder-shown~.field__label{color:var(--color-input-text)}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{font-size:var(--font-size--3xs);top:calc(var(--inputs-border-width) + .2rem);transform:none;left:1.5rem;letter-spacing:.04rem;color:var(--color-input-text)}.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill{padding:1.5rem 0 0 1rem;margin:var(--inputs-border-width)}.field__input::-webkit-search-cancel-button,.customer .field input::-webkit-search-cancel-button{display:none}.field__button{align-items:center;background-color:transparent;border:0;color:var(--color-primary-button-text);cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:var(--minimum-touch-target)}.field__button>.svg-wrapper{height:2.5rem;width:2.5rem}.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label,.customer .field input:-webkit-autofill~label{color:#000}.text-area{font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);min-height:10rem;resize:none}.form__label{display:block;margin-bottom:.6rem}.form__message{align-items:center;display:flex;font-size:var(--font-size--sm);line-height:1;margin-top:1rem}.form__message--large{font-size:var(--font-size--md)}.customer .field .form__message{font-size:var(--font-size--sm);text-align:left}.form__message .icon,.customer .form__message .svg-wrapper{flex-shrink:0;height:1.3rem;margin-inline-end:.5rem;width:1.3rem}.form__message--large .icon,.customer .form__message .svg-wrapper{height:1.5rem;width:1.5rem;margin-inline-end:1rem}.customer .field .form__message .svg-wrapper{align-self:start}.form-status{margin:0;font-size:var(--font-size--md)}.form-status-list{padding:0;margin:2rem 0 4rem}.form-status-list li{list-style-position:inside}.form-status-list .link:first-letter{text-transform:capitalize}.form-shell{--form-gap: 1.6rem;--form-row-gap: 1.6rem;--form-control-height: 5.4rem;--form-control-padding-x: 1.8rem;--form-control-padding-y: var(--padding-md);--form-control-radius: max(var(--inputs-radius), var(--style-border-radius-sm));--form-control-border-width: .1rem;--form-control-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-15));--form-control-background: var(--color-input-background);--form-control-color: var(--color-input-text);--form-control-focus-color: var(--color-foreground);--form-control-shadow: 0 .6rem 1.8rem rgb(var(--color-shadow-rgb) / .04);--form-control-hover-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-25));--form-control-focus-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-30));--form-control-hover-shadow: 0 .8rem 2.2rem rgb(var(--color-shadow-rgb) / .055);--form-control-focus-shadow: 0 0 0 .2rem rgb(var(--color-foreground-rgb) / .08), 0 .8rem 2.2rem rgb(var(--color-shadow-rgb) / .055);--form-control-error-shadow: 0 0 0 .1rem rgb(220 53 69 / .12);--form-label-color: rgb(var(--color-foreground-rgb) / var(--opacity-75));--form-message-color: rgb(var(--color-foreground-rgb) / var(--opacity-75));--form-error-color: var(--color-error-text);--form-success-color: var(--color-success-text);--form-state-background: rgb(var(--color-background-rgb) / .78);display:flex;flex-direction:column;gap:var(--form-gap)}.form-row{display:flex;flex-wrap:wrap;gap:var(--form-row-gap);width:100%}.form-group{display:flex;flex:1 1 min(100%,var(--form-group-basis, 24rem));flex-direction:column;gap:var(--form-group-gap, var(--padding-xs));min-width:0;width:var(--form-group-width, auto)}.form-label{color:var(--form-label-color);font-size:var(--font-size--sm);font-weight:600;line-height:var(--line-height--body-tight)}.form-label__required{color:var(--form-error-color);margin-inline-start:.2rem}:is(.form-control,.drawer__form-field input,.search-block__input){outline:0!important;outline-offset:0;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,background-color var(--duration-short) ease}:is(.form-control,.drawer__form-field input,.search-block__input):hover{border-color:var(--form-control-hover-border-color);box-shadow:var(--form-control-hover-shadow)}:is(.form-control,.drawer__form-field input,.search-block__input):focus,:is(.form-control,.drawer__form-field input,.search-block__input):focus-visible{border-color:var(--form-control-focus-border-color);box-shadow:var(--form-control-focus-shadow);outline:0!important;outline-offset:0}:is(.form-control,.drawer__form-field input,.search-block__input)[aria-invalid=true]{border-color:var(--form-error-color);box-shadow:var(--form-control-error-shadow)}.form-control{box-sizing:border-box;width:100%;min-height:var(--form-control-height);padding:var(--form-control-padding-y) var(--form-control-padding-x);border:var(--form-control-border-width) solid var(--form-control-border-color);border-radius:var(--form-control-radius);background:var(--form-control-background);color:var(--form-control-color);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-input-size, var(--font-body--size));line-height:var(--line-height--body-tight);box-shadow:var(--form-control-shadow)}.form-control::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-55));opacity:1}.form-control:disabled,.form-control[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-50)}.form-control--textarea{min-height:var(--textarea-height, var(--input-textarea-min-height));padding-block:var(--form-control-padding-y);resize:vertical}.form-control--select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-inline-end:calc(var(--form-control-padding-x) + 2.4rem)}.form-group--error .form-control,.form-control[aria-invalid=true]{border-color:var(--form-error-color);box-shadow:var(--form-control-error-shadow)}.form-message{display:flex;align-items:flex-start;gap:var(--gap-xs);width:100%;padding:1.2rem 1.4rem;border:.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-10));border-radius:var(--style-border-radius-sm);background:var(--form-state-background);color:var(--form-message-color);font-size:var(--font-size--sm);line-height:var(--line-height--body-tight);box-shadow:0 .6rem 1.6rem rgb(var(--color-shadow-rgb) / .04)}.form-message--error{border-color:#dc354538;background:#dc35450f;color:var(--form-error-color)}.form-message--success{border-color:#28a74538;background:#28a7450f;color:var(--form-success-color)}.form-choice{display:flex;align-items:flex-start;gap:1rem;color:var(--color-foreground)}.form-choice__control{flex:0 0 auto}.form-choice__label{align-items:flex-start;min-width:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-75));font-size:var(--font-size--sm);line-height:var(--line-height--body-tight)}.form-choice__label svg{flex:0 0 auto}.form-choice.checkbox{--checkbox-border-radius: max(var(--inputs-radius), .4rem)}.form-choice.checkbox .icon-checkmark{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-30));background:var(--form-control-background);box-shadow:0 .3rem .8rem rgb(var(--color-shadow-rgb) / .035);transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.form-choice.checkbox:has(>.checkbox__input:checked) .icon-checkmark{box-shadow:0 .4rem 1rem rgb(var(--color-shadow-rgb) / .08)}@media screen and (max-width:749px){.form-shell{--form-gap: 1.2rem;--form-row-gap: 1.2rem;--form-control-height: 5rem;--form-control-padding-x: 1.5rem}.form-row{flex-direction:column}}.field:not(.share-button__fallback .field):has(>.field__input),.customer .field:has(>input){--field-modern-height: var(--form-control-height, 5.4rem);--field-modern-radius: var(--form-control-radius, max(var(--inputs-radius), var(--style-border-radius-sm)));--field-modern-border-color: var(--form-control-border-color, rgb(var(--color-foreground-rgb) / var(--opacity-15)));--field-modern-shadow: var(--form-control-shadow, 0 .8rem 2.4rem rgb(var(--color-shadow-rgb) / .06));border-radius:var(--field-modern-radius)}.field:not(.share-button__fallback .field):has(>.field__input):before,.customer .field:has(>input):before{border-radius:var(--field-modern-radius);box-shadow:var(--field-modern-shadow)}.field:not(.share-button__fallback .field):has(>.field__input):after,.customer .field:has(>input):after{top:0;right:0;bottom:0;left:0;border:.1rem solid var(--field-modern-border-color);border-radius:var(--field-modern-radius);box-shadow:none;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.field:not(.share-button__fallback .field)>.field__input,.customer .field>input{min-height:var(--field-modern-height);margin:0;padding:1.8rem 1.8rem .8rem;border-radius:var(--field-modern-radius);box-shadow:none;outline:0!important}.field:not(.share-button__fallback .field)>.field__input:focus,.field:not(.share-button__fallback .field)>.field__input:not(:placeholder-shown),.field:not(.share-button__fallback .field)>.field__input:-webkit-autofill{margin:0;padding:1.8rem 1.8rem .8rem;box-shadow:none;outline:0!important}.field:not(.share-button__fallback .field):has(>.field__input:hover):after,.customer .field:has(>input:hover):after{border-color:var(--form-control-hover-border-color);box-shadow:var(--form-control-hover-shadow)}.field:not(.share-button__fallback .field):has(>.field__input:focus-visible):after,.customer .field:has(>input:focus-visible):after{border-color:var(--form-control-focus-border-color);box-shadow:var(--form-control-focus-shadow)}.field:not(.share-button__fallback .field):has(>.field__input[aria-invalid=true]):after,.customer .field:has(>input[aria-invalid=true]):after,.customer .field.field--error:after{border-color:var(--form-error-color, var(--color-error-text));box-shadow:var(--form-control-error-shadow)}.field:not(.share-button__fallback .field)>.field__label{left:1.8rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-55));font-weight:500}.field:not(.share-button__fallback .field)>.field__input:focus~.field__label,.field:not(.share-button__fallback .field)>.field__input:not(:placeholder-shown)~.field__label,.field:not(.share-button__fallback .field)>.field__input:-webkit-autofill~.field__label{top:.9rem;left:1.8rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-75));font-weight:600;letter-spacing:0}.customer .field>label{color:var(--form-label-color, rgb(var(--color-foreground-rgb) / var(--opacity-75)));font-size:var(--font-label-size, var(--font-size--sm));font-weight:600}@media(max-width:1024px){.field__input{padding-top:13px;padding-bottom:13px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-form.css.map */