@import '../common/base.css';
:root {
    --brand-primary: #3a5bd9;
    --brand-primary-hover: #2f4cc0;
    --brand-midtone: #e4e7f2;
    --brand-darktone: #7a809c;
    --brand-default-bg: #f7f8fc;
    --brand-default-fg: #161a2e;
    --brand-notice: #f2994a;
    --brand-warning: #d98a2b;
    --brand-error: #d9534f;
    --brand-input-border: #e4e7f2;
    --brand-input-fg: #4a4f6a;
    --brand-input-bg: #ffffff;
    --comp-workspace-before-bg: var(--brand-primary);
    --comp-header-bg: var(--brand-default-bg);
    --comp-header-name-fg: var(--brand-default-fg);
    --comp-header-option-active-fg: #ffffff;
    --comp-header-option-active-bg: var(--brand-primary);
    --comp-statebrowser-fg: #e9ecf7;
    --comp-statebrowser-bg: #1a1f3a;
    --comp-statebrowser-bg-networkname: #232a4d;
    --comp-statebrowser-channel-active-bg: #3a5bd9;
    --comp-statebrowser-channel-active-fg: #ffffff;
    --comp-usermenu-open-bg: #141831;
    --comp-statebrowser-network-border: #2c3460;
    --comp-sidebar-bg: #ffffff;
    --comp-sidebar-fg: #161a2e;
    --comp-scroller-bg: #eef0f7;
    --comp-scroller-fg: #c7cbe0;
    --comp-aboutbuffer-bg: rgba(58, 91, 217, 0.04);
    --comp-aboutbuffer-header-bg: #3a5bd9;
    --brand-link-normal: var(--brand-primary);
    --brand-link--hover: var(--brand-primary-hover);
    --brand-shadow: rgba(22, 26, 46, 0.1);
    --comp-border: #e4e7f2;
}
.kiwi-statebrowser { box-shadow: 0px 0 2px rgba(22, 26, 46, 0.15); }

.kiwi-startup-common {
    background-color: #f7f8fc !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIiBmaWxsPSIjZjdmOGZjIi8+PGcgZmlsbD0iIzNhNWJkOSI+PGNpcmNsZSBjeD0iMjAwIiBjeT0iMTgwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIzNjAiIGN5PSIyODAiIHI9IjIuNSIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjQ4MCIgY3k9IjIwMCIgcj0iMi41IiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNjIwIiBjeT0iMzIwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNDgwIiBjeT0iMjAwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNjAwIiBjeT0iMzAwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNzYwIiBjeT0iMjQwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxMTgwIiBjeT0iODIwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxMzIwIiBjeT0iNzQwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNDYwIiBjeT0iODgwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIyNjAiIGN5PSI4NjAiIHI9IjIuNSIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjQyMCIgY3k9Ijc5MCIgcj0iMi41IiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNTQwIiBjeT0iOTAwIiByPSIyLjUiIG9wYWNpdHk9IjAuMTgiLz48L2c+PGcgc3Ryb2tlPSIjM2E1YmQ5IiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIj48cGF0aCBkPSJNIDIwMCAxODAgTCAzNjAgMjgwIEwgNDgwIDIwMCBMIDYyMCAzMjAiLz48cGF0aCBkPSJNIDE0ODAgMjAwIEwgMTYwMCAzMDAgTCAxNzYwIDI0MCIvPjxwYXRoIGQ9Ik0gMTE4MCA4MjAgTCAxMzIwIDc0MCBMIDE0NjAgODgwIi8+PHBhdGggZD0iTSAyNjAgODYwIEwgNDIwIDc5MCBMIDU0MCA5MDAiLz48L2c+PGcgZmlsbD0iIzE2MWEyZSIgZmlsbC1vcGFjaXR5PSIwLjA4Ij48Y2lyY2xlIGN4PSIxNjAiIGN5PSIxNDAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjM4MCIgY3k9IjkwIiByPSIxIi8+PGNpcmNsZSBjeD0iNjQwIiBjeT0iMTYwIiByPSIxLjIiLz48Y2lyY2xlIGN4PSI4MjAiIGN5PSI4MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjEwNDAiIGN5PSIxNjAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjEyNDAiIGN5PSIxMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNDIwIiBjeT0iOTAiIHI9IjEuMiIvPjxjaXJjbGUgY3g9IjE3MDAiIGN5PSIxNTAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIzNDAiIHI9IjEiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSI0NDAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjE2NDAiIGN5PSI0NjAiIHI9IjEuMiIvPjxjaXJjbGUgY3g9IjE4NjAiIGN5PSI0MjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSI3MDAiIHI9IjEuMiIvPjxjaXJjbGUgY3g9IjcwMCIgY3k9IjkwMCIgcj0iMS4zIi8+PGNpcmNsZSBjeD0iMTEyMCIgY3k9IjkyMCIgcj0iMS4yIi8+PGNpcmNsZSBjeD0iMTM4MCIgY3k9Ijk2MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjE1NjAiIGN5PSI5MDAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjE3NjAiIGN5PSI5NjAiIHI9IjEiLz48Y2lyY2xlIGN4PSI5ODAiIGN5PSIxMDAwIiByPSIxIi8+PC9nPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhYTVhMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiPjxlbGxpcHNlIGN4PSIxNDgwIiBjeT0iODYwIiByeD0iMjYwIiByeT0iOTAiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNDgwIDg2MCkiLz48ZWxsaXBzZSBjeD0iMzIwIiBjeT0iMzAwIiByeD0iMTgwIiByeT0iNjQiIHRyYW5zZm9ybT0icm90YXRlKDEyIDMyMCAzMDApIi8+PC9nPjwvc3ZnPg==') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.kiwi-startup-common-section-connection {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
}
.kiwi-startup-common-section-connection > * { max-width: 400px !important; }
.kiwi-startup-common-section-info { display: none !important; }

