:root{--light-primary: #4c5844;--almost-light-primary: #4a5942;--lighter-primary: #5a6a50;--dark-primary: #3e4637;--shadelight: #899281;--shadelighter: #b8c4ad;--shadedark: #292d23;--secondary: #c4b550;--darksecondary: #96892D;--window-width: 780px;--window-half: 380px;--default-pad: 10px;--titlebar-height: 18px;--text: #d8ded3;--link: #aaaaaa;--link-hover: #ffffff;--img-border: #7b8484;--nav-link-hover: #E3E41F;--focus-outline-color: var(--shadelighter);--focus-outline-width: 2px;--focus-outline-style: dotted;--focus-outline-offset: -3px;--bevel-raised-top: var(--shadelight);--bevel-raised-left: var(--shadelight);--bevel-raised-right: var(--shadedark);--bevel-raised-bottom: var(--shadedark);--bevel-sunken-top: var(--shadedark);--bevel-sunken-left: var(--shadedark);--bevel-sunken-right: var(--shadelight);--bevel-sunken-bottom: var(--shadelight);color-scheme:dark}.window,.box,nav,button,.vgui-button,input[type=button],input[type=reset],input[type=submit],input[type=color],::file-selector-button,::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{border:1px solid;border-top-color:var(--bevel-raised-top);border-left-color:var(--bevel-raised-left);border-right-color:var(--bevel-raised-right);border-bottom-color:var(--bevel-raised-bottom)}.inset,.box.inset,.window.rounded,fieldset,input[type=checkbox],input[type=text],input[type=tel],input[type=search],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time],input[list],select,textarea,progress{border:1px solid;border-top-color:var(--bevel-sunken-top);border-left-color:var(--bevel-sunken-left);border-right-color:var(--bevel-sunken-right);border-bottom-color:var(--bevel-sunken-bottom)}button:active,.vgui-button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active,input[type=color]:active,::file-selector-button:active,::-webkit-scrollbar-button:active{border-top-color:var(--bevel-sunken-top);border-left-color:var(--bevel-sunken-left);border-right-color:var(--bevel-sunken-right);border-bottom-color:var(--bevel-sunken-bottom)}body{background-color:var(--dark-primary);font-family:Trebuchet MS,Verdana,DejaVu Sans,sans-serif;color:var(--text);font-size:14px;margin:20px}::selection{background-color:var(--darksecondary)}h1,h2,h3,h4,h5,h6{margin:3px 12px 12px}h1,h2{color:var(--secondary)}h1{font-size:18px}h2{font-size:16px}.site-title{margin:3px 12px 12px;font-size:18px;& a{color:var(--secondary);text-decoration:none;&:hover{color:var(--link-hover);text-decoration:none}}}p{text-align:left;margin:12px;color:var(--text)}code{background:var(--dark-primary);padding:0 3px}hr{margin:20px 0;border:none;height:1px;background-color:var(--dark-primary)}img{max-width:100%;height:auto;margin:2px}.vgui-framed{box-sizing:border-box;border:2px solid var(--img-border);object-fit:contain}.vgui-centered{display:block;margin-inline:auto}.vgui-meta{display:flex;align-items:center}.vgui-meta>time{margin-inline-start:auto}main,.window-column,header,footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:var(--window-width);margin:0 auto}.window-row{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;max-width:var(--window-width)}.space-controls>*{margin-bottom:16px}.vgui-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.DownloadButton{display:inline-block;width:100px;height:25px;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;vertical-align:middle;&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:-3px}}nav{padding:0;list-style:none;background:var(--light-primary);margin-bottom:20px}nav ul{list-style:none;padding:0;margin:0}nav li{display:inline-block;position:relative;line-height:21px;text-align:left;cursor:pointer;& a{display:block;padding:8px 25px;color:var(--secondary);text-decoration:none;&:hover{color:var(--nav-link-hover);background:var(--lighter-primary)}}&:hover ul.dropdown,&:focus-within ul.dropdown{display:block}& ul.dropdown{display:none;border-top:none;padding:0;min-width:150px;background:var(--light-primary);position:absolute;top:100%;z-index:1;& li{display:block}}}button,input[type=button],input[type=reset],input[type=submit],input[type=color],::file-selector-button,.vgui-button{color:#fff;background-color:var(--light-primary);height:25px;min-width:75px;cursor:pointer;font-weight:400;text-align:left;padding-right:5%;&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:-4px}}a.vgui-button{display:inline-block;box-sizing:border-box;line-height:25px;padding:0 12px;text-decoration:none;&:hover{color:#fff;text-decoration:none}}input[type=color]{padding:0}input[type=checkbox]{vertical-align:middle;appearance:none;-webkit-appearance:none;width:15px;height:15px;background:var(--dark-primary);image-rendering:pixelated;&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:-2px}&:checked{background-repeat:no-repeat;background-position:center}}input[type=radio]{vertical-align:text-bottom;appearance:none;-webkit-appearance:none;width:15px;height:15px;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}}input[type=text],input[type=tel],input[type=search],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time],input[list],select,textarea{color:inherit;background:var(--dark-primary);&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:-3px}}::-webkit-calendar-picker-indicator{filter:brightness(0) invert() brightness(70%)}input[type=range]{appearance:none;-webkit-appearance:none;min-width:200px;color:var(--shadelighter);background:none;position:relative;&:before,&:after{display:inline;position:absolute;font-size:10px;top:10px;font-family:monospace}&:before{left:0;content:attr(min)}&:after{right:0;content:attr(max)}&::-webkit-slider-runnable-track{background:#000;height:4px;border:1px solid;border-top-color:var(--bevel-sunken-top);border-left-color:var(--bevel-sunken-left);border-right-color:var(--bevel-sunken-right);border-bottom-color:var(--bevel-sunken-bottom);margin:6px 0}&::-moz-range-track,&::-moz-range-progress{background:#000;height:4px;border:1px solid;border-top-color:var(--bevel-sunken-top);border-left-color:var(--bevel-sunken-left);border-right-color:var(--bevel-sunken-right);border-bottom-color:var(--bevel-sunken-bottom);margin:6px 0}&::-moz-range-track,&::-moz-range-progress{height:2px}&::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--light-primary);border:1px solid;border-top-color:var(--bevel-raised-top);border-left-color:var(--bevel-raised-left);border-right-color:var(--bevel-raised-right);border-bottom-color:var(--bevel-raised-bottom);width:8px;height:16px;position:relative;top:-7px;border-radius:0}&::-moz-range-thumb{appearance:none;background:var(--light-primary);border:1px solid;border-top-color:var(--bevel-raised-top);border-left-color:var(--bevel-raised-left);border-right-color:var(--bevel-raised-right);border-bottom-color:var(--bevel-raised-bottom);width:8px;height:16px;position:relative;top:-7px;border-radius:0}&:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:2px}}input[type=range].ticks{background-repeat:repeat-x;background-position:bottom left 2px;background-size:19px 5px;image-rendering:pixelated;&:before,&:after{top:16px}}.window,.box{position:static;background-color:var(--light-primary);padding:var(--default-pad);box-sizing:border-box;margin:0 0 20px;max-width:var(--window-width)}.titlebar,.window:not(.headless):before{display:block;position:relative;margin-bottom:1em;width:100%;height:var(--titlebar-height);line-height:var(--titlebar-height);text-indent:24px;image-rendering:pixelated;background-repeat:no-repeat;background-position:top left,top right 20px,top right}.window{&:not(.headless):before{content:attr(data-title)}&:not(.no-resize):after{width:12px;height:12px;display:block;margin:0 0 0 auto;position:relative;bottom:-7px;right:-7px;cursor:nwse-resize;content:"";image-rendering:pixelated}}.inset,.box.inset,.window.rounded{background-color:var(--dark-primary);& code{background-color:var(--light-primary)}}.rounded,.box.rounded,.window.rounded{border:none;border-radius:10px}.inset .rounded{background-color:var(--almost-light-primary);& code{background-color:var(--dark-primary)}}.window.half,.window-row .window{max-width:var(--window-half);width:100%;align-self:flex-start}progress{-webkit-appearance:none;appearance:none;display:block;width:90%;margin:18px auto 12px;height:26px;box-sizing:border-box;background:var(--dark-primary);&::-webkit-progress-bar{background:var(--dark-primary);padding:4px}&::-webkit-progress-value{height:16px;background:repeating-linear-gradient(to right,var(--darksecondary),var(--darksecondary) 8px,var(--dark-primary) 1px,var(--dark-primary) 12px)}&::-moz-progress-bar{height:16px;background:repeating-linear-gradient(to right,var(--darksecondary),var(--darksecondary) 8px,var(--dark-primary) 1px,var(--dark-primary) 12px);margin-top:4px;margin-left:4px}}html{scrollbar-color:var(--light-primary) var(--lighter-primary);scrollbar-width:thin}::-webkit-scrollbar,::-webkit-scrollbar-corner{width:18px;background-color:var(--lighter-primary)}::-webkit-scrollbar-thumb{background-color:var(--light-primary)}::-webkit-scrollbar-button{width:18px;height:18px;background-color:var(--light-primary);background-repeat:no-repeat;background-position:center;image-rendering:pixelated}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-row,.flex-column{align-items:flex-start}@media(max-width:820px){body{margin:12px}.window-row{flex-wrap:wrap;justify-content:stretch}.window.half,.window-row .window{max-width:100%}nav ul{flex-wrap:wrap}}.window:before,.titlebar,legend{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#fff;font-weight:700}a{text-decoration:none;color:var(--link);&:hover{text-decoration:underline;color:var(--link-hover)}}input[type=checkbox]:checked{background-image:url("/css/checkmark-ME4CEBYD.png")}input[type=radio]{background-image:url("/css/radio_off-CKKO2LHR.png")}input[type=radio]:checked{background-image:url("/css/radio_on-7JTMVJ7G.png")}.titlebar,.window:not(.headless):before{background-image:url("/css/steamico-VDUFJHN4.png"),url("/css/minimize-O475CVBD.png"),url("/css/close-HLUHBZO6.png")}.window:not(.no-resize):after{background-image:url("/css/resize-OMYHTQWB.png")}input[type=range].ticks{background-image:url("/css/sliderticks-PS47RHBS.png")}::-webkit-scrollbar-button:vertical:increment{background-image:url("/css/scroll_down-XLJKZLQJ.png")}::-webkit-scrollbar-button:vertical:decrement{background-image:url("/css/scroll_up-L77POZIB.png")}::-webkit-scrollbar-button:horizontal:increment{background-image:url("/css/scroll_right-T4626TY7.png")}::-webkit-scrollbar-button:horizontal:decrement{background-image:url("/css/scroll_left-WBUL4AAH.png")}.DownloadButton{background-image:url("/css/download-HSDNXVPK.png")}.DownloadButton:active{background-image:url("/css/download_pressed-SRX7FDCS.png")}
/*!
 * VGUI.css — shared core (pure CSS)
 *
 * Default variables below are the Green Steam palette. Each theme file
 * (greensteam.css / blacksteam.css / greysteam.css) imports this file and
 * overrides the variables it needs.
 *
 * Browser support: any evergreen browser released 2023 or later
 * (uses native CSS nesting, custom properties, :focus-visible, :focus-within).
 */
/*!
 * VGUI.css — Green Steam theme
 *
 * The shared core (steam_shared.css) already ships with Green Steam as its
 * default palette, so this file only adds the Green-Steam-specific
 * typography and component rules on top of it.
 *
 * Usage:
 *   <link rel="stylesheet" href="/styles/greensteam/greensteam.css">
 */