.utility-page.settings-page{min-height:0}.site-page>main.utility-page.settings-page{padding:var(--settings-page-block,24px) 0}.settings-layout{border:1px solid var(--border);background:var(--background);border-radius:12px;grid-template-columns:224px minmax(0,1fr);align-items:stretch;gap:0;margin-top:0;display:grid;overflow:hidden}.settings-sidebar{background:var(--card);min-width:0;padding:0 20px 16px;position:sticky;top:112px}.settings-identity{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:72px;margin-inline:-20px;padding:16px 10px 16px 32px;display:flex}.settings-identity img{object-fit:contain;flex-shrink:0}.settings-avatar-placeholder{border-radius:50%;flex-shrink:0;width:32px;height:32px}.settings-identity>div{flex:1;grid-template-columns:minmax(0,1fr);gap:1px;min-width:0;display:grid}.settings-identity strong{font-size:14px;font-weight:600;line-height:1.25}.settings-username{color:var(--muted-foreground);font-size:12px;line-height:1.25}.settings-identity :is(strong,.settings-username){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-identity .chat-avatar{flex:none;width:32px;height:32px;transform:translate(-6px)}.settings-identity{text-decoration:none}.settings-identity strong{align-items:center;gap:4px;display:flex}.settings-identity-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-identity-arrow{color:var(--foreground);opacity:0;flex:none;transition:opacity .14s ease-out,transform .14s ease-out;transform:translate(-2px,2px)}.settings-identity:hover .settings-identity-arrow,.settings-identity:focus-visible .settings-identity-arrow{opacity:1;transform:none}.settings-identity:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.settings-navigation>.settings-nav-group:first-child{margin-top:14px}.settings-nav-group{margin-top:18px}.settings-nav-group+.settings-nav-group{border-top:1px solid var(--border);margin-inline:-20px;padding:18px 20px 0}.settings-nav-group>p{color:var(--foreground);margin-bottom:10px;padding:0 10px;font-size:16px;font-weight:650}.settings-nav-link[data-slot=button]{width:100%;height:auto;min-height:38px;color:var(--muted-foreground);white-space:normal;text-align:left;justify-content:flex-start;gap:9px;margin-top:0;padding:8px 10px;font-size:13px;font-weight:550;line-height:1.4;transition:background-color .16s,color .16s}.settings-nav-link[data-slot=button]+.settings-nav-link[data-slot=button]{margin-top:6px}.settings-nav-link[data-slot=button]:hover{color:var(--primary);background:var(--secondary)}.settings-nav-link[data-slot=button][data-danger=true]:is(:hover,[aria-current=page]),:is(.settings-mobile-navigation[data-danger=true] .avo-select-trigger,.settings-section-menu .avo-select-item:has([data-settings-danger=true]):is([data-highlighted],[data-state=checked])){background:var(--button-destructive);color:var(--button-destructive-foreground)}.settings-nav-link[data-slot=button][aria-current=page]{color:var(--primary);background:var(--secondary)}.settings-mobile-navigation{display:none}.settings-collection-dot{background:var(--primary);border-radius:50%;flex:0 0 7px;width:7px;height:7px;animation:2.8s ease-in-out infinite settings-collection-fade;display:inline-block}.settings-nav-link .settings-collection-dot{margin-left:auto}.settings-mobile-navigation label,.settings-option-label{align-items:center;gap:9px;display:flex}@keyframes settings-collection-fade{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.settings-collection-dot{animation:none}}.settings-content{--settings-content-gutter:32px;min-width:0;padding:0 var(--settings-content-gutter) 24px;background:var(--background);border:0;border-left:1px solid var(--border);border-radius:0}.settings-content>*{max-width:100%}.settings-content [hidden]{display:none!important}.settings-section-header{z-index:5;margin-inline:calc(-1 * var(--settings-content-gutter));padding:16px var(--settings-content-gutter);background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0}.settings-content>.settings-section-header{max-width:none}.settings-section-copy>p{color:var(--muted-foreground);margin-bottom:8px;font-size:14px}.settings-section-header h2{font-family:var(--font-body),sans-serif;letter-spacing:-.3px;outline:none;font-size:20px;font-weight:650;line-height:1.3}.settings-section-copy>span{color:var(--muted-foreground);margin-top:2px;font-size:13px;line-height:20px;display:block}.settings-section-header[data-methods=true]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.settings-section-copy{min-width:0}.settings-section-header[data-methods=true]>.settings-section-copy{flex:260px;max-width:100%}.settings-method-actions{flex-direction:column;flex:0 auto;align-items:flex-end;min-width:0;max-width:100%;margin-left:auto;display:flex}.settings-method-actions-placeholder{display:none}.settings-method-actions-placeholder:only-child{display:block}@media (max-width:600px){.settings-section-header[data-methods=true]>.settings-section-copy>span{min-height:40px}}.settings-content .member-profile-form fieldset{margin-top:24px;padding-top:16px}.settings-content .member-profile-actions{border-top:1px solid var(--border);padding-top:20px}.settings-content .settings-draft-notice{color:var(--foreground);margin-top:20px}.settings-block{padding-block:18px}.settings-block+.settings-block{border-top:1px solid var(--border)}.settings-block h3{font-size:16px;font-weight:700}.settings-block>p{color:var(--muted-foreground);max-width:65ch;margin-top:4px;font-size:13px;line-height:1.5}.settings-block .chat-notification-settings,.settings-block>[data-slot=button]{margin-top:16px}.settings-text-link{min-height:44px;color:var(--primary);align-items:center;gap:6px;font-size:14px;display:inline-flex}.settings-account-details{margin-block:20px}.settings-account-details>div{border-bottom:1px solid var(--border);grid-template-columns:140px minmax(0,1fr);gap:16px;padding-block:12px;font-size:14px;display:grid}.settings-account-details dt{color:var(--muted-foreground)}.settings-account-details dd{overflow-wrap:anywhere}.settings-account-error{justify-items:start;gap:12px;margin-top:16px;display:grid}.settings-account-error p{color:var(--destructive)}.settings-content .merch-delivery-settings{padding-top:24px}.settings-content .merch-delivery-settings>h2{display:none}.settings-content .merch-delivery-settings>p{margin-top:0;font-size:14px}.settings-connections{gap:12px;padding-block:20px;display:grid}.settings-content .settings-connection{background:#050604;background:lab(1.59748% -.7056 .758681);border:1px solid #a0a79c2e;border:1px solid lab(67.7434% -4.33129 4.83891/.18);border-radius:12px;min-width:0;margin:0;padding:20px}.settings-connection-row{justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.settings-connection-row>header{align-items:center;gap:14px;min-width:0;display:flex}.settings-connection-logo{background:#5865f2;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.settings-connection[data-provider=twitch] .settings-connection-logo{background:#9146ff}.settings-connection-logo svg{fill:#fff;width:26px;height:26px}.settings-connection-identity{min-width:0}.settings-connection h3{margin:0;font-size:16px;font-weight:650}.settings-connection-summary{min-width:0;margin-top:3px;transform:translateY(-2px)}.settings-connection-summary strong{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:14px;font-weight:400;display:block;overflow:hidden}.settings-connection-status{color:var(--success,#a3c789);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:550;display:inline-flex}.settings-connection-status[data-state=expired]{color:var(--destructive)}.settings-connection-actions{flex:none;justify-content:flex-end;align-items:center;gap:14px;display:flex}.settings-connections [data-slot=button]:not(:disabled){cursor:pointer}.settings-content .settings-connection-actions>[data-slot=button]{width:auto}.settings-connection-loading{flex:none;width:100px}.settings-connection-loading>*{border-radius:8px;height:36px;display:block}.settings-connections-error{justify-items:start;display:grid}.settings-connection-spinner{animation:1s linear infinite settings-connection-spin}@media (max-width:480px){.settings-content .settings-connection{padding:16px}.settings-connection-row{flex-wrap:wrap;gap:12px}.settings-connection-row>header{flex:1}.settings-connection-actions{gap:8px}.settings-connection-status>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@keyframes settings-connection-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.settings-layout{grid-template-columns:220px minmax(0,1fr)}.settings-content{--settings-content-gutter:24px}}@media (max-width:760px){.site-page>main.utility-page.settings-page{--settings-page-block:20px;width:calc(100% - 32px)}.settings-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;overflow:clip}.settings-sidebar{position:static}.settings-identity{margin-bottom:16px}.settings-navigation{display:none}.settings-mobile-navigation{gap:8px;display:grid}.settings-mobile-navigation label{color:var(--muted-foreground);font-size:14px}.settings-content{--settings-content-gutter:20px;border-left:0;border-top:1px solid var(--border)}.settings-section-header{top:var(--settings-header-height,80px)}.settings-section-header h2{font-size:20px}.settings-account-details>div{grid-template-columns:minmax(0,1fr);gap:5px}}@media (max-width:540px){.settings-content .merch-address-fields{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.settings-nav-link[data-slot=button]{transition:none}.settings-connection-spinner{animation:none}}.settings-page :is(h1,h2,h3,h4,p,small,label,a,strong,button){overflow-wrap:anywhere}.settings-section-header h2:focus-visible{outline:none}.settings-page .settings-content :is(input:not([type=checkbox]),textarea,.avo-select-trigger),.settings-mobile-navigation .avo-select-trigger{min-width:0;max-width:100%;font-size:16px}.settings-page .settings-content :is(input:not([type=checkbox]):not([type=range]),.avo-select-trigger),.settings-mobile-navigation .avo-select-trigger{min-height:44px}.settings-page .settings-content :is(.member-profile-form p,.member-profile-form small,.member-profile-form label,.member-profile-actions a,.merch-field,.merch-field small,.address-autocomplete small,.avatar-settings-current small){font-size:14px;line-height:1.5}.settings-page .settings-content [data-slot=button][data-size]:not([data-size^=icon]){--action-button-height:44px;white-space:normal;max-width:100%;height:auto;min-height:44px;padding-block:10px;line-height:1.5}.settings-page .settings-content [data-slot=button][data-size^=icon]{width:44px;height:44px}.settings-content .member-profile-actions a{align-items:center;min-height:44px;display:inline-flex}.settings-content .member-profile-check{align-items:flex-start;min-height:44px;padding-block:10px}.settings-content .member-profile-check [data-slot=checkbox]{flex:none;margin-top:3px}.settings-content .settings-inline-confirm{border:1px solid var(--border);border-radius:9px;margin-top:20px;padding:16px}.settings-inline-confirm>p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.7}.settings-inline-confirm>div{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.settings-content .settings-save-notice{color:var(--primary);margin-top:16px;font-size:14px}.settings-connection>header>div,.avatar-settings-current>div{min-width:0}@media (max-width:600px){.settings-content .member-profile-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:430px){.settings-content :is(.member-profile-actions,.merch-actions,.settings-connection-actions,.settings-connection-confirm>div,.settings-inline-confirm>div)>[data-slot=button]{width:100%}.settings-content .avatar-settings-current{flex-wrap:wrap}}.settings-page .avatar-settings-presets>button{font-size:14px}.settings-content summary{overflow-wrap:anywhere;min-height:44px;padding-block:10px;line-height:1.6}.settings-page .settings-content :is(p,small,label,dt,.availability-field>span,.availability-hours label>span){font-size:14px;line-height:1.5}.settings-page .settings-content :is(small,.profile-edit-label>p,.profile-settings-picture p,.username-editor .field-hint,.settings-section-copy>span,.settings-connections-intro,.settings-connection header p,.settings-connection-help){color:var(--muted-foreground);font-size:13px;line-height:1.5}.settings-page .settings-content .settings-section-header .settings-section-copy>span{line-height:20px}.settings-content .notification-settings{background:0 0;border:0;border-radius:0;padding:0}.settings-content .notification-settings-heading{color:var(--foreground)}.settings-content .member-privacy{padding-top:20px}.settings-content .member-privacy,.settings-content .member-privacy form,.settings-content .member-privacy fieldset{gap:16px}.settings-content .member-privacy label span{gap:4px}.site-page:has(.settings-page){height:100dvh}@media (min-width:761px){@container site-page (min-width:801px){.site-page>main.settings-page{flex:1 1 0;min-height:0;overflow:hidden}.settings-layout{grid-template-rows:minmax(0,1fr);align-items:start;height:100%;min-height:0}.settings-layout>:is(.settings-sidebar,.settings-content){overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:none;min-height:0;scroll-padding-block:calc(var(--settings-section-header-height,96px) + 80px) 24px;overflow-y:auto}.settings-layout>:is(.settings-sidebar,.settings-content)::-webkit-scrollbar{display:none}.settings-layout>.settings-sidebar{overflow-anchor:none;height:100%;scroll-padding-top:calc(var(--settings-identity-height,64px) + 16px);position:static}.settings-layout .settings-nav-link{scroll-margin-top:calc(var(--settings-identity-height,64px) + 16px)}.settings-layout>.settings-sidebar .settings-identity{z-index:2;height:81px;min-height:0;position:sticky;top:0}.settings-layout>.settings-content{align-self:start;height:100%;max-height:100%}}}.settings-page:focus,.settings-layout:focus,.settings-layout>:is(.settings-sidebar,.settings-content):focus{box-shadow:none;outline:none}@container site-page (max-width:800px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:0;overflow:clip}.settings-content{--settings-content-gutter:20px;border-left:0;border-top:1px solid var(--border)}.settings-section-header{top:var(--settings-header-height,80px)}.settings-sidebar{position:static}.settings-navigation{display:none}.settings-mobile-navigation{gap:8px;display:grid}.settings-mobile-navigation label{color:var(--muted-foreground);font-size:14px}.settings-mobile-navigation .avo-select-trigger{width:100%}.settings-identity{margin-bottom:16px}}.settings-content .member-profile-choice-hint{color:var(--muted-foreground);margin:0}.settings-content .member-profile-form [aria-invalid=true]{border-color:var(--destructive)}.settings-content .member-profile-form>fieldset>legend{font-size:16px;font-weight:650}.settings-content .member-profile-form>fieldset>p{max-width:65ch;margin-bottom:4px}.settings-content .member-profile-form>fieldset>label{gap:8px}.settings-content :is(.profile-edit-row,.profile-details-group,.profile-settings-picture,.settings-block){margin-inline:calc(-1 * var(--settings-content-gutter));padding-inline:var(--settings-content-gutter)}.settings-section-header[data-profile=true]{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:81px;display:flex}.settings-section-header .profile-membership-line{color:var(--muted-foreground);border:0;margin:0 0 0 auto;padding:0}.settings-section-header .profile-membership-line>p{flex-wrap:wrap;justify-content:flex-end;gap:2px 6px;margin:0;font-size:12px;font-weight:400;line-height:18px;display:flex}.settings-section-header .profile-membership-line time{color:var(--foreground);font-weight:600}