.aura-field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease}.aura-field--with-error{flex-wrap:wrap}.aura-field__input,.aura-customer .aura-field input{-webkit-appearance:none;appearance:none;flex-grow:1;width:100%;height:2.8125rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(4.375rem + var(--inputs-border-width) * 2);position:relative;margin:var(--inputs-border-width);padding:calc(var(--aura-spacing) * 3.75);border:0;border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:16px;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.4px;text-align:left;transition:box-shadow var(--duration-short) ease}.aura-field:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity))}.aura-field:after{pointer-events:none;content:"";position:absolute;inset:var(--inputs-border-width);z-index:1;border:1px solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease}.aura-field:hover.aura-field:after{box-shadow:0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)}.aura-field__input:focus,.aura-customer .aura-field input:focus{box-shadow:0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground));outline:0;border-radius:var(--inputs-radius)}.aura-field__label,.aura-customer .aura-field label{position:absolute;top:calc(var(--aura-spacing) * 2.5 + var(--inputs-border-width));left:calc(var(--inputs-border-width) + var(--aura-spacing) * 5);margin-bottom:0;pointer-events:none;color:rgba(var(--color-foreground),.75);font-size:16px;letter-spacing:1px;line-height:1.5;transition:top var(--duration-short) ease,font-size var(--duration-short) ease}.aura-field__input:focus~.aura-field__label,.aura-field__input:not(:placeholder-shown)~.aura-field__label,.aura-field__input:-webkit-autofill~.aura-field__label,.aura-customer .aura-field input:focus~label,.aura-customer .aura-field input:not(:placeholder-shown)~label,.aura-customer .aura-field input:-webkit-autofill~label{top:calc(var(--inputs-border-width) + var(--aura-spacing) * 1.25);left:calc(var(--inputs-border-width) + var(--aura-spacing) * 5);font-size:10px;letter-spacing:.4px}.aura-field__input:focus,.aura-field__input:not(:placeholder-shown),.aura-field__input:-webkit-autofill,.aura-customer .aura-field input:focus,.aura-customer .aura-field input:not(:placeholder-shown),.aura-customer .aura-field input:-webkit-autofill{padding:calc(var(--aura-spacing) * 5.5) calc(var(--aura-spacing) * 3.75) calc(var(--aura-spacing) * 2) calc(var(--aura-spacing) * 5);margin:var(--inputs-border-width)}.aura-field__input::-webkit-search-cancel-button,.aura-customer .aura-field input::-webkit-search-cancel-button{display:none}.aura-field__input::placeholder,.aura-customer .aura-field input::placeholder{opacity:0}.aura-field__button{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:calc(var(--aura-spacing) * 11);height:calc(var(--aura-spacing) * 11);padding:0;overflow:hidden;border:0;background-color:transparent;color:currentColor;cursor:pointer}.aura-field__button>.svg-wrapper{width:calc(var(--aura-spacing) * 6.25);height:calc(var(--aura-spacing) * 6.25)}.aura-field__input:-webkit-autofill~.aura-field__button,.aura-field__input:-webkit-autofill~.aura-field__label,.aura-customer .aura-field input:-webkit-autofill~label{color:#000}.aura-select{display:flex;position:relative;width:100%}.aura-select:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity))}.aura-select:after{pointer-events:none;content:"";position:absolute;inset:var(--inputs-border-width);z-index:1;border:1px solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease}.aura-select:hover.aura-select:after{box-shadow:0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)}.aura-select .svg-wrapper{height:.375rem;width:.625rem;pointer-events:none;position:absolute;top:calc(50% - var(--aura-spacing) * .5);right:0}.aura-select__select{-webkit-appearance:none;appearance:none;width:100%;height:2.8125rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(4.375rem + var(--inputs-border-width) * 2);position:relative;margin:var(--inputs-border-width);padding:0 calc(var(--inputs-border-width) + var(--aura-spacing) * 7.5) 0 calc(var(--aura-spacing) * 5);border:0;border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:12px;line-height:calc(1 + .6 / var(--font-body-scale));letter-spacing:.4px;cursor:pointer;transition:box-shadow var(--duration-short) ease}.aura-select__select:focus-visible,.aura-select__select:focus{box-shadow:0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground));outline:0;border-radius:var(--inputs-radius)}.text-area{display:flex;position:relative;width:100%;min-height:6.25rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);resize:none}@media(forced-colors:active){.aura-field__input:focus,.aura-customer .aura-field input:focus{outline:transparent solid 1px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/field.css.map */