/* Contain touch scrolling inside settings, including Safari rubber banding. */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
#modal{overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;max-width:calc(100vw - 24px);box-sizing:border-box}
#modalbody,.upgrade-settings,.profile-preferences,#profile-preferences-form{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
dialog:has(.upgrade-settings),dialog:has(.profile-preferences){overflow-x:hidden;touch-action:pan-y;overscroll-behavior:none}
.settings-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 32px;min-width:0;gap:6px}
.settings-values label{width:100%;box-sizing:border-box;min-width:0;padding-left:3px;padding-right:3px}
.settings-values input{max-width:100%;width:35px;min-width:0;box-sizing:border-box}
.settings-values button{min-width:0;width:32px;margin:0;padding:4px;display:grid;place-items:center}
.settings-values button svg{display:block;margin:0;width:22px;height:22px}
.profile-preferences fieldset{min-inline-size:0;max-width:100%}
.profile-preferences input[type=date]{display:block;max-width:100%;min-width:0;box-sizing:border-box}
.wallet #profile{align-items:center;justify-content:center;line-height:1;padding:0;width:40px;height:40px;flex-shrink:0}
.wallet #profile .icon{display:block;position:static;width:22px;height:22px;transform:none;margin:0!important}
a.support-button{text-decoration:none;color:#17181c;cursor:pointer}
@media(max-width:850px){.mobile-bottom button{display:grid;grid-template-rows:37px 13px;justify-items:center;align-items:center;align-content:center;gap:2px;padding:4px 2px;height:61px;box-sizing:border-box}.mobile-bottom button>.icon{display:block;position:static;transform:none;margin:0!important;align-self:center;justify-self:center}.mobile-bottom button>span{align-self:center;margin:0;padding:0;line-height:13px}.mobile-bottom #bottom-deposit .deposit-mark{margin:0}.mobile-bottom button>b:not(.deposit-mark){align-self:center}.mobile-bottom [data-bottom-page=profile] .icon{width:24px;height:24px;max-width:24px;max-height:24px}}
.profile-club-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid #777b80;border-radius:11px;background:linear-gradient(135deg,#55585b,#303235);box-shadow:inset 0 0 0 2px #ffffff15;color:#cdd0d3;font-size:12px;font-weight:700;white-space:nowrap;cursor:default;user-select:none}.profile-club-badge .icon{width:18px;height:18px;margin:0}
.preference-label>.profile-date-field{display:block;position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #3a3d45;border-radius:10px;background:#25272c;box-sizing:border-box}
.profile-date-field:focus-within{outline:2px solid #ffe125;outline-offset:2px}
.profile-date-field #profile-birthday{display:block;appearance:none;-webkit-appearance:none;inline-size:100%;min-inline-size:0;max-inline-size:100%;width:100%;min-width:0;max-width:100%;margin:0;border:0;border-radius:0;box-sizing:border-box;outline:0;padding:11px 12px;height:43px;overflow:hidden}
#profile-birthday::-webkit-date-and-time-value{text-align:left;min-width:0;overflow:hidden}#profile-birthday::-webkit-datetime-edit{min-width:0;padding:0}
.profile-streamer{min-height:44px;margin-top:18px}.profile-switch{position:relative;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;isolation:isolate}
.profile-switch #profile-streamer{appearance:none;-webkit-appearance:none;position:absolute;inset:0;margin:0;padding:0;width:44px;height:44px;min-height:44px;opacity:0;z-index:2;cursor:pointer;border:0;transform:none}
.profile-switch #profile-streamer:before{content:none}
.profile-switch-track{display:block;position:relative;width:36px;height:22px;border-radius:14px;background:#3b3e47;pointer-events:none}
.profile-switch-track:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#9096a2;transition:transform .18s,background .18s}
.profile-switch input:checked+.profile-switch-track{background:#776919}.profile-switch input:checked+.profile-switch-track:before{transform:translateX(14px);background:#ffdf00}.profile-switch input:focus-visible+.profile-switch-track{outline:2px solid #ffdf00;outline-offset:3px}
@media(max-width:650px){.profile-club-badge{padding:8px 10px;font-size:10px;gap:5px}.profile-club-badge .icon{width:16px;height:16px}.profile-date-field #profile-birthday{height:43px;font-size:16px}}
#support-button .support-glyph{display:block!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;margin:0!important;transform:none!important;flex:none}#support-button.support-button{display:grid!important;place-items:center!important;line-height:0;aspect-ratio:1;padding:9px!important}