.edit-profile-layout{display:grid;grid-template-columns:280px 580px;align-items:start;gap:20px;width:min(1180px,calc(100% - 48px));margin:48px auto 68px}
.edit-profile-sidebar{display:grid;gap:6px;position:sticky;top:24px}
.edit-profile-sidebar>:is(a,.edit-profile-back){position:relative;isolation:isolate;display:flex;align-items:center;min-height:48px;padding:13px 18px 15px;box-sizing:border-box;color:var(--cream-900);font:500 18px/20px var(--font-ui);text-decoration:none}
.edit-profile-sidebar>:is(a,.edit-profile-back)>.tables-skin-hover{visibility:hidden}
.edit-profile-sidebar>:is(a,.edit-profile-back):is(:hover,:focus-visible):not(:disabled)>.tables-skin-hover{visibility:visible}
.edit-profile-sidebar>.edit-profile-back{border:0;margin:0;background:none;width:100%;gap:12px;padding-inline:14px 16px;font-weight:600;text-align:left;cursor:pointer}
.edit-profile-back:disabled{opacity:.55;cursor:default}
.edit-profile-back>img{display:block;flex:none;width:16px;height:16px}
.edit-profile-sidebar-divider{display:block;box-sizing:border-box;width:100%;height:17px;padding:8px 5px}
.edit-profile-sidebar-divider>span{display:block;height:1px;background:var(--choco-500)}
.edit-profile-sidebar>a[aria-current]{color:var(--choco-100);font-weight:600}
.edit-profile-sidebar>a[aria-current]>.tables-skin{--tables-fill:var(--cream-900)}
.edit-profile-sidebar>a[aria-current]>.tables-skin-hover{visibility:hidden}
.edit-profile-main{display:grid;gap:20px;min-width:0;color:var(--cream-900);font:500 18px/20px var(--font-ui)}
.edit-profile-view .edit-panel{padding:20px 24px 24px;scroll-margin-top:24px}
.edit-profile-view .edit-panel>header{display:grid;gap:2px;margin-bottom:24px}
.edit-profile-view .edit-panel h2{font:600 24px/30px var(--font-ui);color:var(--cream-900)}
.edit-profile-view .edit-panel>header>p,.edit-profile-view .edit-note{font:500 16px/19px var(--font-ui);color:var(--choco-700)}
.edit-profile-form{display:grid;gap:20px}
.edit-field{display:grid;grid-template-rows:auto 48px minmax(19px,auto);gap:5px;min-width:0}
.edit-field>label,.edit-avatar-field>span{font:500 16px/19px var(--font-ui)}
.edit-input{position:relative;isolation:isolate;height:48px;min-width:0}
.edit-input>.tables-skin-hover{visibility:hidden}
.edit-input:is(:hover,:focus-within):not(:has(input:disabled))>.tables-skin-hover{visibility:visible}
.edit-profile-view .edit-input input{display:block;width:100%;height:48px;box-sizing:border-box;margin:0;padding:13px 18px 15px;border:0;border-radius:0;background:none;color:var(--cream-900);font:500 18px/20px var(--font-ui);outline:0;box-shadow:none}
.edit-input input:disabled{opacity:.55}
.edit-input input:-webkit-autofill{transition:background-color 99999s;-webkit-text-fill-color:var(--cream-900);caret-color:var(--cream-900)}
.edit-field-tip{color:var(--choco-700);font:500 16px/19px var(--font-ui);min-height:19px}
.edit-field-error{color:var(--red-500)}
.edit-field-tip:has([data-field-error]:not([hidden])) [data-field-hint]{display:none}
.edit-profile-view .edit-text-button{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.edit-avatar-field{display:grid;gap:5px}
.edit-avatar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.edit-file{position:relative;display:flex;align-items:center;cursor:pointer;min-width:0}
.edit-avatar-image{display:block;width:48px;height:48px;flex:none;position:relative;z-index:1;overflow:hidden;mask:url('/assets/edit-profile/avatar-shape.png') 0 0/48px 48px no-repeat}
.edit-avatar-image .sabo-avatar{border-radius:0;clip-path:none}
.edit-file-copy{position:relative;isolation:isolate;padding:13px 18px 15px 13px;font:600 18px/20px var(--font-ui)}
.edit-file-copy>.tables-skin-hover{visibility:hidden}
.edit-file:not(:has(input:disabled)):is(:hover,:focus-within) .tables-skin-hover{visibility:visible}
.edit-file-copy>.tables-skin:after{left:0}
.edit-file-copy :is(.tables-corner-tl,.tables-corner-bl){display:none}
.edit-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.edit-file:has(input:disabled){opacity:.55;cursor:default}
.edit-profile-save{padding-top:12px}
.edit-profile-button{width:100%;font:600 18px/20px var(--font-ui)}
.edit-avatar-row>.edit-profile-button{width:auto;flex:none}
.edit-profile-button .edit-disabled{display:none}
.edit-profile-button:disabled>.tables-skin:not(.edit-disabled){visibility:hidden}
.edit-profile-button:disabled>.edit-disabled{display:block}
.edit-profile-button:disabled>span:not(.tables-skin){opacity:1;color:var(--choco-700)}
.tables-skin-danger{--tables-fill:#b42b2b}
.edit-profile-view .edit-profile-button-danger{color:var(--cream-900)}
.edit-email-form,.edit-password-form{display:grid;gap:16px}
.edit-profile-view .edit-password-form>.edit-note{margin-top:0}
.edit-username{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.edit-session-current{display:grid;gap:16px}
.edit-session-copy{display:grid;gap:2px;min-width:0;font:500 16px/20px var(--font-ui)}
.edit-session-copy>span{color:var(--choco-700)}
.edit-session-copy>strong{font-weight:500;color:var(--cream-900)}
.edit-profile-view .edit-session-list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px}
.edit-session-list>li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.edit-session-list>li+li{padding-top:16px;border-top:1px solid var(--choco-400)}
.edit-session-list .edit-profile-button{width:auto;min-height:42px;padding:10px 17px 12px;flex:none}
.edit-delete-form{display:grid;gap:8px}
.edit-delete-form>.edit-field{grid-template-rows:auto 48px;padding-bottom:24px}
.edit-delete-form .edit-field-tip{display:none}
.edit-delete-check{display:flex;align-items:flex-start;gap:8px;padding-bottom:24px;cursor:pointer}
.edit-delete-check>span{font:500 18px/20px var(--font-ui)}
.edit-profile-view .edit-feedback{margin:0;padding:14px 18px;background:var(--choco-300);color:var(--cream-900);font:500 16px/20px var(--font-ui);overflow-wrap:anywhere}
.edit-profile-view .edit-feedback.is-error{color:var(--red-500)}
.edit-profile-toast{position:fixed;top:91px;left:50%;transform:translateX(-50%);z-index:150;isolation:isolate;pointer-events:none;box-sizing:border-box;max-width:calc(100% - 32px);padding:10px 17px 12px;color:var(--cream-900);font:500 18px/20px var(--font-ui);text-align:center;overflow-wrap:anywhere}
.edit-profile-toast[hidden]{display:none}
.edit-profile-toast.is-visible{animation:edit-toast-enter .2s ease-out both}
.edit-profile-toast.is-leaving{animation:edit-toast-leave .18s ease-in both}
@keyframes edit-toast-enter{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes edit-toast-leave{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-4px)}}
@media(prefers-reduced-motion:reduce){.edit-profile-toast.is-visible,.edit-profile-toast.is-leaving{animation-duration:1ms}}
.edit-profile-view .player-photo-preview{font:500 16px/20px var(--font-ui)}
.edit-profile-view .player-photo-preview .button{border:0;border-radius:0;background:var(--choco-400);color:var(--cream-900);font:600 18px/20px var(--font-ui);padding:13px 18px 15px;cursor:pointer}
.edit-profile-view .player-photo-preview .button:hover{background:var(--choco-600)}
.edit-profile-view .player-photo-preview>.auth-actions{gap:12px}
@media(max-width:960px){.edit-profile-layout{grid-template-columns:220px minmax(0,580px)}.edit-profile-sidebar>a{font-size:16px}}
@media(max-width:720px){.edit-profile-layout{grid-template-columns:minmax(0,1fr);margin-top:24px;width:calc(100% - 32px)}.edit-profile-sidebar{position:static;display:flex;flex-wrap:wrap}.edit-profile-sidebar>a{flex:1 1 auto;min-width:140px}.edit-profile-view .edit-panel{padding-inline:18px}.edit-delete-check>span{font-size:16px}.edit-avatar-row{flex-wrap:wrap}}