@charset "UTF-8";
/*!
 * =====================================================
 * Photon v0.1.1
 * Copyright 2015 Connor Sears
 * Licensed under MIT (https://github.com/connors/proton/blob/master/LICENSE)
 *
 * v0.1.1 designed by @connors.
 * =====================================================
 */
/*# sourceMappingURL=Preferences.962926a4.caf99372.chunk.css.map */

audio, canvas, progress, video {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

* {
    cursor: default;
    -webkit-user-drag: text;
    -webkit-user-select: none;
    box-sizing: border-box
}

html {
    width: 100%;
    overflow: hidden
}

body, html {
    height: 100%
}

body {
    padding: 0;
    margin: 0;
    font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #333;
    background-color: transparent
}

hr {
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

.window {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.window-content {
    position: relative;
    overflow-y: auto;
    display: flex;
    flex: 1 1
}

.selectable-text {
    cursor: text;
    -webkit-user-select: text
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.padded {
    padding: 10px
}

.padded-less {
    padding: 5px
}

.padded-more {
    padding: 20px
}

.padded-vertically {
    padding-top: 10px;
    padding-bottom: 10px
}

.padded-vertically-less {
    padding-top: 5px;
    padding-bottom: 5px
}

.padded-vertically-more {
    padding-top: 20px;
    padding-bottom: 20px
}

.padded-horizontally {
    padding-right: 10px;
    padding-left: 10px
}

.padded-horizontally-less {
    padding-right: 5px;
    padding-left: 5px
}

.padded-horizontally-more {
    padding-right: 20px;
    padding-left: 20px
}

.padded-top {
    padding-top: 10px
}

.padded-top-less {
    padding-top: 5px
}

.padded-top-more {
    padding-top: 20px
}

.padded-bottom {
    padding-bottom: 10px
}

.padded-bottom-less {
    padding-bottom: 5px
}

.padded-bottom-more {
    padding-bottom: 20px
}

.sidebar {
    background-color: #f5f5f4
}

.draggable {
    -webkit-app-region: drag
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.btn {
    display: inline-block;
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    -webkit-app-region: no-drag
}

.btn:focus {
    outline: none;
    box-shadow: none
}

.btn-mini {
    padding: 2px 6px
}

.btn-large {
    padding: 6px 12px
}

.btn-form {
    padding-right: 20px;
    padding-left: 20px
}

.btn-default {
    color: #333;
    border-color: #c2c0c2 #c2c0c2 #a19fa1;
    background-color: #fcfcfc;
    background-image: linear-gradient(180deg, #fcfcfc 0, #f1f1f1)
}

.btn-default:active {
    background-color: #ddd;
    background-image: none
}

.btn-negative, .btn-positive, .btn-primary, .btn-warning {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.btn-primary {
    border-color: #388df8 #388df8 #0866dc;
    background-color: #6eb4f7;
    background-image: linear-gradient(180deg, #6eb4f7 0, #1a82fb)
}

.btn-primary:active {
    background-color: #3e9bf4;
    background-image: linear-gradient(180deg, #3e9bf4 0, #0469de)
}

.btn-positive {
    border-color: #29a03b #29a03b #248b34;
    background-color: #5bd46d;
    background-image: linear-gradient(180deg, #5bd46d 0, #29a03b)
}

.btn-positive:active {
    background-color: #34c84a;
    background-image: linear-gradient(180deg, #34c84a 0, #248b34)
}

.btn-negative {
    border-color: #fb2f29 #fb2f29 #fb1710;
    background-color: #fd918d;
    background-image: linear-gradient(180deg, #fd918d 0, #fb2f29)
}

.btn-negative:active {
    background-color: #fc605b;
    background-image: linear-gradient(180deg, #fc605b 0, #fb1710)
}

.btn-warning {
    border-color: #fcaa0e #fcaa0e #ee9d02;
    background-color: #fece72;
    background-image: linear-gradient(180deg, #fece72 0, #fcaa0e)
}

.btn-warning:active {
    background-color: #fdbc40;
    background-image: linear-gradient(180deg, #fdbc40 0, #ee9d02)
}

.btn .icon {
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #737475;
    font-size: 14px;
    line-height: 1
}

.btn .icon-text {
    margin-right: 5px
}

.btn-dropdown:after {
    font-family: "photon-entypo";
    margin-left: 5px;
    content: ""
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-app-region: no-drag
}

.btn-group .btn {
    position: relative;
    float: left
}

.btn-group .btn:active, .btn-group .btn:focus {
    z-index: 2
}

.btn-group .btn.active {
    z-index: 3
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-group > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group .btn + .btn {
    border-left: 1px solid #c2c0c2
}

.btn-group .btn + .btn.active {
    border-left: 0
}

.btn-group .active {
    color: #fff;
    border: 1px solid transparent;
    background-color: #6d6c6d;
    background-image: none
}

.btn-group .active .icon {
    color: #fff
}

.toolbar {
    min-height: 22px;
    box-shadow: inset 0 1px 0 #f5f4f5;
    background-color: #e8e6e8;
    background-image: linear-gradient(180deg, #e8e6e8 0, #d1cfd1)
}

.toolbar:after, .toolbar:before {
    display: table;
    content: " "
}

.toolbar:after {
    clear: both
}

.toolbar-header {
    border-bottom: 1px solid #c2c0c2
}

.toolbar-header .title {
    margin-top: 1px
}

.toolbar-footer {
    border-top: 1px solid #c2c0c2;
    -webkit-app-region: drag
}

.title {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
    cursor: default
}

.toolbar-borderless {
    border-top: 0;
    border-bottom: 0
}

.toolbar-actions {
    margin-top: 4px;
    margin-bottom: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    -webkit-app-region: drag
}

.toolbar-actions:after, .toolbar-actions:before {
    display: table;
    content: " "
}

.toolbar-actions:after {
    clear: both
}

.toolbar-actions > .btn, .toolbar-actions > .btn-group {
    margin-left: 4px;
    margin-right: 4px
}

label {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.form-control {
    display: inline-block;
    width: 100%;
    min-height: 25px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none
}

.form-control:focus {
    border-color: #6db3fd;
    box-shadow: 3px 3px 0 #6db3fd, -3px -3px 0 #6db3fd, -3px 3px 0 #6db3fd, 3px -3px 0 #6db3fd
}

textarea {
    height: auto
}

.checkbox, .form-group, .radio {
    margin-bottom: 10px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px
}

.checkbox label, .radio label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400
}

.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px
}

.form-actions .btn {
    margin-right: 10px
}

.form-actions .btn:last-child {
    margin-right: 0
}

.pane-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex
}

.pane {
    position: relative;
    overflow-y: auto;
    flex: 1 1;
    border-left: 1px solid #ddd
}

.pane:first-child {
    border-left: 0
}

.pane-sm {
    max-width: 220px;
    min-width: 150px
}

.pane-mini {
    width: 80px;
    flex: none
}

.pane-one-fourth {
    width: 25%;
    flex: none
}

.pane-one-third {
    width: 33.3%
}

img {
    -webkit-user-drag: text
}

.img-circle {
    border-radius: 50%
}

.img-rounded {
    border-radius: 4px
}

.list-group {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.list-group * {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-group-item {
    padding: 10px;
    font-size: 12px;
    color: #414142;
    border-top: 1px solid #ddd
}

.list-group-item:first-child {
    border-top: 0
}

.list-group-item.active, .list-group-item.selected {
    color: #fff;
    background-color: #116cd6
}

.list-group-header {
    padding: 10px
}

.media-object {
    margin-top: 3px
}

.media-object.pull-left {
    margin-right: 10px
}

.media-object.pull-right {
    margin-left: 10px
}

.media-body {
    overflow: hidden
}

.nav-group {
    font-size: 14px
}

.nav-group-item {
    display: block;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
    margin: 4px 12px;
    padding: 6px 8px
}

.nav-group-item.active, .nav-group-item:active {
    background-color: #dcdfe1
}

@media (prefers-color-scheme: dark) {
    .nav-group-item.active, .nav-group-item:active {
        background: #4b4b4b
    }
}

.nav-group-item .icon {
    width: 19px;
    height: 18px;
    float: left;
    fill: currentColor;
    margin-right: 7px;
    font-size: 18px;
    text-align: center;
    opacity: .65
}

.nav-group-item.active .icon {
    opacity: .9
}

.nav-group-item .icon svg {
    width: 19px;
    height: 18px
}

.nav-group-title {
    margin: 0;
    padding: 10px 10px 2px;
    font-size: 12px;
    font-weight: 500;
    color: #666
}

@font-face {
    font-family: "photon-entypo";
    src: url(../../static/media/photon-entypo.2614e058.eot);
    src: url(../../static/media/photon-entypo.2614e058.eot?#iefix) format("eot"), url(../../static/media/photon-entypo.bf614256.woff) format("woff"), url(../../static/media/photon-entypo.1382c29c.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.icon:before {
    position: relative;
    display: inline-block;
    font-family: "photon-entypo";
    speak: none;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-note:before {
    content: "\e800"
}

.icon-note-beamed:before {
    content: "\e801"
}

.icon-music:before {
    content: "\e802"
}

.icon-search:before {
    content: "\e803"
}

.icon-flashlight:before {
    content: "\e804"
}

.icon-mail:before {
    content: "\e805"
}

.icon-heart:before {
    content: "\e806"
}

.icon-heart-empty:before {
    content: "\e807"
}

.icon-star:before {
    content: "\e808"
}

.icon-star-empty:before {
    content: "\e809"
}

.icon-user:before {
    content: "\e80a"
}

.icon-users:before {
    content: "\e80b"
}

.icon-user-add:before {
    content: "\e80c"
}

.icon-video:before {
    content: "\e80d"
}

.icon-picture:before {
    content: "\e80e"
}

.icon-camera:before {
    content: "\e80f"
}

.icon-layout:before {
    content: "\e810"
}

.icon-menu:before {
    content: "\e811"
}

.icon-check:before {
    content: "\e812"
}

.icon-cancel:before {
    content: "\e813"
}

.icon-cancel-circled:before {
    content: "\e814"
}

.icon-cancel-squared:before {
    content: "\e815"
}

.icon-plus:before {
    content: "\e816"
}

.icon-plus-circled:before {
    content: "\e817"
}

.icon-plus-squared:before {
    content: "\e818"
}

.icon-minus:before {
    content: "\e819"
}

.icon-minus-circled:before {
    content: "\e81a"
}

.icon-minus-squared:before {
    content: "\e81b"
}

.icon-help:before {
    content: "\e81c"
}

.icon-help-circled:before {
    content: "\e81d"
}

.icon-info:before {
    content: "\e81e"
}

.icon-info-circled:before {
    content: "\e81f"
}

.icon-back:before {
    content: "\e820"
}

.icon-home:before {
    content: "\e821"
}

.icon-link:before {
    content: "\e822"
}

.icon-attach:before {
    content: "\e823"
}

.icon-lock:before {
    content: "\e824"
}

.icon-lock-open:before {
    content: "\e825"
}

.icon-eye:before {
    content: "\e826"
}

.icon-tag:before {
    content: "\e827"
}

.icon-bookmark:before {
    content: "\e828"
}

.icon-bookmarks:before {
    content: "\e829"
}

.icon-flag:before {
    content: "\e82a"
}

.icon-thumbs-up:before {
    content: "\e82b"
}

.icon-thumbs-down:before {
    content: "\e82c"
}

.icon-download:before {
    content: "\e82d"
}

.icon-upload:before {
    content: "\e82e"
}

.icon-upload-cloud:before {
    content: "\e82f"
}

.icon-reply:before {
    content: "\e830"
}

.icon-reply-all:before {
    content: "\e831"
}

.icon-forward:before {
    content: "\e832"
}

.icon-quote:before {
    content: "\e833"
}

.icon-code:before {
    content: "\e834"
}

.icon-export:before {
    content: "\e835"
}

.icon-pencil:before {
    content: "\e836"
}

.icon-feather:before {
    content: "\e837"
}

.icon-print:before {
    content: "\e838"
}

.icon-retweet:before {
    content: "\e839"
}

.icon-keyboard:before {
    content: "\e83a"
}

.icon-comment:before {
    content: "\e83b"
}

.icon-chat:before {
    content: "\e83c"
}

.icon-bell:before {
    content: "\e83d"
}

.icon-attention:before {
    content: "\e83e"
}

.icon-alert:before {
    content: "\e83f"
}

.icon-vcard:before {
    content: "\e840"
}

.icon-address:before {
    content: "\e841"
}

.icon-location:before {
    content: "\e842"
}

.icon-map:before {
    content: "\e843"
}

.icon-direction:before {
    content: "\e844"
}

.icon-compass:before {
    content: "\e845"
}

.icon-cup:before {
    content: "\e846"
}

.icon-trash:before {
    content: "\e847"
}

.icon-doc:before {
    content: "\e848"
}

.icon-docs:before {
    content: "\e849"
}

.icon-doc-landscape:before {
    content: "\e84a"
}

.icon-doc-text:before {
    content: "\e84b"
}

.icon-doc-text-inv:before {
    content: "\e84c"
}

.icon-newspaper:before {
    content: "\e84d"
}

.icon-book-open:before {
    content: "\e84e"
}

.icon-book:before {
    content: "\e84f"
}

.icon-folder:before {
    content: "\e850"
}

.icon-archive:before {
    content: "\e851"
}

.icon-box:before {
    content: "\e852"
}

.icon-rss:before {
    content: "\e853"
}

.icon-phone:before {
    content: "\e854"
}

.icon-cog:before {
    content: "\e855"
}

.icon-tools:before {
    content: "\e856"
}

.icon-share:before {
    content: "\e857"
}

.icon-shareable:before {
    content: "\e858"
}

.icon-basket:before {
    content: "\e859"
}

.icon-bag:before {
    content: "\e85a"
}

.icon-calendar:before {
    content: "\e85b"
}

.icon-login:before {
    content: "\e85c"
}

.icon-logout:before {
    content: "\e85d"
}

.icon-mic:before {
    content: "\e85e"
}

.icon-mute:before {
    content: "\e85f"
}

.icon-sound:before {
    content: "\e860"
}

.icon-volume:before {
    content: "\e861"
}

.icon-clock:before {
    content: "\e862"
}

.icon-hourglass:before {
    content: "\e863"
}

.icon-lamp:before {
    content: "\e864"
}

.icon-light-down:before {
    content: "\e865"
}

.icon-light-up:before {
    content: "\e866"
}

.icon-adjust:before {
    content: "\e867"
}

.icon-block:before {
    content: "\e868"
}

.icon-resize-full:before {
    content: "\e869"
}

.icon-resize-small:before {
    content: "\e86a"
}

.icon-popup:before {
    content: "\e86b"
}

.icon-publish:before {
    content: "\e86c"
}

.icon-window:before {
    content: "\e86d"
}

.icon-arrow-combo:before {
    content: "\e86e"
}

.icon-down-circled:before {
    content: "\e86f"
}

.icon-left-circled:before {
    content: "\e870"
}

.icon-right-circled:before {
    content: "\e871"
}

.icon-up-circled:before {
    content: "\e872"
}

.icon-down-open:before {
    content: "\e873"
}

.icon-left-open:before {
    content: "\e874"
}

.icon-right-open:before {
    content: "\e875"
}

.icon-up-open:before {
    content: "\e876"
}

.icon-down-open-mini:before {
    content: "\e877"
}

.icon-left-open-mini:before {
    content: "\e878"
}

.icon-right-open-mini:before {
    content: "\e879"
}

.icon-up-open-mini:before {
    content: "\e87a"
}

.icon-down-open-big:before {
    content: "\e87b"
}

.icon-left-open-big:before {
    content: "\e87c"
}

.icon-right-open-big:before {
    content: "\e87d"
}

.icon-up-open-big:before {
    content: "\e87e"
}

.icon-down:before {
    content: "\e87f"
}

.icon-left:before {
    content: "\e880"
}

.icon-right:before {
    content: "\e881"
}

.icon-up:before {
    content: "\e882"
}

.icon-down-dir:before {
    content: "\e883"
}

.icon-left-dir:before {
    content: "\e884"
}

.icon-right-dir:before {
    content: "\e885"
}

.icon-up-dir:before {
    content: "\e886"
}

.icon-down-bold:before {
    content: "\e887"
}

.icon-left-bold:before {
    content: "\e888"
}

.icon-right-bold:before {
    content: "\e889"
}

.icon-up-bold:before {
    content: "\e88a"
}

.icon-down-thin:before {
    content: "\e88b"
}

.icon-left-thin:before {
    content: "\e88c"
}

.icon-right-thin:before {
    content: "\e88d"
}

.icon-up-thin:before {
    content: "\e88e"
}

.icon-ccw:before {
    content: "\e88f"
}

.icon-cw:before {
    content: "\e890"
}

.icon-arrows-ccw:before {
    content: "\e891"
}

.icon-level-down:before {
    content: "\e892"
}

.icon-level-up:before {
    content: "\e893"
}

.icon-shuffle:before {
    content: "\e894"
}

.icon-loop:before {
    content: "\e895"
}

.icon-switch:before {
    content: "\e896"
}

.icon-play:before {
    content: "\e897"
}

.icon-stop:before {
    content: "\e898"
}

.icon-pause:before {
    content: "\e899"
}

.icon-record:before {
    content: "\e89a"
}

.icon-to-end:before {
    content: "\e89b"
}

.icon-to-start:before {
    content: "\e89c"
}

.icon-fast-forward:before {
    content: "\e89d"
}

.icon-fast-backward:before {
    content: "\e89e"
}

.icon-progress-0:before {
    content: "\e89f"
}

.icon-progress-1:before {
    content: "\e8a0"
}

.icon-progress-2:before {
    content: "\e8a1"
}

.icon-progress-3:before {
    content: "\e8a2"
}

.icon-target:before {
    content: "\e8a3"
}

.icon-palette:before {
    content: "\e8a4"
}

.icon-list:before {
    content: "\e8a5"
}

.icon-list-add:before {
    content: "\e8a6"
}

.icon-signal:before {
    content: "\e8a7"
}

.icon-trophy:before {
    content: "\e8a8"
}

.icon-battery:before {
    content: "\e8a9"
}

.icon-back-in-time:before {
    content: "\e8aa"
}

.icon-monitor:before {
    content: "\e8ab"
}

.icon-mobile:before {
    content: "\e8ac"
}

.icon-network:before {
    content: "\e8ad"
}

.icon-cd:before {
    content: "\e8ae"
}

.icon-inbox:before {
    content: "\e8af"
}

.icon-install:before {
    content: "\e8b0"
}

.icon-globe:before {
    content: "\e8b1"
}

.icon-cloud:before {
    content: "\e8b2"
}

.icon-cloud-thunder:before {
    content: "\e8b3"
}

.icon-flash:before {
    content: "\e8b4"
}

.icon-moon:before {
    content: "\e8b5"
}

.icon-flight:before {
    content: "\e8b6"
}

.icon-paper-plane:before {
    content: "\e8b7"
}

.icon-leaf:before {
    content: "\e8b8"
}

.icon-lifebuoy:before {
    content: "\e8b9"
}

.icon-mouse:before {
    content: "\e8ba"
}

.icon-briefcase:before {
    content: "\e8bb"
}

.icon-suitcase:before {
    content: "\e8bc"
}

.icon-dot:before {
    content: "\e8bd"
}

.icon-dot-2:before {
    content: "\e8be"
}

.icon-dot-3:before {
    content: "\e8bf"
}

.icon-brush:before {
    content: "\e8c0"
}

.icon-magnet:before {
    content: "\e8c1"
}

.icon-infinity:before {
    content: "\e8c2"
}

.icon-erase:before {
    content: "\e8c3"
}

.icon-chart-pie:before {
    content: "\e8c4"
}

.icon-chart-line:before {
    content: "\e8c5"
}

.icon-chart-bar:before {
    content: "\e8c6"
}

.icon-chart-area:before {
    content: "\e8c7"
}

.icon-tape:before {
    content: "\e8c8"
}

.icon-graduation-cap:before {
    content: "\e8c9"
}

.icon-language:before {
    content: "\e8ca"
}

.icon-ticket:before {
    content: "\e8cb"
}

.icon-water:before {
    content: "\e8cc"
}

.icon-droplet:before {
    content: "\e8cd"
}

.icon-air:before {
    content: "\e8ce"
}

.icon-credit-card:before {
    content: "\e8cf"
}

.icon-floppy:before {
    content: "\e8d0"
}

.icon-clipboard:before {
    content: "\e8d1"
}

.icon-megaphone:before {
    content: "\e8d2"
}

.icon-database:before {
    content: "\e8d3"
}

.icon-drive:before {
    content: "\e8d4"
}

.icon-bucket:before {
    content: "\e8d5"
}

.icon-thermometer:before {
    content: "\e8d6"
}

.icon-key:before {
    content: "\e8d7"
}

.icon-flow-cascade:before {
    content: "\e8d8"
}

.icon-flow-branch:before {
    content: "\e8d9"
}

.icon-flow-tree:before {
    content: "\e8da"
}

.icon-flow-line:before {
    content: "\e8db"
}

.icon-flow-parallel:before {
    content: "\e8dc"
}

.icon-rocket:before {
    content: "\e8dd"
}

.icon-gauge:before {
    content: "\e8de"
}

.icon-traffic-cone:before {
    content: "\e8df"
}

.icon-cc:before {
    content: "\e8e0"
}

.icon-cc-by:before {
    content: "\e8e1"
}

.icon-cc-nc:before {
    content: "\e8e2"
}

.icon-cc-nc-eu:before {
    content: "\e8e3"
}

.icon-cc-nc-jp:before {
    content: "\e8e4"
}

.icon-cc-sa:before {
    content: "\e8e5"
}

.icon-cc-nd:before {
    content: "\e8e6"
}

.icon-cc-pd:before {
    content: "\e8e7"
}

.icon-cc-zero:before {
    content: "\e8e8"
}

.icon-cc-share:before {
    content: "\e8e9"
}

.icon-cc-remix:before {
    content: "\e8ea"
}

.icon-github:before {
    content: "\e8eb"
}

.icon-github-circled:before {
    content: "\e8ec"
}

.icon-flickr:before {
    content: "\e8ed"
}

.icon-flickr-circled:before {
    content: "\e8ee"
}

.icon-vimeo:before {
    content: "\e8ef"
}

.icon-vimeo-circled:before {
    content: "\e8f0"
}

.icon-twitter:before {
    content: "\e8f1"
}

.icon-twitter-circled:before {
    content: "\e8f2"
}

.icon-facebook:before {
    content: "\e8f3"
}

.icon-facebook-circled:before {
    content: "\e8f4"
}

.icon-facebook-squared:before {
    content: "\e8f5"
}

.icon-gplus:before {
    content: "\e8f6"
}

.icon-gplus-circled:before {
    content: "\e8f7"
}

.icon-pinterest:before {
    content: "\e8f8"
}

.icon-pinterest-circled:before {
    content: "\e8f9"
}

.icon-tumblr:before {
    content: "\e8fa"
}

.icon-tumblr-circled:before {
    content: "\e8fb"
}

.icon-linkedin:before {
    content: "\e8fc"
}

.icon-linkedin-circled:before {
    content: "\e8fd"
}

.icon-dribbble:before {
    content: "\e8fe"
}

.icon-dribbble-circled:before {
    content: "\e8ff"
}

.icon-stumbleupon:before {
    content: "\e900"
}

.icon-stumbleupon-circled:before {
    content: "\e901"
}

.icon-lastfm:before {
    content: "\e902"
}

.icon-lastfm-circled:before {
    content: "\e903"
}

.icon-rdio:before {
    content: "\e904"
}

.icon-rdio-circled:before {
    content: "\e905"
}

.icon-spotify:before {
    content: "\e906"
}

.icon-spotify-circled:before {
    content: "\e907"
}

.icon-qq:before {
    content: "\e908"
}

.icon-instagram:before {
    content: "\e909"
}

.icon-dropbox:before {
    content: "\e90a"
}

.icon-evernote:before {
    content: "\e90b"
}

.icon-flattr:before {
    content: "\e90c"
}

.icon-skype:before {
    content: "\e90d"
}

.icon-skype-circled:before {
    content: "\e90e"
}

.icon-renren:before {
    content: "\e90f"
}

.icon-sina-weibo:before {
    content: "\e910"
}

.icon-paypal:before {
    content: "\e911"
}

.icon-picasa:before {
    content: "\e912"
}

.icon-soundcloud:before {
    content: "\e913"
}

.icon-mixi:before {
    content: "\e914"
}

.icon-behance:before {
    content: "\e915"
}

.icon-google-circles:before {
    content: "\e916"
}

.icon-vkontakte:before {
    content: "\e917"
}

.icon-smashing:before {
    content: "\e918"
}

.icon-sweden:before {
    content: "\e919"
}

.icon-db-shape:before {
    content: "\e91a"
}

.icon-logo-db:before {
    content: "\e91b"
}

table {
    width: 100%;
    border: 0;
    border-collapse: separate;
    font-size: 12px;
    text-align: left
}

thead {
    background-color: #f5f5f4
}

tbody {
    background-color: #fff
}

.table-striped tr:nth-child(2n) {
    background-color: #f5f5f4
}

th {
    font-weight: 400;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

td, th {
    padding: 2px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

td:last-child, th:last-child {
    border-right: 0
}

.tab-group {
    margin-top: -1px;
    display: flex;
    border-top: 1px solid #989698;
    border-bottom: 1px solid #989698
}

.tab-item {
    position: relative;
    flex: 1 1;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    border-left: 1px solid #989698;
    background-color: #b8b6b8;
    background-image: linear-gradient(180deg, #b8b6b8 0, #b0aeb0)
}

.tab-item:first-child {
    border-left: 0
}

.tab-item.active {
    background-color: #d4d2d4;
    background-image: linear-gradient(180deg, #d4d2d4 0, #cccacc)
}

.tab-item .icon-close-tab {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 15px;
    height: 15px;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #666;
    opacity: 0;
    transition: opacity .1s linear, background-color .1s linear;
    border-radius: 3px;
    transform: translateY(-50%);
    z-index: 10
}

.tab-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .08);
    opacity: 0;
    transition: opacity .1s linear;
    z-index: 1
}

.tab-item:hover .icon-close-tab, .tab-item:hover:not(.active):after {
    opacity: 1
}

.tab-item .icon-close-tab:hover {
    background-color: rgba(0, 0, 0, .08)
}

.tab-item-fixed {
    flex: none;
    padding: 3px 10px
}

.btn-split-right {
    margin-top: -1px
}

.pane, .sidebar, .window {
    background: transparent;
    text-align: left
}

.display-none {
    display: none !important
}

html {
    background: var(--bg-color);
    font-size: 14px;
    -moz-tab-size: 4;
    tab-size: 4;
    font-size: 13px
}

body {
    font-size: 1rem
}

code, kbd, pre, samp {
    font-family: var(--monospace)
}

.list-group-header {
    padding: 18px
}

.list-group-header > div {
    overflow: visible
}

@-webkit-keyframes showFocus {
    0% {
        border-color: #dbdbdb;
        border-radius: -1px;
        box-shadow: 0 0 0 14px rgba(145, 191, 245, 0)
    }
    to {
        border-color: #7aa7dd !important;
        border-radius: 1px;
        box-shadow: 0 0 0 1px #91bff5
    }
}

@keyframes showFocus {
    0% {
        border-color: #dbdbdb;
        border-radius: -1px;
        box-shadow: 0 0 0 14px rgba(145, 191, 245, 0)
    }
    to {
        border-color: #7aa7dd !important;
        border-radius: 1px;
        box-shadow: 0 0 0 1px #91bff5
    }
}

input[type=number]:focus, input[type=search]:focus, input[type=text]:focus {
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(116, 180, 255, .7);
    -webkit-animation: showFocus .3s;
    animation: showFocus .3s;
    border-color: #7aa7dd !important
}

input:not([type=range]):not([type=color]) {
    outline: none;
    border: 1px solid hsla(0, 0%, 53.3%, .7)
}

input[type=number], input[type=search], input[type=text], textarea {
    -webkit-user-select: text;
    cursor: text
}

.disabled label, select[disabled] {
    opacity: .5
}

.clear-btn-icon {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
    display: none;
    opacity: .4
}

.show-clear-icon .clear-btn-icon {
    display: block
}

.btn-split-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 6px
}

.btn-split-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -2px
}

.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 99;
    background: var(--bg-color);
    padding: 5px 0;
    margin-top: 2px;
    border: 1px solid #ccc;
    font-size: .9rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    border-radius: 4px;
    white-space: pre
}

.btn-split-group {
    display: inline-block;
    position: relative
}

.dropdown-menu.shown {
    display: block;
    right: 0
}

.dropdown-menu li {
    list-style-type: none;
    padding: 2px 12px 2px 16px
}

.dropdown-menu li:hover {
    background: #1d74e9;
    color: #fff
}

select:focus {
    outline: none
}

input[type=radio]:focus {
    box-shadow: none;
    border: none
}

button {
    margin-top: -2px
}

.pane-sm {
    width: 190px
}

.search-input {
    width: 100%;
    min-height: 18px;
    padding: 5px 10px;
    line-height: 1.2;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: 0;
    font-size: 12px
}

.nav-group-item {
    color: inherit
}

.content {
    padding: 0 16px 16px 24px;
    min-height: 100vh
}

.input-group-header {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 12px
}

.row {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 26px
}

.row > .cell {
    display: inline-block;
    margin-left: 16px;
    min-width: 20%;
    vertical-align: top
}

.row > .cell > select {
    width: 100%;
    margin-top: 4px
}

.css {
    display: inline-block
}

.row ~ .row {
    margin-top: 0
}

.input-group {
    max-width: 500px
}

.input-group-content > .row {
    padding-left: 16px
}

.row:before {
    content: "\200b";
    display: inline-block;
    height: 100%;
    margin-top: 3px
}

.row:before, select {
    vertical-align: middle
}

select {
    min-width: 80%
}

.dir-path {
    padding-left: 4px;
    font-size: 11px;
    cursor: pointer
}

.select-pin-input-group {
    display: inline-block;
    margin-top: 8px
}

.dir-path:hover {
    color: #0f5db9
}

.icon-button {
    cursor: pointer;
    margin-left: 8px
}

.label-hint {
    display: block;
    opacity: .7;
    margin-top: 4px;
    float: right
}

.label-hint svg {
    display: inline-block;
    width: 16px;
    fill: currentColor
}

.ty-tooltip {
    background: #f2f2f2;
    border-radius: 2px;
    color: #333;
    padding: 5px 8px;
    line-height: 14px;
    display: flex;
    align-items: center;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    border: 1px solid rgba(0, 0, 0, .1);
    background-clip: padding-box;
    box-sizing: border-box;
    position: absolute;
    transition: visibility 0s .1s, opacity .15s cubic-bezier(0, 0, .2, 1);
    z-index: 20001;
    top: 0;
    left: 0;
    opacity: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 452px;
    transition-delay: .1s;
    line-height: 1.6;
    visibility: hidden
}

.ty-tooltip.shown {
    visibility: visible;
    transition-delay: 0s;
    opacity: 1;
    z-index: 99
}

.input-group-header-hint {
    font-weight: 400;
    display: inline;
    margin-left: 12px;
    font-size: 12px;
    color: #656795;
    color: var(--hint-color);
    white-space: normal
}

.radio {
    display: inline-block;
    margin: 0
}

.radio, .radio * {
    vertical-align: middle
}

a:hover {
    text-decoration: underline
}

a {
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

svg, svg * {
    cursor: inherit
}

.panel-content-hint {
    font-weight: 400;
    margin-left: 12px;
    white-space: normal;
    margin-top: 8px
}

.inline-hint, .panel-content-hint {
    font-size: 12px;
    color: #656795;
    color: var(--hint-color)
}

.inline-hint {
    display: inline-block;
    margin-left: 24px;
    vertical-align: top
}

.label-input-group tbody, tr, tr:active {
    background: transparent;
    color: inherit !important
}

.label-input-group td {
    line-height: 24px;
    border: none !important;
    padding: 0
}

.label-input-group td:first-child {
    padding-left: 16px
}

.label-input-group select {
    margin-bottom: 0
}

.label-input-group .row {
    min-height: 0
}

.label-input-group .inline-hint {
    display: inline;
    margin: 0;
    line-height: 26px;
    vertical-align: middle
}

.label-input-group label {
    line-height: 26px;
    overflow: inherit
}

label {
    white-space: normal;
    font-size: 1rem
}

.radio input[type=radio], input[type=radio] {
    margin-top: 3px
}

.row > label {
    vertical-align: middle
}

.panel-content-hint + input-group > h5 {
    margin-top: 0
}

.label-input-group td:nth-child(2) {
    min-width: 160px
}

.whitespace-table-input tr:first-of-type {
    vertical-align: top
}

.whitespace-table-input tr:first-of-type td {
    padding-bottom: 4px
}

.whitespace-table-input .checkbox {
    margin: 0
}

.content tr.search-hit, .search-hit {
    background: rgba(255, 235, 59, .48) !important
}

.search-hit .search-hit {
    background-color: transparent !important
}

input[type=text].on-error {
    border-color: #fb1710
}

.row.on-error {
    color: #fb1710
}

.on-performance-search .no-search-hit {
    opacity: .5
}

.blink-area {
    -webkit-animation: blink-bg 1s 4;
    animation: blink-bg 1s 4
}

@-webkit-keyframes blink-bg {
    0%, 49% {
        background-color: #fff7b0
    }
}

@keyframes blink-bg {
    0%, 49% {
        background-color: #fff7b0
    }
}

.whitespace-table-input td {
    line-height: 26px
}

.image-upload-group tr {
    height: 32px
}

.separator {
    height: 1px;
    border-top: 1px solid var(--border-color);
    margin: 4px 8px
}

.modal-backdrop {
    z-index: 99;
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .25)
}

.modal-content {
    max-width: 500px;
    margin: 5% auto;
    background-color: var(--bg-color);
    box-shadow: 0 1px 0 rgba(12, 13, 14, .08), 0 1px 3px rgba(12, 13, 14, .08), 0 4px 20px rgba(12, 13, 14, .035), 0 1px 1px rgba(12, 13, 14, .025);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    max-height: 90%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column
}

.modal-s {
    max-width: 400px
}

.modal-title {
    padding: 1rem;
    border-bottom: var(--window-border);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-title h3 {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.modal-body {
    padding: 1rem;
    overflow-x: hidden
}

.console-label {
    margin: 0
}

.console-command, .console-error, .console-info {
    white-space: pre-line;
    margin-left: 1rem;
    background: var(--rawblock-edit-panel-bd);
    border-radius: 4px;
    padding: 8px;
    margin-top: 1rem;
    font-size: .9em;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text
}

.console-label-success {
    color: #248b34
}

.console-label-error {
    color: #fb1710
}

.console-error {
    color: #ff5752
}

.modal-footer {
    border-top: var(--window-border);
    text-align: right;
    padding: 16px 0 8px
}

.modal-footer .btn {
    margin-right: 16px
}

.modal-footer .btn[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.btn[disabled] {
    opacity: .5
}

.file-input input {
    padding-left: 4px;
    flex-grow: 1;
    width: 80%
}

.export-items-list {
    list-style: none;
    margin: 0;
    min-width: 142px;
    white-space: nowrap;
    max-width: 160px;
    text-overflow: ellipsis;
    display: block;
    flex: 1 1;
    overflow: auto;
    padding: 0 0 8px
}

.export-config {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    flex: 1 1;
    max-height: 100%
}

.export-item {
    display: block;
    padding: 2px 8px;
    font-size: 12px
}

.export-item.active {
    background: #e0e0e0;
    background: var(--active-file-bg-color);
    border-radius: 2px;
    font-weight: 700
}

.export-detail, .export-item.active {
    color: var(--active-file-text-color)
}

.export-detail {
    background: #eaeaea;
    background: var(--active-file-bg-color);
    margin: 0 16px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px
}

.export-detail .input-group-header {
    font-weight: 400
}

.export-detail .input-group:first-child .input-group-header {
    margin-top: 0
}

.export-config input[type=text] {
    padding-left: 4px;
    flex: 1 1;
    z-index: 2
}

.default-value-input {
    color: #888
}

.text-input {
    display: flex;
    position: relative
}

.text-input input {
    height: 24px
}

.export-config .file-input input, .export-config input, .export-config select {
    max-width: 90%;
    width: 90%
}

.export-detail input[type=number] {
    padding-left: 4px;
    width: 56px;
    height: 24px
}

.export-detail input[type=number], .export-detail input[type=text] {
    background: var(--bg-color)
}

.export-detail input[disabled] {
    margin-right: 0;
    background: transparent
}

.export-config td {
    height: 32px;
    padding-right: 14px
}

.export-config td input {
    height: 24px
}

.file-input {
    width: 100%
}

.file-input input {
    margin-right: auto
}

input[type=checkbox] {
    width: auto
}

.export-items-list-control {
    background: var(--active-file-bg-color);
    color: var(--active-file-text-color);
    border-radius: 4px;
    padding: 0 4px
}

.export-items-list-control .icon-button {
    font-size: 16px;
    opacity: .7;
    margin-top: 0;
    border: 0;
    background: transparent
}

.export-items-list-control .icon-button:hover {
    opacity: 1
}

.export-items-list-control .button-disabled, .export-items-list-control .button-disabled:hover {
    opacity: .2;
    cursor: not-allowed
}

.export-config .text-input select {
    width: 100%;
    max-width: 100%;
    border: 0;
    background: transparent;
    float: right;
    position: absolute;
    height: 24px;
    cursor: pointer;
    -webkit-appearance: none;
    outline: 0;
    padding-left: 8px
}

.input-autocomplete {
    position: absolute;
    float: left;
    left: -10000px;
    max-height: 180px;
    background: #fff;
    overflow-y: auto;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 11px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    z-index: 4
}

.input-autocomplete-row {
    padding: 2px 8px;
    line-height: 2;
    font-family: monospace;
    color: #555;
    cursor: pointer
}

.input-autocomplete-row:hover {
    background: hsla(0, 0%, 62%, .18)
}

.input-autocomplete-row.active {
    background: #deebff
}

@media (prefers-color-scheme: dark) {
    .export-detail, .export-item.active, .export-items-list-control {
        background: #3c3f41
    }

    textarea {
        background: var(--bg-color)
    }
}