.nickname-random-button{box-sizing:border-box;display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:48px;min-height:30px;margin-left:8px;padding:4px 9px;border:1px solid #cbdff5;border-radius:8px;background:#edf5ff;color:#2876be;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nickname-random-button:hover{border-color:#86b9ee;background:#e4f0ff}.nickname-random-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.nickname-random-field .depInp{position:relative}.nickname-random-field .depInp>input{padding-right:74px!important}.nickname-random-field .depInp>.nickname-random-button{position:absolute;right:10px;top:50%;margin:0;transform:translateY(-50%)}
.b-auth-field .nickname-random-button{border-color:#ffffff66;background:#ffffff1a;color:#fff}.b-auth-field .nickname-random-button:hover{background:#ffffff30}
html[data-skin="aurum"] .nickname-random-button{border-color:#dbbc7066;background:#d8ae421a;color:#d6b978}html[data-skin="aurum"] .nickname-random-button:hover{background:#d8ae4233}
.el-input.nickname-random-field .el-input__inner{padding-right:98px}.el-input.nickname-random-field .nickname-random-button{margin-left:2px;margin-right:4px}