html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:Roboto,"Segoe UI",sans-serif;background-color:#fafafa}body{display:flex;flex-direction:column}#controlbar{background-color:#f5f5f5;border-bottom:gray 1px solid;display:flex;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);z-index:2;flex-shrink:0}#mainmenu{flex-shrink:0;flex-basis:56px;width:56px;height:56px;padding:0 4px;box-sizing:border-box;cursor:pointer;color:#333;position:relative}@media(orientation: landscape){#mainmenu{flex-basis:48px;width:48px;height:48px}}@media(min-width: 768px)and (min-height: 768px){#mainmenu{flex-basis:64px;width:64px;height:64px}}#mainmenu svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#mainmenu:hover{background-color:#e0e0e0}#windowbar{display:flex;flex-wrap:wrap;flex-grow:1;margin-top:-1px;overflow:hidden}.menu{position:absolute;background-color:#fff;z-index:3;box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}.menu .seperator{height:1px;width:100%;margin:.5em 0;background-color:#000;opacity:.12}.menu .item{padding:.5em 1em;cursor:default}.menu .item:hover{background-color:#e5e5e5}#windowbar .button{position:relative;min-height:56px;line-height:56px;font-size:115%;padding:0 25px;box-sizing:border-box;min-width:100px;flex-grow:1;text-align:center;border:#aaa 1px solid;border-bottom-width:0px;border-right-width:0px;cursor:pointer}@media(orientation: landscape){#windowbar .button{min-height:48px;line-height:48px}}@media(min-width: 768px)and (min-height: 768px){#windowbar .button{min-height:64px;line-height:64px}}#windowbar .button:before{color:transparent;content:"•";text-shadow:0 0 12px transparent;font-size:300%;line-height:0;vertical-align:middle;padding-right:22px;margin-left:-22px;width:0;display:inline-block;transition-duration:.2s;transition-property:color,text-shadow}#windowbar .button.highlight-dim:before{transition-duration:1s;color:#00b0ff;text-shadow:0 0 12px #00b0ff}#windowbar .button.highlight-bright:before{transition-duration:1s;color:#00e676;text-shadow:0 0 12px #00e676}#windowbar .button.highlight-max:before{transition-duration:1s;color:#ff3d00;text-shadow:0 0 12px #ff3d00}#windowbar .button:hover,#windowbar .button.active{background-color:#e0e0e0}#windowbar .button .close{display:block;position:absolute;top:0;right:0;opacity:.7;line-height:100%;padding:0 0 5px 5px}#windowbar .button .close:hover{opacity:1}#container{flex-grow:1;display:flex;height:0}#reconnectdialog{position:absolute;left:0;right:0;bottom:0;display:block;height:32px;line-height:32px;border:none;border-top:1px solid gray;margin:0;padding:0 0 0 2px;background-color:#fff}#reconnectbutton{position:absolute;right:0;bottom:0;height:32px;margin:0;padding:0 1ex;border:none;border-left:1px #888 solid;background-color:#f7f7f7;-moz-transition:background-color .1s linear;-webkit-transition:background-color .1s linear;-ms-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear}#reconnectbutton:hover{background-color:#ddd}#reconnectbutton:active{background-color:#ccc}.dialogwindow{width:100%;overflow-y:auto}.dialogwindow .dialogform{background-color:#fff;width:550px;padding:1.5em 1em 1em;margin:0 auto 1em;text-align:center;box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}.dialogwindow .dialogform h1{margin:0 0 .5em}.dialogwindow label.field{display:inline-block;width:275px;text-align:right}.dialogwindow label.field:after{display:inline-block;content:": ";margin-right:1ex;white-space:pre}.dialogwindow input.field{outline:none;margin:5px 0;padding:2px;border:1px #aaa solid;width:269px;height:1.2em;background-color:#fff;color:#000;font-family:inherit;-moz-transition-property:box-shadow,border-color,background-color;-webkit-transition-property:box-shadow,border-color,background-color;-ms-transition-property:box-shadow,border-color,background-color;-o-transition-property:box-shadow,border-color,background-color;transition-property:box-shadow,border-color,background-color;-moz-transition:.1s linear;-webkit-transition:.1s linear;-ms-transition:.1s linear;-o-transition:.1s linear;transition:.1s linear}.dialogwindow input.field:focus{border-color:#555}.dialogwindow input.field:invalid:focus{box-shadow:0 0 5px rgba(255,0,0,.5);border-color:#f55}.dialogwindow select.field{width:275px}.dialogwindow input[type=checkbox]{vertical-align:middle}@media(max-width: 600px){.dialogwindow .dialogform{width:470px;box-sizing:border-box}.dialogwindow label.field{margin-top:1em;width:90%;text-align:left}.dialogwindow label.field:after{display:none}.dialogwindow input.field{width:90%}.dialogwindow select.field{width:90%}}@media(max-width: 470px){.dialogwindow .dialogform{border-radius:0;border-left:none;border-right:none;width:auto;border:none;margin:0}}.dialogwindow button{margin-top:1em;display:inline-block;border:none;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);background-color:#f7f7f7;padding:1ex 1.5ex;-moz-transition-property:box-shadow,border-color,background-color;-webkit-transition-property:box-shadow,border-color,background-color;-ms-transition-property:box-shadow,border-color,background-color;-o-transition-property:box-shadow,border-color,background-color;transition-property:box-shadow,border-color,background-color;-moz-transition:.1s linear;-webkit-transition:.1s linear;-ms-transition:.1s linear;-o-transition:.1s linear;transition:.1s linear;outline:none;font-weight:bold;text-transform:uppercase;font-family:inherit}.dialogwindow button:hover{box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.dialogwindow button:active{background-color:#ccc;box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}.huepicker{position:relative;width:100%;height:15px}.huepicker .marker{position:absolute;top:-3px;width:2px;bottom:-3px;background-color:#000}.color-scheme-picker{margin-top:2em}.color-scheme-picker .schemes{margin-top:.5em;display:flex;flex-wrap:wrap}.color-scheme-picker .schemes .scheme{width:25%;flex-grow:1;box-sizing:border-box;padding:1ex;cursor:pointer}.color-scheme-picker .schemes .scheme.none{width:100%;background-color:#ddd}.color-scheme-picker .schemes .scheme.selected{outline:2px solid currentColor;outline-offset:-4px}.statuswindow,.messagewindow,.channelwindow,.channellistwindow{flex-grow:1;font-family:"Roboto Mono",monospace;font-size:14px;display:flex;flex-direction:column;width:100%}.channelwindow .contentarea{flex-grow:1;display:flex;height:0}.channelwindow .contentarea .linecontainer{height:auto}.nicklist{width:25%;max-width:200px;flex-shrink:0;overflow-y:scroll;overflow-x:hidden;border-left:1px solid gray}@media(max-width: 600px){.nicklist{display:none}}.nicklist .entry{padding:.5em}.nicklist .entry:hover{background-color:#e5e5e5}.nickname{font-weight:500}.linecontainer{overflow-y:scroll;overflow-x:hidden;flex-grow:1;height:5em;padding:.5em}.linecontainer .spacer{height:100%}.line{color:#000;display:flex;width:auto;word-wrap:break-word;word-break:break-word}.line.action-highlight,.line.message-highlight,.line.notice-highlight{color:blue}.line.action{color:#71d}.line.connecting-to-server-status,.line.notice,.line.notice-outbound,.line.server-notice{color:#f60}.line.topic,.line.no-topic,.line.topic-set,.line.topic-changed,.line.current-modes,.line.channel-created{color:green}.line.join{color:green}.line.part{color:#555}.line.quit{color:#00b}.line.kick{color:green}.line.nick{color:green}.line.mode{color:green}.line.ctcp,.line.ctcp-reply{color:#700}.line.error,.line.local-error,.line.generic-error-numeric,.line.syntax-error{color:red}.line .timestamp,.line .prefix,.line .content{display:block;padding:0;white-space:pre}.line .timestamp,.line .prefix{flex-shrink:0}.line .timestamp{padding-right:1.5ex;font-variant-numeric:lining-nums}.line .prefix:after{content:" "}.line .content{white-space:pre-wrap}.line.unknown-message .prefix,.line.generic-numeric .prefix,.line.generic-reply-numeric .prefix,.line.generic-error-numeric .prefix{padding-right:1.5ex;font-variant-numeric:lining-nums}.line.unknown-message .prefix:after,.line.generic-numeric .prefix:after,.line.generic-reply-numeric .prefix:after,.line.generic-error-numeric .prefix:after{content:none}.line a{color:inherit;text-decoration:inherit}.line a:hover{text-decoration:underline}.line .fmt-underline a:hover{outline:dotted 2px;outline-offset:1px}.fmt-bold{font-weight:bold}.fmt-italic{font-style:italic}.fmt-underline{text-decoration:underline}.fmt-reverse{background-color:#000;color:#fff}.fmt-fgcolor-0{color:#fff}.fmt-bgcolor-0{background-color:#fff}.fmt-fgcolor-1{color:#000}.fmt-bgcolor-1{background-color:#000}.fmt-fgcolor-2{color:#009}.fmt-bgcolor-2{background-color:#009}.fmt-fgcolor-3{color:#090}.fmt-bgcolor-3{background-color:#090}.fmt-fgcolor-4{color:#f00000}.fmt-bgcolor-4{background-color:#f00000}.fmt-fgcolor-5{color:#960}.fmt-bgcolor-5{background-color:#960}.fmt-fgcolor-6{color:#90f}.fmt-bgcolor-6{background-color:#90f}.fmt-fgcolor-7{color:#f60}.fmt-bgcolor-7{background-color:#f60}.fmt-fgcolor-8{color:#f0f000}.fmt-bgcolor-8{background-color:#f0f000}.fmt-fgcolor-9{color:lime}.fmt-bgcolor-9{background-color:lime}.fmt-fgcolor-10{color:#099}.fmt-bgcolor-10{background-color:#099}.fmt-fgcolor-11{color:#00cece}.fmt-bgcolor-11{background-color:#00cece}.fmt-fgcolor-12{color:blue}.fmt-bgcolor-12{background-color:blue}.fmt-fgcolor-13{color:#f6f}.fmt-bgcolor-13{background-color:#f6f}.fmt-fgcolor-14{color:#666}.fmt-bgcolor-14{background-color:#666}.fmt-fgcolor-15{color:#ccc}.fmt-bgcolor-15{background-color:#ccc}.fmt-fgcolor-16{color:#470000}.fmt-bgcolor-16{background-color:#470000}.fmt-fgcolor-17{color:#472100}.fmt-bgcolor-17{background-color:#472100}.fmt-fgcolor-18{color:#474700}.fmt-bgcolor-18{background-color:#474700}.fmt-fgcolor-19{color:#324700}.fmt-bgcolor-19{background-color:#324700}.fmt-fgcolor-20{color:#004700}.fmt-bgcolor-20{background-color:#004700}.fmt-fgcolor-21{color:#00472c}.fmt-bgcolor-21{background-color:#00472c}.fmt-fgcolor-22{color:#004747}.fmt-bgcolor-22{background-color:#004747}.fmt-fgcolor-23{color:#002747}.fmt-bgcolor-23{background-color:#002747}.fmt-fgcolor-24{color:#000047}.fmt-bgcolor-24{background-color:#000047}.fmt-fgcolor-25{color:#2e0047}.fmt-bgcolor-25{background-color:#2e0047}.fmt-fgcolor-26{color:#470047}.fmt-bgcolor-26{background-color:#470047}.fmt-fgcolor-27{color:#47002a}.fmt-bgcolor-27{background-color:#47002a}.fmt-fgcolor-28{color:#740000}.fmt-bgcolor-28{background-color:#740000}.fmt-fgcolor-29{color:#743a00}.fmt-bgcolor-29{background-color:#743a00}.fmt-fgcolor-30{color:#747400}.fmt-bgcolor-30{background-color:#747400}.fmt-fgcolor-31{color:#517400}.fmt-bgcolor-31{background-color:#517400}.fmt-fgcolor-32{color:#007400}.fmt-bgcolor-32{background-color:#007400}.fmt-fgcolor-33{color:#007449}.fmt-bgcolor-33{background-color:#007449}.fmt-fgcolor-34{color:#007474}.fmt-bgcolor-34{background-color:#007474}.fmt-fgcolor-35{color:#004074}.fmt-bgcolor-35{background-color:#004074}.fmt-fgcolor-36{color:#000074}.fmt-bgcolor-36{background-color:#000074}.fmt-fgcolor-37{color:#4b0074}.fmt-bgcolor-37{background-color:#4b0074}.fmt-fgcolor-38{color:#740074}.fmt-bgcolor-38{background-color:#740074}.fmt-fgcolor-39{color:#740045}.fmt-bgcolor-39{background-color:#740045}.fmt-fgcolor-40{color:#b50000}.fmt-bgcolor-40{background-color:#b50000}.fmt-fgcolor-41{color:#b56300}.fmt-bgcolor-41{background-color:#b56300}.fmt-fgcolor-42{color:#b5b500}.fmt-bgcolor-42{background-color:#b5b500}.fmt-fgcolor-43{color:#7db500}.fmt-bgcolor-43{background-color:#7db500}.fmt-fgcolor-44{color:#00b500}.fmt-bgcolor-44{background-color:#00b500}.fmt-fgcolor-45{color:#00b571}.fmt-bgcolor-45{background-color:#00b571}.fmt-fgcolor-46{color:#00b5b5}.fmt-bgcolor-46{background-color:#00b5b5}.fmt-fgcolor-47{color:#0063b5}.fmt-bgcolor-47{background-color:#0063b5}.fmt-fgcolor-48{color:#0000b5}.fmt-bgcolor-48{background-color:#0000b5}.fmt-fgcolor-49{color:#7500b5}.fmt-bgcolor-49{background-color:#7500b5}.fmt-fgcolor-50{color:#b500b5}.fmt-bgcolor-50{background-color:#b500b5}.fmt-fgcolor-51{color:#b5006b}.fmt-bgcolor-51{background-color:#b5006b}.fmt-fgcolor-52{color:red}.fmt-bgcolor-52{background-color:red}.fmt-fgcolor-53{color:#ff8c00}.fmt-bgcolor-53{background-color:#ff8c00}.fmt-fgcolor-54{color:#ff0}.fmt-bgcolor-54{background-color:#ff0}.fmt-fgcolor-55{color:#b2ff00}.fmt-bgcolor-55{background-color:#b2ff00}.fmt-fgcolor-56{color:lime}.fmt-bgcolor-56{background-color:lime}.fmt-fgcolor-57{color:#00ffa0}.fmt-bgcolor-57{background-color:#00ffa0}.fmt-fgcolor-58{color:aqua}.fmt-bgcolor-58{background-color:aqua}.fmt-fgcolor-59{color:#008cff}.fmt-bgcolor-59{background-color:#008cff}.fmt-fgcolor-60{color:blue}.fmt-bgcolor-60{background-color:blue}.fmt-fgcolor-61{color:#a500ff}.fmt-bgcolor-61{background-color:#a500ff}.fmt-fgcolor-62{color:#f0f}.fmt-bgcolor-62{background-color:#f0f}.fmt-fgcolor-63{color:#ff0098}.fmt-bgcolor-63{background-color:#ff0098}.fmt-fgcolor-64{color:#ff5959}.fmt-bgcolor-64{background-color:#ff5959}.fmt-fgcolor-65{color:#ffb459}.fmt-bgcolor-65{background-color:#ffb459}.fmt-fgcolor-66{color:#ffff71}.fmt-bgcolor-66{background-color:#ffff71}.fmt-fgcolor-67{color:#cfff60}.fmt-bgcolor-67{background-color:#cfff60}.fmt-fgcolor-68{color:#6fff6f}.fmt-bgcolor-68{background-color:#6fff6f}.fmt-fgcolor-69{color:#65ffc9}.fmt-bgcolor-69{background-color:#65ffc9}.fmt-fgcolor-70{color:#6dffff}.fmt-bgcolor-70{background-color:#6dffff}.fmt-fgcolor-71{color:#59b4ff}.fmt-bgcolor-71{background-color:#59b4ff}.fmt-fgcolor-72{color:#5959ff}.fmt-bgcolor-72{background-color:#5959ff}.fmt-fgcolor-73{color:#c459ff}.fmt-bgcolor-73{background-color:#c459ff}.fmt-fgcolor-74{color:#f6f}.fmt-bgcolor-74{background-color:#f6f}.fmt-fgcolor-75{color:#ff59bc}.fmt-bgcolor-75{background-color:#ff59bc}.fmt-fgcolor-76{color:#ff9c9c}.fmt-bgcolor-76{background-color:#ff9c9c}.fmt-fgcolor-77{color:#ffd39c}.fmt-bgcolor-77{background-color:#ffd39c}.fmt-fgcolor-78{color:#ffff9c}.fmt-bgcolor-78{background-color:#ffff9c}.fmt-fgcolor-79{color:#e2ff9c}.fmt-bgcolor-79{background-color:#e2ff9c}.fmt-fgcolor-80{color:#9cff9c}.fmt-bgcolor-80{background-color:#9cff9c}.fmt-fgcolor-81{color:#9cffdb}.fmt-bgcolor-81{background-color:#9cffdb}.fmt-fgcolor-82{color:#9cffff}.fmt-bgcolor-82{background-color:#9cffff}.fmt-fgcolor-83{color:#9cd3ff}.fmt-bgcolor-83{background-color:#9cd3ff}.fmt-fgcolor-84{color:#9c9cff}.fmt-bgcolor-84{background-color:#9c9cff}.fmt-fgcolor-85{color:#dc9cff}.fmt-bgcolor-85{background-color:#dc9cff}.fmt-fgcolor-86{color:#ff9cff}.fmt-bgcolor-86{background-color:#ff9cff}.fmt-fgcolor-87{color:#ff94d3}.fmt-bgcolor-87{background-color:#ff94d3}.fmt-fgcolor-88{color:#000}.fmt-bgcolor-88{background-color:#000}.fmt-fgcolor-89{color:#131313}.fmt-bgcolor-89{background-color:#131313}.fmt-fgcolor-90{color:#282828}.fmt-bgcolor-90{background-color:#282828}.fmt-fgcolor-91{color:#363636}.fmt-bgcolor-91{background-color:#363636}.fmt-fgcolor-92{color:#4d4d4d}.fmt-bgcolor-92{background-color:#4d4d4d}.fmt-fgcolor-93{color:#656565}.fmt-bgcolor-93{background-color:#656565}.fmt-fgcolor-94{color:#818181}.fmt-bgcolor-94{background-color:#818181}.fmt-fgcolor-95{color:#9f9f9f}.fmt-bgcolor-95{background-color:#9f9f9f}.fmt-fgcolor-96{color:#bcbcbc}.fmt-bgcolor-96{background-color:#bcbcbc}.fmt-fgcolor-97{color:#e2e2e2}.fmt-bgcolor-97{background-color:#e2e2e2}.fmt-fgcolor-98{color:#fff}.fmt-bgcolor-98{background-color:#fff}.inputform{flex-shrink:0;display:flex;height:32px;border:none;border-top:1px solid gray;background-color:#fff}.inputbox{background-color:#fff;color:#000;flex-grow:1;display:block;border:none;padding:2px 3px;margin:0;font-family:"Roboto Mono",monospace;font-size:14px}.inputbox:focus{outline:none}.sendbutton{flex-shrink:0;height:32px;width:32px;margin:0;padding:0;border:none;border-left:1px #888 solid;background-color:#f7f7f7;-moz-transition:background-color .1s linear;-webkit-transition:background-color .1s linear;-ms-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear}.sendbutton:active{background-color:#ccc}.channellistwindow{overflow-x:hidden;overflow-y:scroll}.channellistwindow a{color:inherit;text-decoration:inherit}.channellistwindow a:hover{text-decoration:underline}.channellistwindow .fmt-underline a:hover{outline:dotted 2px;outline-offset:1px}.channellistwindow table{border-spacing:1.5ex .2em}.channellistwindow td{vertical-align:text-top}.channellistwindow .name,.channellistwindow .topic{word-wrap:break-word;word-break:break-word}.channellistwindow .users,.channellistwindow .modes{white-space:nowrap}.channellistwindow .name{min-width:20ex}.channellistwindow .users{min-width:7ex;font-variant-numeric:tabular-nums;border-spacing:1ex .1ex}.channellistwindow .userstd{text-align:right}.channellistwindow .modes{min-width:15ex;border-spacing:1ex .1ex}@media(max-width: 768px){.channellistwindow{background-color:#eee}.channellistwindow table,.channellistwindow thead,.channellistwindow tbody,.channellistwindow td,.channellistwindow th{display:block}.channellistwindow th,.channellistwindow td{padding:.5em}.channellistwindow tr{display:flex;flex-wrap:wrap;margin:1em 1ex;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);border-radius:2px}.channellistwindow .name{flex-grow:1}.channellistwindow .users,.channellistwindow .modes{border-left:#ebebeb 1px solid}.channellistwindow .topic{flex-basis:100%;border-top:#ebebeb 1px solid}}a.channel-link{cursor:pointer}