.copy-text-button{min-width:62px}.copy-text-button:active{border-color:var(--text-good)!important}.copy-text-button.clicked{border-color:var(--text-good)!important}.dialog-base-contents{display:flex;flex-direction:column;gap:.5rem}.dialog-base-contents>h2{display:flex;justify-content:space-between;align-items: flex-start;gap:5rem}.dialog-base-contents>h2>span{color:var(--text-bad)}.dialog-base-contents>h2>button{padding:.25em .5em;font-size:16px}.dialog-base-contents>div{overflow:auto;display:flex;flex-direction:column;gap:1rem}.logout-button{padding:.5em .75em;font-size:16px}.logout-button:enabled:hover{background-color:var(--bg-bad)}.logout-button:enabled:focus{background-color:var(--bg-bad)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.error-dialog-html-display{display:flex;overflow:hidden;flex-direction:column;align-items: flex-start}.error-dialog-html-display>pre{background-color:var(--bg-disabled);overflow:auto;box-sizing:border-box;max-width:100%;padding:.5em 1em}.error-dialog-rest{display:flex;flex-direction:column;gap:.5em}.error-dialog-rest>p{color:var(--text-secondary)}.lazy-image{display:flex;animation:lazy-image-pulse .7s infinite alternate ease-in-out}.lazy-image>img{visibility:hidden;width:100%;height:100%}.lazy-image.loaded{animation:none}.lazy-image.loaded>img{visibility:visible}@keyframes lazy-image-pulse{0%{background-color:var(--bg-quarter-secondary)}to{background-color:var(--bg-half-secondary)}}.profile-picture{overflow:hidden;aspect-ratio:1;width:var(--size);height:var(--size);border-radius:100%}.sidebar{backdrop-filter:blur(8px);padding-block-start:.5rem;padding-block-end:.5rem;white-space:nowrap;background-color:#40404066;padding-bottom:0}.sidebar>h4{padding-inline-start:1rem;padding-inline-end:1rem;text-align:center;padding-bottom:.5rem}.sidebar nav{display:grid;grid-auto-rows:1fr}.sidebar nav>a{display:flex;justify-content:space-between;align-items: center;gap:1rem;padding:.25rem .75rem;transition:all .1s ease-out}.sidebar nav>a:hover{padding-left:1.5em}.sidebar nav>a:focus-visible{padding-left:1.5em}.sidebar nav>a:hover{background-color:var(--bg-secondary)}.sidebar nav>a:focus{background-color:var(--bg-secondary)}.sidebar nav>a.active{background-color:var(--bg-tertiary)}:root{--bg-main:oklch(0% 0 0);--bg-quarter-secondary:oklch(20% 0 0);--bg-half-secondary:oklch(25% 0 0);--bg-secondary:oklch(35% 0 0);--bg-tertiary:oklch(45% 0 0);--bg-disabled:oklch(20% 0 0);--bg-discord:#5865f2;--bg-bad:color-mix(in oklab,var(--bg-main)25%,var(--text-bad));--border-main:oklch(65% 0 0);--border-half-main:oklch(30% 0 0);--text-main:oklch(95% 0 0);--text-secondary:oklch(65% 0 0);--text-tertiary:oklch(60% 0 0);--text-warning:yellow;--text-bad:lightcoral;--text-good:lightgreen;--text-link:#90cfe4;--rounded:.25em;--rounded-extra:.5em;--transition-duration:.1s}html{background-color:var(--bg-main);width:100svw;height:100svh}html,body{overflow:hidden;box-sizing:border-box;border:none;margin:0;padding:0}body{display:flex;color:var(--text-main);width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}main{overflow:hidden;width:100%;height:100%}h1,h2,h3,h4,h5,h6,p,a,button,input,summary,dialog,div{transition:all ease-out var(--transition-duration)}a,button,input,summary,dialog{outline-width:2px;outline-color:gold}:is(a,button,input,summary,dialog):focus-visible{outline-style:solid}h1,h2,h3,h4,h5,h6,p{margin:0}section{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items: flex-start;gap:1rem;width:100%;height:100%;padding:1rem}a,a:visited,a:active{text-decoration:none;color:inherit}button{cursor:pointer;border-radius:var(--rounded);background-color:var(--bg-secondary);color:inherit;border:2px solid #0000;padding:.25em .5em}button:disabled{cursor:not-allowed;background-color:var(--bg-disabled);color:var(--text-secondary)}button:enabled:active{border-color:var(--border-main)}button:enabled:hover{border-color:var(--border-main)}button:enabled:active{scale:90%}input{font-size:inherit;border-radius:var(--rounded);background-color:var(--bg-secondary);color:inherit;border:2px solid #0000;padding:.25em}input:disabled{cursor:not-allowed;background-color:var(--bg-disabled);color:var(--text-secondary)}input:enabled:hover{border-color:var(--border-main)}input[type=text]{min-width:320px}input[type=checkbox]{margin:0}pre{border-radius:var(--rounded-extra)}pre>code{border-radius:inherit;padding:.5em 1.75em .5em 1em!important}details{padding-inline-start:.25em;padding-inline-end:.25em}details>summary{border-radius:var(--rounded);cursor:pointer;user-select:none;padding:.1em .5em}details>summary:hover{background-color:var(--bg-secondary)}details>summary:focus{background-color:var(--bg-secondary)}details>summary:active{background-color:var(--bg-secondary)}details>summary:active{scale:102%}details.margined>p:first-of-type{padding-top:1em}details.margined>p:last-of-type{padding-bottom:1em}details.indented>:not(summary){padding-left:2.8em}dialog{overflow:auto;background-color:var(--bg-main);color:inherit;border:solid 2px var(--border-main);animation:grow forwards var(--transition-duration);border-radius:var(--rounded);max-width:min(90%,500px);max-height:80%;padding:.75rem}dialog::backdrop{backdrop-filter:blur(12px)}@keyframes grow{0%{scale:0%}to{scale:100%}}.bad{color:var(--text-bad)}.login-button{display:flex;background-color:var(--bg-secondary);border-radius:var(--rounded-extra);border:2px solid #0000;align-items: center;gap:.75em;padding:.5em .75em;font-size:16px}.login-button>img{pointer-events:none;width:24px}.login-button:hover{background-color:var(--bg-discord);color:#fff;border-color:#fff}.login-button:focus{background-color:var(--bg-discord);color:#fff;border-color:#fff}.login-button:active{transform:scale(1.05)}.link-group{display:flex;background-color:var(--bg-half-secondary);border-radius:var(--rounded-extra)}.link-group>a{white-space:nowrap;border-radius:var(--rounded-extra);padding:.5em 1em}.link-group>a.selected{background-color:var(--bg-tertiary)}.link-group>a:not(.selected):hover{background-color:var(--bg-secondary)}.link-group>a:not(.selected):focus{background-color:var(--bg-secondary)}.link-group>a:active{scale:95%}.inline-external-link{display:inline-flex;align-items: center;gap:.2em}.inline-external-link>span{color:var(--text-link)}.inline-external-link>svg{color:var(--text-link)}.inline-external-link:hover{text-decoration:underline solid 1px var(--text-link)}.steam-user-card{display:grid;grid-template-columns:64px auto;background-color:var(--bg-half-secondary);border-radius:var(--rounded-extra);border:solid 2px var(--border-half-main);position:relative;align-items: start;column-gap:1em;width:-moz-fit-content;width:fit-content;min-width:240px;padding:.5em}.steam-user-card.primary{border:2px solid #8b6609}.steam-user-card .steam-avatar{grid-row:1/span 999;width:64px;height:64px}.steam-user-card>.steam-location{color:var(--text-secondary);font-size:14px}.steam-user-card>.steam-member-since{color:var(--text-secondary);font-size:14px}.steam-user-card>.steam-member-since{min-width:300px}.steam-user-card>.steam-id{position:absolute;color:var(--text-tertiary);background-color:var(--bg-quarter-secondary);border-top-left-radius:var(--rounded-extra);border-bottom-right-radius:var(--rounded-extra);padding:.25em .5em;font-family:monospace;font-size:12px;bottom:0;right:0}.steam-user-card>button{grid-column:1/span 2;display:flex;gap:.5em;width:-moz-fit-content;width:fit-content;margin-top:.5em}.components-page{gap:3rem}.components-page>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr;justify-content:center;place-items: center;gap:1em;width:100%;max-width:1200px}.components-page>div>.lazy-image{max-width:100%;max-height:100%}.components-page>div>.lazy-image:not(.profile-picture){min-height:100px}.components-page>div>.lazy-image.bg{aspect-ratio:16/9;height:100%}.components-page>div>.link-group{grid-column:span 2}.components-page>div>.sidebar{grid-column:span 2}.components-page>div>.steam-user-card{grid-column:span 2}.home-page>h3{margin-top:2rem}.home-page>nav{display:grid}.home-page>nav>div{display:flex;gap:.5em}.home-page>nav>div:hover{scale:105%}.home-page>nav>div:hover>a{background-color:var(--bg-half-secondary);text-decoration:underline solid 1px}.home-page>nav>div:hover>button{opacity:1}.home-page>nav>div:focus-within{scale:105%}.home-page>nav>div:focus-within>a{background-color:var(--bg-half-secondary);text-decoration:underline solid 1px}.home-page>nav>div:focus-within>button{opacity:1}.home-page>nav>div>a{color:var(--text-link);border-radius:var(--rounded);flex-grow:1;padding:.25em .75em .3em}.home-page>nav>div>a:active{scale:95%}.home-page>nav>div>button{opacity:0}.login-page .go-to-profile-button{display:flex;align-items: center;gap:.5em;padding-inline-start:.75em;padding-inline-end:.75em;font-size:16px}.not-found-page{display:flex;flex-direction:column}.not-found-page>div{overflow:hidden;width:100%;height:100%}.not-found-page>img{object-fit:contain;width:100%;height:100%}.profile-connections{display:flex;flex-direction:column;gap:1rem}.profile-connections>.bad{color:var(--text-bad);background-color:var(--bg-quarter-secondary);border-radius:var(--rounded-extra);text-align:center;width:-moz-fit-content;width:fit-content;margin-block-start:1rem;margin-block-end:1rem;padding:1em}.profile-connections>h3{display:flex;align-items: flex-end;gap:1em}.profile-connections>.all-connections{display:grid;gap:1rem;width:-moz-fit-content;width:fit-content}.profile-connections>.all-connections>div{width:auto;height:auto}.profile-details{display:flex;flex-direction:column;gap:2rem}.profile-details>.summary{display:grid;grid-template-columns:128px auto;column-gap:1em}.profile-details>.summary>.profile-picture{grid-row:1/span 3}.profile-details>.summary>.discord-id{display:flex;align-items: flex-start;gap:.5em}.profile-details>.summary>.discord-id>span{color:var(--text-secondary)}.profile-details>.summary>.profile-buttons{display:flex;align-items: center;gap:.5em}.profile-details>.summary>.profile-buttons>.refresh-button{padding:.5em .75em;font-size:16px}.profile-details>details{width:-moz-fit-content;width:fit-content}.session-card{display:flex;background-color:var(--bg-half-secondary);border-radius:var(--rounded-extra);border:solid 2px var(--border-half-main);flex-direction:column;gap:1rem;padding:.75em}.session-card>.main-content{display:grid;grid-template-columns:64px auto;column-gap:.75em}.session-card>.main-content>.lazy-image{grid-row:span 3}.session-card>.main-content>h4{display:flex;justify-content:space-between;align-items: center;gap:1.5rem}.session-card>.main-content>h4>button{visibility:hidden;pointer-events:none;opacity:0}.session-card>.main-content>h4>button:hover{background-color:var(--bg-bad)}.session-card>.footer{display:grid;grid-template-columns:auto auto;color:var(--text-secondary);justify-content:space-between;align-items: center}.session-card:hover>.main-content>h4>button{visibility:visible;pointer-events:all;opacity:1}.profile-sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1em;width:100%;max-width:1200px}.profile-sessions>h3{display:flex;grid-column:1/-1;align-items: flex-end;gap:1em}.settings-page>.input-container{display:grid;grid-template-columns:auto auto auto;justify-content:start;gap:3rem .5rem}.settings-page>.input-container>div{display:grid;grid-template-columns:subgrid;grid-column:span 3}.settings-page>.input-container>div>label{display:grid;grid-template-columns:subgrid;grid-column:span 2}.settings-page>.input-container>div>.button-container{display:flex;gap:.5em}.settings-page>.input-container>div>p{grid-column:span 3;color:var(--text-secondary);padding-inline-start:.5rem;padding-inline-end:.5rem}.settings-page>h3{margin-top:1rem}.settings-page>.extra-container{background-color:var(--bg-disabled);display:grid;grid-template-columns:auto auto;box-sizing:border-box;overflow:hidden;overflow:visible;border-radius:.5em;gap:1rem;max-width:650px;padding:1rem}.settings-page>.extra-container>p{display:flex;white-space:nowrap;align-items: flex-start;gap:.5rem}.settings-page>.extra-container>pre{overflow-wrap:break-word;white-space:wrap;overflow:hidden;align-content: center;margin:0}.settings-page .status{color:var(--text-secondary);min-width:66px;transition:all .1s ease-in-out}.settings-page .status.Checking{color:var(--text-warning)}.settings-page .status.Bad{color:var(--text-bad)}.settings-page .status.Ok{color:var(--text-good)}