.component-password-input{position:relative;width:100%}.component-password-input__wrapper{background:var(--surface-surface-container, #1e1e24);border-radius:var(--corner-radius-corner-ultrasmall, 8px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;height:64px;padding:9px 16px;position:relative;border:.125rem solid transparent;transition:all .3s ease}.component-password-input__field{padding:30px 0 9px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex:1;position:relative;background:transparent;border:none;outline:none;font-family:"STRUTT Modena 370";font-size:var(--body-body1fixed-font-size, 18px);line-height:var(--body-body1fixed-line-height, 150%);font-weight:var(--body-body1fixed-font-weight, 400);color:var(--surface-on-surface-variant, #b3b3ba);caret-color:var(--primary-primary-mode-1, #ECFDAC);box-sizing:border-box}.component-password-input__field::-ms-reveal,.component-password-input__field::-ms-clear{display:none!important}.component-password-input__field::-webkit-credentials-auto-fill-button,.component-password-input__field::-webkit-credentials-auto-fill-button:hover{display:none!important;visibility:hidden!important;pointer-events:none!important}.component-password-input__field::-moz-reveal{display:none!important}.component-password-input__field:focus{color:var(--surface-on-surface, #FFFFFF)}.component-password-input__wrapper:has(.component-password-input__toggle) .component-password-input__field{padding-right:52px}.component-password-input__wrapper:has(.component-password-input__error-icon) .component-password-input__field{padding-right:52px}.component-password-input__wrapper:has(.component-password-input__field:focus){border-color:var(--primary-primary-mode-1, #ECFDAC)}.component-password-input__wrapper:has(.component-password-input__field--error):not(:has(.component-password-input__field:focus)){border-color:var(--function-error-mode-1, #FFB4AB)}.component-password-input__wrapper:has(.component-password-input__field--error){border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-password-input__field:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important}.component-password-input__field--error{border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-password-input__field--error:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important}@media screen and (-webkit-min-device-pixel-ratio:0){.component-password-input__field{-webkit-appearance:none;appearance:none;-webkit-border-radius:var(--corner-radius-corner-ultrasmall, 8px);border-radius:var(--corner-radius-corner-ultrasmall, 8px);caret-color:var(--primary-primary-mode-1, #ECFDAC)!important;-webkit-text-fill-color:#FFFFFF}.component-password-input__field:focus{-webkit-box-shadow:none;box-shadow:none;border-color:var(--primary-primary-mode-1, #ECFDAC)!important;caret-color:var(--primary-primary-mode-1, #ECFDAC)!important}.component-password-input__field--error{border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-password-input__field--error:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)!important}}.component-password-input__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:var(--body-body1fixed-font-size, 18px);pointer-events:none;transition:all .3s ease;z-index:2;background-color:transparent;font-family:"STRUTT Modena 370";color:var(--surface-on-surface-variant, #b3b3ba);font-weight:var(--body-body1fixed-font-weight, 400);line-height:var(--body-body1fixed-line-height, 150%)}.component-password-input__label.is-float,.component-password-input__field:focus+.component-password-input__label,.component-password-input__field--has-value+.component-password-input__label{top:.5625rem;left:16px;transform:none;height:1.3125rem;display:flex;align-items:center;white-space:nowrap;color:var(--surface-on-surface-variant, #B3B3BA);font-size:var(--caption-cap1fixed-font-size, 14px);font-style:normal;font-weight:var(--caption-cap1fixed-font-weight, 400);line-height:var(--caption-cap1fixed-line-height, 150%)}.component-password-input .component-password-input__field:focus+.component-password-input__label,.component-password-input .component-password-input__field--has-value+.component-password-input__label,.component-password-input .component-password-input__label.is-float{top:.5625rem;left:16px;color:#b3b3ba;transform:none;height:1.3125rem;display:flex;align-items:center;white-space:nowrap;color:var(--surface-on-surface-variant, #B3B3BA);font-size:var(--caption-cap1fixed-font-size, 14px);font-style:normal;font-weight:var(--caption-cap1fixed-font-weight, 400);line-height:var(--caption-cap1fixed-line-height, 150%)}.component-password-input__field--has-value+.component-password-input__label{top:.5625rem;left:16px;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-cap1fixed-font-size, 14px);font-style:normal;font-weight:var(--caption-cap1fixed-font-weight, 400);line-height:var(--caption-cap1fixed-line-height, 150%)}.component-password-input__toggle{position:absolute;right:16px;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;align-items:center;justify-content:center;width:20px;height:20px}.component-password-input__toggle:hover{color:var(--surface-on-surface-variant-mode-1, #FFFFFF)}.component-password-input__toggle:focus{outline:none;color:var(--primary-primary-mode-1, #ECFDAC)}.component-password-input__icon{width:24px;height:24px;display:block;transition:filter .3s ease}.component-password-input__toggle:hover .component-password-input__icon{filter:brightness(0) saturate(100%) invert(1)}.component-password-input__toggle:focus .component-password-input__icon{filter:brightness(0) saturate(100%) invert(1) sepia(1) saturate(5) hue-rotate(60deg)}.component-password-input__error-icon{display:none;align-items:center;justify-content:center;width:20px;height:20px;color:var(--function-error-mode-1, #FFB4AB);position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:3}.component-password-input__error-icon img{width:20px;height:20px}.component-password-input__wrapper:has(.component-password-input__field--error) .component-password-input__error-icon{display:flex}.component-password-input__error{display:flex;align-items:center;margin-top:.25rem;margin-left:1rem;border-radius:.375rem;color:#ffb4ab;font-size:.875rem;animation:slideIn .3s ease;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%}.component-password-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-password-input__field:disabled{cursor:not-allowed;pointer-events:none;background-color:#1e1e24;color:#b3b3ba;border-color:#b3b3ba}.component-password-input__field:-webkit-autofill,.component-password-input__field:-webkit-autofill:hover,.component-password-input__field:-webkit-autofill:focus,.component-password-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}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-password-input.css.map */