html{--color-foreground: 18, 18, 18;--inputs-border-width: 1px;--search-button-width: 45px;--search-button-icon-size: 18px;--color-background: 255, 255, 255;--popup-border-width: 1px;--popup-border-opacity: .1;--popup-corner-radius: 0;--popup-shadow-opacity: .05;--popup-shadow-horizontal-offset: 0;--popup-shadow-vertical-offset: 4px;--popup-shadow-blur-radius: 5px;--font-body-scale: 1;--font-heading-scale: 1;--duration-short: .1s;font-size:calc(var(--font-body-scale) * 62.5%)}.field__input,.form__label{font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem}.field__input{position:relative;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:1.6rem;width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));border:0;-webkit-appearance:none;appearance:none}.field:before{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));pointer-events:none}.field: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);z-index:1;border:.1rem 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}.field:hover.field:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)}.field__input:focus-visible{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));outline:0;border-radius:var(--inputs-radius)}.field__input:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));outline:0;border-radius:var(--inputs-radius)}.field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease}.field--with-error{flex-wrap:wrap}.field__input{flex-grow:1;text-align:left;padding:1.5rem;transition:box-shadow var(--duration-short) ease}.field__label{position:absolute;left:calc(var(--inputs-border-width) + 2rem);top:calc(1rem + var(--inputs-border-width));font-size:1.6rem;margin-bottom:0;pointer-events:none;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;color:rgba(var(--color-foreground),.75);letter-spacing:.1rem;line-height:1.5}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{font-size:1rem;top:calc(var(--inputs-border-width) + .5rem);left:calc(var(--inputs-border-width) + 2rem);letter-spacing:.04rem}.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill{padding:2.2rem 1.5rem .8rem 2rem!important}.field__input::-webkit-search-cancel-button{display:none}.field__input::placeholder{opacity:0}.field__button{position:absolute;right:0;top:0;align-items:center;background-color:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4.4rem;justify-content:center;overflow:hidden;padding:0;width:4.4rem}.field__button>svg{height:2.5rem;width:2.5rem}.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label{color:#000}.form__label{display:block;margin-bottom:.6rem}.form__message{align-items:center;display:flex;font-size:1.4rem;line-height:1;margin-top:1rem}.form__message--large{font-size:1.6rem}.form__message .icon{flex-shrink:0;height:1.3rem;margin-right:.5rem;width:1.3rem}.form__message--large .icon{height:1.5rem;width:1.5rem;margin-right:1rem}.form-status{margin:0;font-size:1.6rem}.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}
/*# sourceMappingURL=/cdn/shop/t/295/assets/component-form.css.map */
