/* Generated from web/frontend/css/v1-member-settings.css by node scripts/build-web.mjs. Do not edit. */
/* Figma 214:12688. Existing account, email and upload contracts take precedence over sample copy. */
.hg-settings.cg-member{box-sizing:border-box;width:100%;margin:auto;grid-template-columns:250px minmax(0,1fr);padding-top:38px;padding-bottom:72px}
.hg-settings.cg-member aside{border-radius:14px;padding:10px 0}
.hg-settings.cg-member aside nav a,.hg-settings.cg-member aside button{padding:13px 20px;font-size:15px}
.hg-settings.cg-member aside a[aria-current=page]{border-left:0;background:#ffffff1f}
.hg-settings.v1-member-frame .hg-settings__head{margin:0 0 22px}
.hg-settings.v1-member-frame .hg-settings__titles h1{display:flex;align-items:center;gap:12px;margin:0;color:#fff;font-size:28px;line-height:39px;font-weight:600}
.hg-settings__titles h1:before{content:"";width:4px;height:28px;border-radius:999px;background:#ff7d00}
.cg-settings-panel{display:flex;flex-direction:column;gap:28px;padding:28px;border-radius:14px;background:#151516;box-shadow:inset 0 0 0 1px #29292b}
.cg-settings-group{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0;padding:0;min-width:0}
.cg-settings-group h2{margin:0;font-size:17px;line-height:24px;font-weight:600;color:#fff}
.hg-settings .cg-settings-label{display:block;margin:0;font-size:14px;line-height:20px;font-weight:400;color:#ffffffb3}
.cg-settings-group h2 small{font-size:13px;font-weight:400;color:#ffffff80}
.cg-settings-row,.cg-settings-avatar-row{display:flex;align-items:flex-start;gap:10px;min-width:0}
.cg-settings-avatar-row{gap:14px;align-items:center;flex-wrap:wrap}
.cg-settings-field{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;margin:0;color:#ffffffb3;font-size:14px;line-height:20px;font-weight:400}
.hg-settings.v1-member-frame .hg-settings__avatar{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:68px;border-radius:50%;margin:0;overflow:hidden;background:#1b1b1d}
.hg-settings .hg-settings__avatar img,.hg-settings .hg-settings__avatar .hg-avatar{width:68px;height:68px;font-size:24px;object-fit:cover}
.hg-settings.v1-member-frame .hg-settings__input{display:block;flex:none;box-sizing:border-box;width:100%;min-width:0;height:46px;padding:0 14px;margin:0;order:initial;border:1px solid #3a393c;border-radius:8px;background:#202022;color:#fff;font:400 14px/1.55 "PingFang SC",sans-serif;box-shadow:none}
.cg-settings-input-wrap{position:relative;display:block;width:100%}
.cg-settings-input-wrap .hg-settings__input{padding-right:48px}
.cg-settings-input-wrap button.hg-auth-field__eye{position:absolute;left:auto;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:none;color:rgba(255,255,255,.65);cursor:pointer;z-index:2}
.cg-settings-input-wrap button.hg-auth-field__eye:hover{color:#fff}
.cg-settings-input-wrap .hg-auth-field__eye-icon{display:block;width:20px;height:20px;background:currentColor;-webkit-mask:url('/static/web/images/auth/icon-eye.svg') center/contain no-repeat;mask:url('/static/web/images/auth/icon-eye.svg') center/contain no-repeat}
.cg-settings-input-wrap .hg-auth-field__eye[aria-pressed=false]:after{content:"";position:absolute;width:23px;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:1px}
.hg-settings .hg-settings__input::placeholder{color:#79777a}
.hg-settings.v1-member-frame .hg-settings__input{--settings-autofill-bg:#202022}
.hg-settings.v1-member-frame .hg-settings__input:is(:autofill,:-webkit-autofill){box-shadow:inset 0 0 0 1000px var(--settings-autofill-bg)!important;-webkit-text-fill-color:#fff!important;color:#fff!important;caret-color:#fff}
.hg-settings.v1-member-frame .hg-settings__ghost,.hg-settings.v1-member-frame .hg-settings__save{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex:none;width:auto;min-width:0;height:42px;padding:0 18px;margin:0;border:1px solid #3a393c;border-radius:8px;background:#1b1b1d;color:#ffffffb3;font:500 14px/20px "PingFang SC",sans-serif;white-space:nowrap;cursor:pointer}
.hg-settings.v1-member-frame .hg-settings__save,.hg-settings.v1-member-frame [data-language][aria-pressed=true]{background:#ff7d00;border-color:#ff7d00;color:#0b0b0c;font-weight:600}
.hg-settings button:disabled{opacity:.5;cursor:wait}
.hg-settings.v1-member-frame .hg-settings__hint{margin:0;font-size:13px;line-height:18px;color:#ffffff80}
.hg-settings [data-email-form]{display:flex;flex-direction:column;gap:14px;margin:0;max-width:none;padding:0}
.hg-settings [data-email-step]{font-size:13px;color:#ffffff80;margin:0}
.hg-settings [data-email-status],.hg-settings [data-settings-password-status],.hg-settings [data-language-status]{font-size:13px;line-height:20px;color:#ffffff80;margin:0}
.hg-settings [role=status]:empty{display:none}
.hg-settings [hidden]{display:none!important}
.hg-settings .hg-need-login{padding:28px;background:#151516;border:1px solid #29292b;border-radius:14px}
.hg-settings a:focus-visible,.hg-settings button:focus-visible{outline-color:#ff7d00}
@media(max-width:1023px){.hg-settings.cg-member{padding:24px 12px 40px}.hg-settings.v1-member-frame .hg-settings__titles h1{font-size:24px;line-height:34px}.cg-settings-panel{padding:20px;gap:24px}.cg-settings-row{flex-wrap:wrap}.cg-settings-row>.cg-settings-field{flex-basis:100%}.hg-settings.v1-member-frame .hg-settings__input{flex:none}.cg-settings-avatar-row .hg-settings__hint{flex-basis:100%}}

.cg-settings-panel>.cg-settings-group:first-child{gap:12px}.cg-settings-panel [data-nick-form]{gap:8px}.hg-settings[data-email-bound=false] [data-email-step]{display:none}

.hg-settings.v1-member-frame .cg-settings-avatar-row button{align-self:center}