@media only screen and (max-width:900px){#steamUI{align-items:center;flex-direction:column}.steamChatInstance{align-items:center}}@media only screen and (min-width:900px){#steamUI{flex-direction:row;justify-content:space-around}}.chatSettings,.chatSettingsContent{display:flex;flex-direction:column}#steamUI{display:flex}.chatSettings{width:396px;margin-top:.25em;margin-bottom:1.25em}.chatSettingsTabs{display:flex;flex-direction:row}.chatSettingsTabs .settingsTab{display:flex;flex:1;justify-content:center;cursor:pointer;outline:0;border:1px solid #c7bac7;border-top-right-radius:4px;border-top-left-radius:4px;background-color:#f5f5f5}.chatSettingsTabs .settingsTab.active{background-color:#f5f5f5;margin-bottom:-2px;padding-bottom:2px}.chatSettingsContent{border-left:1px solid #c7bac7;border-right:1px solid #c7bac7;border-bottom:1px solid #c7bac7;background-color:#f5f5f5}.chatSettingsContent .settingsPage{display:none;flex-direction:column;justify-content:space-between;padding:23px}.chatSettingsContent .settingsPage.active{display:flex}.chatSettingsContent .settingsPage.steamUser{flex-direction:row}.chatSettingsContent .steamUserInputs{padding-left:23px;display:flex;flex-direction:column;flex:1;justify-content:center;font-size:1.5em;text-align:center;font-weight:700;font-style:italic}.steamUserInputs .statusDetailsInput[disabled]{display:none}.steamUserInputs :not(:last-child){margin-bottom:5px}.avatarCanvas{width:138px;height:138px;margin-top:auto;margin-bottom:auto;border:2px solid #6a6a6a;box-sizing:border-box;background:url(/images/steam/avatarLarge.png) top center no-repeat;background-size:cover}.avatarCanvas.offline{border-color:#6a6a6a}.avatarCanvas.online{border-color:#54a5c4}.avatarCanvas.ingame{border-color:#90ba3c}.avatarCanvas .avatarControlsOverlay{padding:13px;width:100%;height:100%;box-sizing:border-box;display:none;flex-direction:column;justify-content:space-between;align-items:center;background:rgba(0,0,0,.75)}.avatarCanvas.error .avatarControlsOverlay,.avatarCanvas:hover .avatarControlsOverlay{display:flex}.avatarControlsOverlay div{font-weight:700;font-style:italic;font-size:1.5em;color:rgba(255,255,255,.75)}.steamEvents .statusEvents .statusInfo,.timeEvents .chatTimeInfo{font-style:italic;font-size:.75em;color:#000}.avatarControlsOverlay .avatarURLSelector{width:100%;box-sizing:border-box;font-style:italic}.avatarCanvas .avatarHiddenElement{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.avatarCanvas .avatarBrowserButton{width:100%;box-sizing:border-box;cursor:pointer;font-style:italic}.chatSettingsContent fieldset{padding:10px 1em;margin:5px 1em;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #c4c4c4}.chatSettingsContent fieldset *{min-width:1px}.chatSettingsContent legend{padding:0 10px;margin-left:-10px}.dateContainer *{padding-left:.2em}.settingsPage input[type=button]{width:100%;margin:2px 0;padding:5px 0}.settingsPage input[type=button][disabled]{display:none}.steamEvents .timeEvents{white-space:pre}.timeEvents .chatTimeInfo{justify-content:center;text-align:center}.steamEvents .timeEvents div{display:flex;flex-direction:row}.steamEvents .timeEvents input{width:100%;flex:1}.steamEvents .timeEvents .monthPicker{flex:3}.steamEvents .timeEvents .yearPicker{flex:2}.steamEvents .statusEvents .statusSelect{margin-left:auto;margin-right:auto}.steamPublish .stepOneContainer{display:flex;flex-direction:column}.steamPublish .scratchCanvas{display:none}.steamPublish .imgurHrefContainer{text-align:center}.chatSettingsContent .steamSettings div{padding:10px 0;display:flex;align-items:center}.chatSettingsContent input[type=number]::-webkit-inner-spin-button,.chatSettingsContent input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chatSettingsContent input[type=number]{-moz-appearance:textfield}.chatSettingsContent input[type=checkbox]{zoom:1.5}.chatSettingsContent input.error{border:1px solid rgba(255,0,0,.5);box-shadow:0 0 5px 1px red}@font-face{font-family:steamArial;font-style:normal;src:url(/font/steam/steamArial.woff)}@font-face{font-family:steamArialBlack;font-style:normal;src:url(/font/steam/steamArialBlack.woff)}@font-face{font-family:steamArialBold;font-style:normal;src:url(/font/steam/steamArialBold.woff)}.steamChat{min-width:396px;min-height:351px;width:396px;height:351px;padding:1px;display:flex;flex-direction:row;box-sizing:border-box;background:url(/images/steam/chatBackground1.png);background-size:100% 100%}.steamChat div{font-family:Arial;color:#7f7f7f}.steamChat .primaryFrame{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;box-sizing:border-box;background:url(/images/steam/chatBackground2.png);background-size:100% 100%}.steamChat .titleDiv{height:33px;display:flex;flex-direction:row;justify-content:flex-start}.chatTabs{width:0;padding-left:7px;margin-bottom:-2px;overflow:hidden;vertical-align:top;display:flex;flex:1;flex-direction:row}.chatTabEntry{height:20px;margin:11px 2px 2px 0;box-sizing:border-box;padding:5px 6px 4px;min-width:96px;display:flex;flex-direction:row;flex-shrink:10;justify-content:space-between;background-color:#3a3a3a}.chatTabEntry .tabBubble{width:12px;height:11px;margin-right:6px}.chatTabEntry .tabUserName{flex-grow:1;font-size:11px;white-space:nowrap;overflow:hidden;cursor:default;color:#a8a8a8}.chatMessage a,.chatMessage.warning,.chatTabEntry.active .tabUserName{color:#c4c4c4!important}.chatTabEntry .tabUserName:focus{outline:#a3a099 dotted 1px}.chatTabEntry .tabClose{width:8px;height:6px;margin-left:6px;margin-top:3px}.chatTabEntry.active{height:24px;margin-bottom:-2px;z-index:214894;background:url(/images/steam/chatTabBackground.png);background-size:100% 100%}.chatTabEntry.hidden{display:none}.chatTabArrow{height:20px;width:15px;margin:11px 26px 2px 0;display:flex;background:url(/images/steam/tabArrow.png)}.chatTabArrow[disabled]{display:none}.windowButtons{width:52px;height:17px;display:flex;margin-left:auto;background:url(/images/steam/titlebar.png)}.steamChat .bodyDiv{padding:0 7px;display:flex;flex:1;box-sizing:border-box;overflow:hidden}.bodyDiv .chatDiv{padding:12px 8px 0;display:flex;flex:1;flex-direction:column;justify-content:space-between;box-sizing:border-box;border-top:1px solid #565656;background-color:#262626}.chatDivHeader{margin-bottom:13px;padding-left:2px;display:flex;flex-direction:row;justify-content:space-between}.steamName,.userInfo{flex-direction:row;display:flex}.userInfo.online div{color:#54a5c4}.userInfo.ingame div{color:#90ba3c}.userInfo.offline div{font-weight:600;font-size:11px;color:#7f7f7f}.steamAccountAvatar{width:36px;height:36px;box-sizing:border-box;border:1px solid #54a5c4}.steamAccountAvatar .inner{width:34px;height:34px;box-sizing:border-box;border:1px solid rgba(71,148,179,.63);background-image:url(/images/steam/avatarSmall.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center}.userInfo.online .steamAccountAvatar{border:1px solid #54a5c4}.userInfo.online .steamAccountAvatar .inner{border:1px solid rgba(71,148,179,.63)}.userInfo.ingame .steamAccountAvatar{border:1px solid #90ba3c}.userInfo.ingame .steamAccountAvatar .inner{border:1px solid #5c7e10}.userInfo.offline .steamAccountAvatar{border:1px solid #6a6a6a}.userInfo.offline .steamAccountAvatar .inner{border:1px solid #4d4d4d}.steamAccountDetails{padding:3px 10px 2px;display:flex;flex-direction:column;font-family:Arial}.steamAccountDetails div{margin-top:-1px}.steamName .realName{font-size:11px}.steamName div.nickName{white-space:pre;font-size:11px;font-weight:400;color:#ababab}.tradingInfo,.tradingInfo .username{color:#000!important;font-size:11px;cursor:default}.steamGame,.steamStatus{font-size:11px}.steamName .nameArrow{width:9px;height:5px;margin-left:6px;margin-top:3px}.miscArrow{width:30px;height:30px;margin-top:-1px;background:url(/images/steam/miscArrow.png)}.chatTradingDiv{height:54px;margin-bottom:4px;display:flex;flex-direction:row;border-radius:4px;background-color:#a3a099}.chatTradingDiv[disabled]{display:none}.tradingArrows{width:46px;height:28px;margin-top:auto;margin-bottom:auto;margin-left:4px;background:url(/images/steam/tradingArrows.png)}.tradingInfo{padding-top:8px;padding-left:10px;white-space:pre}.tradingInfo .username{display:inline-block;white-space:pre}.tradingCloseButton{width:7px;height:7px;margin:6px 7px 0 auto;background:url(/images/steam/tradingCloseButton.png)}.chatBodyDiv{margin-bottom:6px;margin-right:4px;height:0;overflow:hidden;display:flex;flex:1;flex-direction:row;background:url(/images/steam/chatBodyBackground.png);background-size:100% 100%}.chatMessageDiv{padding:0 7px 7px;display:flex;flex:1;flex-direction:column;overflow:hidden}.chatRightDiv{width:13px;display:flex;flex-direction:row}.chatRightDiv .leftBorder{margin-top:26px;width:1px;background:url(/images/steam/scrollDivLeftBorder.png) top no-repeat #1f1f1f}.chatScrollArea{width:12px;margin-top:26px;display:flex;flex:1;flex-direction:column;box-sizing:border-box;background:url(/images/steam/scrollDivBackground.png) top no-repeat #262626}.chatScrollTrack{padding:4px 0;display:flex;box-sizing:border-box;flex:1}.chatScrollBar{display:flex;margin-left:-1px;min-height:18px;height:18px;width:13px;background:url(/images/steam/chatDragPattern.png) center no-repeat #585858}.chatScrollBar:hover{background-color:#626262}.chatScrollArea[disabled] .chatScrollBar{display:none}.chatScrollUp{width:13px;height:18px;margin-top:-22px;margin-left:-1px;outline:0;border:none;background:url(/images/steam/chatScrollUp.png)}.chatScrollArea:not([disabled]) .chatScrollUp:hover{background:url(/images/steam/chatScrollUpHover.png)}.chatScrollDown{width:13px;height:17px;margin-bottom:4px;margin-left:-1px;outline:0;border:none;background:url(/images/steam/chatScrollDown.png)}.chatScrollArea:not([disabled]) .chatScrollDown:hover{background:url(/images/steam/chatScrollDownHover.png)}.chatMessage{line-height:140%;vertical-align:top;font-size:13px;word-wrap:break-word;word-break:break-word}.chatMessage[contenteditable]:focus{background-color:rgba(0,0,0,.25);outline:#a3a099 dotted 1px}.chatMessage:not(.warning):hover{background-color:rgba(0,0,0,.25)}.chatMessage:hover .editControls{display:block}.chatMessage:focus .editControls,.chatMessage:hover:focus .editControls{display:none}.chatMessage .editControls{z-index:1;position:absolute;display:none}.chatMessage .editControls input[type=button]{width:12px;height:12px;font-family:iconFont;font-size:8px;font-style:normal;text-align:center;line-height:8px;cursor:pointer}.chatMessage .editControls input[type=button].editButton{margin-right:5px;background-color:#93bde8;border:1px solid #798be0;outline-color:#798be0}.chatMessage .editControls input[type=button].deleteButton{margin-right:5px;background-color:#ff8673;border:1px solid #d45050;outline-color:#d45050}.chatMessage.warning{text-decoration:underline}.chatMessage a{vertical-align:top;font-size:13px;font-family:Helvetica;text-decoration:underline}.chatMessage div{float:left;font-size:13px;white-space:pre;color:#54a5c4!important}.chatMessage.old,.chatMessage.old div{color:#7c7c7c!important}.chatMessage.ingame .username{color:#90ba3c!important}.chatMessage.from{color:#c4c4c4!important}.chatMessage.to{color:#a8a8a8!important}.chatMessage.bold{font-weight:700}.chatMessage img{vertical-align:bottom}.chatFooterDiv{display:flex;flex-direction:column;justify-content:space-between}.userInputDiv{display:flex;flex:0;flex-direction:row;justify-content:space-between}.userInputDiv .submitBox{padding-top:1px;padding-left:6px;max-height:42px;display:flex;flex:1;font-family:Helvetica;font-size:13px;color:#c4c4c4;word-wrap:break-word;word-break:break-word;resize:none;box-sizing:border-box;border:1px solid #4b4b4b;outline:transparent solid 0;overflow:hidden;background-color:rgba(0,0,0,0)}.userInputDiv .emoticonButton{width:40px;height:42px;margin:0 8px;box-sizing:border-box;border:1px solid #4b4b4b;background:url(/images/steam/emoticonIcon.png) center center no-repeat}.userInputDiv .sendButton{width:42px;height:42px;border:none;outline:0;background:url(/images/steam/sendIconEnabled.png)}.userInputDiv .sendButton:disabled{background:url(/images/steam/sendIcon.png)}.userInputDiv .sendButton:active:focus{background:url(/images/steam/sendIconPressed.png)}.footnoteDiv{min-height:25px;height:25px;margin:0 3px 0 15px;display:flex;flex:0;flex-direction:row;justify-content:space-between;box-sizing:border-box}.statusFootnote{font-size:11px;color:#a8a8a8!important;margin-top:auto;margin-bottom:auto}.statusFootnote[contenteditable]:focus{outline:#a3a099 dotted 1px}.windowResizer{width:10px;height:10px;margin:auto 0 3px;cursor:nwse-resize}