:root{--s-password-input-gap:10px;--s-password-input-border-color:var(--s-border-color);--s-password-input-border-radius:var(--s-border-radius);--s-password-input-border-color-active:var(--s-color-primary);--s-password-input-height:var(--s-content-height-lg);--s-password-input-ciphertext-size:10px;--s-password-input-ciphertext-bg:var(--s-text-color-primary);--s-password-input-plaintext-font-size:20px;--s-password-input-cursor-width:1px;--s-password-input-cursor-height:20px;--s-password-input-cursor-color:var(--s-text-color-primary)}.s-password-input{position:relative;display:flex;align-items:center;justify-content:center;height:var(--s-password-input-height);gap:var(--s-password-input-gap);-webkit-user-select:none;user-select:none}.s-password-input__item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:100%}.s-password-input__plaintext{font-size:var(--s-password-input-plaintext-font-size)}.s-password-input__ciphertext{width:var(--s-password-input-ciphertext-size);height:var(--s-password-input-ciphertext-size);border-radius:var(--s-border-radius-full);background:var(--s-password-input-ciphertext-bg)}.s-password-input__cursor{width:var(--s-password-input-cursor-width);height:var(--s-password-input-cursor-height);background:var(--s-password-input-cursor-color);animation:1s s-password-input-cursor-flicker infinite}@keyframes s-password-input-cursor-flicker{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.s-password-input__input-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden}.s-password-input__input{position:absolute;top:0;left:-100%;width:200%;height:100%;margin:0;padding:0;border:0;opacity:0}.s-password-input--bordered .s-password-input__item{border-radius:var(--s-password-input-border-radius)}.s-password-input--bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-radius:calc(var(--s-password-input-border-radius)*2)}.s-password-input--underlined .s-password-input__item::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-password-input-border-color);transform-origin:bottom center}.s-password-input--tight-bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-inline-start-color:rgba(0,0,0,0)}.s-password-input--tight-bordered .s-password-input__item:first-child::after{border-inline-start-color:var(--s-password-input-border-color)}.s-password-input--bordered .s-password-input__item--active::after,.s-password-input--underlined .s-password-input__item--active::after,.s-password-input--tight-bordered .s-password-input__item--active::after{border-color:var(--s-password-input-border-color-active)}.s-password-input--tight-bordered .s-password-input__item--active:first-child::after{border-inline-start-color:var(--s-password-input-border-color-active)}.s-password-input--disabled{color:var(--s-text-color-disabled)}.s-password-input--disabled .s-password-input__item{background:var(--s-bg-color-disabled)}.s-password-input--disabled .s-password-input__ciphertext{background:var(--s-text-color-disabled)}