.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    border: none;
    background-color: transparent;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    overflow: hidden
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

.kiwi-wrap {
    font-size: 90%;
    line-height: 1.6em;
    font-family: Source Sans Pro, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    overflow: hidden
}

.kiwi-workspace {
    position: relative;
    margin-left: 220px;
    left: 0;
    top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    transition: left .2s, margin-left .2s;
}

.kiwi-workspace:after,
.kiwi-workspace:before {
    position: absolute;
    content: "";
    left: 0;
    right: auto;
    margin-top: -4px;
    width: 100%;
    height: 7px;
    z-index: 0;
    transition: width .3s
}

.kiwi-workspace:after {
    right: 0;
    left: auto;
    width: 0
}

.kiwi-workspace--disconnected:before {
    width: 0
}

.kiwi-workspace--disconnected:after {
    width: 100%
}

.kiwi-workspace-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.kiwi-statebrowser {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    bottom: 0;
    z-index: 11
}

.kiwi-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 5%
}

.kiwi-mediaviewer {
    max-height: 70%;
    overflow: auto
}

.kiwi-controlinput {
    z-index: 2
}

@media screen and (max-width:769px) {
    .kiwi-workspace {
        left: 0;
        margin-left: 0
    }
    .kiwi-statebrowser {
        left: -200px
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-statebrowser {
        left: 0
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-workspace {
        left: 75%;
        transition: left .1s;
        transition-delay: 0s
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: .7em 0 .2em;
    margin: 0
}

p {
    margin: .5em 0 1em
}

div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* margin: unset; */
}

ul {
    padding-left: 1em
}

input,
select,
textarea {
    color: inherit;
    background: inherit;
    background-color: inherit
}

.u-link {
    text-decoration: none;
    cursor: pointer
}

.u-link:hover {
    text-decoration: underline
}

.u-button {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.4em .2em;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    outline: none;
    font-weight: 600;
}

.u-button-primary {
    border: none;
    border-bottom: 1px solid
}

.u-form {
    text-align: left
}

.u-form label {
    display: block;
    line-height: 20px;
    margin: 0 0 3px 2px
}

.u-form--big label {
    margin-bottom: 10px;
    font-size: 1.2em
}

.u-form label span {
    margin-right: 1em;
    line-height: 25px;
    font-weight: 500;
    text-align: left;
    max-width: none
}

.u-form label.u-form-block span,
.u-form label span {
    display: inline-block;
    width: auto
}

.u-form input[type=checkbox],
.u-form input[type=radio] {
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 5px;
    border: 1px solid
}

.u-form input[type=radio] {
    float: right
}

.u-form .u-input, .u-form input[type=email], .u-form input[type=password], .u-form input[type=text], .u-form textarea {
    font-size:1.2em;
    line-height:normal;
    clear:both;
    padding:7px 8px;
    box-sizing:border-box;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    max-width:none;
    border-radius:5px;
    border-width:2px;
    border-style:solid;
    font-family: Varela Round,sans-serif;
    background-color: #ffffff;
}

.u-form--big .u-input,
.u-form--big input[type=email],
.u-form--big input[type=password],
.u-form--big input[type=text],
.u-form--big textarea {
    padding: 15px 12px;
    font-size: 1em
}

.u-checkbox-wrapper {
    position: relative;
    padding-left: 30px
}

.u-checkbox-wrapper input[type=checkbox],
.u-checkbox-wrapper input[type=radio] {
    position: absolute;
    margin: 0;
    top: 2px;
    left: 0
}

.u-checkbox-wrapper label {
    margin-right: 0
}

.u-form .u-submit {
    margin: 2em auto;
    display: block
}

.u-table {
    width: 100%
}

.u-table thead th {
    padding: 10px;
    border-bottom: 1px solid
}

.u-table tr:first-of-type td {
    padding-top: 10px
}

.u-table td,
.u-table th {
    padding: 5px 10px
}

.u-table td {
    height: 40px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.u-table td .reset-icon {
    font-size: 1.2em
}

.u-table td .u-input {
    height: 40px
}

.kiwi-formatting-extras-quote {
    border: 1px solid #b5b5b5;
    padding: 0 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .05);
    font-family: monospace
}

.kiwi-formatting-extras-invisible {
    font-size: 0
}

.kiwi-formatting-extras-block {
    border-left: 4px solid #b5b5b5;
    padding: 1em;
    border-radius: 3px;
    background: rgba(0, 0, 0, .05);
    font-family: monospace;
    white-space: pre-wrap;
    display: inline-block
}

.kiwi-close-icon {
    color: #fff;
    border-radius: 0 0 0 4px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: .2em .4em;
    transition: background .2s
}

.kiwi-settings-advanced-table tr:hover {
    background-color: hsla(0, 0%, 50%, .1)
}

.kiwi-statebrowser-usermenu-avatar--connected {
    border: 2px solid #42b992
}

.kiwi-statebrowser-usermenu-avatar--disconnected {
    border: 2px solid #bf5155
}

.irc-fg-colour-white {
    color: #fff
}

.irc-fg-colour-black {
    color: #000
}

.irc-fg-colour-blue {
    color: #00f
}

.irc-fg-colour-green {
    color: #026302
}

.irc-fg-colour-light-red {
    color: #ff5959
}

.irc-fg-colour-brown {
    color: #743a00
}

.irc-fg-colour-purple {
    color: #a500ff
}

.irc-fg-colour-orange {
    color: #ff8c00
}

.irc-fg-colour-yellow {
    color: #ff0
}

.irc-fg-colour-light-green {
    color: #6fff6f
}

.irc-fg-colour-cyan {
    color: #0cc
}

.irc-fg-colour-light-cyan {
    color: #6dffff
}

.irc-fg-colour-light-blue {
    color: #59b4ff
}

.irc-fg-colour-pink {
    color: #f0f
}

.irc-fg-colour-grey {
    color: #a6a6a6
}

.irc-fg-colour-light-grey {
    color: #e2e2e2
}

.irc-bg-colour-white {
    background-color: #fff
}

.irc-bg-colour-black {
    background-color: #000
}

.irc-bg-colour-blue {
    background-color: #00f
}

.irc-bg-colour-green {
    background-color: #026302
}

.irc-bg-colour-light-red {
    background-color: #ff5959
}

.irc-bg-colour-brown {
    background-color: #743a00
}

.irc-bg-colour-purple {
    background-color: #a500ff
}

.irc-bg-colour-orange {
    background-color: #ff8c00
}

.irc-bg-colour-yellow {
    background-color: #ff0
}

.irc-bg-colour-light-green {
    background-color: #6fff6f
}

.irc-bg-colour-cyan {
    background-color: #0cc
}

.irc-bg-colour-light-cyan {
    background-color: #6dffff
}

.irc-bg-colour-light-blue {
    background-color: #59b4ff
}

.irc-bg-colour-pink {
    background-color: #f0f
}

.irc-bg-colour-grey {
    background-color: #a6a6a6
}

.irc-bg-colour-light-grey {
    background-color: #e2e2e2
}

form.kiwi-welcome-simple-form {
    width: 52%;
    padding: 0px;
    border-radius: 39px;
    padding-left: 35px;
    padding-right: 31px;
}

@media (max-width:1025px) {
    form.kiwi-welcome-simple-form {
        width: 100%
    }
}

form.kiwi-welcome-simple-form h2 {
    margin: 0 0 40px;
    padding: 0;
    cursor: default;
    font-weight: 600;
    font-size: 2.2em;
    text-align: center;
    line-height: 1.2em
}

.kiwi-welcome-simple-error {
    text-align: center;
    margin: 1em 0;
    padding: .3em
}

.kiwi-welcome-simple-error span {
    display: block;
    font-style: italic
}

.kiwi-welcome-simple-input-container {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 0 20px
}

.kiwi-welcome-simple-input-container:last-of-type {
    margin: 20px 0 40px
}

.kiwi-welcome-simple-form .u-submit {
    width: 100%;
    height: 50px;
    font-size: 1.3em
}

.kiwi-welcome-simple-start {
    font-size: 1.1em;
    cursor: pointer
}

.kiwi-welcome-simple-start[disabled] {
    cursor: not-allowed;
    opacity: .65
}

.kiwi-welcome-simple .fa-spinner {
    font-size: 6em
}

.kiwi-startup-common {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto
}

.kiwi-startup-common-section {
    padding: 1em;
    box-sizing: border-box;
    height: 100%;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.kiwi-startup-common-section-connection {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    width: 40%;
    max-width: 500px
}

.kiwi-startup-common-section-connection,
.kiwi-startup-common-section-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.kiwi-startup-common-section-info {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: center
}

.kiwi-startup-common-section-info-content {
    background: hsla(0, 0%, 100%, .74);
    margin: 2em;
    color: #1b1b1b;
    font-size: 1.5em;
    padding: 2em;
    line-height: 1.6em
}

@media (min-width:850px) {
    .kiwi-startup-common--closing .kiwi-startup-common-section-connection {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .kiwi-startup-common--closing .kiwi-startup-common-section-info {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media (max-width:850px) {
    .kiwi-startup-common {
        font-size: .9em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 2em
    }
    .kiwi-startup-common-section {
        width: 100%;
        min-height: auto;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .kiwi-startup-common--closing {
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .kiwi-startup-common-section-connection>* {
        max-width: 450px
    }
}

.kiwi-startup-common {
    background-size: 0;
    background-position: bottom
}

.kiwi-startup-common-section-info {
    background-size: cover;
    background-position: bottom;
    border-left: 5px solid #42b992
}

.kiwi-startup-common--no-bg .kiwi-startup-common-section-info {
    background-color: #333
}

@media (max-width:850px) {
    .kiwi-startup-common {
        background-size: cover
    }
    .kiwi-startup-common-section-info {
        background-size: 0;
        border-left: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 0;
        flex: 1 0;
        display: block
    }
    .kiwi-startup-common--no-bg .kiwi-startup-common-section-info {
        border-top: 5px solid #42b992
    }
}

@media (max-width:500px) {
    .kiwi-startup-common-section-info-content {
        margin: 1em
    }
}

.kiwi-welcome-znc h2 {
    font-size: 1.7em;
    text-align: center;
    padding: 0;
    margin: .5em auto 1.5em
}

.kiwi-welcome-znc-error {
    text-align: center;
    margin: 1em 0;
    padding: .3em
}

.kiwi-welcome-znc-error span {
    display: block;
    font-style: italic
}

.kiwi-welcome-znc-form {
    width: 300px;
    background-color: #fff;
    border-radius: .5em;
    padding: 1em;
    border: 1px solid #ececec
}

.kiwi-welcome-znc .kiwi-welcome-znc-have-password input,
.kiwi-welcome-znc .u-input-text {
    margin-bottom: 1.5em
}

.kiwi-welcome-znc-have-password input:checked {
    margin-bottom: 0
}

.kiwi-welcome-znc-start {
    font-size: 1.1em;
    cursor: pointer;
    width: 100%;
    margin: 1em auto .5em;
    font-weight: 400;
    border: none;
    height: 36px;
    line-height: 36px;
    padding: 0
}

.kiwi-welcome-znc-start[disabled] {
    cursor: not-allowed
}

.kiwi-customserver {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.kiwi-customserver-start {
    font-size: 1.1em;
    cursor: pointer
}

.kiwi-customserver-form {
    max-width: 300px;
    margin: 0 auto;
    max-height: 500px;
    overflow: hidden;
    border-radius: .5em;
    padding: 20px 1em
}

.kiwi-customserver .kiwi-customserver-have-password input,
.kiwi-customserver .u-input-text {
    margin-bottom: 1.5em
}

.kiwi-customserver .kiwi-customserver-have-password {
    margin-bottom: 20px
}

.kiwi-customserver-have-password input:checked {
    margin-bottom: 0
}

.kiwi-customserver-tls {
    color: #bfbfbf
}

.kiwi-customserver-tls--enabled {
    color: green
}

.kiwi-customserver-tls-lock {
    font-size: 1.2em
}

.kiwi-customserver-tls-minus {
    color: red;
    font-size: .7em;
    top: 3px
}

.kiwi-customserver-loader {
    margin-top: 1em;
    font-size: 2em
}

.kiwi-customserver-channel {
    margin-top: 1em
}

.kiwi-customserver-form .u-submit {
    width: 100%;
    padding: 0;
    letter-spacing: 1px;
    font-weight: 400;
    margin: 0 0 20px;
    transition: all .2s;
    border: none;
    font-size: 1.2em;
    line-height: 36px
}

.kiwi-customserver-server-types {
    font-size: .9em;
    text-align: center
}

.kiwi-customserver-server-types a {
    margin: 0 1em
}

.kiwi-customserver h2 {
    margin-bottom: 1.5em
}

.kiwi-customserver h2 i {
    font-size: .8em;
    margin-left: 1em
}

.kiwi-customserver--connecting h2 {
    transition: margin-top .7s;
    margin-top: 100px
}

.kiwi-customserver-error {
    text-align: center;
    margin: 1em 0;
    padding: .3em
}

.kiwi-customserver-error span {
    display: block;
    font-style: italic
}

.kiwi-connectingloader-enter-active,
.kiwi-connectingloader-leave-active {
    transition: max-height .5s
}

.kiwi-connectingloader-enter,
.kiwi-connectingloader-leave-to {
    max-height: 0
}

.kiwi-startbnc-form label {
    text-align: left;
    display: block;
    margin-bottom: 1.5em
}

.kiwi-startbnc-form input,
.kiwi-startbnc-form input:active {
    font-size: 1em;
    width: 100%;
    box-sizing: border-box;
    line-height: 30px;
    padding: 0 10px;
    border: none;
    border-bottom: 2px solid #42b992;
    outline: none
}

.kiwi-startbnc-status {
    margin: 1em 0;
    overflow: hidden;
    max-height: 40px;
    transition: max-height .2s
}

.kiwi-startbnc-status:empty {
    background: red;
    max-height: 0
}

.kiwi-startbnc-start {
    font-size: 1.1em;
    cursor: pointer
}

.kiwi-startbnc-form {
    width: 300px;
    background-color: #fff;
    border-radius: .5em;
    padding: 1em;
    border: 1px solid #ececec
}

.kiwi-startbnc-form button {
    width: 100%;
    line-height: 36px;
    padding: 0;
    font-size: 1.2em;
    font-weight: 400
}

.kiwi-statebrowser {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: none;
    text-align: center;
    overflow: hidden;
    transition: left .145s, margin-left .145s
}

.kiwi-statebrowser h1 {
    width: 100%;
    font-size: 1em;
    opacity: .8;
    cursor: default;
    padding: 20px 0 27px
}

.kiwi-statebrowser hr {
    width: 100%;
    margin: 0;
    opacity: .3
}

.kiwi-statebrowser-appsettings {
    position: absolute;
    top: 0;
    left: 0;
    width: 39px;
    text-align: center;
    font-size: 1em;
    box-sizing: border-box;
    line-height: 57px;
    cursor: pointer;
    font-weight: 500;
    transition: background .2s, opacity .2s;
    opacity: .8;
    z-index: 20
}

.kiwi-statebrowser-appsettings:hover {
    opacity: 1
}

.kiwi-statebrowser-appsettings span {
    font-weight: 600
}

.kiwi-statebrowser-appsettings i {
    line-height: 35px;
    font-size: 1.2em
}

.kiwi-statebrowser-newnetwork {
    width: 100%;
    position: static;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-top: 1px solid
}

.kiwi-statebrowser-newnetwork a {
    width: 100%;
    padding: 0 10px;
    margin: 0;
    opacity: 1;
    line-height: 39px;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    background: none;
    text-align: left;
    position: relative;
    border-radius: 0;
    font-size: .9em;
    transition: all .3s;
    border: none
}

.kiwi-statebrowser-newnetwork a i {
    position: absolute;
    right: 20px;
    line-height: 39px;
    font-size: 1.15em
}

.kiwi-statebrowser-newnetwork a:hover {
    opacity: 1
}

.kiwi-statebrowser-network .kiwi-statebrowser-network-header {
    float: left;
    width: 100%;
    line-height: 45px;
    text-align: left;
    position: relative
}

.kiwi-statebrowser-network .kiwi-statebrowser-network-header a {
    text-align: left;
    padding: 0px 0px 0px 0px;
    width: 98%;
    height: 41px;
    font-size: 1em;
    font-weight: 500;
}

.kiwi-statebrowser-channel {
    line-height: 30px;
    padding: 0 0 0 8px;
    transition: opacity .3s
}

.kiwi-statebrowser-channel .kiwi-statebrowser-channel-name {
    text-align: left;
    font-weight: 600;
    font-size: 1em
}

.kiwi-statebrowser-channel-active {
    font-weight: 600;
    border-left: 3px solid;
    opacity: 1
}

.kiwi-statebrowser-channel:before {
    line-height: 30px
}

.kiwi-statebrowser-newchannel {
    padding: 0;
    height: auto;
    width: 100%;
    border-top: none;
    box-sizing: border-box;
    margin: 1em 0
}

.kiwi-statebrowser-newchannel a {
    width: 90%;
    padding: 0 10px;
    line-height: 35px;
    font-size: .8em;
    font-weight: 500;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    background: none;
    text-align: left;
    position: relative;
    border-radius: 4px;
    margin: 0 5%;
    transition: all .3s
}

.kiwi-statebrowser-newchannel a i {
    position: absolute;
    right: 10px;
    line-height: 35px;
    font-size: 1.2em
}

.kiwi-statebrowser-newchannel a i:hover {
    opacity: 1
}

.kiwi-statebrowser-usermenu .fa-caret-down {
    transition: all .3s
}

.kiwi-statebrowser-usermenu--open .fa-caret-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.kiwi-statebrowser-switcher a {
    display: inline-block;
    width: 50%;
    padding: 5px 0;
    font-size: 1.2em;
    cursor: pointer;
    text-align: center
}

.kiwi-statebrowser-availablenetworks-link a {
    cursor: pointer
}

.kiwi-statebrowser-usermenu-body a:hover {
    text-decoration: underline
}

.kiwi-statebrowser-scrollarea {
    height: auto;
    margin-bottom: 0;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kiwi-statebrowser-network {
    margin-bottom: 2em;
    overflow: hidden
}

.kiwi-statebrowser-network:last-child {
    margin-bottom: 0
}

.kiwi-statebrowser-options {
    position: absolute;
    bottom: 0;
    padding: 15px;
    height: 30px;
    margin-right: 10px
}

.kiwi-statebrowser-nonetworks {
    padding: 5px;
    text-align: center
}

.kiwi-statebrowser-availablenetworks-toggle {
    cursor: pointer;
    text-align: center;
    padding: 5px 0
}

.kiwi-statebrowser-availablenetworks-type {
    padding: 10px
}

.kiwi-statebrowser-availablenetworks-name {
    text-align: center;
    font-weight: 700
}

.kiwi-statebrowser-availablenetworks-networks {
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s
}

.kiwi-statebrowser-availablenetworks-networks--open {
    max-height: 500px
}

.kiwi-statebrowser-newchannel-inputwrap {
    padding: 3px
}

.kiwi-statebrowser-newchannel-inputwrap input {
    outline: none;
    border: none;
    display: block;
    width: 80%;
    margin-right: 30px
}

.kiwi-statebrowser-newchannel-inputwrap i {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer
}

.kiwi-statebrowser-availablenetworks-link {
    border-right: 15px solid red
}

.kiwi-statebrowser-availablenetworks-link--connected {
    border-color: green
}

@media screen and (max-width:769px) {
    .kiwi-statebrowser {
        left: -100%;
        padding-top: 0;
        z-index: 1000
    }
    .kiwi-wrap.kiwi-wrap--statebrowser-drawopen .kiwi-statebrowser {
        width: 75%;
        left: 0;
        z-index: 100;
        transition: left .07s, width .1s
    }
    .kiwi-header {
        text-align: center
    }
    .kiwi-container-toggledraw-statebrowser-messagecount {
        width: 30px;
        color: #000;
        font-weight: 600;
        max-height: 49.5px
    }
    .kiwi-statebrowser-newchannel a {
        margin-right: 2.5%;
        margin-left: 2.5%;
        width: 95%
    }
    .kiwi-statebrowser-channel:before {
        line-height: 40px
    }
    .kiwi-statebrowser-usermenu {
        position: relative
    }
    .kiwi-statebrowser-usermenu-body .kiwi-close-icon {
        display: none
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-statebrowser:after {
        opacity: 1;
        width: 100%;
        right: -100%;
        transition: width .2s, opacity .2s
    }
}

.kiwi-channel-options-header {
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0;
    opacity: 1;
    cursor: default;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.kiwi-channel-options-header span {
    padding: 5px 0;
    float: left;
    font-size: 1.2em;
    font-weight: 600
}

.kiwi-statebrowser-network-header {
    display: block;
    padding-right: 0;
    position: relative;
    overflow: hidden;
    height: auto;
    box-sizing: border-box
}

.kiwi-statebrowser-network-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.1em;
    text-align: center;
    display: block;
    padding: 4px 0;
    box-sizing: border-box
}

.kiwi-network-name-hover-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    z-index: 2;
    width: 45px;
    text-align: center;
    line-height: 45px
}

.kiwi-network-name-options {
    position: absolute;
    top: 0;
    height: 45px;
    z-index: 10;
    right: -300px;
    transition: all .15s
}

.kiwi-statebrowser-network-header:hover .kiwi-network-name-options {
    right: 0;
    opacity: 1
}

.kiwi-network-name-option {
    float: right;
    width: 35px;
    transition: all .15s;
    padding: 0;
    line-height: 45px;
    text-align: center;
    cursor: pointer
}

.kiwi-statebrowser-network-toggable-area--collapsed {
    display: none
}

.kiwi-statebrowser-network-status {
    text-align: center;
    padding: 4px 4px 6px;
    overflow: hidden;
    position: relative;
    height: 1.5em;
    font-size: .9em
}

.kiwi-statebrowser-network-status-transition-enter-active,
.kiwi-statebrowser-network-status-transition-leave-active {
    transition: height .7s, padding .7s
}

.kiwi-statebrowser-network-status-transition-enter,
.kiwi-statebrowser-network-status-transition-leave-active {
    height: 0;
    padding: 0
}

.kiwi-statebrowser-channel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 3px solid transparent
}

.kiwi-statebrowser-channel:hover .kiwi-statebrowser-channel-name {
    text-decoration: underline
}

.kiwi-statebrowser-channel-name {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all;
    transition: padding .1s, border .1s
}

.kiwi-statebrowser-channel-labels {
    position: absolute;
    right: 0;
    text-align: right;
    z-index: 0;
    top: 0;
    transition: opacity .2s
}

.kiwi-statebrowser-channel-label {
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    margin: 0;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center;
    width: 50px;
    border-radius: 0
}

.kiwi-statebrowser-channel-label:hover {
    opacity: 1
}

.kiwi-statebrowser-channel-label-transition-enter-active,
.kiwi-statebrowser-channel-label-transition-leave-active {
    transition: opacity .1s
}

.kiwi-statebrowser-channel-label-transition-enter,
.kiwi-statebrowser-channel-label-transition-leave-active {
    opacity: 0
}

.kiwi-statebrowser-channel-leave {
    float: right;
    opacity: 0;
    width: 50px;
    cursor: pointer;
    margin-right: 0;
    transition: all .3s;
    z-index: 10
}

.kiwi-statebrowser-channel:hover .kiwi-statebrowser-channel-leave,
.kiwi-statebrowser-channel:hover .kiwi-statebrowser-channel-settings {
    opacity: 1
}

.kiwi-statebrowser-channel:hover .kiwi-statebrowser-channel-labels {
    opacity: 0
}

.kiwi-statebrowser-newchannel-inputwrap {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 3px;
    opacity: 1;
    transition: opacity .3s;
    background: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.kiwi-statebrowser-newchannel-inputwrap input[type=text] {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-size: .8em;
    box-sizing: border-box;
    border: none;
    margin: 0;
    border-radius: 0;
    min-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: none
}

.kiwi-statebrowser-newchannel-inputwrap--focus {
    opacity: 1
}

.kiwi-statebrowser-channelfilter {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    opacity: 1;
    transition: all .3s;
    margin-bottom: 0
}

.kiwi-statebrowser-channelfilter:hover {
    opacity: 1
}

.kiwi-statebrowser-channelfilter input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    box-sizing: border-box
}

.kiwi-statebrowser-channelfilter p {
    text-align: center;
    font-size: .9em;
    margin: 10px 0;
    cursor: pointer;
    transition: all .3s
}

.kiwi-statebrowser-channelfilter p:hover {
    text-decoration: underline
}

@media screen and (max-width:769px) {
    .kiwi-network-name-options {
        right: 0;
        opacity: 1
    }
    .kiwi-statebrowser-channel-name {
        line-height: 32px;
    }
    .kiwi-network-name-option {
        width: 50px
    }
    .kiwi-statebrowser-channel-leave {
        opacity: 1;
        line-height: 40px;
        width: 50px
    }
    .kiwi-statebrowser-channel-labels {
        right: 50px;
        top: 0
    }
    .kiwi-statebrowser-channel-label {
        line-height: 41px;
        height: 40px
    }
    .kiwi-statebrowser-channel:hover .kiwi-statebrowser-channel-labels {
        opacity: 1
    }
}

.kiwi-buffersettings {
    box-sizing: border-box
}

.kiwi-buffersettings-alerts {
    margin-bottom: 1em
}

.kiwi-awaystatusindicator {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 4px 0 0;
    border: 1px solid #fff;
    transition: background .2s
}

.kiwi-awaystatusindicator--self {
    cursor: pointer
}

.kiwi-statebrowser-usermenu {
    width: 100%;
    padding-bottom: 0;
    padding-top: 34px
}

.kiwi-statebrowser-usermenu-network {
    padding: 0 0 10px;
    cursor: default
}

.kiwi-statebrowser-usermenu-avatar {
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 1.5em;
    text-align: center;
    line-height: 50px;
    border: 2px solid;
    border-radius: 50%;
    margin: 0 auto 10px;
    transition: background .2s;
    position: relative
}

.kiwi-statebrowser-usermenu .kiwi-awaystatusindicator {
    position: absolute;
    top: 1px;
    right: -5px;
    width: 12px;
    height: 12px;
    border: 1px solid #000
}

.kiwi-statebrowser-usermenu-body {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: .8em;
    margin-bottom: 10px
}

.kiwi-statebrowser-usermenu-body p {
    margin-bottom: 0
}

.kiwi-appsettings {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 8px 0 0;
    margin-top: -7px
}

.kiwi-appsettings .u-form {
    width: 100%;
    overflow: hidden
}

.u-form label.kiwi-appsettings-setting-language.kiwi-appsettings-setting-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2em
}

.kiwi-appsettings-setting-language select {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 200px
}

.kiwi-appsettings-setting-language div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    margin-right: 1em
}

.kiwi-appsettings-setting-theme span {
    margin-left: 0
}

.kiwi-appsettings-setting-theme select {
    float: right
}

.kiwi-appsettings-setting-showjoinpart span {
    max-width: none
}

.kiwi-appsettings-full input,
.kiwi-appsettings-full span {
    width: 100%
}

.kiwi-appsettings-aliases {
    padding: 1em 20px 2em
}

.kiwi-appsettings .kiwi-appsettings-setting-scrollback input {
    margin-right: 10px;
    width: 80px
}

.kiwi-appsettings-tab-container {
    width: 100%
}

.kiwi-appsettings-close {
    float: right
}

.kiwi-appsettings .u-form label {
    display: block
}

.kiwi-appsettings .u-form label span {
    text-align: left;
    margin-left: 0
}

.kiwi-appsettings-theme-reload {
    margin-left: 1em;
    float: right;
    cursor: pointer
}

.kiwi-settings-aliases-input {
    height: auto;
    min-height: 300px;
    min-height: 400px;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    resize: vertical
}

.kiwi-appsettings-block {
    max-width: 400px;
    width: auto;
    display: block;
    box-sizing: border-box;
    margin: 20px auto
}

.kiwi-appsettings-block.kiwi-appsettings-block-advanced {
    max-width: inherit;
    margin: 20px
}

.kiwi-appsettings-block h3 {
    width: 100%;
    line-height: 45px;
    padding: 0 10px;
    box-sizing: border-box
}

.kiwi-appsettings-section {
    padding: 10px
}

.kiwi-appsettings-block-aliases {
    max-width: 750px
}

.kiwi-appsettings-title {
    display: block;
    cursor: pointer;
    padding: 0 10px;
    margin: -1px 0 0;
    font-weight: 600;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    line-height: 47px;
    text-align: right;
    transition: background .3s
}

.kiwi-appsettings-title h2 {
    padding: 10px 0 11px 20px;
    width: auto;
    float: left
}

.kiwi-appsettings-title a {
    float: right;
    position: static;
    background: none;
    border: none;
    padding: 10px 20px;
    font-size: 1.4em
}

.kiwi-appsettings-title i {
    margin-left: 10px;
    font-size: 1.5em;
    float: right;
    line-height: 47px
}

.kiwi-appsettings-messagelistDisplay select {
    float: right
}

@media screen and (max-width:769px) {
    .kiwi-appsettings {
        width: 100%;
        z-index: 999;
        position: fixed;
        left: 0;
        transition: left .5s
    }
    .kiwi-appsettings .kiwi-appsettings-block {
        width: 90%
    }
    .kiwi-appsettings .u-form label span {
        width: auto;
        margin-right: 0;
        display: inline-block
    }
}

.kiwi-settings-aliases-input {
    width: 80%;
    height: 200px;
    font-size: .8em;
    line-height: 1.4em;
    font-family: monospace
}

.kiwi-settings-aliases-showhelp {
    display: block
}

.kiwi-settings-aliases-help {
    padding: 1em;
    margin: 1em 0;
    border: 1px dashed rgba(0, 0, 0, .4)
}

.kiwi-settings-aliases .u-form textarea {
    min-height: 300px
}

.kiwi-settings-aliases-help em {
    padding: 1px 2px;
    font-weight: 900
}

.kiwi-settings-advanced {
    width: 100%
}

.kiwi-settings-advanced-table .u-input {
    border-bottom: 2px solid red;
    height: auto
}

.kiwi-settings-advanced-table label {
    margin: 0
}

.kiwi-settings-advanced-table td {
    height: 30px
}

.kiwi-settings-advanced-table td:nth-child(2) {
    min-width: 100px
}

.kiwi-settings-advanced-table td:nth-child(3) {
    min-width: 350px
}

.kiwi-settings-advanced tr.kiwi-advanced-setting--modified {
    font-weight: 900
}

.kiwi-settings-advanced .u-table td .u-input {
    height: 30px
}

.kiwi-settings-advanced-filter {
    border-bottom: 1px solid hsla(0, 0%, 50%, .5);
    padding: 0 0 5px
}

.kiwi-settings-advanced-filter-container {
    position: relative;
    max-width: 224px
}

.kiwi-settings-advanced-filter-container input::-ms-clear {
    display: none
}

.kiwi-settings-advanced-filter-container .fa-search,
.kiwi-settings-advanced-filter-container .fa-times {
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 10;
    cursor: default
}

.kiwi-settings-advanced-filter-container .fa-times {
    cursor: pointer
}

.kiwi-settings-advanced-filter label {
    font-weight: 600
}

.kiwi-settings-advanced .u-form .kiwi-settings-advanced-filter .u-input {
    display: inline-block;
    border: 1px solid #000;
    height: 40px;
    padding: 0 10px
}

.kiwi-settings-advanced-notice {
    text-align: center;
    padding: 10px 0;
    margin: 5px 0 15px;
    font-weight: 900
}

.kiwi-settings-advanced .kiwi-settings-advanced-noresult {
    width: 100%;
    margin: 50px 0 30px;
    text-align: center;
    font-weight: 900;
    font-size: 1em
}

@media screen and (max-width:600px) {
    .kiwi-settings-advanced .u-form {
        overflow-x: scroll
    }
}

.kiwi-container {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kiwi-header {
    z-index: 2;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.kiwi-sidebar {
    position: absolute;
    right: -443px;
    top: 45px;
    bottom: 0;
    width: 443px;
    max-width: 443px;
    z-index: 3;
    transition: right .2s, width .2s;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kiwi-container--sidebar-drawn .kiwi-sidebar {
    right: 0
}

.kiwi-container--sidebar-open .kiwi-sidebar {
    right: 0;
    top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-left-width: 1px;
    border-left-style: solid;
    max-width: 430px;
    z-index: 1;
    transition: right .2s, top 0s
}

.kiwi-container-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.kiwi-messagelist,
.kiwi-serverview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kiwi-container--no-sidebar .kiwi-header,
.kiwi-container--no-sidebar .kiwi-messagelist {
    margin-right: 0
}

.kiwi-container-toggledraw-sidebar,
.kiwi-container-toggledraw-statebrowser {
    display: none;
    width: 50px;
    position: absolute;
    top: 0;
    height: 45px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-size: 1.6em;
    line-height: 50px;
    transition: left 2s;
    transition-delay: .5s
}

.kiwi-container-toggledraw-statebrowser {
    left: 0
}

.kiwi-container-toggledraw-sidebar {
    right: 0
}

.kiwi-container-toggledraw-sidebar--disabled {
    cursor: default
}

.kiwi-container-toggledraw-statebrowser-messagecount {
    position: absolute;
    font-size: .6em;
    border-radius: 3px;
    line-height: 2em;
    box-sizing: border-box;
    top: 10px;
    z-index: 3;
    white-space: nowrap;
    left: 14px;
    width: 37px;
    padding: 0;
    transition: all .4s, z-index 0s;
    transition-delay: .1s
}

.kiwi-container-toggledraw-statebrowser-messagecount:after {
    left: -15px;
    top: 20%;
    border: .6em solid transparent;
    border-right-color: #ddd;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.kiwi-container-statebrowser-messagecount-close {
    display: none
}

.kiwi-wrap--statebrowser-drawopen .kiwi-container-toggledraw-statebrowser-messagecount {
    left: -19px;
    z-index: 100
}

.kiwi-wrap--statebrowser-drawopen .kiwi-container-toggledraw-statebrowser-messagecount:after {
    right: -15px;
    left: auto
}

@-webkit-keyframes kiwi-wiggle {
    0% {
        margin-left: 5px
    }
    50% {
        margin-left: 0
    }
    to {
        margin-left: 5px
    }
}

@keyframes kiwi-wiggle {
    0% {
        margin-left: 5px
    }
    50% {
        margin-left: 0
    }
    to {
        margin-left: 5px
    }
}

.kiwi-container-toggledraw-statebrowser-messagecount--highlight {
    -webkit-animation: kiwi-wiggle .25s 4;
    animation: kiwi-wiggle .25s 4;
    -webkit-animation-timing-function: ease-in, linear, ease-out;
    animation-timing-function: ease-in, linear, ease-out
}

.kiwi-container-toggledraw-statebrowser-messagecount--highlight:hover {
    -webkit-animation: none;
    animation: none
}

.kiwi-container-empty {
    text-align: center;
    padding: 1em
}

.kiwi-container-empty .u-button {
    border-radius: 3px;
    font-weight: 500;
    line-height: 50px;
    padding: 0 14px
}

.kiwi-wrap .kiwi-container:after {
    content: "";
    position: absolute;
    left: auto;
    height: 120%;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    opacity: 0;
    z-index: 99;
    width: 0;
    right: -100%;
    transition: opacity .1s;
    transition-delay: opacity .1s
}

@media screen and (max-width:1500px) {
    .kiwi-container--sidebar-open .kiwi-sidebar {
        max-width: 350px
    }
}

@media screen and (max-width:769px) {
    .kiwi-wrap--statebrowser-drawopen .kiwi-container-statebrowser-messagecount-alert {
        display: none
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-container-statebrowser-messagecount-close {
        display: block
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-container:after {
        top: 0;
        opacity: 1;
        width: 100%;
        right: 0
    }
    .kiwi-header {
        margin-left: 50px;
        margin-right: 50px;
        max-height: 50px
    }
    .kiwi-container-toggledraw-sidebar,
    .kiwi-container-toggledraw-statebrowser {
        display: block
    }
    .kiwi-sidebar {
        top: -4px
    }
}

.kiwi-header {
    padding: 0;
    transition: all .3s;
    line-height: 10px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kiwi-header-name .kiwi-header-awaystatus {
    display: inline-block;
    margin-bottom: 2px
}

.kiwi-header--showall {
    height: auto;
    max-height: 100%;
    overflow-y: auto
}

.kiwi-header:hover {
    max-height: none
}

.kiwi-header-name{
    font-weight: 700;
    cursor:default;
    margin:0;
    margin-right:.5em;
    padding:.5em 20px;
    opacity:1;
    font-size:17px;
    line-height:normal;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    text-align:left;
    word-break:break-all;
    font-family: saira,sans-serif;
    text-transform: uppercase;
}

.kiwi-header-options{ 
    width:auto;
    display:inline-block;
    -ms-flex-negative:0;
    flex-shrink:0;
}

.kiwi-header-option {
    border: none;
    float: left;
    background: none;
    font-size: .8em;
    opacity: .9;
    font-weight: 900
}

.kiwi-header-option a {
    float: left;
    padding: 0 6px;
    line-height: 45px;
    display: block;
    font-weight: 600;
    opacity: .8;
    cursor: pointer;
    transition: all .3s;
}

.kiwi-header-option a:hover {
    opacity: 1
}

.kiwi-header-option i {
    font-size: 1.2em;
    float: left;
    line-height: 45px
}

.kiwi-header-options i+span {
    margin-left: 10px
}

.kiwi-header-option--active,
.kiwi-header-option--active a {
    opacity: 1
}

.kiwi-header-option-leave {
    opacity: 1;
    margin: 0;
    transition: all .3s
}

.kiwi-header-option-leave i {
    margin: 0
}

.kiwi-header-notjoined {
    border-radius: 0;
    display: inline-block;
    margin: 0 auto;
    float: right
}

.kiwi-header-notjoined .u-link {
    font-weight: 600;
    line-height: 45px;
    padding: 0 25px;
    border-radius: 0;
    transition: all .3
}

.kiwi-header-server-settings {
    display: inline
}

.kiwi-header-server-connection {
    float: right;
    padding-right: 10px;
    line-height: 46px
}

.kiwi-header-server-connection .u-button {
    float: right;
    line-height: 35px;
    padding: 0 1em;
    margin: 4px 0;
    border-radius: 4px
}

.kiwi-header-options .u-button {
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 600;
    letter-spacing: .2em;
    padding: .5em 1.7em;
    line-height: 2em;
    border-radius: .4em
}

.kiwi-header-join-channel-button {
    border-radius: .3em;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: inherit;
    height: auto;
    display: inline-block;
    padding: .2em 1em;
    font-size: .8em
}

.kiwi-header-close-buffersettings {
    float: right
}

.kiwi-header-buffersettings {
    padding: 5px;
    margin-top: 1em
}

.kiwi-header-prompt {
    position: absolute;
    right: 0;
    top: 46px;
    z-index: 11
}

.kiwi-header-prompttrans-enter,
.kiwi-header-prompttrans-leave-to {
    top: -45px
}

.kiwi-header-prompttrans-enter-to,
.kiwi-header-prompttrans-leave {
    top: 46px
}

.kiwi-header-prompttrans-enter-active,
.kiwi-header-prompttrans-leave-active {
    transition: top .2s
}

@media screen and (max-width:769px) {
    .kiwi-container-toggledraw-statebrowser {
        border-bottom: none
    }
    .kiwi-header {
        margin-right: 0;
        overflow: visible;
        height: auto;
        max-height: none;
        padding-left: 0;
        margin-left: 0
    }
    .kiwi-header-name {
        padding-left: 60px
    }
    .kiwi-header-option span {
        display: none
    }
    .kiwi-header-server-connection .u-button {
        line-height: 32px;
        margin: 7px 0 0;
        opacity: 1;
        font-weight: 600
    }
    .kiwi-header-notjoined {
        height: 45px;
        margin: 0
    }
    .kiwi-header-notjoined .kiwi-header-join-channel-button {
        padding-left: 10px;
        padding-right: 10px
    }
    .kiwi-containerheader-hidetext {
        display: none
    }
}

.kiwi-channelinfo-previoustopics {
    margin: 0 10px 15px
}

.kiwi-channelinfo-previoustopics ul {
    margin-top: 0
}

.kiwi-channelbanlist-table {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    margin-top: 10px
}

.kiwi-channelbanlist-table tr {
    border-bottom: 1px solid
}

.kiwi-channelbanlist-table-mask {
    word-break: break-all
}

.kiwi-channelbanlist-table-bannedat {
    min-width: 150px
}

.kiwi-channelbanlist-table-actions {
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    z-index: 1
}

.kiwi-sidebar {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    z-index: 100
}

.kiwi-sidebar.kiwi-sidebar-section-settings {
    width: 500px;
    max-width: 500px
}

.kiwi-sidebar .u-form textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 80px;
    resize: vertical
}

.kiwi-sidebar-buffersettings {
    overflow: hidden;
    height: 100%
}

.kiwi-sidebar-buffersettings .u-tabbed-content {
    padding: 1em
}

.kiwi-sidebar-userbox {
    overflow: hidden;
    height: 100%
}

.kiwi-sidebar-settings {
    margin-bottom: 20px
}

.kiwi-sidebar-settings label {
    display: block
}

@-webkit-keyframes settingstransition {
    0% {
        margin-top: 50px
    }
    to {
        margin-top: 100px
    }
}

@keyframes settingstransition {
    0% {
        margin-top: 50px
    }
    to {
        margin-top: 100px
    }
}

@-webkit-keyframes nicklisttransition {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes nicklisttransition {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.kiwi-sidebar-accesstab {
    margin-right: 1em
}

.kiwi-sidebar-accesstab--active {
    font-weight: 700
}

.kiwi-channelbanlist-empty {
    margin-top: 10px
}

.kiwi-sidebar-options {
    display: none
}

@media screen and (max-width:769px) {
    .kiwi-sidebar-options {
        display: block;
        cursor: pointer;
        font-weight: 600;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        text-transform: uppercase;
        line-height: 47px;
        vertical-align: top
    }
    .kiwi-sidebar-options .kiwi-sidebar-close {
        width: 100%;
        display: block;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        text-align: right;
        box-sizing: border-box;
        letter-spacing: 2px;
        transition: background .3s
    }
    .kiwi-sidebar-options .kiwi-sidebar-close i {
        margin-left: 5px;
        font-size: 1.5em;
        line-height: 47px;
        position: relative;
        top: 2px
    }
    .kiwi-sidebar .u-tabbed-view-tab {
        width: 100%
    }
    .kiwi-sidebar .u-tabbed-view-tab.u-tabbed-view-tab--active {
        border-bottom: 3px solid #42b992;
        margin-bottom: 0
    }
    .kiwi-sidebar .u-form input[type=checkbox] {
        margin-right: 4px
    }
    .kiwi-sidebar .u-form label span {
        margin-right: 0;
        margin-left: 0
    }
    .kiwi-container--sidebar-drawn .kiwi-sidebar {
        width: 100%;
        max-width: 100%
    }
    .kiwi-sidebar-buffersettings {
        padding-bottom: 10px
    }
    .kiwi-channelbanlist {
        float: left;
        width: 100%
    }
    .kiwi-channelbanlist-table {
        margin-top: 30px
    }
    .kiwi-channelbanlist .u-form {
        line-height: 10px
    }
}

.kiwi-sidebar.kiwi-sidebar-section-user {
    right: 0;
    width: 380px
}

.kiwi-userbox {
    box-sizing: border-box;
    overflow-y: auto;
    height: 100%
}

.kiwi-userbox-selfprofile {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box
}

.kiwi-userbox-header {
    position: relative;
    padding: .5em 1em;
    overflow: hidden
}

.kiwi-userbox-header h3 {
    width: 100%;
    padding: 0;
    cursor: default;
    display: inline-block
}

.kiwi-userbox-modestring {
    font-weight: 400;
    font-size: .8em
}

.fa-user.kiwi-userbox-icon {
    display: inline-block;
    font-size: 2em
}

.kiwi-userbox-usermask {
    width: 100%;
    opacity: .6;
    cursor: default
}

.kiwi-userbox-basicinfo {
    width: 100%;
    margin: 0;
    display: block;
    padding: .5em 1em;
    box-sizing: border-box
}

.kiwi-userbox-basicinfo-data,
.kiwi-userbox-basicinfo-title {
    display: block;
    width: 100%;
    cursor: default;
    margin: 0
}

.kiwi-userbox-basicinfo-title {
    font-size: 1em;
    line-height: 1em;
    padding: 0;
    text-align: left;
    font-weight: 900
}

.kiwi-userbox-basicinfo-data {
    margin-bottom: 1em;
    font-weight: 400;
    font-weight: 100;
    opacity: 1
}

.kiwi-userbox-actions {
    width: 100%;
    padding: 1em;
    text-align: center;
    margin: 0;
    box-sizing: border-box
}

.kiwi-userbox-actions .kiwi-userbox-action {
    display: inline-block;
    border: 1px solid;
    padding: .5em 1em;
    cursor: pointer;
    margin: 0 2px;
    transition: all .3s;
    border-radius: 3px
}

.kiwi-userbox-actions label {
    display: block;
    cursor: pointer
}

.kiwi-userbox-actions label span {
    text-align: left;
    width: auto
}

.kiwi-userbox-opactions {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 1em;
    border-top: 1px solid;
    padding: 1em
}

.kiwi-userbox-opactions label {
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    margin-bottom: .7em
}

.kiwi-userbox-opactions label select {
    display: block;
    clear: both;
    padding: 10px;
    border-radius: .25em;
    box-shadow: none;
    border: 1px solid;
    width: 100%;
    margin-top: 10px;
    cursor: pointer
}

.kiwi-userbox-opaction {
    width: 100%;
    padding: 0 1em;
    text-align: left;
    border: none;
    line-height: 2.2em;
    font-size: .8em
}

.kiwi-userbox-opaction i {
    margin-right: .2em;
    font-size: 1.2em
}

.kiwi-userbox-actions a {
    margin-right: 1em
}

.kiwi-userbox-whois {
    line-height: 1.4em;
    padding: 1em;
    width: 90%;
    margin: 0 5% 20px;
    background: none;
    box-sizing: border-box;
    border-radius: 2px
}

.kiwi-userbox-whois-line {
    display: block
}

.kiwi-userbox-ignoreuser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kiwi-userbox-ignoreuser span {
    float: right
}

@media screen and (max-width:769px) {
    .kiwi-container--sidebar-drawn .kiwi-sidebar-userbox {
        width: 100%
    }
    .kiwi-userbox {
        left: 0;
        right: 0;
        bottom: 40px;
        top: auto;
        max-width: 100%;
        border-width: 1px 0
    }
    .kiwi-userbox .kiwi-userbox-header {
        padding-left: 10px
    }
    .kiwi-userbox .kiwi-userbox-header i {
        display: none
    }
    .kiwi-userbox .kiwi-userbox-basicinfo {
        padding: 10px;
        margin-bottom: 20px
    }
    .kiwi-userbox-actions {
        padding: 0;
        width: 100%;
        box-sizing: border-box
    }
    .kiwi-userbox-actions .kiwi-userbox-action {
        width: 200px;
        clear: both;
        display: block;
        margin: 0 auto 20px
    }
}

.kiwi-sidebar.kiwi-sidebar-section-about {
    max-width: 300px;
    width: 300px
}

.kiwi-aboutbuffer {
    overflow-y: auto;
    box-sizing: border-box;
    min-height: 100px;
    margin: auto;
    width: 100%;
    padding-bottom: 1px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.kiwi-aboutbuffer-highlight {
    cursor: pointer
}

.kiwi-aboutbuffer h3 {
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}

.kiwi-aboutbuffer-section {
    display: block;
    width: 100%
}

.kiwi-aboutbuffer-section h4 {
    padding: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kiwi-aboutbuffer-section h4 i {
    margin-right: 5px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.kiwi-aboutbuffer-section--closed h4 i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.kiwi-aboutbuffer-section>div {
    padding: 1em;
    transition: max-height .2s, padding .2s, opacity .2s;
    overflow: hidden
}

.kiwi-aboutbuffer-section .kiwi-aboutbuffer-usercount {
    text-align: center
}

.kiwi-aboutbuffer-section>div p {
    margin: 0 0 1em
}

.kiwi-aboutbuffer-section>div p:last-of-type {
    margin-bottom: 0
}

.kiwi-aboutbuffer-section--closed>div {
    max-height: 0;
    padding: 0;
    opacity: 0
}

@media screen and (max-width:769px) {
    .kiwi-sidebar.kiwi-sidebar-section-about {
        width: 100%;
        max-width: 100%
    }
}

.kiwi-invitelist-inviteonly-status {
    margin-top: 10px
}

.kiwi-invitelist-table {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    margin-top: 10px
}

.kiwi-invitelist-table-invitedat {
    min-width: 150px
}

.kiwi-invitelist-table-actions {
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    z-index: 1
}

.kiwi-invitelist-addmask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kiwi-invitelist-addmask>button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.kiwi-sidebar.kiwi-sidebar-section-nicklist {
    max-width: 250px;
    width: 250px
}

.kiwi-nicklist {
    overflow: hidden;
    min-height: 100px;
    margin: auto;
    padding-bottom: 1px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.kiwi-nicklist,
.kiwi-nicklist-usercount {
    box-sizing: border-box;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kiwi-nicklist-usercount {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
    height: 43px;
    line-height: 40px;
    border-bottom: 1px solid
}

.kiwi-nicklist-usercount span {
    margin-left: 15px;
    font-weight: 600
}

.kiwi-nicklist-usercount .fa-search {
    opacity: .3;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 40px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 15px
}

.kiwi-nicklist--filtering .kiwi-nicklist-usercount .fa-search,
.kiwi-nicklist-usercount .fa-search:hover {
    opacity: 1
}

.kiwi-nicklist-usercount input {
    width: 0;
    border: none;
    font-weight: 400;
    background: none;
    outline: 0;
    padding: 0 15px 0 10px;
    opacity: 0;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    transition: all .2s
}

.kiwi-nicklist--filtering .kiwi-nicklist-usercount input {
    opacity: 1
}

.kiwi-nicklist-users {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    max-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    list-style: none;
    line-height: 1.2em
}

@media screen and (max-width:759px) {
    .kiwi-sidebar.kiwi-sidebar-section-nicklist {
        width: 100%;
        max-width: 380px
    }
}

.kiwi-nicklist-user {
    line-height: 26px;
    padding: 0 12px;
    border-left: 4px solid;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    transition: all .1s;
    cursor: pointer;
    white-space: nowrap
}

.kiwi-nicklist-user-nick {
    font-weight: 700;
    cursor: pointer
}

.kiwi-nicklist-messageuser {
    position: absolute;
    content: "\F075";
    right: -1em;
    font-family: fontAwesome, sans-serif;
    line-height: 26px;
    opacity: 0
}

.kiwi-nicklist-messageuser:hover {
    cursor: pointer;
    transition: all .2s
}

.kiwi-nicklist-user:hover .kiwi-nicklist-messageuser {
    opacity: 1;
    right: 1em;
    transition: all .2s;
    transition-delay: .1s
}

.kiwi-notconnected {
    box-sizing: border-box;
    padding: 5px 20px;
    transition: background-color .3s
}

.kiwi-notconnected.connecting {
    text-align: center
}

.kiwi-notconnected-caption {
    display: inline-block;
    width: auto;
    cursor: default;
    line-height: 50px;
    font-size: 1.2em;
    font-weight: 900
}

.kiwi-notconnected-caption i {
    font-weight: 400;
    font-size: 1.5em;
    position: relative;
    right: -3px;
    top: 3px
}

.kiwi-notconnected-buttons {
    float: right;
    width: auto;
    text-align: center
}

.kiwi-notconnected-button {
    width: auto;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 7px;
    cursor: pointer;
    border: 2px solid;
    margin: 6px 0 0 10px;
    height: 37px;
    overflow: hidden;
    box-sizing: border-box;
    transition: opacity .3s, color .3s, background-color .3s
}

.kiwi-notconnected-button:hover {
    opacity: 1;
    transition: all .2s
}

.kiwi-notconnected-button i {
    float: left;
    font-size: 1.6em;
    line-height: 24px;
    margin-right: 5px
}

.kiwi-notconnected-button-settings {
    opacity: .8;
    border: none
}

.kiwi-notconnected-button-settings i {
    margin-right: 0
}

@media screen and (max-width:1024px) {
    .kiwi-notconnected-caption {
        font-size: 1em;
        width: 100%;
        text-align: center
    }
    .kiwi-notconnected-buttons {
        width: 100%
    }
    .kiwi-notconnected-button {
        margin: 0;
        font-size: 1em;
        padding: 0 10px;
        line-height: 33px;
        width: auto;
        box-sizing: border-box
    }
    .kiwi-notconnected-button i {
        line-height: 36px
    }
}

@media screen and (max-width:769px) {
    .kiwi-notconnected {
        font-size: .8em;
        padding: 0 10px
    }
    .kiwi-notconnected-caption {
        width: 100%;
        text-align: center;
        font-size: 1.3em
    }
    .kiwi-notconnected-buttons {
        width: 100%
    }
    .kiwi-notconnected-button {
        font-size: 1.2em;
        display: inline-block
    }
}

.kiwi-unselectable * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.kiwi-messagelist-item.kiwi-messagelist-item--selected {
    border-left: 7px solid var(--brand-primary);
    background-color: var(--brand-shadow)
}

div.kiwi-messagelist-item.kiwi-messagelist-item--selected .kiwi-messagelist-message {
    border-left-width: 0
}

.kiwi-messagelist-item.kiwi-messagelist-item--selected .kiwi-messagelist-message::-moz-selection {
    background-color: unset;
    color: unset
}

.kiwi-messagelist-item.kiwi-messagelist-item--selected .kiwi-messagelist-message::selection {
    background-color: unset;
    color: unset
}

.kiwi-unselectable .kiwi-messagelist-scrollback {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kiwi-messagelist {
    overflow-y: auto;
    box-sizing: border-box;
    position: relative
}

.kiwi-messagelist * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.kiwi-messagelist::-webkit-scrollbar-track {
    border-radius: 10px;
    background: transparent
}

.kiwi-messagelist::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.kiwi-messagelist::-webkit-scrollbar-thumb {
    border-radius: 3px
}

.kiwi-messagelist-item {
    overflow: hidden
}

.kiwi-messagelist-message {
    padding: 0 10px;
    border-left: 3px solid transparent;
    overflow: hidden;
    line-height: 1.5em;
    margin: 0
}

.kiwi-wrap--monospace .kiwi-messagelist-message {
    font-family: Consolas, monaco, monospace;
    font-size: 80%
}

.kiwi-messagelist-message-mode,
.kiwi-messagelist-message-traffic {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.kiwi-messagelist-message-connection {
    padding: 0;
    text-align: center;
    font-weight: 700;
    border: none;
    margin: 0;
    background: none
}

.kiwi-messagelist-message-connection .kiwi-messagelist-body {
    font-size: 1.2em;
    height: auto;
    line-height: normal;
    text-align: center;
    cursor: default;
    display: inline-block;
    padding: .5em 1em;
    margin: 1em auto;
    text-transform: uppercase;
    letter-spacing: 2px
}

.kiwi-messagelist-message-connection .kiwi-messagelist-nick,
.kiwi-messagelist-message-connection .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message-connection,
.kiwi-messagelist-message-mode,
.kiwi-messagelist-message-traffic {
    padding: .1em .5em;
    min-height: 0;
    line-height: normal;
    text-align: left
}

.kiwi-messagelist-body {
    min-height: 0;
    text-align: left;
    line-height: 1.5em;
    font-size: 1.05em;
    margin: 0;
    padding: 0
}

.kiwi-messagelist-message-mode,
.kiwi-messagelist-message-nick,
.kiwi-messagelist-message-traffic {
    padding: 5px 0;
    margin: 10px 0;
    opacity: .85;
    text-align: center;
    border: none
}

.kiwi-messagelist-message-mode:hover,
.kiwi-messagelist-message-nick:hover,
.kiwi-messagelist-message-traffic:hover {
    opacity: 1
}

.kiwi-messagelist-message-mode .kiwi-messagelist-time,
.kiwi-messagelist-message-traffic .kiwi-messagelist-time {
    position: absolute;
    top: 1px;
    right: 10px
}

.kiwi-messagelist-message--authorrepeat {
    border-top: none
}

.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-nick,
.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-time {
    opacity: 0;
    cursor: default
}

.kiwi-container--sidebar-drawn .kiwi-messagelist:after {
    content: "";
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    position: fixed;
    pointer-events: none
}

.kiwi-container--sidebar-drawn.kiwi-container--no-sidebar .kiwi-messagelist:after {
    width: 0;
    height: 0;
    display: none;
    pointer-events: inherit;
    position: static;
    z-index: 0
}

.kiwi-messagelist-scrollback {
    text-align: center;
    padding: 5px
}

.kiwi-messagelist-seperator+.kiwi-messagelist-message {
    border-top: none
}

.kiwi-messagelist-message--blur {
    opacity: .5
}

.kiwi-messagelist-nick {
    text-align: right;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
    padding: 2px 4px;
    word-break: break-all
}

.kiwi-messagelist-message-traffic .kiwi-messagelist-nick {
    display: none
}

.kiwi-messagelist-seperator {
    text-align: center;
    display: block;
    margin: 1em 0 .5em
}

.kiwi-messagelist-seperator>span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 1em;
    top: -.89em
}

.kiwi-messagelist-seperator:after {
    content: "";
    display: block;
    position: relative;
    top: -.8em
}

.kiwi-messagelist-emoji {
    width: 1.3em;
    display: inline-block;
    vertical-align: middle
}

@-webkit-keyframes emojiIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes emojiIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.kiwi-messagelist-emoji--single {
    -webkit-animation: .1s ease-in-out 0s 1 emojiIn;
    animation: .1s ease-in-out 0s 1 emojiIn;
    font-size: 2em
}

.kiwi-messagelist-body .kiwi-nick {
    cursor: pointer
}

.kiwi-messagelist-nick:hover {
    overflow: visible;
    width: auto
}

.kiwi-messagelist-message-topic {
    border-radius: 5px;
    margin: 18px;
    margin-left: 0;
    padding: 5px;
    text-align: center;
    position: relative;
    min-height: 0;
    display: block
}

.kiwi-messagelist-message-topic .kiwi-messagelist-body {
    min-height: 0;
    margin: 0
}

.kiwi-messagelist-message-topic .kiwi-messagelist-body:before,
.kiwi-messagelist-message-topic.kiwi-messagelist-message-topic .kiwi-messagelist-nick,
.kiwi-messagelist-message-topic.kiwi-messagelist-message-topic .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message-action .kiwi-messagelist-message-body {
    font-style: italic
}

.kiwi-messagelist-message-traffic.kiwi-messagelist-message-traffic .kiwi-messagelist-nick {
    display: none
}

.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
    font-style: italic
}

.kiwi-messagelist-message-action.kiwi-messagelist-message-action .kiwi-messagelist-nick {
    display: none
}

.kiwi-messagelist-message-motd {
    font-family: monospace
}

.kiwi-messagelist-message.kiwi-messagelist-message--unread {
    opacity: 1
}

.kiwi-messagelist-message.kiwi-messagelist-message--highlight,
.kiwi-messagelist-message.kiwi-messagelist-message--hover,
.kiwi-messagelist-message.kiwi-messagelist-message-traffic--hover {
    opacity: 1;
    position: relative
}

.kiwi-messagelist-message-linkhandle {
    margin-left: 4px;
    font-size: .8em
}

.kiwi-wrap--touch .kiwi-messagelist-message-linkhandle {
    display: none
}

.kiwi-messagelist-joinloader {
    margin: 1em auto;
    width: 100px;
    height: calc 85.98726115px;
    overflow: hidden
}

.kiwi-messagelist-joinloadertrans-enter,
.kiwi-messagelist-joinloadertrans-leave-to {
    height: 0;
    opacity: 0
}

.kiwi-messagelist-joinloadertrans-enter-to,
.kiwi-messagelist-joinloadertrans-leave {
    height: 150px;
    opacity: 1
}

.kiwi-messagelist-joinloadertrans-enter-active,
.kiwi-messagelist-joinloadertrans-leave-active {
    transition: height .5s, opacity .5s
}

@media screen and (max-width:700px) {
    .kiwi-messageinfo,
    .kiwi-messagelist-message {
        margin: 0
    }
}

.kiwi-bufferkey {
    box-sizing: border-box;
    text-align: center;
    padding: 10% 0;
    margin: 10px 0 0;
    transition: background-color .3s
}

.kiwi-bufferkey label {
    width: 340px;
    display: block;
    margin: 0 auto 10px;
    font-size: 1.2em;
    text-align: left
}

.kiwi-bufferkey input[type=password] {
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    color: #000;
    border: none;
    width: 320px;
    font-size: 1.2em;
    margin: 0 0 20px
}

.kiwi-bufferkey-buttons {
    width: 100%;
    text-align: center;
    font-size: 1.6em
}

.kiwi-bufferkey-buttons span:hover {
    text-decoration: underline
}

.kiwi-bufferkey-button {
    width: auto;
    display: inline-block;
    font-size: .8em;
    cursor: pointer;
    transition: all .3s;
    border-radius: 4px;
    padding: 5px 20px;
    line-height: 40px;
    border: 1px solid
}

.kiwi-bufferkey-button:hover {
    transition: all .2s
}

.kiwi-bufferkey-button i {
    float: left;
    font-size: 1.6em;
    line-height: 40px;
    margin-right: .4em
}

@media screen and (max-width:1024px) {
    .kiwi-bufferkey-button {
        clear: both;
        margin: 0 5% 1em;
        font-size: 1em;
        display: block;
        padding: .6em .8em .6em .4em;
        width: 90%;
        box-sizing: border-box
    }
    .kiwi-bufferkey-button i {
        display: none
    }
}

@media screen and (max-width:769px) {
    .kiwi-bufferkey {
        font-size: .8em
    }
    .kiwi-bufferkey-button {
        font-size: .7em
    }
}

.kiwi-messagelist-message--compact {
    position: relative
}

.kiwi-messagelist-message--compact .kiwi-messagelist-message-action:hover,
.kiwi-messagelist-message--compact .kiwi-messagelist-message-notice:hover,
.kiwi-messagelist-message--compact .kiwi-messagelist-message-privmsg:hover {
    cursor: pointer
}

.kiwi-messagelist-message--compact .kiwi-messagelist-message--blur {
    opacity: .5
}

.kiwi-messagelist-message--compact .kiwi-messagelist-nick {
    width: 110px;
    min-width: 110px;
    display: inline-block;
    left: 8px;
    top: -1px;
    position: absolute;
    white-space: nowrap
}

.kiwi-messagelist-message--compact .kiwi-messagelist-nick:hover {
    width: auto
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-nick .kiwi-messagelist-time {
    margin-right: 10px;
    opacity: .8
}

.kiwi-messagelist-message--compact .kiwi-messagelist-time {
    display: inline-block;
    float: right;
    font-size: 12px
}

.kiwi-messagelist-message--compact .kiwi-messagelist-body {
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-left: 120px
}

.kiwi-messagelist-message--compact .kiwi-messagelist-body a {
    word-break: break-all
}

.kiwi-messagelist-message--compact .kiwi-messageinfo {
    padding-left: 130px
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic {
    margin: 0;
    padding: 1px 0
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
    margin-left: 131px
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-connection .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-connection .kiwi-messagelist-body {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    margin-left: 131px;
    font-size: .8em;
    opacity: .8;
    font-weight: 600
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-topic {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin: 5px 0
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message-topic .kiwi-messagelist-body {
    padding-right: 0;
    max-width: 95%;
    margin-left: 20px
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-nick,
.kiwi-messagelist-message--compact.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message--compact.kiwi-messagelist-message--unread {
    opacity: 1
}

@media screen and (max-width:769px) {
    .kiwi-messagelist-message--compact {
        padding: 5px
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-nick {
        display: inline;
        width: auto;
        min-width: auto;
        float: left;
        position: static;
        padding-left: 0
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-time {
        text-align: right
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-body {
        float: left;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message--unread .kiwi-messagelist-body {
        padding-left: 10px
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-message--authorrepeat .kiwi-messagelist-nick {
        display: none
    }
    .kiwi-messagelist-message--compact .kiwi-messageinfo {
        padding-left: 2px
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
        margin-left: 0
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic {
        margin-left: 10px
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic.kiwi-messagelist-message--unread {
        margin-left: 0;
        padding-left: 10px
    }
}

.kiwi-messagelist-message--compact .kiwi-messagelist-message-traffic .kiwi-messagelist-nick {
    display: none
}

@media screen and (min-width:1000px) {
    .kiwi-messagelist-message--compact .kiwi-messagelist-nick {
        width: 160px;
        min-width: 160px
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-nick:hover {
        width: auto
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-body {
        margin-left: 170px
    }
    .kiwi-messagelist-message--compact .kiwi-messageinfo {
        padding-left: 180px
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-connection .kiwi-messagelist-body,
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
        margin-left: 181px
    }
}

@media screen and (min-width:1300px) {
    .kiwi-messagelist-message--compact .kiwi-messagelist-nick {
        width: 210px;
        min-width: 210px
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-nick:hover {
        width: auto
    }
    .kiwi-messagelist-message--compact .kiwi-messagelist-body {
        margin-left: 220px
    }
    .kiwi-messagelist-message--compact .kiwi-messageinfo {
        padding-left: 230px
    }
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-connection .kiwi-messagelist-body,
    .kiwi-messagelist-message--compact.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
        margin-left: 231px
    }
}

.kiwi-messageinfo {
    display: block;
    position: relative;
    padding: 0
}

.kiwi-messageinfo-urls {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.kiwi-messageinfo-url {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kiwi-messageinfo-urls .kiwi-messageinfo-url:last-of-type {
    margin-bottom: 0
}

.kiwi-messageinfo-actions {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.kiwi-messageinfo-url .u-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid;
    border-radius: 3px
}

.kiwi-messageinfo-close {
    position: absolute;
    right: 20px;
    bottom: 5px;
    font-size: 1.3em;
    cursor: pointer
}

.kiwi-messageinfo-opbuttons {
    margin-left: 2em;
    display: inline-block
}

.kiwi-messageinfo-actions--open .kiwi-messageinfo-opbuttons {
    margin-left: 0
}

.kiwi-messageinfo-opbuttons .u-input-prompt a,
.kiwi-messageinfo-reply {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px
}

.kiwi-messageinfo-opbuttons .u-input-prompt input {
    margin-bottom: 5px
}

@media screen and (max-width:490px) {
    .kiwi-messageinfo-actions {
        text-align: center
    }
    .kiwi-messageinfo-opbuttons {
        margin: 0
    }
    .kiwi-messageinfo-opbuttons .u-input-prompt a {
        margin-top: 10px
    }
}

.kiwi-messagelist-message--modern {
    border-left: 7px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
    border-top: 1px solid;
    margin-left: 0;
    padding: 15px 10px;
    transition: border-colour .2s, background-color .2s
}

.kiwi-messagelist-modern-left {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px
}

.kiwi-messagelist-awaystatus {
    width: 10px;
    top: 4px;
    right: 2px;
    height: 10px;
    position: absolute
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorfirst.kiwi-messagelist-message-topic {
    padding: 10px 20px
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-modern-right {
    padding-top: 0
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat.kiwi-messagelist-message-topic,
.kiwi-messagelist-message--modern.kiwi-messagelist-message-topic {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 2.5%;
    width: 95%;
    box-sizing: border-box;
    margin-bottom: 10px
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message-topic {
    margin: 20px 20px 20px 66px;
    width: auto
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-avatar,
.kiwi-messagelist-message--modern .kiwi-messagelist-message--authorrepeat.kiwi-messagelist-message-topic .kiwi-messagelist-modern-left,
.kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat .kiwi-messagelist-top,
.kiwi-messagelist-message--modern.kiwi-messagelist-message-topic .kiwi-messagelist-modern-left,
.kiwi-messagelist-message--modern .kiwi-messagelist-message-topic .kiwi-messagelist-modern-left {
    display: none
}

.kiwi-messagelist-message--modern .kiwi-messagelist-message-mode .kiwi-messagelist-modern-right,
.kiwi-messagelist-message--modern .kiwi-messagelist-message-traffic .kiwi-messagelist-modern-right {
    float: left;
    margin-left: 0
}

.kiwi-messagelist-message--modern .kiwi-messagelist-message-mode .kiwi-messagelist-nick {
    display: none
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message-connection {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    opacity: .8
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message-connection .kiwi-messagelist-nick,
.kiwi-messagelist-message--modern.kiwi-messagelist-message-connection .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message-connection .kiwi-messagelist-body {
    padding: 0 20px;
    margin: 0 auto;
    display: inline-block;
    font-weight: 600;
    font-size: .8em;
    opacity: .8
}

.kiwi-messagelist-message--modern .kiwi-messagelist-body {
    white-space: pre-wrap;
    word-wrap: break-word;
    display: block;
    margin-left: 0
}

.kiwi-messagelist-message--modern .kiwi-messagelist-body a {
    word-break: break-all
}

.kiwi-messagelist-message--modern .kiwi-messagelist-modern-right {
    margin-left:-3px;
    padding-top:0;
    width:;
    background-color: #eff1f4;
    border-radius: 4px;
}

.kiwi-messagelist-message--modern .kiwi-messagelist-top>div {
    margin-right: 10px;
    padding: 0;
    display: inline-block
}

.kiwi-messagelist-message--modern .kiwi-messagelist-nick {
    font-size: 1.1em
}

.kiwi-messagelist-message--modern .kiwi-messagelist-realname {
    cursor: pointer
}

.kiwi-messagelist-message--modern .kiwi-messagelist-time {
    font-size: .8em;
    font-weight: 400;
    opacity: .6
}

.kiwi-messagelist-message-traffic .kiwi-messagelist-body {
    margin-bottom: 0
}

.kiwi-messagelist-message-traffic .kiwi-messagelist-modern-left,
.kiwi-messagelist-message-traffic .kiwi-messagelist-top {
    display: none
}

.kiwi-messagelist-message--modern.kiwi-messagelist-message-traffic {
    margin-right: 0;
    padding-left: 60px
}

.kiwi-messagelist-message-error {
    padding: 10px 0;
    font-weight: 600;
    line-height: normal
}

.kiwi-messagelist-message-error .kiwi-messagelist-top {
    display: none
}

.kiwi-messagelist-message-error .kiwi-messagelist-body {
    margin-bottom: 0
}

@media screen and (max-width:769px) {
    .kiwi-messagelist-message--modern .kiwi-messagelist-modern-left {
        width: 10px
    }
    .kiwi-messagelist-message--modern.kiwi-messagelist-message-privmsg .kiwi-messagelist-modern-left,
    .kiwi-messagelist-message-notice .kiwi-messagelist-modern-left {
        display: none
    }
    .kiwi-messagelist-message--modern .kiwi-messagelist-modern-right {
        margin-left: 4px;
        padding-top: 0;
        background-color: #eff1f4fc;
        border-radius: 4px;
        margin-right: 2.5em;
        width: fit-content;
    }
    .kiwi-messagelist-message--modern {
        margin: 0
    }
    .kiwi-messagelist-message--modern.kiwi-messagelist-message-connection {
        padding: 0;
        box-sizing: border-box;
        margin: 0;
        border: none;
        width: 100%;
        border-radius: 0
    }
    .kiwi-messagelist-message--modern.kiwi-messagelist-message-connection .kiwi-messagelist-body {
        line-height: 50px;
        font-weight: 600;
        padding: 0 10px
    }
    .kiwi-messagelist-message--modern .kiwi-messagelist-avatar,
    .kiwi-messagelist-message-action .kiwi-messagelist-modern-left {
        display: none
    }
    .kiwi-messagelist-message--modern.kiwi-messagelist-message-traffic {
        padding-left: 10px
    }
    .kiwi-messagelist-message--modern.kiwi-messagelist-message-topic {
        margin: 0 15px 20px
    }
}

.kiwi-messagelist-avatar {
    text-transform: uppercase;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    margin-top: 3px;
    border: 2px solid
}

.kiwi-messagelist-message--text {
    position: relative;
    padding: 4px 10px;
    margin: 0;
    text-align: left
}

.kiwi-messagelist-message--text .kiwi-messagelist-time {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    display: none;
    opacity: .8
}

.kiwi-messagelist-message--text:hover .kiwi-messagelist-time {
    display: block;
    border-radius: 5px 0 0 5px
}

.kiwi-messagelist-message--text .kiwi-messagelist-seperator {
    display: none
}

.kiwi-messagelist-message--text .kiwi-messagelist-nick {
    display: inline;
    text-align: left;
    margin-right: 2px;
    padding: 0
}

.kiwi-messagelist-message--text .kiwi-messagelist-nick:hover {
    max-width: none;
    width: auto
}

.kiwi-messagelist-message--text .kiwi-messagelist-body {
    display: inline;
    padding: 0;
    white-space: pre-wrap
}

.kiwi-messagelist-message--text .kiwi-messagelist-body a {
    word-break: break-all
}

.kiwi-messagelist-message--text .kiwi-messagelist-message-action:hover,
.kiwi-messagelist-message--text .kiwi-messagelist-message-notice:hover,
.kiwi-messagelist-message--text .kiwi-messagelist-message-privmsg:hover {
    cursor: pointer
}

.kiwi-messagelist-message--text.kiwi-messagelist-message-connection .kiwi-messagelist-body {
    display: inline-block;
    margin: 0;
    font-size: .8em;
    opacity: .8;
    padding: 0
}

.kiwi-messagelist-message--text.kiwi-messagelist-message-connection .kiwi-messagelist-time {
    display: none
}

.kiwi-messagelist-message--text.kiwi-messagelist-message-topic {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin: 10px 0
}

.kiwi-messagelist-message--text.kiwi-messagelist-message-topic .kiwi-messagelist-body {
    padding-right: 0;
    max-width: 95%;
    margin-left: 20px
}

.kiwi-messagelist-message--text.kiwi-messagelist-message--unread {
    opacity: 1
}

.kiwi-messagelist-message--text .kiwi-messagelist-message-traffic .kiwi-messagelist-nick {
    display: none
}

.kiwi-messagelist-item:last-of-type {
    margin-bottom: 5px
}

.kiwi-messagelist-message--text.kiwi-messagelist-message-nick .kiwi-messagelist-nick {
    display: none
}

@media screen and (max-width:700px) {
    .kiwi-messagelist-message--text .kiwi-messagelist-body,
    .kiwi-messagelist-message--text.kiwi-messagelist-message-nick .kiwi-messagelist-body,
    .kiwi-messagelist-message--text.kiwi-messagelist-message-traffic {
        padding-right: 0
    }
}

.kiwi-loading-logo {
    display: none
}

.kiwi-loading-animation {
    height: 100%;
    width: 100%
}

.kiwi-serverview {
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.kiwi-serverview .kiwi-messagelist {
    padding-top: 0
}

.kiwi-serverview-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.kiwi-serverview-alerts {
    margin-bottom: 1em
}

.kiwi-networksettings {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding: 0
}

.kiwi-networksettings .kiwi-title {
    width: 100%;
    line-height: 45px;
    height: 46px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    cursor: default
}

.kiwi-networksettings .u-form {
    max-width: 400px;
    display: block;
    margin: 1em auto;
    padding: 0;
    height: auto;
    overflow: hidden;
    clear: both;
    border-radius: 2px;
    border: 1px solid
}

.kiwi-networksettings .u-input-text {
    padding-top: 0;
    margin-bottom: 20px
}

.kiwi-networksettings-section-block {
    box-sizing: border-box;
    width: 100%;
    padding: 20px
}

.kiwi-customserver-tls {
    font-size: .8em;
    top: 4px;
    text-align: center;
    cursor: pointer
}

.kiwi-networksettings .kiwi-customserver-tls-lock {
    font-size: 1.4em;
    opacity: 0;
    left: 3px
}

.kiwi-networksettings .kiwi-customserver-tls--enabled .kiwi-customserver-tls-lock {
    opacity: 1
}

.kiwi-networksettings .kiwi-customserver-tls-minus {
    font-size: 1.4em;
    top: 0;
    left: 3px
}

.kiwi-networksettings .kiwi-networksettings-server-types-info {
    width: 100%;
    text-align: left;
    margin-bottom: 10px
}

.kiwi-networksettings .kiwi-networksettings-server-types {
    text-align: center
}

.kiwi-networksettings .kiwi-networksettings-server-types .kiwi-network-type-button {
    margin: 0 10px;
    display: inline-block;
    line-height: 35px;
    padding: 0 10px;
    border: 1px solid;
    transition: all .3s;
    border-radius: 4px
}

.kiwi-networksettings form .kiwi-networksettings-user .u-input-text {
    margin-bottom: 10px
}

.kiwi-networksettings .kiwi-show-advanced-title {
    text-align: center;
    cursor: pointer;
    padding-top: 0;
    margin: 0 0 20px
}

.kiwi-networksettings .kiwi-networksettings-advanced .kiwi-appsettings-showraw-label {
    margin-left: 5px
}

.kiwi-networksettings .kiwi-connect-to-newnetwork {
    width: auto;
    margin: -10px auto 0;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    padding: 0 10px;
    line-height: 35px
}

.kiwi-networksettings .kiwi-connect-to-newnetwork:hover {
    opacity: 1
}

.kiwi-networksettings-user {
    margin-top: 15px
}

.kiwi-networksettings-advanced {
    margin-bottom: 20px
}

.kiwi-dangerzone {
    text-align: center;
    padding: 10px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.kiwi-dangerzone i {
    margin-right: 5px
}

.kiwi-dangerzone h3 {
    padding-top: 0
}

.kiwi-networksettings-error {
    text-align: center;
    margin: 1em;
    padding: .3em;
    border: 1px solid
}

.kiwi-networksettings .kiwi-networksettings-error span {
    display: block;
    font-style: italic;
    text-align: center
}

.kiwi-networksettings-server-types a {
    margin-right: 1em
}

.kiwi-networksettings-server-types-info {
    font-size: .9em;
    font-style: italic
}

.kiwi-networksettings-connection-address {
    width: 70%;
    display: inline-block
}

.kiwi-networksettings-connection-port {
    width: 25%;
    float: right
}

.kiwi-networksettings-danger h3 {
    padding: 0;
    margin-top: 0;
    margin-bottom: .5em
}

.kiwi-networksettings-danger .u-button-warning {
    width: auto;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    padding: 0 10px;
    opacity: .8;
    margin: 0 auto;
    transition: all .3s
}

.kiwi-networksettings-danger .u-button-warning:hover {
    opacity: 1
}

@media screen and (max-width:769px) {
    .kiwi-networksettings {
        z-index: 100
    }
}

.kiwi-serverselector-presets {
    margin-bottom: 1em
}

.kiwi-serverselector-presets label span {
    margin-left: 0;
    transition: opacity .2s, width .2s
}

.kiwi-serverselector--custom .kiwi-serverselector-presets label span {
    max-width: 0;
    opacity: 0
}

.kiwi-channellist {
    box-sizing: border-box;
    text-align: center;
    transition: all .6s
}

.kiwi-channellist-padding-top {
    padding-top: calc(45vh - 80px)
}

.kiwi-channellist-padding-top .kiwi-channellist-nav {
    width: 100%;
    text-align: center
}

.kiwi-channellist-nav {
    padding: 10px 20px;
    box-sizing: border-box
}

.kiwi-channellist-nav .u-form {
    padding-right: 46px;
    position: relative
}

.kiwi-channellist-nav .u-form .u-input {
    width: 324px
}

.kiwi-channellist-nav .u-form .u-button-primary,
.kiwi-channellist-nav .u-form .u-button-secondary {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 12px;
    text-align: center;
    line-height: 26px;
    font-size: 1.3em;
    border-radius: 0
}

.kiwi-channellist-nav .u-form .u-button-primary i,
.kiwi-channellist-nav .u-form .u-button-secondary i {
    margin-left: -2px
}

.kiwi-channellist-pagination {
    display: inline-block;
    margin: 0 2em;
    font-size: 1.2em
}

.kiwi-channellist-pagination a {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer
}

.kiwi-channellist-search {
    display: inline-block
}

.kiwi-channellist-info {
    text-align: center
}

.kiwi-channellist-table {
    width: 100%
}

.kiwi-channellist table {
    border: none;
    border-collapse: collapse
}

.kiwi-channellist table thead th {
    font-size: 1.1em;
    cursor: default;
    text-align: left;
    padding: 10px 1em 5px
}

.kiwi-channellist table tbody td {
    padding: 2px 1em;
    text-align: left
}

.kiwi-channellist table .kiwi-channellist-user-center {
    text-align: center
}

.kiwi-channellist tr td:first-child {
    white-space: nowrap
}

.kiwi-channellist-table-topic {
    word-break: break-word
}

.kiwi-channellist-users {
    display: inline-block;
    font-weight: 900;
    text-align: center
}

@media screen and (max-width:1024px) {
    .kiwi-channellist-padding-top {
        padding-top: 100px
    }
}

@media screen and (max-width:770px) {
    .kiwi-channellist-nav .u-form {
        width: 230px
    }
    .kiwi-channellist-nav .u-form .u-input {
        width: 100%
    }
}

.kiwi-controlinput {
    z-index: 999;
    position: relative;
    border-top: 1px solid
}

.kiwi-controlinput,
.kiwi-controlinput-inner {
    padding: 0;
    box-sizing: border-box;
    transition: width .2s;
    transition-delay: .2s
}

.kiwi-controlinput-inner i {
    font-size: 120%;
    margin-left: 8px;
    margin-right: 2px
}

.kiwi-controlinput-inner .kiwi-awaystatusindicator {
    margin-top: 16px;
    margin-left: 10px;
    margin-right: -2px
}

.kiwi-controlinput-user {
    height: 100%;
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    line-height: 40px;
    transition: width .2s;
    transition-delay: .1s;
    border-right: 1px solid
}

.kiwi-controlinput-selfuser--open .kiwi-controlinput-user {
    width: -1px;
    transition: width .2s;
    transition-delay: .1s;
}

.kiwi-controlinput-tools {
    line-height: 38px;
    margin: 2px 0 2px 10px;
    border-radius: 7px 0 0 7px;
    cursor: pointer
}

.kiwi-controlinput-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kiwi-controlinput-send {
    border: none;
    border-radius: 7px;
    margin: 2px 0;
    padding: 0px 19px;
    height: 37px;
    text-align: center;
    width: 12px;
    cursor: pointer;
    outline: sienna;
}

.kiwi-controlinput-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding: 0
}

.kiwi-controlinput-input {
    text-align: left;
    height: 100%;
    outline: none;
    border: none
}

.kiwi-controlinput-input-wrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: visible;
    padding: 7px 0 12px
}

.kiwi-controlinput-tool {
    display: inline-block;
    padding: 0px 0.3em;
}

.kiwi-controlinput-tool a {
    cursor: pointer
}

.kiwi-controlinput-active-tool {
    position: absolute;
    bottom: 105%;
    right: 10px;
    z-index: 1;
    width: 238px;
}

.kiwi-controlinput-selfuser {
    position: absolute;
    bottom: 43px;
    z-index:10;
    left:0;
    max-height:0;
    width:324px;
    box-sizing:border-box;
    border-radius:0 6px 0 0;
    opacity:0;
    border-top:1px solid;
    border-right:1px solid;
    overflow:hidden;
}

.kiwi-controlinput-selfuser--open .kiwi-controlinput-selfuser {
    width: 335px;
    max-height: 85px;
    opacity: 1;
    padding: 2px;
}

.kiwi-selfuser-trans-enter,
.kiwi-selfuser-trans-leave-to {
    opacity: 0;
    height: 0
}

.kiwi-selfuser-trans-enter-to,
.kiwi-selfuser-trans-leave {
    opacity: 1
}

.kiwi-selfuser-trans-enter-active,
.kiwi-selfuser-trans-leave-active {
    transition: all .4s
}

@media screen and (max-width:500px) {
    .kiwi-controlinput-user-nick {
        display: none
    }
}

.kiwi-controlinput-tools-container-expand {
    display: inline-block;
    padding: 1px 0em;
}

.kiwi-controlinput-tools-container-expand i {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.kiwi-controlinput-tools-container-expand--inverse i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.kiwi-controlinput-tools-container {
    position: relative;
    display: inline-block
}

.kiwi-plugin-ui-trans-enter,
.kiwi-plugin-ui-trans-leave-to {
    right: -100%
}

.kiwi-plugin-ui-trans-enter-to,
.kiwi-plugin-ui-trans-leave {
    right: 0
}

.kiwi-plugin-ui-trans-enter-active,
.kiwi-plugin-ui-trans-leave-active {
    transition: right .2s
}

@media screen and (max-width:769px) {
    .kiwi-controlinput-selfuser--open .kiwi-controlinput-selfuser {
        width: 100%
    }
    .kiwi-wrap--statebrowser-drawopen .kiwi-controlinput {
        z-index: 0
    }
}

.kiwi-typinguserslist {
    position: absolute;
    top: -24px;
    background: background: #fff0;
}

.kiwi-autocomplete {
    box-sizing: border-box;
    overflow-y: auto;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    max-height: 300px
}

.kiwi-autocomplete-item {
    padding: 5px 2em
}

.kiwi-autocomplete-item-value {
    font-weight: 700
}

.kiwi-autocomplete-item-action {
    float: right;
    font-size: .9em
}

.kiwi-inputtools-colours {
    bottom: 100%;
    right: 0;
    overflow: hidden;
    position: absolute;
    height: 30px
}

.kiwi-inputtools-colours-colour {
    display: block;
    float: left;
    height: 30px;
    width: 31px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid cadetblue;
    margin: 3px;
    border-radius: 18px;
}

.kiwi-inputtools-colours-reset {
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    background: #000;
    color: #cacaca
}

.kiwi-inputtool-emoji-emoji {
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    cursor: pointer;
    box-sizing: border-box;
    margin: 2px;
    background-size: contain
}

.kiwi-selfuser-host,
.kiwi-selfuser-nick,
.kiwi-selfuser-status {
    display: inline-block;
    padding: 0 10px;
    cursor: default;
    width: 100%;
    box-sizing: border-box
}

.kiwi-selfuser-nick {
    min-width: 85px;
    font-weight: 700;
    padding: 5px 10px 0;
    background-image: url(walpaper.jpg);
}

.kiwi-selfuser-modes {
    font-weight: 400;
    opacity: .8;
    font-size: .8em
}

.kiwi-selfuser-host {
    font-style: italic;
    opacity: .8;
    padding-left: 26px;
    font-size: .8em;
    word-break: break-all
}

.kiwi-controlinput-selfuser .kiwi-close-icon {
    line-height: 36px;
    border-radius: 0
}

.kiwi-selfuser-nick i {
    font-weight: 400;
    float: right;
    opacity: .6;
    cursor: pointer;
    margin-top: 3px;
    transition: all .3s
}

.kiwi-selfuser-nick i:hover {
    opacity: 1;
    transition: all .2s
}

.kiwi-selfuser-nick i:last-of-type {
    margin-right: 15px
}

.u-form.kiwi-away-checkbox-form {
    padding: 0 0 5px 24px;
    background-image: url(walpaper.jpg);
}

.u-form .kiwi-selfuser-away-label {
    margin: 0 0 2px
}

.u-form .kiwi-selfuser-away-label span {
    margin-right: 5px
}

.kiwi-selfuser-error-message {
    width: 100%;
    display: block;
    padding: .5em 10px;
    box-sizing: border-box;
    margin: 5px 0;
    text-align: center;
    border-radius: 6px
}

.kiwi-selfuser-actions {
    padding: 5px 10px;
    margin-bottom: 10px;
    background-image: url(walpaper.jpg);
}

.kiwi-selfuser-actions form {
    position: relative
}

.kiwi-selfuser-actions form .u-input-prompt-label {
    display: block;
    width: 100%
}

.kiwi-selfuser-actions .u-input-button-container {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1
}

.kiwi-typinguserslist {
    font-size: .9em
}

.kiwi-mediaviewer {
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    position: relative;
	background-image: url(walpaper.jpg)

}

.kiwi-mediaviewer-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.kiwi-mediaviewer-controls-close {
    padding: 3px 15px
}

.kiwi-mediaviewer-iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    border: none
}

.kiwi-wrap-error {
    height: 100%;
    overflow: hidden;
    text-align: center
}

.kiwi-wrap-error>div {
    margin-top: .5em;
    padding: 1em;
    font-size: 1.2em;
    border: 1px solid #b51111;
    background: #ffbaba;
    display: inline-block;
    text-align: left
}

.u-tabbed-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.u-tabbed-view-tabs {
    padding-top: 15px
}

.u-tabbed-view-tab {
    display: inline-block;
    cursor: pointer;
    border-width: 0;
    border-style: solid;
    background: #fff;
    font-weight: 600;
    opacity: 1;
    z-index: 1;
    margin-bottom: -3px;
    position: relative;
    width: auto;
    text-align: left;
    box-sizing: border-box;
    padding: .5em 1em;
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    transition: border .3s
}

.u-tabbed-view-tab--active,
.u-tabbed-view-tab:hover {
    border-bottom-width: 3px
}

.u-tabbed-view-tab:last-of-type {
    z-index: 1;
    border-radius: 0 4px 0 0
}

.u-tabbed-content {
    overflow: auto;
    height: 100%
}

@media screen and (max-width:769px) {
    .u-tabbed-view-tabs {
        padding-top: 0
    }
    .u-tabbed-view-tab {
        padding: 10px 20px;
        width: auto
    }
}

.u-input-text {
    position: relative;
    margin: 0 0 20px;
    box-sizing: border-box
}

.u-input-text-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.u-input-text input,
.u-input-text textarea {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.u-input-text input:focus {
    outline: none
}

.u-input-text-c {
    position: relative
}

.u-input-text input[type=number] {
    -moz-appearance: textfield
}

.u-input-text input[type=number]::-webkit-inner-spin-button,
.u-input-text input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=password].u-form-input-plaintext,
input[type=text].u-form-input-plaintext {
    padding-right: 40px
}

.u-input-text-plaintext {
    line-height: normal;
    width: 30px;
    text-align: center;
    cursor: pointer;
    opacity: .5;
    transition: opacity .2s;
    position: absolute;
    right: 7px;
    top: 9px
}

.u-form--big .u-input-text-plaintext {
    line-height: 40px;
    top: 6px
}

.u-input-text-plaintext--active,
.u-input-text-plaintext:hover {
    opacity: 1
}

.kiwi-ircinput {
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    z-index: 1
}

.kiwi-ircinput-editor {
    white-space: pre;
    overflow-x: hidden;
    outline: none;
    background: white;
    border-radius: 20px;
    width: 100%;
    padding-left: 12px;
    border: 1px solid #0014ce;
    font-size: 18px;
    font-style: oblique;
    height: 88%;
    padding-top: 6px;
    overflow: hidden;
}

.kiwi-ircinput-editor:empty:not(:focus):before {
    content: attr(placeholder);
    cursor: text
}

.kiwi-ircinput-editor img {
    height: 1em;
    vertical-align: -.1em
}

.u-input-prompt-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.u-input-prompt-inputs>input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1em;
}

.u-input-prompt-inputs>a {
    margin-right: 0.5em;
    margin-top: 0px;
}

.u-input-confirm {
    display: inline-block;
    padding: 10px
}

.kiwi-aboutnew {
    position: absolute;
    bottom: 0;
    height: 53px;
    left: 0;
    right: 0;
    padding: 0 10px 10px;
    box-sizing: border-box
}

.kiwi-aboutnew-sep {
    margin-bottom: 10px;
    border-top: 1px solid #ddd
}

.kiwi-aboutnew-help {
    font-size: 1.9em;
    float: right;
    cursor: pointer
}

.kiwi-aboutnew-content {
    display: none;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 53px;
    width: 100%;
    background: #fff;
    text-align: left;
    line-height: 1.6em;
    padding: 2em;
    box-sizing: border-box;
    overflow: auto
}

.kiwi-aboutnew-content--open {
    display: block
}

@media screen and (min-width:700px) {
    .kiwi-aboutnew-content {
        padding: 2em 3em
    }
}

.kiwi-personal {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    text-align: center;
    padding-top: 1em;
    font-size: 1.2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kiwi-personal h1 {
    margin: 0 0 20px
}
 
.kiwi-personal p {
    margin: 0 0 10px
}

.kiwi-personal button {
    margin: 10px auto 0;
    padding: 0 40px;
    font-size: 1em;
    line-height: 40px
}

.kiwi-personal-existing-networks {
    display: none
}

@media screen and (max-width:500px) {
    .kiwi-personal-existing-networks {
        display: inherit
    }
}


/*# sourceMappingURL=app.ddaae50186c736b3376a18233a202c99.css.map */