.settings-trigger{z-index:10000;width:3em;height:3em;color:inherit;cursor:pointer;background:#141318b3;border:.15em solid #ffffff2b;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 .6em #fff0}.settings-trigger svg{width:1.8em;height:1.8em}.settings-trigger:hover,.settings-trigger:focus-visible{border-color:#ffffff8c}.settings-trigger[hidden]{display:none}.settings-panel{text-align:left;width:min(48em,100%);font-size:1.15em}.settings-tabs,.settings-actions{flex-wrap:wrap;justify-content:center;gap:1em;margin:1em 0;display:flex}.settings-tabs .menu-button[aria-pressed=true]{opacity:1}.settings-row{border-bottom:.07em solid #ffffff1f;grid-template-columns:minmax(0,1fr) minmax(8em,1fr) max-content;align-items:center;gap:.5em 1em;padding:1em 0;display:grid}.settings-row>span{font-size:1.25em}.settings-row>p{opacity:.6;text-wrap:pretty;grid-column:1/-1;font-size:1em;line-height:1.6}.settings-row>input{accent-color:#e6eee9;cursor:pointer;grid-area:1/2;width:100%;min-width:0}.settings-row>output{text-align:right;grid-area:1/3;min-width:4em;font-family:AtkinsonMonoRegular,monospace}.settings-row>select{font:inherit;color:inherit;background:var(--ui-surface);border:.1em solid #ffffff2b;border-radius:.4em;grid-area:1/2/auto/-1;min-width:0;max-width:100%;padding:.5em}.settings-row>.menu-button{grid-area:1/2/auto/-1;justify-self:end;font-size:1em}.switch-control{cursor:pointer;justify-content:space-between;align-items:center;gap:1em;display:flex;position:relative}.switch-control>input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:50% 0 auto auto;transform:translateY(-50%);width:4.5em!important;height:2em!important}.switch-track{box-sizing:border-box;background:var(--ui-surface);border:.13em solid #ffffff59;border-radius:.35em;flex-shrink:0;width:max-content;min-width:4.5em;height:2em;padding:0 1em;display:block;position:relative}.switch-track:before{content:"";background:#e6eee980;border-radius:.1em;width:.25em;position:absolute;top:.25em;bottom:.25em;left:.3em}.switch-state{white-space:nowrap;opacity:.65;place-items:center;height:100%;font-size:.65em;display:grid;position:relative}.switch-control input:checked~.switch-track{background:#e6eee93d;border-color:#e6eee9a6}.switch-control input:checked~.switch-track:before{background:#e6eee9;left:auto;right:.3em}.switch-control input:checked~.switch-track .switch-state{opacity:1}.switch-control input:focus-visible~.switch-track{background:#e6eee93d;border-color:#fff}.settings-panel .switch-control{justify-content:space-between;padding:1em 0;font-size:1.25em}@media (max-width:40em){.settings-row{grid-template-columns:minmax(0,1fr) max-content}.settings-row>span,.settings-row>p{grid-column:1/-1}.settings-row>input{grid-area:3/1}.settings-row>output{grid-area:3/2}.settings-row>select,.settings-row>.menu-button{grid-area:3/1/auto/-1}.settings-tabs{gap:.5em}.settings-tabs .menu-button{font-size:1em}}:lang(egy) .settings-row>output{font-family:NotoEgyptian,sans-serif}.settings-panel{padding-bottom:7em}.settings-panel .language-selector{max-width:calc(100vw - 4em);font-size:1rem;position:fixed;bottom:2rem;right:2rem}.settings-panel .language-selector .fit-label{--text-scale:.9;transform:scale(calc(.9 * var(--text-fit,1)));transform-origin:0;display:inline-block}.settings-row>.dropdown{grid-area:1/2/auto/-1;min-width:0;max-width:100%}.settings-row>.dropdown>.language-trigger{text-align:left;width:100%}.dropdown{min-width:0;max-width:100%;position:relative}@media (max-width:40em){.settings-row>.dropdown{grid-area:3/1/auto/-1}}.settings-row>.dropdown{justify-self:end;width:16em}.settings-panel .language-selector{width:20em}.settings-trigger.active{border-color:#fff;box-shadow:inset 0 0 .6em #ffffff4d}.settings-trigger{transition:border-color .2s,box-shadow .2s}@media (prefers-reduced-motion:reduce){.settings-trigger{transition:none}}.settings-panel .menu-button.settings-home{z-index:3;max-width:calc(50vw - 3em);font-size:1rem;position:fixed;bottom:2rem;left:2rem}.settings-panel:has(.settings-home) .language-selector{max-width:min(20em,50vw - 3em)}.modal-layout:has(>.settings-panel){justify-content:flex-start;padding-block-start:9em}.pool-modal[open]:has(.settings-panel){overflow:hidden scroll}.settings-input .settings-row{grid-template-columns:minmax(0,1fr) minmax(0,min(var(--input-controls-width,14em),47%));align-items:center}.settings-copy{overflow-wrap:anywhere;flex-direction:column;gap:.2em;min-width:0;display:flex}.settings-copy>span{font-size:1.25em}.settings-copy>p{opacity:.6;text-wrap:pretty;font-size:1em;line-height:1.6}.settings-controls{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:1em;min-width:0;display:grid}.settings-controls>input{accent-color:#e6eee9;cursor:pointer;width:100%;min-width:0}.settings-controls>output{text-align:right;min-width:4em;font-family:AtkinsonMonoRegular,monospace}.settings-controls>.menu-button{grid-column:1/-1;justify-self:end;font-size:1em}@media (max-width:40em){.settings-controls{grid-template-columns:minmax(0,1fr);gap:.3em}.settings-controls>output{justify-self:end}}.settings-panel>.switch-control{border-bottom:.07em solid #ffffff1f}.settings-panel>:is(.settings-row,.switch-control):not(:has(~.settings-row,~.switch-control)){border-bottom:0}.settings-row .renderer-status{opacity:.6;flex-basis:100%;margin:.5em 0 0;font-size:.8em}.settings-row .renderer-status[hidden]{display:none}#hud{font-size:min(1em, calc(var(--hud-width,1280px) / 64));z-index:1000;justify-content:space-between;width:1280px;height:8em;margin-top:1em;padding:1.5em;display:flex}#hud-container{pointer-events:none;justify-content:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}#hud-container .sloppy-preview{top:11em;left:50%;transform:translate(-50%)}#hud .player{gap:2em;min-width:0;max-width:calc(50% - 5em);height:100%;display:flex}#hud .player:nth-of-type(3){flex-direction:row-reverse}#hud .player .avatar-container{justify-content:center;align-items:center;height:100%;display:flex}#hud .player .avatar-container img.avatar{aspect-ratio:1;width:auto;height:100%}#hud .player .avatar-container img.frame{height:121.74%;position:absolute}#hud .player .details{flex-direction:column;justify-content:center;row-gap:.5em;min-width:0;display:flex}#hud .player:nth-of-type(3) .details{align-items:flex-end}#hud .player .details .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-family:var(--font-player);letter-spacing:.05em;unicode-bidi:plaintext;flex-shrink:1;margin-block-start:-.35em;padding-block-start:.35em;font-size:1.8em;font-weight:400;overflow:hidden}#hud .player .details .name.localized-name{font-family:var(--font-ui)}#hud .player-heading{align-items:center;gap:.6em;min-width:0;max-width:100%;display:flex}#hud .player[data-player="2"] .player-heading{flex-direction:row-reverse}#hud .player .details .balls-container{flex-shrink:0;gap:.3em;display:flex}#hud .player .details .balls-container .ball{aspect-ratio:1;border:.15em solid #ffffff2b;border-radius:50%;flex:0 2.25em;width:2.25em;min-width:0;height:auto}#hud .player .details .balls-container .ball>img{border-radius:50%;width:100%;height:100%;display:block}#hud .player .details .balls-container .ball:last-of-type{display:none}#hud .player:nth-of-type(3) .balls-container{flex-direction:row-reverse}#hud .player:not(.active){opacity:.3}#cue{aspect-ratio:1;pointer-events:auto;flex-shrink:0;height:100%}#cue #spin-control{touch-action:none;cursor:crosshair;background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;position:absolute;inset:0}#cue #spin-control:focus-visible{box-shadow:inset 0 0 0 .12em #b5ddd0}#cue #spin-control:disabled{opacity:1}#power-meter-container[hidden]{display:none}#power-meter-container{transform:translate(-50%, -50%) translate(var(--power-shift-x,0px), var(--power-shift-y,0px));z-index:999;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%}#power-meter{border-radius:.3em;flex-direction:column;justify-content:center;align-items:center;width:1.4em;height:10em;padding:.25em;display:flex}#power-meter-slider{shape-rendering:geometricprecision}#power-meter-details{transform-origin:100%;background-color:#1e1d24;border-radius:.3em 0 0 .3em;flex-direction:column;align-items:center;width:max-content;min-width:3.3em;padding:.05em .4em;display:flex;position:absolute;left:auto;right:1.2em}#power-meter-value{letter-spacing:-.02em;transform-origin:50%;font-variant-numeric:tabular-nums;color:#fff;direction:ltr;unicode-bidi:isolate;font-family:AtkinsonMono,GoogleSans,Kalam,Lemonada,monospace;font-size:1em;transform:translateY(.15em)scale(.85);font-weight:700!important}#power-meter-unit{opacity:.6;font-size:.8em;transform:translateY(-.15em)}#power-meter-container:not(.reverse) #power-meter{transform:translate(-2em)}#power-meter-container.reverse #power-meter{transform:translate(2em)}#power-meter-container.reverse #power-meter-details{border-radius:0 .3em .3em 0;left:1.3em;right:auto}#cue{position:absolute;top:0;left:50%;right:50%;transform:translate(-50%)}#hud .avatar-container.disconnected img{opacity:.35}#hud .avatar-container .disconnect-icon{color:#ff5267;filter:drop-shadow(0 0 .2em #000000d9);z-index:2;width:3.6em;height:3.6em;padding:.375em;position:absolute}:lang(egy) #power-meter-value{font-family:NotoEgyptian,sans-serif;font-weight:400!important}#hud .player-group{opacity:.25;background:#e6eee9b3;border:.12em solid #e6eee999;border-radius:50%;flex:0 0 1.35em;align-self:center;width:1.35em;height:1.35em;display:block}#hud .player-group[data-group=stripes]{background:linear-gradient(#0000 28%,#e6eee9d9 28% 72%,#0000 72%)}#hud .player-group[hidden]{display:none}#viewport{touch-action:none;position:fixed;inset:0}:root{--ui-surface:#141318;--ui-surface-hover:#211f28;--overlay-background:#0b0e14b3;--message-heading-size:clamp(1.8em, 3.5vw, 3em)}#game-ui{z-index:900;pointer-events:none;position:fixed;inset:0}.menu-screen,.game-result{background:var(--overlay-background);pointer-events:auto;flex-direction:column;justify-content:safe center;align-items:center;gap:1.2em;padding:6em 2em;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-screen>*{flex-shrink:0}.menu-screen h1{margin-bottom:.4em;font-size:clamp(3em,8vw,7em);font-weight:400;line-height:1.1}.menu-screen h2,.game-result h1{font-weight:400;font-size:var(--message-heading-size);text-align:center}.menu-buttons{flex-direction:column;gap:1.6em;min-width:min(18em,100%);max-width:100%;display:flex}.menu-button{opacity:.65;cursor:pointer;isolation:isolate;white-space:nowrap;background:0 0;border:0;border-radius:.4em;flex-shrink:0;padding:.6em 1.25em;font-size:1.8em;line-height:1.3;transition:color 90ms,opacity 90ms}.menu-button:hover:not(:disabled),.menu-button:focus{color:#fff;opacity:1}.button-outline{pointer-events:none;z-index:-1;position:absolute;inset:0}.button-outline path{transition:fill 90ms}.menu-button:is(:hover,:focus):not(:disabled) .button-outline path:first-child{fill:#ffffff13}@media (prefers-reduced-motion:reduce){.menu-button,.button-outline path{transition:none}}.menu-button[hidden]{display:none}.menu-button{grid-template-columns:minmax(0,1fr);justify-items:center;max-width:100%;display:grid}.button-label,.fit-label{white-space:nowrap;width:max-content;transform:scale(calc(var(--text-scale,1) * var(--text-fit,1)));transform-origin:50%;display:block}.menu-check{cursor:pointer;justify-content:center;align-items:center;gap:.7em;padding:.4em;font-size:1.8em;display:flex}.menu-check input{accent-color:#eee5d0;width:1em;height:1em}.menu-button.game-home{z-index:10000;pointer-events:auto;font-size:1em;position:fixed;bottom:1em;left:1em}.game-status{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 4em);font-size:1.5em;position:absolute;bottom:1.6em;left:50%;overflow:hidden;transform:translate(-50%)}.game-announcement{background:var(--overlay-background);text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.6em;padding:6em 2em;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:hidden}.game-announcement h2{font-size:clamp(2.1em,4vw,3.5em);font-weight:400;line-height:1.15}.game-announcement p{opacity:.5;max-width:36em;font-size:1.6em}.pocket-row{flex-wrap:wrap;justify-content:center;gap:.4em;max-width:70%;display:flex}.pocket-row img{border-radius:50%;width:2.5em;height:2.5em}.pool-modal{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:var(--overlay-background);border:0;margin:0;padding:2em;position:fixed;inset:0;overflow:auto}.pool-modal::backdrop{background:0 0}.modal-layout{text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:1.2em;min-height:100%;padding-block:4em;display:flex}.modal-layout>h2{font-size:clamp(2.1em,4vw,3.5em);font-weight:400;line-height:1.15}.modal-content{flex-direction:column;align-items:center;gap:1em;width:max-content;max-width:min(38em,100%);display:flex}.modal-layout>*,.message-content>*{flex-shrink:0}.modal-layout>:not(.modal-content),.message-content>*{max-width:100%}.modal-layout h2,.message-content h2,.modal-content p,.message-content p,.invite-content p{overflow-wrap:anywhere;text-wrap:balance}.modal-content p,.invite-content p{opacity:.5;font-size:1.6em;line-height:1.5}.invite-content{flex-direction:column;align-items:center;gap:1em;width:100%;display:flex}.room-link{appearance:none;field-sizing:content;letter-spacing:.01em;width:auto;min-width:0;max-width:100%;font:inherit;color:#e6eee980;background:var(--ui-surface);box-shadow:none;text-align:center;cursor:text;direction:ltr;unicode-bidi:isolate;border:.15em solid #ffffff2b;border-radius:.4em;padding:.65em 1em;font-family:AtkinsonMonoRegular,monospace;font-size:1.1em}.menu-button.compact{padding:.6em .85em;font-size:1.3em}.menu-buttons>.compact{align-self:center}.room-link:focus-visible{text-underline-offset:.2em;outline:none;text-decoration:underline}.modal-layout>h2:focus{outline:none}.text-action{color:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;padding:.2em .4em;font-size:1.5em}.text-action:hover,.text-action:focus-visible{opacity:1;color:#fff}.modal-close{font-size:1em;position:absolute;top:1.2em;right:1.2em}.inline-buttons{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.menu-logo{grid-template-columns:minmax(0,1fr);place-items:center;gap:.25em;width:100%;min-width:0;display:grid}.menu-logo>span,.menu-subtitle{white-space:nowrap;width:max-content;transform:scale(calc(var(--text-scale,1) * var(--text-fit,1)))}.menu-brand>img{border:.15rem solid #ffffff2b;border-radius:50%;flex-shrink:0;width:1.35em;height:1.35em;font-size:clamp(3em,8vw,7em);display:block}.menu-logo span{text-box:trim-both cap alphabetic;line-height:1}.menu-logo[lang=en-US]{font-family:PermanentMarker,cursive}.game-announcement.visible{opacity:1}.game-announcement.has-result{pointer-events:auto}@media (prefers-reduced-motion:reduce){.game-announcement{transition:none}}.menu-brand{align-items:center;gap:clamp(.75em,2vw,1.75em);max-width:100%;margin-bottom:2.5em;display:flex}.menu-brand-text{flex-direction:column;align-items:center;gap:.6em;min-width:0;display:flex}.menu-brand-text:lang(ar){gap:2em}.menu-brand h1{margin-bottom:0;font-size:clamp(2.5em,6.6vw,5.8em)}.menu-subtitle{letter-spacing:.08em;opacity:.5;font-size:1.5em}.message-content{transform-origin:50%;will-change:transform;backface-visibility:hidden;flex-direction:column;flex-shrink:0;align-items:center;gap:.6em;width:100%;transition:transform .2s cubic-bezier(.2,1.7,.4,1);display:flex;transform:translate(0,0)scale(.92)}.game-announcement.visible .message-content{transform:translate(0,0)scale(1)}@media (prefers-reduced-motion:reduce){.message-content,.game-announcement.visible .message-content{will-change:auto;transition:none;transform:none}}.result-buttons{width:max-content;min-width:0;max-width:100%;margin-top:2.5em}.result-buttons>.menu-button{align-self:stretch}.game-announcement[hidden],.game-status[hidden]{display:none}.match-result{flex-direction:column;align-items:center;width:max-content;max-width:100%;display:flex}.menu-screen:before,.game-announcement:before,.pool-modal:before{content:"";opacity:.35;pointer-events:none;background:url(/8ball/assets/overlay-noise-DLC5-cLn.png);position:fixed;inset:0}.menu-screen>*,.game-announcement>*,.pool-modal>*{z-index:1}.language-selector{z-index:2;text-align:start;direction:ltr;position:absolute;bottom:2rem;right:2rem}.menu-screen .language-selector{max-width:calc(100vw - 4em);position:fixed}.language-trigger,.language-options button{appearance:none;color:inherit;font:inherit;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.55em .85em;font-size:1.05em}.language-trigger{background:var(--ui-surface);border:.12em solid #ffffff2b;border-radius:.4em}.language-trigger,.language-options button{align-items:center;gap:.6em;max-width:100%;display:flex}.language-trigger>span,.language-options button>span,.fit-label{flex-shrink:0}.language-options{background:var(--ui-surface);border:.12em solid #ffffff2b;border-radius:.4em;flex-direction:column;gap:.35em;width:max-content;min-width:100%;max-height:min(50vh,22em);margin:0;padding:.35em;list-style:none;display:flex;position:absolute;bottom:calc(100% + .5em);right:0;overflow-y:auto}.language-options[hidden]{display:none}.language-options{max-width:calc(100vw - 4em);position:fixed}.language-options button{text-align:left;opacity:.65;border-radius:.25em;width:100%;display:flex}.language-options button:hover,.language-options button:focus-visible,.language-options button[aria-selected=true]{opacity:1;background:#ffffff12}.language-trigger:focus-visible{background:var(--ui-surface-hover);border-color:#fff}.language-options button:focus-visible{color:#fff;opacity:1;background:#ffffff1f}.menu-brand,.menu-logo{direction:ltr}.menu-screen .menu-button>span:last-child,.menu-screen .menu-check>span,.menu-screen .language-trigger>bdi,.menu-screen .language-options button>bdi{display:inline-block}.menu-screen .menu-button>span:last-child,.menu-screen .menu-check>span,.menu-screen .menu-logo>span,.menu-screen .menu-subtitle,.menu-screen>h2,.menu-screen .language-trigger>bdi,.menu-screen .language-options button>bdi{transform:scale(calc(.9 * var(--text-fit,1)));transform-origin:50%}.menu-screen .button-label,.menu-logo>span,.menu-subtitle,.menu-screen .fit-label{--text-scale:.9;transform:scale(calc(.9 * var(--text-fit,1)))}input.room-link{font-weight:400!important}.menu-screen .language-trigger>bdi,.menu-screen .language-options button>bdi{transform-origin:0}.menu-screen.is-scrollable{justify-content:flex-start;padding-top:2em;padding-bottom:7em}.pool-modal.is-scrollable>.game-home{margin-top:1em;position:relative;bottom:auto;left:auto}.message-fit{width:100%;transform:scale(var(--content-fit,1));transform-origin:50%;flex-shrink:0}.language-flag{flex:0 0 1.333em;align-items:center;width:1.333em;display:inline-flex}.language-flag img{object-fit:contain;width:100%;height:1em;display:block}.group-assignments{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6em;width:100%;display:grid;position:relative}.group-assignments:after{content:"";background:#ffffff1f;width:.07em;position:absolute;top:-100%;bottom:-100%;left:50%;transform:translate(-50%)}.group-assignment{place-items:center end;min-width:0;padding-block:.6em;display:grid}.group-assignment+.group-assignment{justify-items:start}.group-assignment:first-child>h2{transform-origin:100%}.group-assignment+.group-assignment>h2{transform-origin:0}.group-assignment>h2{white-space:nowrap;overflow-wrap:normal;margin:0}.dropdown>.language-trigger{cursor:pointer;padding-inline-end:2.5em;position:relative}.dropdown-chevron{opacity:.65;pointer-events:none;width:1em;height:1em;position:absolute;top:50%;right:.85em;transform:translateY(-50%)}.language-trigger[aria-expanded=true]>.dropdown-chevron{transform:translateY(-50%)rotate(180deg)}.dropdown>.language-trigger:hover,.dropdown>.language-trigger[aria-expanded=true]{background:var(--ui-surface-hover);border-color:#ffffff59}.language-selector{width:20em}.language-selector>.language-trigger{text-align:left;width:100%}.language-options[popover]{color:#e6eee9;font:inherit;z-index:20000;pointer-events:auto;margin:0;position:fixed;left:auto}.language-options[popover]::backdrop{pointer-events:none;background:0 0}.language-selector{pointer-events:auto}.dialog-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6em;margin-top:.65em;display:grid}.menu-button.menu-exit{align-self:center;margin-top:.8em}.invite-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.6em;width:max-content;max-width:100%;display:grid}.game-announcement.instant,.game-announcement.instant .message-content{transition:none}.steam-invite{gap:1em;width:min(34em,100vw - 3em)}.steam-friend-search{background:var(--ui-surface);width:100%;min-width:0;color:inherit;font:inherit;border:1px solid #e6eee938;border-radius:.4em;padding:.65em .8em}.steam-friend-list{scrollbar-width:thin;scrollbar-color:#e6eee959 transparent;overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;max-height:45dvh;overflow-y:auto}.steam-friend-row{border-bottom:1px solid #e6eee926;align-items:center;gap:.8em;padding:.65em;display:flex}.steam-friend-row:nth-last-child(1 of :not([hidden])){border-bottom:0}.steam-friend-row[hidden],.steam-friend-list[hidden]{display:none}.steam-friend-portrait{flex-shrink:0;width:2.4em;height:2.4em;margin-inline:.26088em;position:relative}.steam-friend-avatar{object-fit:cover;border-radius:0;width:100%;height:100%}.steam-friend-frame{pointer-events:none;object-fit:contain;width:121.74%;height:121.74%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.steam-friend-details{text-align:left;flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}.steam-friend-name{text-align:left;font-family:var(--font-player);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.steam-friend-presence{opacity:.85;align-items:center;gap:.4em;font-size:.8em;display:flex}.steam-friend-presence[data-status=online]{color:#8cbd9c}.steam-friend-presence:is([data-status=away],[data-status=busy]){color:#ceb775}.steam-friend-presence[data-status=offline]{color:#9da5a6}.steam-presence-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.4em;height:.4em}.steam-friend-row .menu-button{flex:none;padding:.5em .8em;font-size:1em}.steam-invites-trigger{z-index:1200;pointer-events:auto;font-size:1em;position:fixed;inset:auto auto 1.5em 1.5em}@media (max-width:35em){.steam-friend-row{flex-wrap:wrap}.steam-friend-name{flex-basis:100%}}.steam-friend-list::-webkit-scrollbar{width:.3em;height:.3em}.steam-friend-list::-webkit-scrollbar-track{background:0 0}.steam-friend-list::-webkit-scrollbar-corner{background:0 0}.steam-friend-list::-webkit-scrollbar-button{width:0;height:0;display:none}.steam-friend-list::-webkit-scrollbar-thumb{background:#e6eee959;border:0;border-radius:1em}.steam-friend-list::-webkit-scrollbar-thumb:hover{background:#e6eee999}@supports selector(::-webkit-scrollbar){.steam-friend-list{scrollbar-width:auto;scrollbar-color:auto}}