material-field{display:block;margin-bottom:1.6rem;position:relative}material-field:not(.material-select).has-error:after{content:"!";line-height:2rem;font-weight:700;display:flex;justify-content:center;align-self:center;color:var(--color-white);min-width:2rem;padding-left:.1rem;border-radius:50%;box-shadow:inset 0 0 0 1rem var(--color-error-b);position:absolute;top:1.7rem;right:1.2rem}.material-select ul{background-color:#fff;position:absolute;box-shadow:0 0 .3rem #000;top:5.7rem;left:.1rem;right:.1rem;height:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease-in-out;z-index:200}.material__select.is-open ul{height:fit-content;overflow-y:scroll;max-height:23.1rem;opacity:1;pointer-events:all}.material__select a{line-height:1;display:flex;align-items:center;min-height:4.2rem;padding-left:1.5rem}.material__select a.is-active,.material__select a:hover{background-color:#e6e6e6}material-field.has-error label{color:var(--color-error-b)}material-field.has-error label:after{content:"*"}.material-field__inner{background-color:var(--color-light-f4);display:flex;flex-direction:column;justify-content:flex-end;min-height:5.7rem;position:relative}material-field label{font-family:var(--font-open-sans);font-size:1.4rem;display:block;padding:1.8rem 1.2rem 0;position:absolute;top:0;left:0;transition:all var(--duration-default) ease;color:#000}material-field input,material-field textarea{font-size:1.6rem;font-family:var(--font-open-sans);line-height:1;background-color:transparent;display:block;width:100%;height:auto;padding:0 1.2rem 1rem;border:none;border-bottom:.1rem solid var(--color-black);margin-top:2.4rem;-webkit-appearance:none;appearance:none}material-field input::placeholder,material-field textarea::placeholder{color:transparent}material-field span{font-size:1.3rem;display:block;padding:.1rem 1.2rem}material-field select{font-size:1.7rem;line-height:2;background-color:transparent;padding:0 1.2rem;border:none;border-bottom:.1rem solid var(--color-black);-webkit-appearance:none;appearance:none;position:relative}material-field .select__icon{position:absolute;top:50%;right:1.5rem;transform:translate3d(0,-50%,0) rotate(180deg)!important;pointer-events:none;transition:transform var(--duration-default) ease-in-out}material-select.is-open~.select__icon{transform:translate3d(0,-50%,0) rotate(0)!important}material-select~label{pointer-events:none}material-field option{font-size:1.6rem;line-height:2;color:var(--color-dark-3);padding:0 .2rem .1rem}material-field.has-error input{border-bottom-color:var(--color-error-b)}material-field input:focus-visible,material-field textarea:focus-visible,material-field select:focus-visible{border-bottom:.2rem solid var(--color-black);margin-bottom:-.2rem;box-shadow:none;outline:none}material-field input:focus-visible~label,material-field input:not(:placeholder-shown)~label,material-field textarea:focus-visible~label,material-field textarea:not(:placeholder-shown)~label,material-field select~label,material-field .material__select.is-filled~label,material-field input:valid~label{transform:translate3d(0,-1.5rem,0)}material-field span{text-align:left}material-field input[required]~label:after,material-field select[required]~label:after{content:"*"}material-field input:-webkit-autofill,material-field input:-webkit-autofill:hover,material-field input:-webkit-autofill:focus,material-field textarea:-webkit-autofill,material-field textarea:-webkit-autofill:hover,material-field textarea:-webkit-autofill:focus,material-field select:-webkit-autofill,material-field select:-webkit-autofill:hover,material-field select:-webkit-autofill:focus{border:.1rem solid var(--color-light-f4);border-bottom:.1rem solid var(--color-black);-webkit-text-fill-color:var(--color-black);-webkit-box-shadow:0 0 0rem 100rem var(--color-light-f4) inset;box-shadow:0 0 0 100rem var(--color-light-f4) inset;transition:background-color 5000s ease-in-out 0s}
/*# sourceMappingURL=/cdn/shop/t/1449/assets/component-material-field.css.map */