.kiwi-welcome-simple-form,
.kiwi-customserver-form {
    position: relative !important;
    width: 100% !important;
    max-width: 400px !important;
    background: rgba(255,255,255,0.96) !important;
    color: #161a2e !important;
    border: 1px solid #e4e7f2 !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 48px rgba(22,26,46,0.16) !important;
    padding: 32px !important;
    margin: 0 auto !important;
}
.kiwi-welcome-simple-form::before {
    content: '' !important;
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 12px auto !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+PGNpcmNsZSBjeD0iNjAiIGN5PSI2MCIgcj0iNDYiIGZpbGw9IiMzYTViZDkiLz48cGF0aCBkPSJNNjAgMjggQzYzLjUgNDkuNSA2NC42IDUwLjggOTAgNjAgQzY0LjYgNjkuMiA2My41IDcwLjUgNjAgOTIgQzU2LjUgNzAuNSA1NS40IDY5LjIgMzAgNjAgQzU1LjQgNTAuOCA1Ni41IDQ5LjUgNjAgMjggWiIgZmlsbD0iI2Y3ZjhmYyIvPjxjaXJjbGUgY3g9Ijc4IiBjeT0iNDIiIHI9IjQiIGZpbGw9IiMxYWE1YTAiLz48Y2lyY2xlIGN4PSI0MCIgY3k9Ijc2IiByPSIyLjYiIGZpbGw9IiNmMjk5NGEiLz48L3N2Zz4=') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.kiwi-welcome-simple-form h2,
.kiwi-customserver-form h2 {
    color: #3a5bd9 !important;
    text-align: center !important;
    margin: 0 0 24px 0 !important;
}
.kiwi-welcome-simple-form label,
.kiwi-customserver-form label { color: #161a2e !important; }
.kiwi-welcome-simple-input-container { color: #161a2e !important; }
.kiwi-welcome-simple-form input[type="text"],
.kiwi-welcome-simple-form input[type="password"],
.kiwi-customserver-form input[type="text"],
.kiwi-customserver-form input[type="password"] {
    background: #f7f8fc !important;
    color: #161a2e !important;
    border: 1px solid #e4e7f2 !important;
    border-radius: 8px !important;
}
.kiwi-welcome-simple-terms {
    font-size: 0.85em !important;
    color: #4a4f6a !important;
    margin: 4px 0 20px 0 !important;
    text-align: left !important;
}
.kiwi-welcome-simple-terms a { color: #3a5bd9 !important; text-decoration: underline !important; }
.kiwi-welcome-simple-start,
.kiwi-customserver-start,
.u-button-primary {
    background-color: #3a5bd9 !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.kiwi-welcome-simple-start[disabled] { background-color: #b9c2e8 !important; }
.kiwi-welcome-simple-start:hover,
.kiwi-customserver-start:hover,
.u-button-primary:hover { background-color: #2f4cc0 !important; }

/* CHAT-BG-START — faint wallpaper behind chat messages */
.kiwi-messagelist {
    background-color: #f7f8fc !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIiBmaWxsPSIjZjdmOGZjIi8+PGcgZmlsbD0iIzNhNWJkOSI+PGNpcmNsZSBjeD0iMjAwIiBjeT0iMTgwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIzNjAiIGN5PSIyODAiIHI9IjIuMyIgb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjQ4MCIgY3k9IjIwMCIgcj0iMi4zIiBvcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iNjIwIiBjeT0iMzIwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxNDgwIiBjeT0iMjAwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxNjAwIiBjeT0iMzAwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxNzYwIiBjeT0iMjQwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxMTgwIiBjeT0iODIwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxMzIwIiBjeT0iNzQwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIxNDYwIiBjeT0iODgwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSIyNjAiIGN5PSI4NjAiIHI9IjIuMyIgb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjQyMCIgY3k9Ijc5MCIgcj0iMi4zIiBvcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iNTQwIiBjeT0iOTAwIiByPSIyLjMiIG9wYWNpdHk9IjAuMTYiLz48L2c+PGcgc3Ryb2tlPSIjM2E1YmQ5IiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIj48cGF0aCBkPSJNIDIwMCAxODAgTCAzNjAgMjgwIEwgNDgwIDIwMCBMIDYyMCAzMjAiLz48cGF0aCBkPSJNIDE0ODAgMjAwIEwgMTYwMCAzMDAgTCAxNzYwIDI0MCIvPjxwYXRoIGQ9Ik0gMTE4MCA4MjAgTCAxMzIwIDc0MCBMIDE0NjAgODgwIi8+PHBhdGggZD0iTSAyNjAgODYwIEwgNDIwIDc5MCBMIDU0MCA5MDAiLz48L2c+PGcgZmlsbD0iIzE2MWEyZSIgZmlsbC1vcGFjaXR5PSIwLjA3Ij48Y2lyY2xlIGN4PSIxNjAiIGN5PSIxNDAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjM4MCIgY3k9IjkwIiByPSIxIi8+PGNpcmNsZSBjeD0iNjQwIiBjeT0iMTYwIiByPSIxLjIiLz48Y2lyY2xlIGN4PSI4MjAiIGN5PSI4MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjEwNDAiIGN5PSIxNjAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjEyNDAiIGN5PSIxMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNDIwIiBjeT0iOTAiIHI9IjEuMiIvPjxjaXJjbGUgY3g9IjE3MDAiIGN5PSIxNTAiIHI9IjEiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSI0NDAiIHI9IjEuMyIvPjxjaXJjbGUgY3g9IjE2NDAiIGN5PSI0NjAiIHI9IjEuMiIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjcwMCIgcj0iMS4yIi8+PGNpcmNsZSBjeD0iNzAwIiBjeT0iOTAwIiByPSIxLjMiLz48Y2lyY2xlIGN4PSIxMTIwIiBjeT0iOTIwIiByPSIxLjIiLz48Y2lyY2xlIGN4PSIxNTYwIiBjeT0iOTAwIiByPSIxLjMiLz48Y2lyY2xlIGN4PSI5ODAiIGN5PSIxMDAwIiByPSIxIi8+PC9nPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFhYTVhMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDUiPjxlbGxpcHNlIGN4PSIxNDgwIiBjeT0iODYwIiByeD0iMjYwIiByeT0iOTAiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNDgwIDg2MCkiLz48ZWxsaXBzZSBjeD0iMzIwIiBjeT0iMzAwIiByeD0iMTgwIiByeT0iNjQiIHRyYW5zZm9ybT0icm90YXRlKDEyIDMyMCAzMDApIi8+PC9nPjwvc3ZnPg==') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
/* CHAT-BG-END */