html{font-size:16px}.component-text-input{position:relative;width:100%;--component-text-input-left: 16px;--component-text-input-right: 16px}.component-text-input__wrapper{position:relative;display:flex;align-items:center;border-radius:var(--radius-sm);overflow:hidden;-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));contain:paint}.component-text-input__field{background-color:#1e1e24;width:100%;height:64px;padding:1.75rem var(--component-text-input-right) .5625rem var(--component-text-input-left);border:.125rem solid transparent;border-radius:var(--radius-sm);transition:all .3s ease;outline:none;position:relative;z-index:1;box-sizing:border-box;caret-color:var(--primary-primary-mode-1, #ECFDAC)!important;color:var(--surface-on-surface, #FFF);font-family:"STRUTT Modena 370";font-size:18px;font-style:normal;font-weight:300;line-height:27px;text-decoration:none!important;background-image:none!important;-webkit-appearance:none;appearance:none;box-shadow:none;background-clip:padding-box;overflow:hidden;-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm))}.component-text-input__label{position:absolute;left:var(--component-text-input-left);top:50%;transform:translateY(-50%);font-size:var(--font-size-body-large);pointer-events:none;transition:all .3s ease;z-index:2;color:var(--surface-on-surface-variant, #B3B3BA);font-family:"STRUTT Modena 370",Arial,sans-serif;font-size:var(--Body-B1_fixed, 18px);font-style:normal;font-weight:300;line-height:150%}.component-text-input__label.is-float,.component-text-input__field:focus+.component-text-input__label,.component-text-input__field--has-value+.component-text-input__label,.component-text-input__field.not-placeholder-shown+.component-text-input__label,.component-text-input__label.not-placeholder-shown{top:.5625rem;left:var(--component-text-input-left);transform:none;margin-bottom:0;height:1.3125rem;display:flex;align-items:center;white-space:nowrap;color:var(--surface-on-surface-variant, #B3B3BA);font-size:var(--Caption-C1_fixed, 14px);font-style:normal;font-weight:300;line-height:150%}.component-text-input .component-text-input__field:focus+.component-text-input__label,.component-text-input .component-text-input__field--has-value+.component-text-input__label,.component-text-input .component-text-input__field.not-placeholder-shown+.component-text-input__label,.component-text-input .component-text-input__label.is-float,.component-text-input .component-text-input__label.not-placeholder-shown{top:.5625rem;left:18px;font-size:.875rem;line-height:1.3125rem;color:#b3b3ba;transform:none;padding:0;margin-bottom:0;height:1.3125rem;display:flex;align-items:center;white-space:nowrap;color:var(--surface-on-surface-variant, #B3B3BA);font-size:var(--Caption-C1_fixed, 14px);font-style:normal;font-weight:300;line-height:150%}.component-text-input__wrapper:has(.component-text-input__icon--left){--component-text-input-left: 44px}.component-text-input__optional{color:#999;font-size:.75rem;margin-left:.375rem}.component-text-input__field::placeholder{color:#bbb;opacity:1}.component-text-input__field:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important;box-shadow:none!important}.component-text-input__field--has-value:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important;box-shadow:none!important}.component-text-input--invalid .component-text-input__field:focus,.component-text-input--valid .component-text-input__field:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important;box-shadow:none!important}.component-text-input__field--error{border-color:var(--function-error-mode-1, #FFB4AB)!important;box-shadow:none!important}@media screen and (-webkit-min-device-pixel-ratio:0){.component-text-input__label{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.component-text-input__label.is-float,.component-text-input__field:focus+.component-text-input__label,.component-text-input__field--has-value+.component-text-input__label,.component-text-input__field.not-placeholder-shown+.component-text-input__label,.component-text-input__label.not-placeholder-shown{-webkit-transform:none;transform:none}}.component-text-input__field--error:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important;box-shadow:none!important}.component-text-input[data-force-error-on-focus=true] .component-text-input__field--error:focus{border-color:var(--function-error-mode-1, #FFB4AB)!important;box-shadow:none!important}@media screen and (-webkit-min-device-pixel-ratio:0){.component-text-input__field{-webkit-appearance:none;appearance:none;-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);caret-color:var(--primary-primary-mode-1, #ECFDAC)!important;-webkit-text-fill-color:#FFFFFF;background-color:#1e1e24!important}.component-text-input__field:focus{-webkit-box-shadow:none!important;box-shadow:none!important;border-color:var(--primary-primary-mode-1, #ECFDAC)!important;caret-color:var(--primary-primary-mode-1, #ECFDAC)!important}.component-text-input__field--error{box-shadow:none!important;border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-text-input__field--error:focus{box-shadow:none!important;border-color:var(--primary-primary-mode-1, #ECFDAC)!important}.component-text-input[data-force-error-on-focus=true] .component-text-input__field--error:focus{box-shadow:none!important;border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-text-input__label{top:50%!important;transform:translateY(-50%)!important}.component-text-input__label.is-float,.component-text-input__field:focus+.component-text-input__label,.component-text-input__field--has-value+.component-text-input__label,.component-text-input__field.not-placeholder-shown+.component-text-input__label,.component-text-input__label.not-placeholder-shown{top:.5625rem!important;transform:none!important}}.component-text-input__field:disabled{cursor:not-allowed;pointer-events:none;background-color:#1e1e24;color:#b3b3ba;border-color:#b3b3ba}.component-text-input__field[type=number]::-webkit-outer-spin-button,.component-text-input__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.component-text-input__field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.component-text-input__field:-webkit-autofill,.component-text-input__field:-webkit-autofill:hover,.component-text-input__field:-webkit-autofill:focus,.component-text-input__field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 60px var(--surface-surface-container, #1E1E24) inset!important;-webkit-text-fill-color:var(--surface-on-surface, #FFF)!important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--primary-primary, #ECFDAC)!important}.component-text-input__icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:#666}.component-text-input__icon svg{width:100%;height:100%}.component-text-input__wrapper:has(.component-text-input__icon) .component-text-input__field{padding-right:2.75rem}.component-text-input__dynamic-icons{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center}.component-text-input__clear-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--surface-on-surface-variant-mode-1, #B3B3BA);transition:all .3s ease;display:none;align-items:center;justify-content:center;width:24px;height:24px}.component-text-input__clear-btn.visible{display:flex}.component-text-input__clear-btn:hover{color:var(--surface-on-surface-variant-mode-1, #FFFFFF)}.component-text-input__clear-btn:focus{outline:none;color:var(--primary-primary-mode-1, #ECFDAC)}.component-text-input__clear-btn img{width:100%;height:100%;transition:filter .3s ease}.component-text-input__clear-btn:hover img{filter:brightness(0) saturate(100%) invert(1)}.component-text-input__clear-btn:focus img{filter:brightness(0) saturate(100%) invert(1) sepia(1) saturate(5) hue-rotate(60deg)}.component-text-input__error-icon{display:none;align-items:center;justify-content:center;width:24px;height:24px;color:var(--function-error-mode-1, #FFB4AB)}.component-text-input__error-icon img{width:100%;height:100%}.component-text-input__field--error+.component-text-input__wrapper .component-text-input__error-icon{display:flex}.component-text-input__error{display:flex;align-items:center;margin-top:8px;margin-left:16px;border-radius:12px;color:var(--function-error, #FFB4AB);font-family:"STRUTT Modena 370";font-size:var(--Caption-C1_fixed, 14px);font-style:normal;font-weight:300;line-height:150%;animation:slideIn .3s ease}.component-text-input__helper{margin-top:.25rem;margin-left:1rem;padding:0 .25rem;color:#666;font-size:.875rem;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}.component-text-input__password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:var(--surface-on-surface-variant-mode-1, #B3B3BA);transition:color .3s ease;z-index:3;display:none}.component-text-input__field[type=password]::-ms-reveal,.component-text-input__field[type=password]::-ms-clear{display:none!important}.component-text-input__field[type=password]::-webkit-credentials-auto-fill-button,.component-text-input__field[type=password]::-webkit-credentials-auto-fill-button:hover{display:none!important;visibility:hidden!important;pointer-events:none!important}.component-text-input__field[type=password]::-moz-reveal{display:none!important}.component-text-input__password-toggle:hover{color:var(--surface-on-surface-mode-1, #FFFFFF)}.component-text-input__password-toggle:focus{outline:none;color:var(--surface-on-surface-variant-mode-1, #B3B3BA)}.component-text-input__password-icon{width:1.25rem;height:1.25rem;transition:filter .3s ease}.component-text-input__wrapper:has(.component-text-input__password-toggle) .component-text-input__field{padding-right:3rem}.component-text-input__wrapper:has(.component-text-input__icon--right) .component-text-input__password-toggle{right:3rem}.component-text-input__wrapper:has(.component-text-input__dynamic-icons) .component-text-input__password-toggle{right:1rem}.component-text-input--validating .component-text-input__field{transition:all .3s ease}.component-text-input--valid .component-text-input__field{border-color:var(--primary-primary-mode-1, #ECFDACFF);box-shadow:none}.component-text-input--valid .component-text-input__label{color:var(--surface-on-surface-variant-mode-1, #B3B3BA)}.component-text-input--valid .component-text-input__field::placeholder{color:var(--surface-on-surface-variant-mode-1, #B3B3BA)}.component-text-input--valid .component-text-input__password-toggle{color:var(--surface-on-surface-variant-mode-1, #B3B3BA)}.component-text-input--valid .component-text-input__password-toggle:hover{color:var(--surface-on-surface-mode-1, #FFFFFF)}.component-text-input--valid .component-text-input__password-toggle:focus{color:var(--surface-on-surface-variant-mode-1, #B3B3BA)}.component-text-input--invalid .component-text-input__field{border-color:var(--function-error-mode-1, #FFB4AB);box-shadow:none}.component-text-input--valid .component-text-input__error-icon{color:var(--primary-primary-mode-1, #ECFDACFF)}.component-text-input--invalid .component-text-input__error-icon{color:var(--function-error-mode-1, #FFB4AB)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-text-input.css.map */