tuul.css

#login-buttons {
    display: inline-block;
    margin-right: 0.2px;
    line-height: 1
}

#login-buttons .login-button {
    position: relative
}

#login-buttons .login-buttons-with-only-one-button {
    display: inline-block
}

#login-buttons .login-buttons-with-only-one-button .login-button {
    display: inline-block
}

#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
    display: inline-block
}

#login-buttons .login-display-name {
    display: inline-block;
    padding-right: 2px;
    line-height: 1.5;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#login-buttons .loading {
    line-height: 1;
    background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat
}

#login-buttons .login-button,.accounts-dialog .login-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 4px 8px;
    font-size: 80%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background: #596595;
    border: 1px solid #464f75;
    border-radius: 4px
}

#login-buttons .login-button:hover,.accounts-dialog .login-button:hover {
    background: #7580ac
}

#login-buttons .login-button:active,.accounts-dialog .login-button:active {
    background: #7580ac;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset
}

#login-buttons .login-button.login-button-disabled,.accounts-dialog .login-button.login-button-disabled,#login-buttons .login-button.login-button-disabled:active,.accounts-dialog .login-button.login-button-disabled:active {
    color: #ddd;
    background: #aaa;
    border: 1px solid #c3c3c3;
    box-shadow: none;
    -webkit-box-shadow: none
}

.accounts-dialog * {
    padding: 0;
    margin: 0;
    line-height: inherit;
    color: inherit;
    font: inherit;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.accounts-dialog .login-button {
    width: auto;
    margin-bottom: 4px
}

#login-buttons .login-buttons-padding {
    display: inline-block;
    width: 30px
}

#login-buttons .login-display-name {
    margin-right: 4px
}

#login-buttons .configure-button {
    background: #ff2a00;
    border-color: #cc2200
}

#login-buttons .configure-button:active,#login-buttons .configure-button:hover {
    background: #ff5533;
    border-color: #ff2a00
}

#login-buttons .login-image {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 16px;
    height: 16px
}

#login-buttons .text-besides-image {
    margin-left: 18px
}

#login-buttons .no-services {
    color: red
}

#login-buttons .login-link-and-dropdown-list {
    position: relative
}

#login-buttons .login-close-text {
    float: left;
    position: relative;
    padding-bottom: 8px
}

#login-buttons .login-text-and-button .loading,#login-buttons .login-link-and-dropdown-list .loading {
    display: inline-block
}

#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
    float: right
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
    float: left
}

#login-buttons .login-close-text-clear {
    clear: both
}

#login-buttons .or {
    text-align: center
}

#login-buttons .hline {
    text-decoration: line-through;
    color: lightgrey
}

#login-buttons .or-text {
    font-weight: bold
}

#login-buttons #signup-link {
    float: right
}

#login-buttons #forgot-password-link {
    float: left
}

#login-buttons #back-to-login-link {
    float: right
}

#login-buttons a,.accounts-dialog a {
    cursor: pointer;
    text-decoration: underline
}

#login-buttons.login-buttons-dropdown-align-right .login-close-text {
    float: right
}

.accounts-dialog {
    border: 1px solid #cccccc;
    z-index: 1000;
    background: white;
    border-radius: 4px;
    padding: 8px 12px;
    margin: -8px -12px 0 -12px;
    width: 250px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    font-size: 16px;
    color: #333
}

.accounts-dialog>* {
    line-height: 1.6
}

.accounts-dialog>.login-close-text {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit
}

.accounts-dialog label,.accounts-dialog .title {
    font-size: 80%;
    margin-top: 7px;
    margin-bottom: -2px
}

.accounts-dialog label {
    display: inline
}

.accounts-dialog input[type=text],.accounts-dialog input[type=email],.accounts-dialog input[type=password] {
    box-sizing: border-box;
    width: 100%
}

.accounts-dialog input[type=text][type],.accounts-dialog input[type=email][type],.accounts-dialog input[type=password][type] {
    height: auto
}

.accounts-dialog .login-button-form-submit {
    margin-top: 8px
}

.accounts-dialog .message {
    font-size: 80%;
    margin-top: 8px;
    line-height: 1.3
}

.accounts-dialog .error-message {
    color: red
}

.accounts-dialog .info-message {
    color: green
}

.accounts-dialog .additional-link {
    font-size: 75%
}

.accounts-dialog .accounts-close {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    opacity: 0.4
}

.accounts-dialog .accounts-close:hover {
    opacity: 0.8
}

.accounts-dialog #login-buttons-cancel-reset-password {
    float: right
}

.accounts-dialog #login-buttons-cancel-enroll-account {
    float: right
}

#login-dropdown-list {
    position: absolute;
    top: -1px;
    left: -1px
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
    left: auto;
    right: -1px
}

#login-buttons-message-dialog .message {
    font-size: 100%
}

.accounts-centered-dialog {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 1001;
    position: fixed;
    left: 50%;
    margin-left: -129px;
    top: 50%;
    margin-top: -40px;
}

#configure-login-service-dialog {
    width: 530px;
    margin-left: -269px;
    margin-top: -300px;
}

#configure-login-service-dialog table {
    width: 100%
}

#configure-login-service-dialog input[type=text] {
    width: 100%;
    font-family: "Courier New", Courier, monospace
}

#configure-login-service-dialog ol {
    margin-top: 10px;
    margin-bottom: 10px
}

#configure-login-service-dialog ol li {
    margin-left: 30px
}

#configure-login-service-dialog .configuration_labels {
    width: 30%
}

#configure-login-service-dialog .configuration_inputs {
    width: 70%
}

#configure-login-service-dialog .new-section {
    margin-top: 10px
}

#configure-login-service-dialog .url {
    font-family: "Courier New", Courier, monospace
}

#configure-login-service-dialog-save-configuration {
    float: right
}

.configure-login-service-dismiss-button {
    float: left
}

#just-verified-dismiss-button,#messages-dialog-dismiss-button {
    margin-top: 8px
}

.hide-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7)
}

#login-buttons input[type=text],.accounts-dialog input[type=text],#login-buttons input[type=email],.accounts-dialog input[type=email],#login-buttons input[type=password],.accounts-dialog input[type=password] {
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 3px;
    line-height: 1
}

.camera-popup {
    position: fixed;
    z-index: 1000;
    top: 20%;
    width: 320px;
    left: 50%;
    margin-left: -150px;
    font-family: sans-serif;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    line-height: 1.3em;
    pointer-events: auto;
    padding: 20px;
    border-radius: 10px
}

.camera-popup.camera-popup-wide {
    width: 480px;
    margin-left: -240px;
    top: 5%
}

.camera-popup .hidden {
    display: none
}

.camera-popup .viewfinder {
    text-align: center
}

.camera-popup #video {
    width: 280px
}

.camera-popup .center {
    text-align: center
}

.camera-popup .photo-preview {
    width: 320px
}

.camera-popup canvas {
    display: none
}

.camera-popup .generic-error {
    text-align: center
}

.camera-popup .permission-denied-error h2 {
    margin-top: 0;
    color: #596595;
    border-bottom: 1px solid #596595;
    padding-bottom: 10px;
    line-height: 1.3em
}

.camera-popup .permissions-howto dd {
    margin: 5px 0 20px 10px;
    padding: 0;
    font-size: 0.8em;
    color: #444
}

.camera-popup button {
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    background-color: #596595;
    border: 1px solid #464f75
}

.camera-popup button:active {
    background-color: #7580ac;
    border: 1px solid #596595
}

.camera-overlay {
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4)
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
}

.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
}

#login-buttons-image-google {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAADCklEQVQ4jSXSy2ucVRjA4d97zvdNJpPJbTJJE9rYaCINShZtRCFIA1bbLryBUlyoLQjqVl12W7UbN4qb1gtuYhFRRBCDBITaesFbbI3RFBLSptEY05l0ZjLfnMvrov/Bs3gAcF71x6VVHTk+o8nDH+hrH89rUK9Z9Yaen57S3wVtGaMBNGC0IegWKIDxTtVaOHVugZVmH3HX3Zz+4l+W1xvkOjuZfPsspY4CNkZELEgEIJKwYlBjEwjec/mfCMVuorVs76R8+P0KYMmP30U2dT8eIZqAR2ipRcWjEYxGSCRhV08e04oYMoxYLi97EI9YCJ0FHBYbIVGDlUBLwRlLIuYW6chEmQt/rJO09RJjhjEJEYvJYGNhkbUhw43OXtIWDFRq9G87nAaSK6sVRm8r8fzRMWbOX2Xx7ypd7ZET03sQhDOz73DqSJOrd+7HSo4QIu0Nx/4rOzx+cRXZ9+z7+uqJ+3hiepxK3fHZT2tMjXYzOtzL6dmznPzhLexgN0QlxAAYxAlqUqRmkf5j59RlNQ6MFHhgcpCTTx8EUb5e+plD7x4jjg1ANCAgrRQAdR7xKXjBlGyLYi7PxaUmb8z8xcpGHVXLHaXdjI0egKyJiQYTEhSPREVIEUBNC+Mqm+xpz3j0njLPHB2nsh1QgeG+IS48dYbD5YNoo0ZUAbVEuTUoKuBSZOarX/WhyQn6eg2+usDWf0s0tq8zNPYk+WI/Lnge++hlvlyfQ3NdECzGRWKwEEA0qNY251n69kV6+Y0kbaCZoebG2X3oU7pKoyxuXOPe945zs9DCeosGIXoBDyaLdf6ce4Hbk+/Y299ksKtAuaeNsiyw8c1LKIZ95b0MdgxA5giixACpTxEPSau6QdFfI5/2cLPmEW+JAQrtJUJzDXF1dkwHzVodJMX4HFEcQQMaFdPeM0Jb/4PUtzzaLKAhRyJFwo6lbegRNFfk819muV5dR4JBQoQdQ2xFiDmSNDHiaptamR9Gq5cQ18AledrGDpOfeI5Lq8u88smbhMRisoSAgAYghdfn5H/JkHuRZ1owLAAAAABJRU5ErkJggg==)
}

.list-group-item.autoform-array-item>div {
    display: table;
    width: 100%
}

.list-group-item.autoform-array-item .autoform-remove-item-wrap {
    display: table-cell
}

.list-group-item.autoform-array-item .autoform-remove-item {
    vertical-align: top;
    margin-right: 15px
}

.list-group-item.autoform-array-item .autoform-array-item-body {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.checkbox-inline.fix-indent,.checkbox-inline.fix-indent+.checkbox-inline.fix-indent {
    margin-left: 0;
    margin-right: 10px
}

.checkbox-inline.fix-indent:last-child {
    margin-right: 0
}

.radio-inline.fix-indent,.radio-inline.fix-indent+.radio-inline.fix-indent {
    margin-left: 0;
    margin-right: 10px
}

.radio-inline.fix-indent:last-child {
    margin-right: 0
}

.form-horizontal .autoform-padding-fix .form-group {
    margin-right: 0;
    margin-left: 0
}

.checkbox input[type="checkbox"].autoform-checkbox-margin-fix,.checkbox-inline input[type="checkbox"].autoform-checkbox-margin-fix {
    margin-left: 0
}

.btn.autoform-inline-align {
    vertical-align: top
}

.Onboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%
}

.Onboard__Steps {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    width: 330px;
    padding: 26px
}

.Onboard__Title {
    font-size: 35px;
    font-weight: 100;
    line-height: 39px;
    color: #a6288d;
    margin-top: auto
}

.Onboard__StepNumbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row, nowrap;
    -ms-flex-flow: row, nowrap;
    flex-flow: row, nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto
}

.Onboard__StepNumber {
    background: #f2f1f0;
    margin: 0 4.5px;
    border-radius: 100000px;
    height: 11px;
    width: 11px
}

.Onboard__StepNumbers--StepOne .Onboard__StepNumber:nth-child(1),.Onboard__StepNumbers--StepTwo .Onboard__StepNumber:nth-child(2),.Onboard__StepNumbers--StepThree .Onboard__StepNumber:nth-child(3) {
    background: #a6288d
}

.Onboard__Info {
    background: #f2f1f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: -11px;
    padding: 1rem
}

.Onboard__Info__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: auto
}

.Onboard__Info--StepTwo {
    background: #f2f1f0;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    -ms-grid-row-align: initial;
    align-items: initial;
    padding-right: 0
}

.Onboard__Info__Left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 370px
}

.Onboard__Info__Image {
    display: block;
    margin: auto 0 auto auto;
    height: auto;
    max-width: 100%
}

.Onboard__Info__MainTitle {
    font-size: 40px;
    font-weight: 300;
    color: #9b9b9b;
    text-align: center;
    margin-top: auto
}

.Onboard__Info__SubTitle {
    font-size: 40px;
    font-weight: 100;
    color: #9b9b9b;
    text-align: center
}

.Onboard__Info__Points {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Onboard__Info__Point {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 90px 20px 0
}

.Onboard__Info__Point__Title {
    background: -webkit-linear-gradient(left, #a62b8b 0%, #a92184 55%, #eb4a24 100%);
    font-family: 'museo-slab';
    font-size: 35px;
    font-weight: 100;
    line-height: 39px;
    color: #a62b8b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    width: 170px
}

.Onboard__Info__Point__Content {
    font-size: 1rem;
    text-align: center;
    width: 220px
}

.Onboard__Info__Point__Content--Wide {
    margin-top: 20px;
    width: 340px
}

.Onboard__Tos {
    color: #9f9f9f;
    text-align: center;
    margin: auto auto 0
}

.Onboard__Content {
    margin-top: 1rem;
    font-size: 1.2rem
}

.Onboard__ContentSmall {
    font-size: 1rem
}

.Onboard__Link {
    font-size: 1.2rem
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20)
}

.anti-modal-overlay {
    background: rgba(0,0,0,0.75);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 65536
}

.anti-modal-drop-down {
    position: fixed;
    z-index: 65536
}

.anti-modal-box {
    width: 500px;
    min-height: 50px;
    margin: 100px auto 0px auto;
    background: #f0f0f0;
    color: #303030;
    font-family: sans-serif
}

.anti-modal-box-narrow {
    width: 300px
}

.anti-modal-overlay .anti-modal-box,.anti-modal-drop-down .anti-modal-box {
    border: 1px solid #000;
    box-shadow: 0px 0px 5px rgba(0,0,0,1)
}

.anti-modal-header {
    position: relative;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
    background: #f0f0f0;
    color: #aaa;
    text-align: center
}

.anti-modal-overlay .anti-modal-header,.anti-modal-drop-down .anti-modal-header {
    text-align: left
}

.anti-modal-title {
    display: inline-block;
    padding: 0px 16px
}

.anti-modal-closer {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer
}

.anti-modal-overlay .anti-modal-closer,.anti-modal-drop-down .anti-modal-closer {
    display: block
}

.anti-modal-body {
    padding: 20px 20px 20px 20px
}

.anti-modal-footer {
    text-align: right;
    height: 48px;
    line-height: 48px;
    padding: 0px 8px;
    background: #e0e0e0
}

.anti-modal-button {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    margin-right: 8px;
    height: 32px;
    line-height: 32px;
    background: #606060;
    color: #f0f0f0;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    border: 0px solid #000
}

.anti-modal-button:hover {
    background: #808080;
    color: #ffffff
}

.anti-modal-button-action {
    background: #80c020
}

.anti-modal-button-action:hover {
    background: #b0e060
}

input[type=text].anti-modal-prompt {
    background: #ffffff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 6px;
    color: #333;
    margin-top: 8px;
    border: 0px;
    border-radius: 5px;
    box-shadow: -1px -1px 3px rgba(0,0,0,0.125) inset
}

.c3 svg {
    font: 10px sans-serif
}

.c3 path,.c3 line {
    fill: none;
    stroke: #000
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path {
    shape-rendering: crispEdges
}

.c3-chart-arc path {
    stroke: #fff
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px
}

.c3-grid line {
    stroke: #aaa
}

.c3-grid text {
    fill: #aaa
}

.c3-xgrid,.c3-ygrid {
    stroke-dasharray: 3 3
}

.c3-text.c3-empty {
    fill: #808080;
    font-size: 2em
}

.c3-line {
    stroke-width: 1px
}

.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: white
}

.c3-selected-circle {
    fill: white;
    stroke-width: 2px
}

.c3-bar {
    stroke-width: 0
}

.c3-bar._expanded_ {
    fill-opacity: 0.75
}

.c3-target.c3-focused {
    opacity: 1
}

.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step {
    stroke-width: 2px
}

.c3-target.c3-defocused {
    opacity: 0.3 !important
}

.c3-region {
    fill: steelblue;
    fill-opacity: 0.1
}

.c3-brush .extent {
    fill-opacity: 0.1
}

.c3-legend-item {
    font-size: 12px
}

.c3-legend-item-hidden {
    opacity: 0.15
}

.c3-legend-background {
    opacity: 0.75;
    fill: white;
    stroke: lightgray;
    stroke-width: 1
}

.c3-tooltip-container {
    z-index: 10
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    box-shadow: 7px 7px 12px -9px #777777;
    opacity: 0.9
}

.c3-tooltip tr {
    border: 1px solid #CCC
}

.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #FFF
}

.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999
}

.c3-tooltip td>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px
}

.c3-tooltip td.value {
    text-align: right
}

.c3-area {
    stroke-width: 0;
    opacity: 0.2
}

.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: none
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777
}

.c3-chart-arc .c3-gauge-value {
    fill: #000;
}

.DropDown__Alt,.DropDown__Light,.DropDown__Subject,.Content--ModalTitle,.Heading--CompanyName,.Heading--OrganizationAccount,.Heading--OrganizationType,.TuulBelt__Chat__Title,.Heading--Ticket,.TicketCard__LastMessage,.TicketCard__CodeName,.TicketCard__Time,.TicketCard__ReporterName,.TicketCard__Status,.TicketCard__CaseName,.android .MainNav__Title,.ios .MainNav__Title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

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

html {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-size: 100%;
    color: hsla(240, 0.50251%, 30.845%, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    overflow: hidden;
    height: 100%
}

body {
    margin: 0;
    height: 100%;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

h1,h2,h3,h4,h5,h6 {
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0
}

input {
    font: inherit;
    line-height: normal;
    color: inherit;
    margin: 0;
    border-radius: 0
}

input:focus {
    outline: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type="reset"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

input[type="radio"] {
    padding: 0
}

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

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

input[type="checkbox"][disabled="disabled"] {
    cursor: not-allowed
}

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

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    font: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    resize: none
}

textarea:focus {
    outline: 0
}

select {
    font: inherit;
    outline: none
}

keygen {
    font: inherit
}

table {
    border-spacing: 0
}

th {
    font-weight: normal
}

dd {
    margin: 0 0 0 1rem
}

b {
    font-weight: 500
}

ul {
    margin: 0;
    padding: 0
}

li {
    padding: 0
}

label {
    font-size: 0.875rem
}

figure {
    display: block;
    margin: 0;
    padding: 0
}

pre {
    margin: 0
}

.hidden {
    display: none
}

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.scroll-y {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.overflow-hidden {
    overflow: hidden
}

.global-half-margin {
    margin: .5rem
}

.global-half-margin-left {
    margin-left: .5rem
}

.global-double-margin {
    margin-top: 2rem
}

.global-half-padding {
    padding: .5rem
}

.relative {
    position: relative
}

.P\(global-space\) {
    padding: 0.3125rem
}

.P\(global-space-double\) {
    padding: 0.625rem
}

.PB\(global-space-half\) {
    padding-bottom: 0.15625rem
}

.PB\(global-space\) {
    padding-bottom: 0.3125rem
}

.PB\(global-space-double\) {
    padding-bottom: 0.625rem
}

.PB\(global-space-triple\) {
    padding-bottom: 0.9375rem
}

.PB\(global-space-quad\) {
    padding-bottom: 1.25rem
}

.BS\(border-box\) {
    box-sizing: border-box
}

.O\(hidden\) {
    overflow: hidden
}

.M\(global-space\) {
    margin: 0.3125rem
}

.M\(global-space-double\) {
    margin: 0.625rem
}

.MT\(global-space-half\) {
    margin-top: 0.15625rem
}

.MT\(global-space\) {
    margin-top: 0.3125rem
}

.MT\(global-space-double\) {
    margin-top: 0.625rem
}

.MT\(global-space-triple\) {
    margin-top: 0.9375rem
}

.MT\(global-space-quad\) {
    margin-top: 1.25rem
}

.MB\(global-space-half\) {
    margin-bottom: 0.15625rem
}

.MB\(global-space\) {
    margin-bottom: 0.3125rem
}

.MB\(global-space-double\) {
    margin-bottom: 0.625rem
}

.MB\(global-space-triple\) {
    margin-bottom: 0.9375rem
}

.MB\(global-space-quad\) {
    margin-bottom: 1.25rem
}

.FS\(18px\) {
    font-size: 1.125rem
}

.FS\(15px\) {
    font-size: 0.9375rem
}

.FS\(12px\) {
    font-size: 0.75rem
}

.FS\(11px\) {
    font-size: 0.6875rem
}

.FW\(200\) {
    font-weight: 200
}

.FW\(300\) {
    font-weight: 300
}

.FW\(400\) {
    font-weight: 400
}

.FW\(500\) {
    font-weight: 500
}

.C\(grey-70\) {
    color: hsla(0, 0%, 70%, 1)
}

.C\(grey-60\) {
    color: hsla(0, 0%, 60%, 1)
}

.C\(grey-55\) {
    color: hsla(0, 0%, 55%, 1)
}

.row-wrap,.FF\(row_wrap\) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row-nowrap,.FF\(row_nowrap\) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.column-wrap,.FF\(column_wrap\) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.column-nowrap,.FF\(column_nowrap\) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.flex-grow,.F\(1\) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: initial
}

.flex-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flex-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%
}

.flex-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 33.33333%;
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%;
    max-width: 33.33333%
}

.flex-6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 16.66667%;
    -ms-flex: 1 0 16.66667%;
    flex: 1 0 16.66667%;
    max-width: 16.66667%
}

.FXS\(0\) {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.FXS\(1\) {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.AI\(baseline\) {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline
}

.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-space,.JC\(space-between\) {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.W\(auto\) {
    width: auto
}

.Modal {
    z-index: 45
}

.MainNav {
    z-index: 40
}

.Search__Window {
    z-index: 35
}

.NotificationBar,.TuulBelt {
    z-index: 30
}

.Inspector,.Container--Chat,.is-dragging {
    z-index: 25
}

.Chat__Flyout,.TicketNav::before,.ClickBox__Dark,.Channel__Messages__Overlay {
    z-index: 20
}

.Masthead--Chat {
    z-index: 15
}

.Avatar--Chat__Message,.Input__Wrapper--Select::before,.Input__Wrapper--Select::after,.DropDown__Wrapper svg,.DropDown__Wrapper::after,.Gadget__Modal,.Select--Form,.Multi-Select--Options.is-active,.Badge,.AccountsNav__Badge,.Masthead--Chat__Messages,.DropDown.DropDown--MultiSelect,.TuulBelt__Toggle,.AutoComplete__Wrapper {
    z-index: 10
}

.Select__Wrapper,.Select,.DropDown__Content,.ActionsGroup--Filters,.Avatar--UserNav,.Avatar__Group,.Select--Form .Input__Label,.Multi-Select--Options,.Avatar--Message,.Button--Marketing,.Search__Wrapper,.Button__Group--Masthead,.actions,.Checkbox__Wrapper,.Heading--ModalTitle,.Heading--Masthead--Primary,.Ticket__Wrapper,.ClickBox,.Multi-Select__Item,.Menu__Room,.TuulBelt__Chat__TitleBar,.Image--Modal,.Modal .Radio__Wrapper,.Menu__Group__MastHead,.Icon__Wrapper--TuulBeltPin,.Channel__Participants__Wrapper,.selectize-control select {
    z-index: 5
}

.TuulBelt__Chat__TitleBar__Toggle {
    z-index: 0
}

.TabsDivider,.Button--Marketing::before,.Button--Marketing::after,.TuulBelt__Overlay,.Checkbox__Pseudo,.Radio__Pseudo {
    z-index: -5
}

.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.fast {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.faster {
    -webkit-animation-duration: .65s;
    animation-duration: .65s
}

@-webkit-keyframes animate-up {
    from {
        opacity: 0;
        margin-top: -50%
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes animate-up {
    from {
        opacity: 0;
        margin-top: -50%
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes transform-up {
    from {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes transform-up {
    from {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@-webkit-keyframes box-shadow {
    from {
        box-shadow: 0
    }

    to {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .05)
    }
}

@keyframes box-shadow {
    from {
        box-shadow: 0
    }

    to {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .05)
    }
}

#__blaze-root {
    overflow: hidden;
    height: 100%;
    width: 100vw
}

.App {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%
}

.App--SoBasic {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.App__Loading {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.App__Loading:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.App__Loading:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.Container {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 1rem
}

.Container--Blank {
    background-image: url("/ticket-blank-tuulbot.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 21.25rem auto;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Container--Blank.Container--NoTicket {
    visibility: visible;
    opacity: 1
}

.Container--Humans {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    box-sizing: border-box;
    width: 100vw;
    padding: 0
}

.Container--Row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.Container--ScrollY {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.DropZone__Overlay {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.drop-target .DropZone__Overlay {
    border: 0.125rem dashed hsla(200, 58.33333%, 52%, 1);
    display: block;
    opacity: 1
}

.Main {
    background: hsla(0, 100%, 100%, 1);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: initial;
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.Main--HumansTickets {
    width: 200vw;
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms
}

.Main--HumansTickets.is-active {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw)
}

.Main--HumansCompanies {
    width: 100vw
}

.Main--Cases {
    background-image: url("/cases.png")
}

.Main--Customers {
    background-image: url("/customers.png")
}

.Main--Pulse {
    background-image: url("/pulse.png")
}

.Main--Stats {
    background-image: url("/stats.png")
}

.Main--Teams {
    background-image: url("/teams.png")
}

.Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.Avatar__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.AvatarWrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.Avatar {
    background-position: center;
    background-size: cover;
    font-size: 1rem;
    line-height: 2.125rem;
    color: hsla(0, 100%, 100%, 1);
    text-transform: uppercase;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    border-radius: 100%;
    border: 0;
    height: 2rem;
    width: 2rem
}

.Avatar--Group {
    margin: 0 .125rem
}

.Avatar--GroupFirst {
    margin: 0 .125rem 0 0
}

.Avatar--Csr {
    background-color: hsla(313, 56.25%, 41.6%, 1)
}

.Avatar--Customer {
    background-color: hsla(283, 21.21212%, 26.4%, 1)
}

.Avatar--Internal {
    background-color: hsla(10, 78.26087%, 54%, 1)
}

.Avatar--Internal .TuulBotIcon {
    fill: hsla(0, 100%, 100%, 1);
    height: 1.6875rem;
    width: 1.6875rem;
    padding: 0.3125rem
}

.Avatar--Team {
    background-color: hsla(0, 0%, 70%, 1)
}

.Avatar--Team svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.Avatar--Team svg.iconic.iconic-size-sm {
    margin: .1rem auto auto;
    height: 1.3125rem;
    width: 1.3125rem
}

.Avatar--Team .iconic * {
    fill: hsla(0, 100%, 100%, 1) !important;
    stroke: hsla(0, 100%, 100%, 1) !important
}

.Avatar--Team .iconic-people .iconic-people-person-head-right,.Avatar--Team .iconic-people .iconic-people-person-body-right,.Avatar--Team .iconic-people .iconic-people-person-head-center,.Avatar--Team .iconic-people .iconic-people-person-body-center,.Avatar--Team .iconic-people .iconic-people-person-head-left,.Avatar--Team .iconic-people .iconic-people-person-body-left {
    stroke: hsla(0, 0%, 70%, 1) !important
}

.Avatar.Avatar--Status {
    position: relative
}

.Avatar.Avatar--Status::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 8000rem;
    border: 0.125rem solid hsla(0, 100%, 100%, 1);
    height: 0.375rem;
    width: 0.375rem
}

.Avatar.Avatar--Status.is-online::before {
    background: hsla(159, 83.48624%, 33.79%, 1)
}

.Avatar.Avatar--Status.is-offline::before {
    background: hsla(0, 0%, 50%, 1)
}

.Avatar.Avatar--Status.is-idle::before {
    background: hsla(45, 87.33108%, 52.64%, 1)
}

.Avatar.Avatar--NoStatus {
    position: initial
}

.Avatar--Upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    margin: auto;
    height: 18.75rem;
    width: 18.75rem
}

.Avatar--Upload .iconic.iconic-lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 4rem;
    height: auto;
    width: auto
}

.Avatar--Upload .iconic.iconic-lg path {
    fill: hsla(0, 0%, 60%, 1)
}

.AvatarIcon {
    margin: auto
}

.User__Status {
    position: relative
}

.User__Status::after {
    content: '';
    position: absolute;
    top: calc(50% - 0.1875rem);
    left: 0;
    border-radius: 8000rem;
    height: 0.375rem;
    width: 0.375rem
}

.User__Status.is-online::after {
    background: hsla(159, 83.48624%, 33.79%, 1)
}

.User__Status.is-offline::after {
    background: hsla(0, 0%, 50%, 1)
}

.User__Status.is-idle::after {
    background: hsla(45, 87.33108%, 52.64%, 1)
}

.Avatar.Avatar--Mini {
    font-size: .625rem;
    line-height: 1.3125rem;
    height: 1.25rem;
    width: 1.25rem
}

.Avatar.Avatar--Mini::before {
    content: none
}

.Avatar--MiniGroup {
    margin: .125rem
}

.Avatar--NoPointer {
    cursor: inherit
}

.MiniVatar__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 3rem
}

.Avatar--Row {
    margin-left: .25rem
}

.Loader {
    background: -webkit-linear-gradient(left, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 45%, hsla(10, 78.26087%, 54%, 1));
    background: linear-gradient(to right, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 45%, hsla(10, 78.26087%, 54%, 1));
    overflow: hidden;
    position: relative;
    margin: auto;
    border-radius: 625rem;
    height: 3rem;
    width: 3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loader-animation 1.4s infinite linear;
    animation: loader-animation 1.4s infinite linear
}

.Loader::before,.Loader::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0
}

.Loader::before {
    background: -webkit-linear-gradient(143deg, transparent, transparent 2%, hsla(0, 100%, 100%, 1));
    background: linear-gradient(307deg, transparent, transparent 2%, hsla(0, 100%, 100%, 1));
    border-radius: 0 0 0 100% 0;
    height: 50%;
    width: 50%
}

.Loader::after {
    background: hsla(0, 100%, 100%, 1);
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    height: 75%;
    width: 75%
}

@-webkit-keyframes loader-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.Icon {
    background-color: hsla(10, 78.26087%, 54%, 1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    height: 1.75rem;
    width: 1.75rem
}

.Icon--Heading {
    height: 0.75rem !important;
    width: 0.75rem !important
}

.Icon--Ugly * {
    fill: hsla(45, 87.33108%, 52.64%, 1) !important;
    stroke: hsla(45, 87.33108%, 52.64%, 1) !important
}

.iconic {
    overflow: visible;
    margin: auto
}

.iconic.iconic-sm {
    height: 1rem;
    width: 1rem
}

.iconic.iconic-sm .iconic-sm {
    display: inline
}

.iconic.iconic-sm .iconic-md,.iconic.iconic-sm .iconic-lg {
    display: none
}

.iconic.iconic-md {
    height: 2rem;
    width: 2rem
}

.iconic.iconic-md .iconic-md {
    display: inline
}

.iconic.iconic-md .iconic-sm,.iconic.iconic-md .iconic-lg {
    display: none
}

.iconic.iconic-lg {
    height: 4rem;
    width: 4rem
}

.iconic.iconic-lg .iconic-lg {
    display: inline
}

.iconic.iconic-lg .iconic-sm,.iconic.iconic-lg .iconic-md {
    display: none
}

.iconic[data-direction='top'] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.iconic[data-direction='right'] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.iconic[data-direction='bottom'] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.iconic[data-direction='left'] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iconic-image[data-orientation="landscape"] .iconic-image-portrait,.iconic-image[data-orientation="portrait"] .iconic-image-landscape {
    display: none
}

.iconic-image[data-orientation="portrait"] .iconic-image-portrait,.iconic-image[data-orientation="landscape"] .iconic-image-landscape {
    display: inline-block
}

.iconic-chevron {
    overflow: hidden
}

.iconic-people path {
    stroke: none !important
}

x .iconic-check path,.iconic-chevron path {
    fill: none !important
}

.GradientBar {
    background-image: -webkit-linear-gradient(bottom, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1));
    background-image: linear-gradient(to top, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1))
}

.GradientBar--Horizontal,.Button--Marketing::before,.Login__Wrapper::after,.android .humans .Heading--ModalTitle,.ios .humans .Heading--ModalTitle,.tablet .GradientBar--MainNav,.Progress[value]::-webkit-progress-value,.humans .MainNav {
    background-image: -webkit-linear-gradient(left, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1));
    background-image: linear-gradient(to right, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1))
}

.GradientBar--HorizontalLeft,.android .NavDrawer__MastHead,.ios .business .Heading--ModalTitle::before,.android .GradientBar--MainNav,.ios .GradientBar--MainNav,.ios .Gadget__Controls::after,.ios .Gadget__Modal__Controls::after,.ios .Gadget__BackGround::after {
    background-image: -webkit-linear-gradient(right, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1));
    background-image: linear-gradient(to left, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1))
}

.Image {
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    margin: .5rem;
    border: 0.0625rem solid hsla(0, 0%, 87%, 1);
    height: 6.25rem;
    width: 6.25rem
}

.Image--Full {
    margin: 0;
    border: 0;
    height: auto;
    width: 100%
}

a {
    font-size: 0.875rem;
    color: hsla(199, 100%, 48%, 1);
    text-decoration: none;
    cursor: pointer
}

a:hover {
    color: hsla(199, 100%, 43%, 1)
}

a:visited {
    color: hsla(199, 100%, 48%, 1)
}

a[disabled="disabled"] {
    color: hsla(0, 0%, 5%, 1);
    cursor: not-allowed
}

.Link--Inherit {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.Link--Inherit:visited {
    color: inherit
}

.Link--NoHover {
    cursor: initial
}

.Link--NoHover:hover {
    color: hsla(199, 100%, 48%, 1)
}

.Link--Small {
    font-size: 0.75rem;
    margin-top: 0.125rem
}

.Link--NoWrap {
    white-space: nowrap
}

.Link--Bounce {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

p {
    font-size: 0.875rem;
    font-weight: 300;
    display: inline-block;
    margin: 0
}

.Content--Bold {
    font-weight: 400
}

.Content--Bolder {
    font-weight: 500
}

.Content--NoTransform {
    text-transform: none
}

.Content--Good {
    color: hsla(159, 83.48624%, 33.79%, 1)
}

.Content--Bad {
    color: hsla(353, 76.39485%, 53.4%, 1)
}

.Content--Ugly {
    color: hsla(45, 87.33108%, 52.64%, 1)
}

.Content--Neutral {
    color: hsla(0, 0%, 82%, 1)
}

.Content--Description {
    margin: 1.4rem 0 1.4rem 1.5rem;
    max-width: 21rem
}

.Content--NoWrap {
    white-space: nowrap
}

.Disabled {
    font-style: italic;
    font-size: 0.875rem;
    color: hsla(0, 0%, 45%, 1)
}

button {
    font: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

button:focus {
    outline: 0
}

.Button--Sm--Primary,.Button--Sm--Secondary,.Button--Sm--Alert,.Button--Md--Primary,.Button--Md--Secondary,.Button--Md--Alert,.Button--Lg--Primary,.Button--Lg--Secondary,#login-buttons .login-button,.accounts-dialog .login-button,.Button--Lg--Alert {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-weight: 300;
    text-transform: lowercase;
    text-align: center;
    white-space: nowrap;
    margin: .5rem;
    border-width: 0.125rem;
    border-style: solid
}

.Button--Sm--Primary,.Button--Sm--Secondary,.Button--Sm--Alert {
    font-size: 0.875rem;
    line-height: 0.875rem;
    border-radius: 0.625rem;
    min-width: 4.375rem;
    padding: 0.1875rem 1.125rem
}

.Button--Md--Primary,.Button--Md--Secondary,.Button--Md--Alert {
    font-size: 0.875rem;
    line-height: 0.875rem;
    border-radius: 0.375rem;
    padding: 0.40625rem 1rem
}

.Button--Lg--Primary,.Button--Lg--Secondary,#login-buttons .login-button,.accounts-dialog .login-button,.Button--Lg--Alert {
    font-size: 1rem;
    line-height: 1rem;
    border-radius: 0.625rem;
    padding: 0.5625rem 1rem
}

.Button--Sm--Primary,.Button--Md--Primary,.Button--Lg--Primary {
    background: hsla(312, 61.29032%, 40.3%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(312, 61.29032%, 40.3%, 1)
}

.Button--Sm--Primary:visited,.Button--Md--Primary:visited,.Button--Lg--Primary:visited {
    color: hsla(0, 100%, 100%, 1)
}

.Button--Sm--Primary:hover,.Button--Md--Primary:hover,.Button--Lg--Primary:hover {
    color: hsla(0, 100%, 100%, 1)
}

[disabled].Button--Sm--Primary,[disabled].Button--Md--Primary,[disabled].Button--Lg--Primary {
    background: hsla(312, 61.29032%, 40.3%, 1);
    color: hsla(0, 100%, 100%, 1);
    cursor: not-allowed;
    opacity: 0.3;
    border-color: hsla(312, 61.29032%, 40.3%, 1)
}

.Button--Sm--Secondary,.Button--Md--Secondary,.Button--Lg--Secondary,#login-buttons .login-button,.accounts-dialog .login-button {
    background: transparent;
    color: hsla(312, 61.29032%, 40.3%, 1);
    border-color: hsla(312, 61.29032%, 40.3%, 1)
}

.Button--Sm--Secondary:visited,.Button--Md--Secondary:visited,.Button--Lg--Secondary:visited,#login-buttons .login-button:visited,.accounts-dialog .login-button:visited {
    color: hsla(312, 61.29032%, 40.3%, 1)
}

.Button--Sm--Secondary:hover,.Button--Md--Secondary:hover,.Button--Lg--Secondary:hover,#login-buttons .login-button:hover,.accounts-dialog .login-button:hover {
    background: hsla(312, 61.29032%, 40.3%, 1);
    color: hsla(0, 100%, 100%, 1)
}

[disabled].Button--Sm--Secondary,[disabled].Button--Md--Secondary,[disabled].Button--Lg--Secondary,#login-buttons [disabled].login-button,.accounts-dialog [disabled].login-button {
    background: hsla(0, 100%, 100%, 1);
    color: hsla(312, 61.29032%, 40.3%, 1);
    cursor: not-allowed;
    opacity: 0.5;
    border-color: hsla(312, 61.29032%, 40.3%, 1)
}

.Button--Sm--Alert,.Button--Md--Alert,.Button--Lg--Alert {
    background: hsla(353, 76.39485%, 53.4%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(353, 76.39485%, 53.4%, 1)
}

.Button--Sm--Alert:hover,.Button--Md--Alert:hover,.Button--Lg--Alert:hover {
    background: hsla(0, 100%, 40%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(0, 100%, 40%, 1)
}

[disabled].Button--Sm--Alert,[disabled].Button--Md--Alert,[disabled].Button--Lg--Alert {
    background: hsla(353, 76.39485%, 53.4%, 1);
    color: hsla(0, 100%, 100%, 1);
    cursor: not-allowed;
    opacity: 0.5;
    border-color: hsla(353, 76.39485%, 53.4%, 1)
}

.Button--RespectCase {
    text-transform: none
}

.Button--Marketing {
    font-size: 0.875rem;
    font-weight: 700;
    color: hsla(312, 61.29032%, 40.3%, 1);
    position: relative;
    margin-top: 1.9375rem;
    border: 0;
    height: 2.125rem;
    width: 9.375rem;
    padding: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Button--Marketing:hover {
    color: hsla(0, 100%, 100%, 1)
}

.Button--Marketing:hover::after {
    opacity: 0
}

.Button--Marketing::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Button--Marketing::after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0.1875rem;
    right: 0.1875rem;
    bottom: 0.1875rem;
    left: 0.1875rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Button--Ellipses {
    cursor: pointer;
    position: relative;
    bottom: -0.125rem;
    padding: 0.34375rem 0.5rem 0.28125rem
}

.Button--Ellipses .iconic {
    margin-top: 0.0625rem;
    margin-bottom: -0.0625rem;
    height: 0.875rem;
    width: 0.875rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Button--Ellipses .iconic-property-fill {
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
    fill: currentColor
}

.Button__Helper {
    font-size: 0.75rem;
    font-weight: bold
}

.Table__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    min-height: 18.75rem
}

.Table__Wrapper {
    padding-top: 2rem
}

.Table__Wrapper .input-group {
    top: -3rem
}

.Table__Scroll {
    overflow: auto;
    margin: 1rem .5rem .5rem;
    padding: 0 .5rem .5rem 0
}

.Table__Scroll::-webkit-scrollbar {
    -webkit-appearance: none
}

.Table__Scroll::-webkit-scrollbar:vertical {
    width: 0.6875rem
}

.Table__Scroll::-webkit-scrollbar:horizontal {
    height: 0.6875rem
}

.Table__Scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    border-radius: 0.5rem;
    border: 0.125rem solid hsla(0, 100%, 100%, 1);
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Table__Scroll::-webkit-scrollbar-track {
    background-color: hsla(0, 100%, 100%, 1);
    border-radius: 0.5rem
}

.Table__Scroll:hover::-webkit-scrollbar-thumb {
    opacity: 1;
    visibility: visible
}

.Table__Scroll--ContentAbove {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-top: 3.5rem
}

.Table {
    width: 100%
}

thead {
    text-align: left
}

thead tr {
    vertical-align: middle
}

th {
    font-size: 0.75rem;
    font-weight: 300;
    color: hsla(312, 61.29032%, 40.3%, 1);
    text-align: left;
    text-transform: lowercase;
    vertical-align: text-top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border-width: 0 0.0625rem 0.125rem;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    padding: 0 2rem .25rem 1rem
}

th:nth-of-type(2) {
    border-left: 0;
    padding-left: 1.4375rem
}

th:last-of-type {
    border-right: 0
}

th.name {
    max-width: initial
}

th.sortable {
    cursor: pointer
}

.TableHead--Actions {
    visibility: collapse;
    border: 0;
    padding: 0
}

tbody tr {
    vertical-align: middle;
    position: relative
}

tbody tr:nth-of-type(odd) td:not(.linenos):not(.code) {
    background: hsla(0, 100%, 100%, 1)
}

tbody tr:nth-of-type(even) td:not(.linenos):not(.code) {
    background: hsla(0, 0%, 97%, 1)
}

tbody tr:nth-of-type(odd):hover td:not(.linenos):not(.code),tbody tr:nth-of-type(even):hover td:not(.linenos):not(.code) {
    background: hsla(0, 0%, 92%, 1)
}

tbody tr:nth-of-type(odd):hover td:not(.linenos):not(.code) .IconGroup--TableActions,tbody tr:nth-of-type(even):hover td:not(.linenos):not(.code) .IconGroup--TableActions {
    visibility: visible;
    opacity: 1
}

td:not(.linenos):not(.code) {
    font-size: 0.875rem;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border-width: 0.25rem 0.0625rem 0;
    border-style: solid;
    border-color: hsla(0, 100%, 100%, 1);
    height: 1.75rem;
    padding: 0 1rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

td:not(.linenos):not(.code):nth-of-type(2) {
    border-left: 0;
    padding-left: 1.4375rem
}

td:not(.linenos):not(.code):last-of-type {
    border-right: 0
}

.TableDataBody--AlignTop {
    vertical-align: text-top
}

.actions:not(.linenos):not(.code) {
    display: block;
    opacity: 0;
    position: relative;
    top: 0.3125rem;
    margin-right: -2rem;
    border: 0;
    height: 1.4375rem;
    width: 1.4375rem;
    padding: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

tr:hover .actions:not(.linenos):not(.code) {
    opacity: 1
}

.IconGroup--TableActions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    height: 1.4375rem;
    width: 1.4375rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.IconGroup--TableActions .iconic-pencil:not(:hover) .iconic-pencil-shaft,.IconGroup--TableActions .iconic-pencil:not(:hover) .iconic-pencil-eraser,.IconGroup--TableActions .iconic-pencil:not(:hover) .iconic-pencil-tip,.IconGroup--TableActions .iconic-circle-x:not(:hover) * {
    fill: hsla(0, 0%, 60%, 1)
}

.Link--TableActions {
    margin: auto
}

.Icon__Wrapper--TableSort {
    position: absolute;
    top: 0.125rem;
    right: 0.375rem
}

.Icon__Wrapper--TableSort svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.Icon__Wrapper--TableSort svg.iconic.iconic-size-sm {
    height: 0.625rem;
    width: 0.5rem
}

.Masthead.Masthead--Table {
    margin-bottom: -3.375rem
}

.TeamTableContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.Content__Participants__Count {
    margin-left: 1rem
}

.Menu {
    background: hsla(30, 8.6758%, 94.525%, 1);
    color: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    position: relative;
    width: 16rem;
    padding: 1rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Menu--Humans {
    background: hsla(0, 100%, 100%, 1);
    width: 100vw;
    padding: 0
}

.Menu__List {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Menu__List--Tickets {
    margin: 0 0 .5rem
}

.Tab__Wrapper--Menu {
    overflow: hidden;
    position: absolute;
    top: 1.5625rem;
    right: 1.25rem;
    left: 1.25rem
}

.Tab__Wrapper--Menu .Tab {
    font-size: 0.875rem;
    margin: 0 .2rem .5rem;
    padding: .25rem .2rem 0
}

.Tab__Wrapper--Menu .Tab:first-of-type {
    margin-left: 0
}

.Button--Ticket {
    font-size: 0.9375rem;
    font-weight: 500;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    border-radius: 0;
    height: 2.75rem;
    width: 100%
}

.Button--Ticket__Number {
    font-weight: 300
}

.Menu__Item {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    display: block;
    cursor: pointer;
    position: relative;
    border-bottom: 0.0625rem solid hsla(0, 0%, 92%, 1);
    padding: 0.625rem 0.6875rem 0.5625rem
}

.Menu__Item:first-letter {
    text-transform: lowercase
}

.Menu__Item:hover {
    background-color: hsla(0, 0%, 98%, 1)
}

.Menu__Item:visited {
    color: hsla(240, 0.50251%, 30.845%, 1)
}

.Menu__Item.is-active {
    background-color: hsla(0, 0%, 97%, 1)
}

.Menu__Item--SubItem {
    font-weight: 100;
    border: 0;
    padding: 0.4375rem 0.6875rem 0.4375rem 1.625rem
}

.Menu__Item--Folder {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 0.0625rem solid hsla(0, 0%, 92%, 1);
    height: 2.3125rem;
    padding: 0;
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms
}

.Menu__Item--Folder:hover {
    background-color: transparent
}

.Menu__Title {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0.625rem 0.6875rem 0.5625rem
}

.Menu__Title::after {
    content: '';
    border-width: 0.28125rem 0 0.28125rem 0.375rem;
    border-style: solid;
    border-color: transparent transparent transparent hsla(0, 0%, 80%, 1);
    height: 0;
    width: 0;
    -webkit-transition: all ease 250ms;
    transition: all ease 250ms
}

.Menu__Title.is-active::after {
    border-left-color: hsla(312, 61.29032%, 40.3%, 1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Menu__Item--Folder .Menu__Title:hover {
    background-color: hsla(0, 0%, 98%, 1)
}

.Menu__SubItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Menu__Item.is-closed .Menu__SubItems {
    display: none
}

.Menu__Heading {
    font-size: 0.875rem;
    color: hsla(0, 0%, 50%, 1);
    margin: 0.3125rem 0.25rem 0 0
}

.Menu__SubHeading {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(0, 0%, 70%, 1);
    margin-top: 0.3125rem
}

.Avatar.Avatar--Directory {
    font-size: 0.75rem;
    line-height: 1.75rem;
    height: 1.625rem;
    width: 1.625rem
}

.Avatar.Avatar--Directory::before {
    border-color: hsla(30, 8.6758%, 94.525%, 1)
}

.Menu__LoadMore,.Menu__Loading {
    text-align: center;
    display: block;
    margin: 0 auto
}

.Menu__Loading {
    color: hsla(0, 0%, 60%, 1)
}

.Link--Menu {
    font-weight: 100;
    color: hsla(0, 0%, 50%, 1);
    cursor: pointer;
    padding: .5rem 1rem
}

.Link--Menu:visited {
    color: hsla(0, 0%, 50%, 1)
}

.Link--Menu:hover {
    background-color: hsla(0, 0%, 95%, 1)
}

.Link--Menu.active,.Link--Menu.is-active {
    background: hsla(0, 0%, 90%, 1);
    color: hsla(290, 37.93103%, 32.625%, 1)
}

.Menu__Masthead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1.375rem 1rem 0.25rem 0
}

.Menu__Group__MastHead+.Menu__Shell {
    margin-top: .5rem
}

.Badge {
    background: hsla(199, 100%, 48%, 1);
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: hsla(0, 100%, 100%, 1);
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 0.375rem;
    right: 0.1875rem;
    border-radius: 0.875rem;
    height: 0.875rem;
    min-width: 0.875rem;
    padding: 0 0.25rem
}

.AutoComplete__Wrapper {
    background: hsla(0, 100%, 100%, 1);
    position: absolute;
    right: 1.5625rem;
    bottom: 100%;
    left: 0;
    box-shadow: 0.1875rem 0.325rem 0.625rem rgba(0, 0, 0, 0.1), 0 0 1.5625rem rgba(80, 78, 80, 0.05);
    border-radius: 0;
    border: 0;
    min-width: 11.25rem;
    padding: 0.5rem 0.5625rem
}

.AutoComplete__Item {
    color: hsla(199, 100%, 48%, 1);
    display: block;
    border: 0;
    padding: 0.3125rem 0.625rem
}

.AutoComplete__Item.is-active {
    background: hsla(0, 0%, 97%, 1);
    color: hsla(199, 100%, 43%, 1);
    text-decoration: none
}

.Channel__Participants__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .25rem
}

.Channel__Participants__Item:last-of-type {
    margin-bottom: 0
}

.Chat__Tuul__Wrapper ~ .AutoComplete__Wrapper {
    left: 3.4375rem
}

.TuulBelt__Channel .AutoComplete__Wrapper {
    left: 0
}

.AutoComplete__InputTag--Result {
    background: hsla(199, 100%, 48%, 1);
    color: hsla(0, 100%, 100%, 1);
    display: inline-block;
    border-radius: 0.125rem;
    height: 1.125rem;
    padding: 0.125rem 0.25rem
}

.AutoComplete__InputTag--Result:hover {
    color: hsla(0, 100%, 100%, 1);
    background: hsla(199, 100%, 43%, 1)
}

.AutoComplete__InputTag--Result:after {
    content: attr(data-label)
}

.AutoComplete__InputTag--Inline {
    display: inline;
    margin-right: 0.25rem
}

.AutoComplete__InputTag--User::before,.AutoComplete__InputTag[data-type="user"]::before {
    content: '='
}

.AutoComplete__InputTag--OrganizationRoleUser::before,.AutoComplete__InputTag[data-type="organizationroleuser"]::before {
    content: '@'
}

.AutoComplete__InputTag--Ticket::before,.AutoComplete__InputTag[data-type="ticket"]::before {
    content: '#'
}

.Link--ChannelParticipants {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.AutoComplete__Assignee {
    margin-left: auto
}

.NotificationBar {
    position: absolute;
    top: 3.75rem;
    right: 0;
    left: 0
}

.App--SoBasic .NotificationBar {
    top: 0
}

.NotificationBar--Stuck {
    top: 3.75rem
}

.NotificationBar--Stuck .NotificationBar__Item {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.NotificationBar__Item {
    color: hsla(0, 100%, 100%, 1);
    font-weight: 200;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    width: 100%;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: notificationBar-animation;
    animation-name: notificationBar-animation;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.NotificationBar__Item--Good {
    background: hsla(159, 83.48624%, 33.79%, 1)
}

.NotificationBar__Item--Bad {
    background: hsla(357, 81.9576%, 55.66%, 1)
}

.NotificationBar__Item--Ugly {
    background: hsla(45, 87.33108%, 52.64%, 1)
}

.NotificationBar__Title {
    font-weight: 500
}

.Heading--NotificationBar {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: hsla(0, 100%, 100%, 1);
    margin: auto
}

.Link--NotificationBar {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-size: 1rem;
    font-weight: 100;
    color: hsla(0, 100%, 100%, 1);
    text-decoration: underline
}

.Link--NotificationBar:hover {
    color: hsla(0, 100%, 100%, 1);
    text-decoration: none
}

@-webkit-keyframes notificationBar-animation {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }

    12% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    88% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }
}

@keyframes notificationBar-animation {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }

    12% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    88% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }
}

.highlight pre,pre,.highlight .hll {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 3px
}

.highlight .c {
    color: #999988;
    font-style: italic
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}

.highlight .k {
    font-weight: bold
}

.highlight .o {
    font-weight: bold
}

.highlight .cm {
    color: #999988;
    font-style: italic
}

.highlight .cp {
    color: #999999;
    font-weight: bold
}

.highlight .c1 {
    color: #999988;
    font-style: italic
}

.highlight .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic
}

.highlight .gd {
    color: #000000;
    background-color: #ffdddd
}

.highlight .gd .x {
    color: #000000;
    background-color: #ffaaaa
}

.highlight .ge {
    font-style: italic
}

.highlight .gr {
    color: #aa0000
}

.highlight .gh {
    color: #999999
}

.highlight .gi {
    color: #000000;
    background-color: #ddffdd
}

.highlight .gi .x {
    color: #000000;
    background-color: #aaffaa
}

.highlight .go {
    color: #888888
}

.highlight .gp {
    color: #555555
}

.highlight .gs {
    font-weight: bold
}

.highlight .gu {
    color: #800080;
    font-weight: bold
}

.highlight .gt {
    color: #aa0000
}

.highlight .kc {
    font-weight: bold
}

.highlight .kd {
    font-weight: bold
}

.highlight .kn {
    font-weight: bold
}

.highlight .kp {
    font-weight: bold
}

.highlight .kr {
    font-weight: bold
}

.highlight .kt {
    color: #445588;
    font-weight: bold
}

.highlight .m {
    color: #009999
}

.highlight .s {
    color: #dd1144
}

.highlight .n {
    color: #333333
}

.highlight .na {
    color: teal
}

.highlight .nb {
    color: #0086b3
}

.highlight .nc {
    color: #445588;
    font-weight: bold
}

.highlight .no {
    color: teal
}

.highlight .ni {
    color: purple
}

.highlight .ne {
    color: #990000;
    font-weight: bold
}

.highlight .nf {
    color: #990000;
    font-weight: bold
}

.highlight .nn {
    color: #555555
}

.highlight .nt {
    color: navy
}

.highlight .nv {
    color: teal
}

.highlight .ow {
    font-weight: bold
}

.highlight .w {
    color: #bbbbbb
}

.highlight .mf {
    color: #009999
}

.highlight .mh {
    color: #009999
}

.highlight .mi {
    color: #009999
}

.highlight .mo {
    color: #009999
}

.highlight .sb {
    color: #dd1144
}

.highlight .sc {
    color: #dd1144
}

.highlight .sd {
    color: #dd1144
}

.highlight .s2 {
    color: #dd1144
}

.highlight .se {
    color: #dd1144
}

.highlight .sh {
    color: #dd1144
}

.highlight .si {
    color: #dd1144
}

.highlight .sx {
    color: #dd1144
}

.highlight .sr {
    color: #009926
}

.highlight .s1 {
    color: #dd1144
}

.highlight .ss {
    color: #990073
}

.highlight .bp {
    color: #999999
}

.highlight .vc {
    color: teal
}

.highlight .vg {
    color: teal
}

.highlight .vi {
    color: teal
}

.highlight .il {
    color: #009999
}

.highlight .gc {
    color: #999;
    background-color: #EAF2F5
}

.noembed-embed {
    padding: .625rem 0
}

.noembed-embed+.Link {
    display: none
}

.noembed-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: hsla(0, 100%, 100%, 1);
    margin: 0.5rem -1.125rem;
    padding: 0 1.25rem 1.25rem
}

.noembed-meta-info {
    display: block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    overflow: hidden;
    margin: 1rem 0 .5rem
}

.noembed-meta-info tbody {
    display: block
}

.noembed-meta-info tbody tr:nth-of-type(odd):hover td:not(.linenos):not(.code),.noembed-meta-info tbody tr:nth-of-type(even):hover td:not(.linenos):not(.code) {
    background: initial
}

.noembed-meta-info tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 0.0625rem solid hsla(0, 0%, 90%, 1);
    height: 1.25rem;
    padding-bottom: 0.75rem
}

.noembed-meta-info td:not(.linenos):not(.code) {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: auto 0;
    border: 0;
    height: auto;
    padding: 0
}

.noembed-meta-info td:not(.linenos):not(.code):first-of-type {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.noembed-meta-info td:not(.linenos):not(.code):nth-of-type(2) {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: auto .5rem
}

.noembed-meta-info td:not(.linenos):not(.code):last-of-type {
    margin-left: auto
}

.noembed-meta-info td:not(.linenos):not(.code):nth-of-type(2) {
    padding: 0
}

.noembed-meta-info img {
    height: 1.25rem;
    width: 1.25rem
}

.noembed-meta-info img[src='https://noembed.com/favicon/AsciiArtFarts.png'] {
    display: none
}

.noembed-embed-inner {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: .5rem
}

.noembed-twittercard img {
    height: auto;
    width: 100%
}

.noembed-twittercard img+h2 {
    display: inline;
    padding: .5rem .5rem 0 0
}

.noembed-twittercard img ~ p {
    font-family: sans-serif;
    line-height: 1.1875rem;
    color: #657b83;
    margin-top: 0.3125rem
}

.noembed-twittercard h2 a {
    font-family: sans-serif;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.375rem;
    color: #263034;
    white-space: pre-wrap
}

.noembed-twittercard h2 a:visited {
    color: #839496
}

.noembed-twittercard h2 a:hover,.noembed-twittercard h2 a:focus,.noembed-twittercard h2 a:active {
    color: #ff4f00
}

.noembed-amazon img {
    float: left;
    margin: 0 .5rem .5rem 0
}

.noembed-amazon h2 a {
    font-family: Arial, sans-serif;
    font-size: 1.3125rem;
    line-height: 1.3;
    color: #111
}

.noembed-amazon h2 a:hover,.noembed-amazon h2 a:active,.noembed-amazon h2 a:focus {
    color: Arial, sans-serif
}

.noembed-amazon h2 a:hover {
    text-decoration: underline
}

.noembed-amazon ul {
    list-style: none
}

.noembed-amazon ul li {
    font-family: Arial, sans-serif;
    font-size: 1.0625rem;
    line-height: 1.255
}

.noembed-amazon ul li:first-of-type {
    color: #767676
}

.noembed-amazon ul li:last-of-type {
    color: #b12704
}

.noembed-amazon div {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.8125rem;
    line-height: normal;
    margin-bottom: -1rem
}

.noembed-amazon div::before {
    content: '';
    display: table;
    clear: both
}

.noembed-asciiartfarts pre {
    background: hsla(0, 0%, 5%, 1);
    font-family: monospace;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 0;
    border: 0;
    padding: 0
}

.noembed-twittercard img[src^='https://noembed.com/i/http://cdn.arstechnica.net/'] {
    margin-bottom: -1.375rem
}

.noembed-twittercard img[src^='https://noembed.com/i/http://cdn.arstechnica.net/']+h2 {
    background: hsla(0, 100%, 100%, 1)
}

.noembed-twittercard img[src^='https://noembed.com/i/http://cdn.arstechnica.net/'] ~ p {
    font-family: Arial, sans-serif;
    color: #657b83
}

.noembed-twittercard h2 a[href^='http://arstechnica.com/'] {
    font-family: "NoticiaBold", "Times New Roman", serif;
    font-size: 1.375rem;
    line-height: 1.375rem;
    color: #263034
}

.noembed-twittercard h2 a[href^='http://arstechnica.com/']:visited {
    color: #839496
}

.noembed-twittercard h2 a[href^='http://arstechnica.com/']:hover,.noembed-twittercard h2 a[href^='http://arstechnica.com/']:focus,.noembed-twittercard h2 a[href^='http://arstechnica.com/']:active {
    color: #ff4f00
}

.noembed-flickr img {
    height: auto;
    width: 100%
}

.github-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    border-radius: 0.1875rem;
    border: 1px solid #c5d5dd
}

.github-description a {
    font-family: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: #213f4d;
    padding: .5rem
}

.github-description a:hover,.github-description a:active,.github-description a:focus {
    color: #213f4d
}

.github-description a:hover {
    text-decoration: underline
}

.github-description a:first-of-type {
    background: hsla(0, 100%, 100%, 1);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.github-description a:last-of-type {
    background: #e6f1f6;
    font-size: 1.125rem
}

.github-change {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
    margin: 1.25rem 0 0;
    border-radius: 0.1875rem
}

.github-change>a {
    background: #f7f7f7;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.75rem;
    line-height: 2rem;
    color: #333;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0.1875rem 0 0 0;
    border-width: 0.0625rem 0 0 0.0625rem;
    border-style: solid;
    border-color: #d8d8d8;
    padding: 0.3125rem 0.625rem
}

.github-stats {
    background: #f7f7f7;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 2rem;
    display: block;
    border-radius: 0 0.1875rem 0 0;
    border-width: 0.0625rem 0.0625rem 0 0;
    border-style: solid;
    border-color: #d8d8d8;
    padding: 0.3125rem 0.625rem
}

.github-addition {
    color: #55a532
}

.github-deletion {
    color: #bd2c00
}

.github-addition+.github-deletion {
    margin-left: -0.3125rem
}

.github-file {
    min-width: 100%;
    border-top: 0.0625rem solid #d8d8d8
}

.github-file .highlighttable {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 0 0 0.1875rem 0.1875rem;
    border-width: 0 0.0625rem 0.0625rem;
    border-style: solid;
    border-color: #eee;
    width: 100%
}

.github-file tbody {
    display: block
}

.github-file tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.github-file pre {
    background: hsla(0, 100%, 100%, 1);
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.05rem;
    color: rgba(0, 0, 0, 0.3);
    border: 0;
    padding: 0
}

.github-file .linenos {
    display: block;
    border-right: 0.0625rem solid #eee;
    padding: 0
}

.github-file .linenodiv {
    padding: 0 0.625rem
}

.github-file .linenodiv pre {
    color: rgba(0, 0, 0, 0.3)
}

.github-file .code {
    display: block;
    width: 100%;
    padding: 0
}

.github-file .highlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: auto
}

.github-file .highlight pre {
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: initial;
    padding: 0 0.625rem
}

.github-file .highlight .gu,.github-file .highlight .gd,.github-file .highlight .gi {
    display: inline-block;
    margin: -0.625rem;
    width: 100%;
    padding: 0 0.625rem
}

.github-file .highlight .gu::before,.github-file .highlight .gd::before,.github-file .highlight .gi::before {
    background: pink;
    content: '';
    position: absolute;
    left: 0;
    right: 0
}

.github-file .highlight .gu {
    background: #f4f7fb;
    color: rgba(0, 0, 0, 0.3)
}

.noembed-imgurgallery img {
    width: 100%;
    height: auto
}

.noembed-instagram img {
    height: auto;
    width: 100%
}

.tweet_user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: .75rem
}

.tweet_image {
    overflow: hidden;
    margin-right: 0.625rem;
    border-radius: 0.3125rem;
    height: 2.25rem;
    width: 2.25rem
}

.tweet_screen_name {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: #292f33;
    margin-top: 0.1875rem;
    padding-top: 0.125rem
}

.tweet_screen_name:hover,.tweet_screen_name:active,.tweet_screen_name:focus {
    color: #FF0000;
    text-decoration: underline
}

.tweet_real_name {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #8899a6
}

.tweet_real_name::before {
    content: '@';
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

.tweet_text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.625rem;
    letter-spacing: .01rem;
    color: #292f33
}

.tweet_text a {
    font-size: inherit;
    color: #FF0000
}

.tweet_text a:hover,.tweet_text a:active,.tweet_text a:focus {
    color: #FF0000;
    text-decoration: underline
}

.tweet_text img {
    margin-top: 0.625rem;
    border-radius: 0.3125rem;
    height: auto;
    width: 100%
}

.noembed-youtube iframe {
    width: 100%
}

.noembed-wikipedia {
    font-family: sans-serif
}

.noembed-wikipedia p {
    color: #252525;
    font-weight: normal;
    line-height: 1.6;
    margin: 0.4375rem 0
}

.noembed-wikipedia i {
    color: #252525;
    font-weight: normal
}

.noembed-wikipedia b {
    color: #252525;
    font-weight: bold
}

.noembed-wikipedia a {
    color: #0645ad;
    font-weight: normal
}

.noembed-wikipedia a:hover,.noembed-wikipedia a:active,.noembed-wikipedia a:focus {
    color: #0645ad
}

.noembed-wikipedia a:hover {
    text-decoration: underline
}

.noembed-wikipedia a:visited {
    color: hsla(199, 100%, 48%, 1)
}

.noembed-wikipedia sup a {
    font-size: 80%;
    line-height: 1
}

.noembed-xkcd img {
    width: 100%;
    height: auto
}

.Input {
    background: transparent;
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    box-sizing: border-box;
    border-width: 0 0 0.0625rem;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    width: 100%;
    padding: 0.5rem 0 0.125rem;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Input:hover:not([disabled="disabled"]) {
    background: transparent;
    color: hsla(240, 0.50251%, 30.845%, 1)
}

.Input:focus {
    background: transparent;
    color: hsla(240, 0.50251%, 30.845%, 1)
}

.Input.is-invalid {
    background: transparent;
    color: hsla(353, 76.39485%, 53.4%, 1);
    border-color: hsla(353, 76.39485%, 53.4%, 1)
}

.Input[disabled="disabled"] {
    border-color: transparent
}

.Input[type="checkbox"] {
    margin: 0
}

.Input[type="file"] {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    border: 0;
    padding: 0
}

.Input--FileUpload {
    display: none
}

.Input--Number {
    padding: 0
}

.Input--PageNumber {
    width: 3rem
}

.Fieldset {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.Fieldset--FileUpload {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.enroll-account-password-wrapper {
    margin-bottom: .75rem
}

.Input__Wrapper,.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    min-width: 18rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.input-group {
    position: absolute;
    top: -.5rem;
    left: .5rem
}

.Input__Wrapper--Hidden {
    display: none
}

.Input__Wrapper--Column {
    margin-right: 2rem
}

.Input__Wrapper--EasySearch {
    margin-bottom: 4rem
}

.Input__Wrapper--CheckboxGroup {
    padding-top: 1.125rem
}

.Input__Wrapper--File {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.Input__Wrapper--Filter {
    margin-left: .5rem;
    width: 18rem
}

.Input__Wrapper--FormGroup {
    border-bottom: 0.0625rem solid hsla(0, 0%, 90%, 1);
    width: calc(100% + 7.5rem);
    padding: .25rem 0
}

.Input__Wrapper--Number {
    min-width: 0;
    width: 100%;
    padding-top: 0
}

.Input.is-active+.Input__Label {
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: display-hack;
    animation-name: display-hack
}

.Input__Label,.input-group-addon {
    font-size: 0.6875rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    text-transform: lowercase;
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: 0.5rem;
    left: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Input__Wrapper.is-invalid .Input__Label,.Input.is-invalid ~ .Input__Label,.Select--Form.is-invalid ~ .Input__Label {
    color: hsla(353, 76.39485%, 53.4%, 1)
}

.Input__Label--ImageUpload {
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8000rem;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Input__Label--ImageUpload:hover {
    background: hsla(0, 0%, 5%, 0.67)
}

.Input__Label--ImageUpload:hover .Content--ImageUpload {
    bottom: 3rem
}

.Input__Label--ImageUpload:hover .ImageUpload__RemoveImage {
    bottom: 1.5rem
}

.Input__Label--CheckboxGroup {
    cursor: default;
    top: 0
}

.Content--ImageUpload {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -3rem;
    left: 0;
    margin: auto;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Content--ImageUpload .iconic {
    height: 1.25rem;
    width: 1.25rem;
    margin-bottom: -5px
}

.Content--ImageUpload .iconic * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.ImageUpload__RemoveImage {
    font-weight: 300;
    color: hsla(0, 100%, 100%, 1);
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -4.5rem;
    left: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.ImageUpload__RemoveImage:hover {
    color: hsla(0, 100%, 100%, 1)
}

.Input__Bar {
    box-sizing: content-box;
    position: absolute;
    bottom: 0.75rem;
    left: 0;
    border-width: 0 0 0.0625rem;
    border-style: none none solid;
    border-color: hsla(312, 61.29032%, 40.3%, 1);
    height: 0;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Input:focus ~ .Input__Bar,.Select--Form:focus ~ .Input__Bar {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.Input.is-invalid ~ .Input__Bar,.Select--Form.is-invalid ~ .Input__Bar,.Input.ng-invalid.ng-invalid-required:not(.ng-untouched) ~ .Input__Bar,.Select--Form.ng-invalid.ng-invalid-required:not(.ng-untouched) ~ .Input__Bar {
    border-color: hsla(353, 76.39485%, 53.4%, 1)
}

.Input__Error {
    font-size: 0.6875rem;
    font-weight: 300;
    color: hsla(353, 76.39485%, 53.4%, 1);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Input__Wrapper.is-invalid .Input__Error,.Input.is-invalid ~ .Input__Error,.Input.ng-invalid.ng-invalid-required:not(.ng-untouched) ~ .Input__Error {
    visibility: visible;
    opacity: 1
}

.Search__NavItem {
    position: relative;
    width: auto;
    min-width: 2.75rem;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Search__NavItem.is-active {
    min-width: 18.75rem
}

.Search__Wrapper {
    overflow: hidden;
    position: absolute;
    top: 0.125rem;
    right: 0;
    height: 2.5rem;
    min-width: 0;
    width: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Search__Wrapper.is-active {
    min-width: 18.75rem
}

.Search {
    font-size: 0.875rem;
    font-weight: 500;
    color: hsla(240, 0.50251%, 30.845%, 1);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: 2.5rem;
    width: 18.75rem;
    padding: 0 3.25rem 0 0.5rem
}

.Search__Close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: 2.5rem;
    width: 2.5rem
}

.Search__Close .iconic-x-thin * {
    stroke: hsla(312, 61.29032%, 40.3%, 1)
}

select::-ms-expand {
    display: none
}

.Select {
    background: transparent;
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0.25rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    height: 1.8125rem;
    width: 100%;
    padding: 0.3125rem 1.75rem 0.3125rem 0.75rem
}

.Select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 hsla(240, 0.50251%, 30.845%, 1)
}

.Select[disabled="disabled"] {
    border-color: transparent
}

.Select__Label ~ .Select {
    padding: 0.3125rem 1.75rem 0.3125rem 4rem
}

.Select__Label ~ .Select--Gadget {
    padding-left: 2.75rem
}

.Select--Form {
    background: transparent;
    position: relative;
    border-radius: 0;
    border-width: 0 0 0.0625rem;
    padding: 0.5rem 0 0.25rem
}

.Select--Form .Select__Label {
    position: relative
}

.Select--Multiple {
    margin: 0.5rem 0 0.25rem;
    border-width: 0.0625rem;
    height: 100%;
    padding: 0
}

.Select--Pagination {
    background: transparent;
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0.25rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    height: 1.8125rem;
    width: 100%;
    padding: 0.3125rem 1.75rem 0.3125rem 0.75rem
}

.Select--Pagination:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 hsla(240, 0.50251%, 30.845%, 1)
}

.Select--Pagination[disabled="disabled"] {
    border-color: transparent
}

.Select__Wrapper {
    background: transparent;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Select__Wrapper::before,.Select__Wrapper::after {
    content: '';
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    position: absolute
}

.Select__Wrapper::before {
    top: calc(50% - (0.25rem / 2));
    right: 0.5625rem;
    border-width: 0.25rem 0.25rem 0;
    border-style: solid;
    border-color: hsla(312, 61.29032%, 40.3%, 1) transparent transparent;
    height: 0;
    width: 0
}

.Select__Wrapper::after {
    background: hsla(0, 0%, 90%, 1);
    top: 0.375rem;
    right: 1.5rem;
    height: calc(100% - (0.375rem * 2));
    width: 0.0625rem
}

.Select__Wrapper[disabled="disabled"]::before,.Select__Wrapper[disabled="disabled"]::after {
    visibility: hidden;
    opacity: 0
}

.Select__Wrapper--Full {
    width: 100%
}

.Select__Wrapper--Multiple::before,.Select__Wrapper--Multiple::after {
    content: none
}

.Select__Wrapper--Form {
    margin-right: 0;
    min-width: 16rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.Select__Wrapper--Form::before {
    top: 1.6875rem
}

.Select__Wrapper--Form::after {
    display: none
}

.Select__Wrapper--Time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.Select__Wrapper--Gadget .Select__Label,.Select__Wrapper--Gadget .Select {
    color: hsla(312, 61.29032%, 40.3%, 1)
}

.Select__Wrapper--Pagination {
    background: transparent;
    position: relative;
    margin: 0 .25rem;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.Select__Wrapper--Pagination::before,.Select__Wrapper--Pagination::after {
    content: '';
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    position: absolute
}

.Select__Wrapper--Pagination::before {
    top: calc(50% - (0.25rem / 2));
    right: .375rem;
    border-width: 0.25rem 0.25rem 0;
    border-style: solid;
    border-color: hsla(312, 61.29032%, 40.3%, 1) transparent transparent;
    height: 0;
    width: 0
}

.Select__Wrapper--Pagination::after {
    background: hsla(0, 0%, 90%, 1);
    top: 0.375rem;
    right: 1.5rem;
    height: calc(100% - (0.375rem * 2));
    width: 0.0625rem
}

.Select__Wrapper--Pagination[disabled="disabled"]::before,.Select__Wrapper--Pagination[disabled="disabled"]::after {
    visibility: hidden;
    opacity: 0
}

.Select__Label {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.8125rem;
    color: hsla(240, 0.50251%, 30.845%, 1);
    pointer-events: none;
    position: absolute;
    left: .75rem
}

.Select__Label--Select2 {
    top: .125rem
}

.Checkbox {
    display: none
}

.Checkbox:checked+.Checkbox__Pseudo::after {
    background: hsla(312, 61.29032%, 40.3%, 1)
}

.Checkbox__Wrapper {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 0.875rem;
    color: hsla(240, 0.50251%, 30.845%, 1);
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: .5rem 0;
    min-height: 0.75rem;
    padding-left: 1.25rem
}

.Checkbox__Wrapper--NoMargin {
    margin: 0
}

.Checkbox__Pseudo {
    position: relative;
    left: -1.25rem
}

.Checkbox__Pseudo::before,.Checkbox__Pseudo::after {
    content: '';
    position: absolute
}

.Checkbox__Pseudo::before {
    box-sizing: border-box;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0.0625rem solid hsla(0, 0%, 80%, 1);
    height: 0.75rem;
    width: 0.75rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Checkbox__Pseudo::after {
    top: 50%;
    left: 0.1875rem;
    height: 0.375rem;
    width: 0.375rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Radios {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.375rem 0
}

.Radios .Radio__Wrapper:first-child {
    margin-right: 1rem
}

.Radios .Radio__Psuedo {
    z-index: 5
}

.Radio__Wrapper {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 0.875rem;
    color: hsla(240, 0.50251%, 30.845%, 1);
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    height: 0.75rem;
    padding-left: 1rem
}

.Radio__Wrapper.disabled {
    cursor: not-allowed
}

.Radio__Wrapper--Vertical {
    text-align: center;
    min-width: 0.75rem;
    padding: 1rem 0 0
}

.Radio__Wrapper--Vertical .Radio__Pseudo {
    top: 0;
    left: 50%
}

.Radio__Wrapper--Vertical .Radio__Pseudo::before {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Radio__Wrapper--Vertical .Radio__Pseudo::after {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.Radio {
    display: none
}

.Radio:checked+.Radio__Pseudo::after {
    background: hsla(312, 61.29032%, 40.3%, 1)
}

.Radio [disabled="disabled"] {
    cursor: not-allowed
}

.Radio__Pseudo {
    position: absolute;
    left: 0
}

.Radio__Pseudo::before,.Radio__Pseudo::after {
    content: '';
    box-sizing: border-box;
    position: absolute
}

.Radio__Pseudo::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 625rem;
    border: 0.0625rem solid hsla(0, 0%, 80%, 1);
    height: 0.75rem;
    width: 0.75rem
}

.Radio__Pseudo::after {
    top: 0.1875rem;
    bottom: 0.1875rem;
    left: 0.1875rem;
    border-radius: 625rem;
    height: 0.375rem;
    width: 0.375rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Toggle {
    display: none
}

.Toggle__Pseudo {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: 0.25rem;
    border-radius: 625rem;
    height: 1.125rem;
    width: 2.5rem
}

.Toggle__Pseudo::before,.Toggle__Pseudo::after {
    content: '';
    position: absolute;
    border-radius: 625rem;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.Toggle__Pseudo::before {
    background: hsla(0, 0%, 90%, 1);
    box-sizing: border-box;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1.125rem;
    width: 2.5rem
}

.Toggle__Pseudo::after {
    background: hsla(0, 100%, 100%, 1);
    top: -0.1875rem;
    bottom: -0.1875rem;
    left: -0.1875rem;
    box-shadow: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.2);
    height: 1.5rem;
    width: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.Toggle:checked+.Toggle__Pseudo::before {
    background: hsla(312, 61.29032%, 40.3%, 1)
}

.Toggle:checked+.Toggle__Pseudo::after {
    left: 1.1875rem
}

.Input__Wrapper--Toggle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 9rem;
    padding-top: 0
}

.Content--Toggle {
    font-weight: 300;
    white-space: nowrap;
    position: absolute;
    left: 0;
    padding-left: 3rem
}

.TimeInput {
    background: transparent;
    font-size: 0.875rem;
    color: hsla(0, 0%, 60%, 1);
    box-sizing: border-box;
    border-radius: 0.0625rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    width: 100%;
    padding: .5rem 1rem .5rem 7rem;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    background: rgba(0, 0, 0, 0.06) !important;
    visibility: visible !important;
    box-shadow: inset 0 0 12px 4px #ffffff;
    border: 0 none !important
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.selectize-dropdown-header {
    background: #f8f8f8;
    position: relative;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 8px
}

.selectize-dropdown-header-close {
    font-size: 20px !important;
    line-height: 20px;
    color: #303030;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    float: left;
    box-sizing: border-box;
    border-top: 0;
    border-right: 1px solid #f2f2f2
}

.selectize-dropdown.plugin-optgroup_columns .optgroup::before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0
}

.selectize-control.plugin-remove_button .item {
    position: relative;
    padding-right: 1.125rem !important
}

.selectize-control {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%
}

.selectize-control.loading::after {
    content: '';
    background: url("/packages/tuul_autoform_selectize/img/loading.gif") no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    height: 16px;
    width: 16px
}

.selectize-control.plugin-remove_button .item .remove {
    background: hsla(0, 100%, 100%, 1);
    font-size: 0.625rem;
    font-weight: bold;
    line-height: 0.875rem;
    color: hsla(199, 100%, 48%, 1);
    text-align: center;
    vertical-align: middle;
    text-indent: 0.0625rem;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 0.15625rem;
    right: 0.3125rem;
    z-index: 1;
    border-radius: 625rem;
    height: 0.875rem;
    width: 0.875rem
}

.selectize-control.plugin-remove_button .item .remove:hover {
    background: hsla(199, 100%, 43%, 1);
    color: hsla(0, 100%, 100%, 1)
}

.selectize-control.plugin-remove_button.active .remove {
    border-left-color: #00578d
}

.selectize-control.plugin-remove_button .disabled .item .remove {
    border-left-color: #aaaaaa
}

.selectize-control.plugin-remove_button .disabled .item .remove:hover {
    background: none
}

.selectize-control.single.rtl .selectize-input::after {
    right: auto;
    left: 15px
}

.selectize-control.single.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control.single .selectize-input {
    cursor: pointer
}

.selectize-control.single .selectize-input::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #808080 transparent transparent transparent;
    height: 0;
    width: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.selectize-control.single .selectize-input.dropdown-active::after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent
}

.selectize-control.single .selectize-input.input-active {
    cursor: text
}

.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.multi .selectize-input .item {
    cursor: pointer
}

.selectize-control.multi .selectize-input.disabled .item,.selectize-control.multi .selectize-input.disabled .item.active {
    background: #d2d2d2;
    color: #ffffff;
    border: 1px solid #aaaaaa
}

.selectize-control.multi .selectize-input.disabled .item .remove {
    background: none;
    border-color: #e6e6e6
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa
}

.selectize-control select {
    display: none
}

.selectize-control.single .selectize-input,.selectize-dropdown.single {
    border-color: #e6e6e6
}

.selectize-dropdown,.selectize-input,.selectize-input input {
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #303030;
    -webkit-font-smoothing: inherit
}

.selectize-input,.selectize-control.single .selectize-input.input-active {
    display: inline-block;
    cursor: text
}

.selectize-input {
    background: transparent;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    border-bottom: 0.0625rem solid hsla(0, 0%, 90%, 1);
    min-height: 2.5rem;
    width: 100%;
    padding: 1rem 0 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.selectize-input.has-items input {
    width: 0.0625rem
}

.selectize-input.full {
    background-color: hsla(0, 100%, 100%, 1)
}

.selectize-input.disabled,.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.dropdown-active {
    border-radius: 0.1875rem 0.1875rem 0 0
}

.selectize-input.dropdown-active::before {
    content: '';
    background: #f0f0f0;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.0625rem
}

.selectize-input::after {
    content: '';
    display: block;
    clear: left
}

.selectize-input>* {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    vertical-align: baseline;
    display: inline-block
}

.selectize-input .item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.selectize-input input {
    opacity: 1;
    position: relative;
    left: 0;
    width: auto
}

.selectize-input>input {
    background: none !important;
    text-indent: 0 !important;
    line-height: inherit !important;
    display: inline-block !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    top: 0.0625rem;
    margin: 0 1px !important;
    box-shadow: none !important;
    border: 0 none !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    padding: 0 !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none !important
}

.selectize-label {
    font-size: 0.6875rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    text-transform: lowercase;
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.selectize-dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% - 0.25rem);
    z-index: 10;
    margin: -0.0625rem 0 0;
    height: auto;
    max-height: 200px;
    width: 100%;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.selectize-dropdown.is-active {
    visibility: visible;
    opacity: 1
}

.selectize-dropdown [data-selectable]:first-of-type {
    margin-top: 0.625rem
}

.selectize-dropdown [data-selectable]:last-of-type {
    margin-bottom: 0.625rem
}

.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header {
    padding: 0.3125rem 0.5rem
}

.selectize-dropdown .optgroup-header {
    background: #ffffff;
    color: #303030;
    cursor: default
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5)
}

.selectize-dropdown-content {
    background: hsla(0, 100%, 100%, 1);
    overflow-x: auto;
    box-sizing: border-box;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.2);
    border-radius: 0.1875rem;
    height: auto;
    max-height: 12.5rem;
    width: 100% !important
}

.selectize-dropdown .optgroup-header {
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 7px
}

.selectize-dropdown .optgroup {
    border-top: 0.0625rem solid #f0f0f0
}

.selectize-dropdown .optgroup:first-child {
    border-top: 0 none
}

.universe-autoform-select-placeholder {
    color: #bbb
}

.Selectize__NoValue {
    padding: 0.625rem 0.5rem
}

.Avatar--Selectize {
    margin-right: .5rem
}

.Form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .5rem
}

#updateSlasForm,#updateOrg {
    margin: 0
}

.Form--Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Form--Row--Time.Form--Row--Time--Last {
    margin-right: 33%
}

.Form--Row--Time .Input__Wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.5rem;
    min-width: 4.375rem
}

.Form--Row--Time .Input__Wrapper--TimeDate {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3
}

.Options__Wrapper {
    display: none
}

.Options__Wrapper.is-searching {
    display: block
}

.Form__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: .5rem
}

.Form__Help {
    font-size: 0.75rem;
    color: hsla(0, 0%, 60%, 1)
}

.Form--FullHeight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Form--sm {
    padding-right: 7.5rem;
    width: auto
}

.Button__Group--Form {
    visibility: visible;
    opacity: 1;
    margin: 1rem 0 .5rem;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease
}

.Button__Group--Form[disabled="disabled"] {
    visibility: hidden;
    opacity: 0
}

.Fieldset--Form {
    padding-right: 7.5rem
}

.autoform-array-field-error {
    color: hsla(0, 100%, 40%, 1);
    font-size: 0.875rem
}

.FormGroup__Wrapper {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    margin: .5rem 0;
    border-radius: 0.1875rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    padding: 0 0.75rem 0.75rem
}

.Modal__Column--White .FormGroup__Wrapper {
    border-color: hsla(0, 0%, 95%, 1)
}

.Modal__Column--White .FormGroup__Wrapper .FormGroup__Title {
    background: hsla(0, 0%, 95%, 1)
}

.FormGroup__Title {
    background: hsla(0, 0%, 90%, 1);
    font-weight: 300;
    color: hsla(312, 61.29032%, 40.3%, 1);
    margin: 0 -0.75rem 0.75rem;
    padding: 0.25rem 0.75rem
}

.Button__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.Button__Group>button {
    margin: 0 0 0 .5rem
}

.Button__Group>button:first-of-type {
    margin-left: 0
}

.Button__Group--Csv {
    position: absolute;
    bottom: 1rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Link--Button__Group {
    font-weight: 300;
    margin: .5rem .3rem
}

.Link--Button__Group:first-of-type {
    margin-left: 0
}

.Link--Button__Group:last-of-type {
    margin-right: 0
}

.Link--Button__Group--Disabled {
    color: hsla(0, 0%, 70%, 1);
    cursor: default
}

.Link--Button__Group--Disabled:hover {
    color: hsla(0, 0%, 70%, 1)
}

.Button__Group--TuulBot {
    margin-top: 1rem
}

.DropDown__Wrapper {
    position: relative;
    margin: 0 .5rem
}

.DropDown {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.2);
    border-radius: 0.1875rem;
    padding: 0.625rem 0
}

.DropDown--Notifications {
    width: 25rem
}

.DropDown__Item {
    background: hsla(0, 100%, 100%, 1);
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(199, 100%, 48%, 1);
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin: 0;
    min-width: 8rem;
    padding: 0.25rem 0.75rem;
    -webkit-transition: background ease 0, color ease 0;
    transition: background ease 0, color ease 0
}

.DropDown__Item.is-initial {
    background: hsla(0, 0%, 95%, 1)
}

.DropDown__Item:not(.not-hovered):hover {
    background: hsla(199, 100%, 48%, 1);
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Item:not(.not-hovered):hover .iconic-property-fill {
    fill: hsla(0, 100%, 100%, 1)
}

.DropDown__Item:not(.not-hovered):hover .iconic-property-stroke {
    stroke: hsla(0, 100%, 100%, 1)
}

.DropDown__Item:not(.not-hovered):hover .DropDown__Alt,.DropDown__Item:not(.not-hovered):hover .DropDown__Light,.DropDown__Item:not(.not-hovered):hover .DropDown__Status,.DropDown__Item:not(.not-hovered):hover .Checkbox__Wrapper {
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Item.is-focused {
    background: hsla(199, 100%, 48%, 1);
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Item.is-focused .iconic-property-fill {
    fill: hsla(0, 100%, 100%, 1)
}

.DropDown__Item.is-focused .iconic-property-stroke {
    stroke: hsla(0, 100%, 100%, 1)
}

.DropDown__Item.is-focused .DropDown__Alt,.DropDown__Item.is-focused .DropDown__Light,.DropDown__Item.is-focused .DropDown__Status {
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Item .iconic-property-fill {
    fill: hsla(199, 100%, 48%, 1);
    -webkit-transition: fill ease 0;
    transition: fill ease 0
}

.DropDown__Item .iconic-property-stroke {
    stroke: hsla(199, 100%, 48%, 1);
    -webkit-transition: stroke ease 0;
    transition: stroke ease 0
}

.DropDown__Item .iconic-circle-x {
    cursor: pointer;
    margin-right: 0;
    height: 0.875rem;
    width: 0.875rem
}

.DropDown__Item .iconic-image {
    margin: auto .5rem auto 0
}

.DropDown__Item .iconic-file {
    margin: auto .5rem auto 0
}

.DropDown__Item .iconic-star {
    margin: auto .5rem auto 0
}

.DropDown__Item .iconic-people {
    margin: auto .5rem auto .25rem
}

.DropDown__Item .iconic-shield {
    margin: auto .5rem auto .25rem
}

.DropDown__Item--NoAvatar {
    cursor: pointer
}

.DropDown__Item--NotLink {
    cursor: default
}

.DropDown__Item--Text {
    color: hsla(240, 0.50251%, 30.845%, 1);
    cursor: default
}

.DropDown__Item--Text:hover {
    background: inherit;
    color: inherit
}

.DropDown__Item--Wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.DropDown__Item--SelectizeOption {
    background: hsla(199, 100%, 48%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-radius: 0.1875rem;
    min-width: auto;
    padding: 0.0625rem 0.375rem
}

.DropDown__Item--SelectizeOption .DropDown__Bold {
    top: 0.0625rem
}

.DropDown__Item--SelectizeOption .iconic,.DropDown__Item--SelectizeOption .Avatar,.DropDown__Item--SelectizeOption .DropDown__Alt,.DropDown__Item--SelectizeOption .DropDown__Light,.DropDown__Item--SelectizeOption .DropDown__Status {
    display: none
}

.DropDown__Content {
    padding-right: .5rem
}

.DropDown__Hash {
    font-size: 1.125rem;
    font-weight: 700;
    margin: auto .5rem auto .25rem;
    height: 1rem;
    width: 1rem
}

.DropDown__Bold {
    font-weight: 700;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-right: .5rem
}

.DropDown__Alt {
    font-weight: 500;
    color: hsla(0, 0%, 70%, 1);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: auto
}

.DropDown__Light {
    font-weight: 300;
    color: hsla(0, 0%, 70%, 1);
    text-align: right;
    margin-left: auto;
    width: auto
}

.DropDown__Status {
    font-weight: 300;
    margin-left: auto
}

.DropDown__Divider {
    margin: 0.5rem 0;
    border-top: 0.0625rem solid hsla(0, 0%, 93%, 1)
}

.Avatar--Channel__DropDown {
    margin-right: .5rem
}

.DropDown__Channel {
    font-weight: bold;
    color: hsla(0, 0%, 50%, 1);
    padding-right: 0.375rem;
    -webkit-transition: color ease 0;
    transition: color ease 0
}

.DropDown__Item:hover .DropDown__Channel {
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Actor {
    font-weight: bold;
    padding-right: 0.375rem;
    -webkit-transition: color ease 0;
    transition: color ease 0
}

.DropDown__Item:hover .DropDown__Actor {
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Action {
    color: hsla(0, 0%, 50%, 1);
    text-transform: lowercase;
    -webkit-transition: color ease 0;
    transition: color ease 0
}

.DropDown__Item:hover .DropDown__Action {
    color: hsla(0, 100%, 100%, 1)
}

.DropDown__Subject {
    color: hsla(240, 0.50251%, 30.845%, 1);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-transition: color ease 0;
    transition: color ease 0
}

.DropDown__Item:hover .DropDown__Subject {
    color: hsla(0, 100%, 100%, 1)
}

.MainNav__Item--DropDown {
    color: hsla(0, 0%, 80%, 1)
}

.MainNav__Item--DropDown:visited {
    color: hsla(0, 0%, 80%, 1)
}

.Masthead {
    font-size: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .5rem
}

.Masthead__Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%
}

.Heading--Masthead {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    margin-bottom: 0.15625rem
}

.Heading--Masthead[data-action] {
    cursor: pointer
}

.Heading--Small {
    font-size: 0.75rem
}

.Link--Masthead {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto 0 .375rem auto
}

.Link--HeadingMasthead {
    font-size: inherit;
    font-weight: 100
}

.Tab--Masthead {
    font-size: 1.5rem
}

.Button__Group--Masthead {
    margin-right: -.5rem;
    margin-left: auto
}

.Button--Masthead {
    margin-left: auto
}

.anti-modal-overlay {
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.Modal__Overlay {
    background: hsla(0, 0%, 5%, 0.67);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Modal {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 3rem
}

.Modal--Image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    padding: 5.625rem
}

.Modal__Content {
    background: hsla(0, 0%, 95%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    position: relative;
    margin: 8.75rem auto auto;
    box-shadow: 0 0 1rem 0.25rem rgba(0, 0, 0, 0.4);
    width: 42rem;
    padding: 0.5rem;
    -webkit-transition: width ease 400ms;
    transition: width ease 400ms
}

.Modal__Content--Sm {
    width: 26rem
}

.Modal__Content--Lg {
    width: calc(100vw - 10rem)
}

.Modal__Content--FullScreen {
    height: calc(100vh - 190px);
    padding: 0
}

.Modal__Content--Image {
    background: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin: auto;
    max-height: calc(100vh - 11.25rem);
    width: auto;
    max-width: calc(100vw - 11.25rem);
    padding: 0
}

.Modal__Content--NoTitle {
    margin: 3rem auto auto
}

.Modal__Content--FullScreen.Modal__Content--NoTitle {
    height: calc(100vh - 6rem)
}

.accounts-dialog,.accounts-centered-dialog {
    background: hsla(0, 0%, 95%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    margin-left: -13rem;
    box-shadow: 0 0 1rem 0.25rem rgba(0, 0, 0, 0.4);
    border-radius: 0;
    max-height: calc(100vh - 14rem);
    width: 26rem;
    padding: 2rem
}

.Modal__Close,.accounts-dialog .accounts-close {
    cursor: pointer;
    position: absolute;
    top: -5.25rem;
    right: -4rem;
    height: 3.25rem;
    width: 3.25rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Modal__Close::before,.Modal__Close::after,.accounts-dialog .accounts-close::before,.accounts-dialog .accounts-close::after {
    content: '';
    background: hsla(0, 100%, 100%, 1);
    position: absolute;
    top: 1.25rem;
    right: 0;
    left: 0;
    border-radius: 0.125rem;
    height: 0.375rem;
    width: 3.5rem
}

.Modal__Close::before,.accounts-dialog .accounts-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Modal__Close::after,.accounts-dialog .accounts-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Modal__Content--NoTitle .Modal__Close {
    top: -2.25rem
}

.accounts-dialog .accounts-close {
    font-size: 0;
    opacity: 1
}

.anti-modal-closer {
    height: 0;
    width: 0
}

.Modal__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1rem
}

.Modal__Container--Row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.Modal__Container--Ticket {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: initial;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    margin: 0;
    height: 100%
}

.Modal__Container--Csv {
    margin-bottom: 5rem
}

.Modal__Column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0.5rem 2rem 0.5rem 0.5rem
}

.Modal__Column--White {
    background: hsla(0, 100%, 100%, 1);
    margin: -1.5rem -1.5rem -1.5rem 0;
    padding: 2rem
}

.Modal__Column--Button {
    padding-bottom: 6rem
}

.Modal__Column__Title {
    font-size: 1.25rem;
    font-weight: 300;
    padding: 0 0 .5rem
}

.Modal__Group {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 22.75rem);
    padding: .5rem .25rem
}

.Modal__Group__Item {
    font-size: 0.875rem;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .5rem
}

.Modal__Group__Item:last-of-type {
    padding-bottom: 0
}

.Modal__Group__Item .iconic {
    cursor: pointer;
    margin: 0
}

.Modal__Group__Item .iconic:hover circle {
    fill: hsla(357, 81.9576%, 55.66%, 1)
}

.Modal__Group__Item .iconic circle {
    fill: hsla(0, 0%, 90%, 1);
    -webkit-transition: fill ease 100ms;
    transition: fill ease 100ms
}

.Modal__Group__Item .Icon__Wrapper {
    height: 1rem;
    width: 1rem
}

.Heading--ModalTitle,.accounts-dialog label,.accounts-dialog .title {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-size: 3.625rem;
    font-weight: 200;
    color: hsla(0, 100%, 100%, 1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: -6rem;
    left: 0;
    max-width: 42rem
}

.Modal__Content--sm .Heading--ModalTitle {
    max-width: 26rem
}

.Modal__Content--Lg .Heading--ModalTitle {
    max-width: calc(100vw - 10rem)
}

.accounts-dialog label,.accounts-dialog .title {
    font-size: 2.875rem
}

.Button__Group--Modal {
    text-align: center;
    -webkit-align-self: self-start;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1rem auto auto 0
}

.Button__Group--ModalColumn {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 1rem
}

.Button--Modal {
    margin: auto 2rem auto auto;
    width: 12.5rem
}

.Button--ModalNoWrapper,#login-buttons .login-button,.accounts-dialog .login-button {
    margin: .5rem auto auto 0;
    width: 12.5rem
}

.Button--Delete {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .5rem
}

.SelectWrapper--Modal {
    margin-left: 0
}

.Select--Modal {
    margin: 0 .5rem 0 0
}

.Select--ModalLarge {
    padding-left: 7.5rem
}

.Content--Modal {
    margin: .5rem
}

.Content--ModalTitle {
    color: hsla(0, 100%, 100%, 1);
    position: absolute;
    top: -1.75rem
}

.Signup__Organization {
    font-size: 0.875rem;
    color: hsla(0, 0%, 60%, 1);
    margin-bottom: 1rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    padding: 1rem
}

.Image--Modal {
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0;
    border: 0;
    height: auto;
    max-height: calc(100vh - 11.25rem);
    width: auto;
    max-width: 100%
}

.Pagination__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .5rem .5rem;
    border-top: 0.125rem solid hsla(0, 0%, 90%, 1);
    padding-top: .5rem
}

.Pagination__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Pagination {
    color: hsla(0, 0%, 80%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: .25rem;
    border-radius: 625rem;
    border: 0.0625rem solid hsla(0, 0%, 80%, 1);
    height: 1rem;
    min-width: 1rem
}

.Pagination.is-active,.Pagination:hover {
    color: hsla(312, 61.29032%, 40.3%, 1);
    border-color: hsla(312, 61.29032%, 40.3%, 1)
}

.Pagination__Number {
    font-size: 0.625rem;
    line-height: 1.09375rem;
    margin: auto 0.34375rem
}

.previous-page {
    cursor: pointer;
    margin-top: 0.5rem;
    margin-right: .25rem
}

.next-page {
    cursor: pointer;
    margin-top: 0.5rem;
    margin-left: .25rem
}

.Select__Wrapper--Pagination {
    margin-left: .5rem
}

.CompanySelect__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    border-bottom: 0.0625rem solid hsla(0, 0%, 85%, 1);
    padding: 0.875rem 0
}

.CompanySelect__Wrapper:last-of-type {
    border-bottom: 0
}

.CompanySelect__Wrapper .iconic-people {
    margin: auto 1rem;
    width: 5.5rem
}

.CompanySelect__Wrapper .iconic-people .iconic-property-fill {
    fill: hsla(0, 0%, 70%, 1)
}

.CompanySelect__Wrapper .iconic-chevron {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: auto 0 auto auto;
    padding-left: 1rem
}

.CompanySelect__Wrapper .iconic-chevron .iconic-property-stroke {
    stroke: hsla(0, 0%, 60%, 1)
}

.CompanySelect__Logo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0 1rem;
    height: 3.5rem;
    width: 5.5rem
}

.CompanySelect__Masthead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden
}

.Heading--CompanyName {
    font-size: 1.125rem;
    font-weight: 500;
    padding-bottom: .125rem
}

.Heading--OrganizationAccount {
    font-weight: 400
}

.Heading--OrganizationType {
    font-weight: 400;
    color: hsla(0, 0%, 70%, 1)
}

.Company__Presence {
    position: relative;
    padding-left: 1.3125rem
}

.Company__Presence::after {
    content: '';
    background: hsla(0, 0%, 50%, 1);
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 0.1875rem);
    left: 0.4375rem;
    border-radius: 625rem;
    border: 0.0625rem solid hsla(0, 100%, 100%, 1);
    height: 0.5rem;
    width: 0.5rem
}

.Company__Presence.is-active::after {
    background: hsla(159, 83.48624%, 33.79%, 1)
}

.FilterGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1rem 0.75rem 0
}

.Filter {
    background: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", "Helvetica", system, sans-serif;
    font-size: 1.25rem;
    font-weight: 100;
    color: hsla(312, 61.29032%, 40.3%, 1);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0 0.25rem 0.5rem;
    border-radius: 0.3125rem 0.3125rem 0 0;
    border-width: 0.0625rem 0.0625rem 0;
    border-style: solid;
    border-color: transparent;
    padding: 0.25rem 0.625rem 0
}

.Filter.is-active {
    border-color: hsla(0, 0%, 90%, 1)
}

.UiAdminList {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 .5rem
}

.UiAdminList__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 0.0625rem solid hsla(0, 0%, 90%, 1);
    padding: .75rem 0
}

.UiAdminList__Icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 1rem
}

.UiAdminList__Icon .iconic .iconic-property-fill {
    fill: hsla(0, 0%, 60%, 1);
    -webkit-transition: fill ease 100ms;
    transition: fill ease 100ms
}

.UiAdminList__Icon .iconic .iconic-property-stroke {
    stroke: hsla(0, 0%, 60%, 1);
    -webkit-transition: stroke ease 100ms;
    transition: stroke ease 100ms
}

.UiAdminList__Icon.is-active .iconic .iconic-property-fill {
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.UiAdminList__Icon.is-active .iconic .iconic-property-stroke {
    stroke: hsla(312, 61.29032%, 40.3%, 1)
}

.UiAdminList__Name {
    font-weight: 500;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    opacity: .4;
    margin-right: auto;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.UiAdminList__Name.is-active {
    opacity: 1
}

.UiAdminList__Actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    opacity: 1
}

.tagline {
    margin: auto;
    width: 15.625rem
}

.ClickBox {
    cursor: default;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.ClickBox.is-active {
    visibility: visible;
    opacity: 1
}

.ClickBox__Dark {
    background: hsla(0, 0%, 5%, 1)
}

.ClickBox__Dark.is-active {
    opacity: .5
}

.Detail__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0.5rem 0
}

.Detail__Group :nth-of-type(odd) {
    margin-right: 0.5rem
}

.Detail__Group :nth-of-type(even) {
    margin-left: 0.5rem
}

.Detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0.5rem;
    border-bottom: 0.0625rem solid hsla(0, 0%, 88%, 1);
    height: 3.25rem;
    padding: 0 0 0.5rem
}

.Detail__Item {
    margin-left: 1.5em
}

.Detail__Column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding-left: 1.125rem
}

.Detail__Bold {
    font-weight: 500
}

.Avatar--Detail {
    height: 3.375rem;
    width: 3.375rem
}

.Avatar--Detail::before {
    content: none
}

.Content--Detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.125rem
}

.Content--DetailColumn {
    font-weight: normal;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.is-dragging {
    background: hsla(0, 100%, 100%, 1);
    box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.19), 0 0.375rem 0.375rem rgba(0, 0, 0, 0.23);
    border: 0.0625rem solid hsla(0, 100%, 100%, 1);
    padding: 1rem
}

.Container--Chat.is-active .DropZone__Overlay,.Gadget__Container--gadgetBackChannels.is-active .DropZone__Overlay {
    display: block;
    opacity: 1;
    border: 0.1875rem dashed hsla(200, 100%, 65%, 1)
}

.Gadget__Item.is-dragging {
    padding-bottom: 0
}

.Gadget__Item.gu-transit {
    display: none !important
}

.Gadget__Content--Tuulbot .Gadget__Item__Icon .iconic {
    cursor: move
}

.Login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: auto;
    width: 22rem
}

.Logo--Login {
    margin: auto auto 1rem 0;
    height: 4rem
}

.Logo--Login path,.Logo--Login polygon {
    fill: hsla(0, 0%, 70%, 1)
}

.Login__Wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .05);
    border-radius: 0.1875rem;
    padding: 1rem 1.5rem 1.75rem
}

.Login__Wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.25rem
}

.Login__Form {
    margin: 0
}

.Button__Group--Login {
    margin-top: .5rem
}

.Button__Group--Login>.Button--Login {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1rem
}

.Content--Login {
    font-size: 0.6875rem;
    color: hsla(0, 0%, 80%, 1);
    text-align: left;
    margin: 1rem auto auto
}

.Section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0.46875rem 0 1.875rem
}

.Section__Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 .5rem
}

.Section__ItemContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.Section__Item {
    background: hsla(0, 0%, 98%, 1);
    margin: .5rem;
    padding: 1rem
}

.Section__Item--Lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(100% - 2rem);
    -ms-flex: 1 1 calc(100% - 2rem);
    flex: 1 1 calc(100% - 2rem)
}

.Section__Item--Md {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(50% - 3rem);
    -ms-flex: 1 1 calc(50% - 3rem);
    flex: 1 1 calc(50% - 3rem)
}

.Masthead--Section {
    box-sizing: border-box;
    border-bottom: 0.0625rem solid hsla(0, 0%, 83%, 1)
}

.Masthead--SectionContent {
    font-style: 1.25rem;
    border-bottom: 0.0625rem solid hsla(0, 0%, 83%, 1);
    width: 100%
}

.Heading--Section {
    margin-top: .5rem
}

.Progress[value] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 1.25rem;
    width: 100%
}

.Progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset
}

.CompanyLogo__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.CompanyLogo__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.CompanyLogo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: .5rem;
    border: 0.0625rem solid hsla(0, 0%, 87%, 1);
    height: 6.25rem;
    width: 6.25rem
}

.CompanyLogo::before,.CompanyLogo::after {
    content: '';
    background: hsla(0, 0%, 92%, 1);
    position: absolute;
    top: 0;
    height: 9.375rem;
    width: 0.0625rem;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.CompanyLogo::before {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.CompanyLogo::after {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.CompanyLogo--HasImage::before,.CompanyLogo--HasImage::after {
    background: transparent
}

.CompanyLogo__Label {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    cursor: pointer
}

.CompanyLogo__RemoveImage {
    margin-left: .7rem;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

.Header--CompanyLogo {
    font-weight: 500;
    margin: 1rem 0 .5rem
}

.MainBlank__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9.375rem
}

.Button__Group--MainBlank {
    margin: 1.5rem auto
}

.Button--MainBlank {
    margin-left: auto;
    min-width: 11.25rem
}

.Heading--MainBlank {
    font-size: 2.375rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    text-align: center;
    max-width: 37.5rem;
    padding: 0 1rem
}

.Heading--MainBlank--Thin {
    font-weight: 100;
    color: hsla(0, 0%, 70%, 1)
}

.Heading--MainBlank--Admin {
    border-bottom: 0.0625rem solid hsla(0, 0%, 80%, 1);
    padding-bottom: 1.5rem
}

.Skeleton {
    background-repeat: no-repeat;
    background-size: 50rem 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.Skeleton__Mask {
    position: absolute
}

.Skeleton__Wrapper--TicketMenu {
    background: hsla(0, 0%, 92%, 1);
    box-sizing: border-box;
    margin: .5rem 0 .5rem 1rem;
    min-height: 6.9375rem;
    width: 14rem;
    padding: 1.0625rem 4.25rem 1.1875rem 0.8125rem
}

.Skeleton__Wrapper--TicketMenu:first-of-type {
    margin-top: 0
}

.Skeleton--TicketMenu {
    background-color: hsla(0, 0%, 87%, 1);
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 87%, 1) 0%, hsla(0, 0%, 82%, 1) 20%, hsla(0, 0%, 87%, 1) 40%, hsla(0, 0%, 87%, 1) 100%);
    background-image: linear-gradient(to right, hsla(0, 0%, 87%, 1) 0%, hsla(0, 0%, 82%, 1) 20%, hsla(0, 0%, 87%, 1) 40%, hsla(0, 0%, 87%, 1) 100%);
    height: 4.8125rem
}

.Skeleton__Mask--TicketMenu {
    background: hsla(0, 0%, 92%, 1)
}

.Skeleton__Mask--TicketMenu__Name-Right {
    top: 0;
    right: 0;
    height: 0.6875rem;
    width: 0.9375rem
}

.Skeleton__Mask--TicketMenu__Name-Bottom {
    top: 0.6875rem;
    right: 0;
    left: 0;
    height: 0.6875rem
}

.Skeleton__Mask--TicketMenu__Title-Right {
    top: 1.375rem;
    right: 0;
    height: 0.6875rem;
    width: 52px
}

.Skeleton__Mask--TicketMenu__Title-Bottom {
    top: 2.0625rem;
    right: 0;
    left: 0;
    height: 0.6875rem
}

.Skeleton__Mask--TicketMenu__Code-Right {
    top: 2.75rem;
    right: 0;
    height: 0.6875rem;
    width: 4rem
}

.Skeleton__Mask--TicketMenu__Code-Bottom {
    top: 3.4375rem;
    right: 0;
    left: 0;
    height: 0.6875rem
}

.Skeleton__Wrapper--Image {
    position: relative
}

.Skeleton--Image {
    background-color: hsla(0, 0%, 80%, 1);
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 80%, 1) 0%, hsla(0, 0%, 70%, 1) 20%, hsla(0, 0%, 80%, 1) 40%, hsla(0, 0%, 80%, 1) 100%);
    background-image: linear-gradient(to right, hsla(0, 0%, 80%, 1) 0%, hsla(0, 0%, 70%, 1) 20%, hsla(0, 0%, 80%, 1) 40%, hsla(0, 0%, 80%, 1) 100%);
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 4.6875rem;
    width: 6.25rem;
    -webkit-transform: translate(-20%, -35%);
    transform: translate(-20%, -35%);
    -webkit-transition: opacity ease 250ms, visibility ease 250ms;
    transition: opacity ease 250ms, visibility ease 250ms
}

.Skeleton--Image.is-loaded {
    visibility: hidden;
    opacity: 0
}

.Skeleton--Image--Tilt {
    -webkit-transform: translate(-50%, -35%) rotate(-20deg);
    transform: translate(-50%, -35%) rotate(-20deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.Skeleton__Mask--Image {
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: -100% 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: -100% 0
    }
}

.AccountsNav__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    height: 2.75rem;
    width: 2.75rem;
    padding: 0 0.375rem
}

.AccountsNav__Item:first-child {
    margin-left: auto
}

.AccountsNav__Item:last-child {
    margin-right: 1rem
}

.AccountsNav__Item:hover .iconic-plus-thin *,.AccountsNav__Item:hover .iconic-magnifying-glass .iconic-magnifying-glass-handle,.AccountsNav__Item:hover .iconic-magnifying-glass .iconic-magnifying-glass-rim {
    stroke: hsla(0, 100%, 100%, 1)
}

.AccountsNav__Item:hover .iconic-bell * {
    fill: hsla(0, 100%, 100%, 1)
}

.AccountsNav__Item .iconic-plus-thin *,.AccountsNav__Item .iconic-magnifying-glass .iconic-magnifying-glass-handle,.AccountsNav__Item .iconic-magnifying-glass .iconic-magnifying-glass-rim {
    stroke: hsla(0, 0%, 60%, 1);
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.AccountsNav__Item .iconic-bell * {
    fill: hsla(0, 0%, 60%, 1);
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.AccountsNav__Item--User {
    width: auto
}

.AccountsNav__UserFullName {
    font-size: 0.875rem;
    font-weight: 300;
    white-space: nowrap;
    margin-left: 0.375rem
}

.UserNav {
    background: hsla(282, 26.58228%, 20.54%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: .5rem 0;
    width: 12.5rem
}

.UserNav .iconic {
    margin: auto 13px;
    height: 19px !important;
    width: 19px !important
}

.UserNav .iconic * {
    fill: hsla(0, 0%, 50%, 1);
    stroke: hsla(0, 0%, 50%, 1) !important
}

.UserNav .is-open .iconic *,.UserNav .iconic:hover * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1) !important
}

.UserNav__Help {
    background: hsla(0, 0%, 50%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto 13px;
    border-radius: 625rem;
    height: 19px;
    width: 19px
}

.UserNav__Help:hover {
    background: hsla(0, 100%, 100%, 1)
}

.UserNav__Help .iconic {
    margin: auto;
    height: 0.75rem !important;
    width: 0.75rem !important
}

.UserNav__Help .iconic *,.UserNav__Help .iconic:hover * {
    stroke: hsla(0, 0%, 30%, 1) !important
}

.Heading--UserNav {
    margin: auto 1rem
}

.Avatar--UserNav {
    cursor: pointer;
    position: relative
}

.DropDown__Wrapper--UserNav {
    position: relative;
    margin: auto 15px auto 17px
}

.DropDown__Wrapper--UserNav .iconic {
    position: relative;
    margin: auto
}

.DropDown__Wrapper--UserNav .iconic * {
    fill: hsla(0, 0%, 50%, 1);
    stroke: hsla(0, 0%, 50%, 1)
}

.DropDown__Wrapper--UserNav .iconic:hover * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.DropDown__Wrapper--UserNav::after {
    content: '';
    position: absolute;
    right: -10px;
    bottom: 4px;
    border-width: 7px 4.5px 0;
    border-style: solid;
    border-color: hsla(0, 0%, 50%, 1) transparent transparent;
    height: 0;
    width: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.DropDown__Wrapper--UserNav.is-open::after {
    border-color: hsla(0, 100%, 100%, 1) transparent transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.DropDown__Wrapper--UserNav.is-online .iconic-person.iconic .iconic-person-genderless .iconic-property-fill {
    fill: hsla(159, 83.48624%, 33.79%, 1);
    stroke: hsla(159, 83.48624%, 33.79%, 1) !important
}

.TuulBelt {
    background: hsla(0, 0%, 98%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
    height: 0;
    width: 0;
    padding: 0 0 0 0.75rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.TuulBelt.is-active {
    visibility: visible;
    opacity: 1;
    height: 3rem;
    width: 100%
}

.TuulBelt__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.TuulBelt__Add {
    background: hsla(282, 26.58228%, 20.54%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin: auto 3px auto 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border-radius: 625rem;
    height: 2rem;
    width: 2rem
}

.TuulBelt__Add svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.TuulBelt__Add svg.iconic.iconic-size-sm {
    height: 0.75rem;
    width: 0.75rem
}

.TuulBelt__Add .iconic-plus-thin * {
    stroke: hsla(0, 100%, 100%, 1)
}

.TuulBelt__Wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 2rem;
    -ms-flex-preferred-size: 2rem;
    flex-basis: 2rem;
    pointer-events: all;
    position: relative;
    margin: auto 0.375rem 0.5rem;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.TuulBelt__Wrapper.is-active {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 25rem;
    -ms-flex-preferred-size: 25rem;
    flex-basis: 25rem
}

.TuulBelt__Chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    bottom: -0.1875rem;
    left: -0.3125rem;
    border-radius: 0.125rem;
    height: 32rem;
    width: 100%
}

.TuulBelt__Chat.is-active {
    pointer-events: all;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: box-shadow;
    animation-name: box-shadow
}

.TuulBelt__Channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.125rem 0.125rem 0 0
}

.TuulBelt__Channel.is-active {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: transform-up;
    animation-name: transform-up
}

.TuulBelt__Channel.is-organizationRole .Channel__Participants__Wrapper {
    display: none
}

.TuulBelt__Channel .Channel__Messages {
    padding: 0 .5rem 0 1.5rem
}

.TuulBelt__Chat__TitleBar {
    background: hsla(0, 0%, 30%, 1);
    line-height: 48px;
    color: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    border-radius: 0 0 0.125rem 0.125rem;
    height: 45px;
    padding-left: 48px;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem);
    -webkit-transition: all 100ms ease 50ms;
    transition: all 100ms ease 50ms
}

.TuulBelt__Chat__TitleBar.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.TuulBelt__Chat__Title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.TuulBelt__Chat__TitleBar__Toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.TuulBelt__Chat__TitleBar__Form {
    margin-right: 4rem
}

.TuulBelt__Title__PreEdit {
    border-bottom: 1px dashed hsla(0, 100%, 100%, 0.5);
    padding-bottom: 0.125rem
}

.TuulBelt__Overlay {
    background: hsla(0, 100%, 100%, 1);
    position: absolute;
    bottom: 3px;
    left: 3px;
    border-radius: 625rem;
    height: 2rem;
    width: 2rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms
}

.TuulBelt__Overlay.is-active {
    -webkit-transform: scale(39);
    transform: scale(39)
}

.TuulBelt__Toggle {
    position: relative;
    border-radius: 625rem;
    height: 2rem;
    width: 2rem;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.TuulBelt__Toggle.is-active {
    -webkit-transform: translateY(-471px);
    transform: translateY(-471px)
}

.Avatar--TuulBelt {
    cursor: pointer
}

.Avatar--Channel {
    background: #00C853
}

.Avatar--Room {
    background: hsla(10, 78.26087%, 54%, 1)
}

.Avatar--Room.Avatar--Status::before,.Avatar--Channel.Avatar--Status::before {
    display: none
}

.Badge__TuulBelt {
    visibility: hidden;
    opacity: 0;
    top: -0.1875rem;
    right: -0.375rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Badge__TuulBelt.is-active {
    visibility: visible;
    opacity: 1
}

.Badge__Directory {
    visibility: hidden;
    opacity: 0;
    top: 0.625rem;
    right: 0.6875rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Badge__Directory.is-active {
    visibility: visible;
    opacity: 1
}

.Icon__Wrapper--TuulBeltPin {
    color: hsla(0, 0%, 80%, 1);
    -webkit-transition: color ease 100ms;
    transition: color ease 100ms;
    margin-right: 0.75rem
}

.Icon__Wrapper--TuulBeltPin:hover {
    color: hsla(0, 100%, 100%, 1)
}

.Input--TuulBeltTitle {
    font-size: 1rem;
    font-weight: 500;
    color: hsla(0, 100%, 100%, 1)
}

.Input--TuulBeltTitle:hover:not([disabled="disabled"]),.Input--TuulBeltTitle:focus {
    color: hsla(0, 100%, 100%, 1)
}

.TuulBelt__Chat__TitleBar .Channel__Participants__Wrapper {
    margin: 0 0.75rem 0 0
}

.TuulBelt__Chat__TitleBar .Channel__Participants__Wrapper:hover .Content__Participants__Count {
    color: hsla(0, 100%, 100%, 1)
}

.TuulBelt__Chat__TitleBar .Channel__Participants__Wrapper .Content__Participants__Count {
    color: hsla(0, 0%, 80%, 1);
    margin-top: auto;
    -webkit-transition: color 100ms ease;
    transition: color 100ms ease
}

.TuulBelt__Chat__TitleBar .Channel__Participants__Wrapper .Channel__Participants__Icon {
    padding: 0
}

.TuulBot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    margin: 2.75rem auto 1rem;
    box-shadow: 0.1875rem 0.325rem 0.625rem rgba(0, 0, 0, 0.1), 0 0 1.5625rem rgba(80, 78, 80, 0.05);
    min-width: 18rem;
    width: 100%;
    max-width: 25.375rem;
    padding: 2.5rem 1rem 1.875rem
}

.TuulBot::after {
    content: '';
    background-image: -webkit-linear-gradient(left, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1));
    background-image: linear-gradient(to right, hsla(290, 37.93103%, 32.625%, 1), hsla(313, 56.25%, 41.6%, 1) 55%, hsla(10, 78.26087%, 54%, 1));
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.25rem
}

.TuulBot__Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: absolute;
    top: -1.75rem;
    left: calc(50% - (3.9375rem / 2));
    box-shadow: 0 0 0.5625rem 0.0625rem rgba(0, 0, 0, 0.02);
    border-radius: 625rem;
    height: 3.9375rem;
    width: 3.9375rem
}

.TuulBot__Icon::before {
    content: '';
    background: hsla(312, 61.29032%, 40.3%, 1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 625rem
}

.TuulBot__Icon svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg),.TuulBot__Icon svg.iconic.iconic-size-md {
    position: relative;
    height: 1.875rem;
    width: 1.875rem
}

.TuulBot__Icon svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg) *,.TuulBot__Icon svg.iconic.iconic-size-md * {
    fill: hsla(0, 100%, 100%, 1) !important;
    stroke: hsla(0, 100%, 100%, 1) !important
}

.TuulBot__Status,.TuulBot__Meta,.TuulBot__Selection {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width: 100%
}

.TuulBot__Title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.0625rem
}

.TuulBot__Status {
    line-height: 1.375rem;
    text-transform: lowercase;
    margin-bottom: 0.375rem
}

.TuulBot__Status--Complete {
    color: hsla(159, 83.48624%, 33.79%, 1)
}

.TuulBot__Status--Incomplete {
    color: hsla(45, 87.33108%, 52.64%, 1)
}

.TuulBot__Status--Unconfirmed {
    color: hsla(353, 76.39485%, 53.4%, 1)
}

.TuulBot__Meta {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.1875rem;
    text-overflow: clip;
    white-space: normal;
    overflow: visible
}

.TuulBot__Selection {
    font-weight: 400;
    box-sizing: border-box;
    border-width: 0.0625rem 0;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    padding: 0.5rem 0.625rem
}

.TuulBot__Form {
    margin-top: 0.75rem
}

.TuulBot__Form--Rating {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 0.0625rem 0;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    padding: 0.375rem 0 0.125rem
}

.TuulBot__Form__Item {
    display: block;
    box-sizing: border-box;
    border-width: 0.0625rem 0 0;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    width: 100%;
    padding: 0.5rem 0.625rem
}

.TuulBot__Form__Item:last-of-type {
    border-width: 0.0625rem 0
}

.TuulBot__Form__Item.is-selected {
    background: hsla(200, 100%, 95%, 1);
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: display-hack;
    animation-name: display-hack
}

.rating__field {
    display: none
}

.rating__star.disabled {
    cursor: not-allowed
}

.rating__star .iconic * {
    fill: hsla(0, 0%, 60%, 1)
}

.rating-1 .rating__star:nth-of-type(1) .iconic *,.rating-2 .rating__star:nth-of-type(n+1):nth-of-type(-n+2) .iconic *,.rating-3 .rating__star:nth-of-type(n+1):nth-of-type(-n+3) .iconic *,.rating-4 .rating__star:nth-of-type(n+1):nth-of-type(-n+4) .iconic *,.rating-5 .rating__star:nth-of-type(n+1):nth-of-type(-n+5) .iconic * {
    fill: hsla(45, 87.33108%, 52.64%, 1)
}

[class*='rating'].rating-hover-1 .rating__star:nth-of-type(1) .iconic *,[class*='rating'].rating-hover-2 .rating__star:nth-of-type(n+1):nth-of-type(-n+2) .iconic *,[class*='rating'].rating-hover-3 .rating__star:nth-of-type(n+1):nth-of-type(-n+3) .iconic *,[class*='rating'].rating-hover-4 .rating__star:nth-of-type(n+1):nth-of-type(-n+4) .iconic *,[class*='rating'].rating-hover-5 .rating__star:nth-of-type(n+1):nth-of-type(-n+5) .iconic * {
    fill: hsla(45, 87.33108%, 52.64%, 1)
}

[class*='rating'].rating-hover-1 .rating__star:nth-of-type(n+2):nth-of-type(-n+5) .iconic *,[class*='rating'].rating-hover-2 .rating__star:nth-of-type(n+3):nth-of-type(-n+5) .iconic *,[class*='rating'].rating-hover-3 .rating__star:nth-of-type(n+4):nth-of-type(-n+5) .iconic *,[class*='rating'].rating-hover-4 .rating__star:nth-of-type(n+5):nth-of-type(-n+5) .iconic * {
    fill: hsla(0, 0%, 60%, 1)
}

.rating--nps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.375rem 0
}

.rating-1:not(.employee) .Radio__Wrapper:nth-child(1) .Radio__Pseudo::after,.rating-2:not(.employee) .Radio__Wrapper:nth-child(2) .Radio__Pseudo::after,.rating-3:not(.employee) .Radio__Wrapper:nth-child(3) .Radio__Pseudo::after,.rating-4:not(.employee) .Radio__Wrapper:nth-child(4) .Radio__Pseudo::after,.rating-5:not(.employee) .Radio__Wrapper:nth-child(5) .Radio__Pseudo::after,.rating-6:not(.employee) .Radio__Wrapper:nth-child(6) .Radio__Pseudo::after,.rating-7:not(.employee) .Radio__Wrapper:nth-child(7) .Radio__Pseudo::after,.rating-8:not(.employee) .Radio__Wrapper:nth-child(8) .Radio__Pseudo::after,.rating-9:not(.employee) .Radio__Wrapper:nth-child(9) .Radio__Pseudo::after,.rating-10:not(.employee) .Radio__Wrapper:nth-child(10) .Radio__Pseudo::after {
    background: hsla(312, 61.29032%, 40.3%, 1) !important
}

.Checklist__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-top: 1px solid hsla(0, 0%, 90%, 1);
    padding-top: .5rem;
    padding-bottom: .5rem
}

.Checklist__Item:last-of-type {
    border-bottom: 1px solid hsla(0, 0%, 90%, 1)
}

.Checklist__Item.is-checked .Checkbox__Wrapper {
    color: hsla(0, 0%, 70%, 1);
    text-decoration: line-through
}

.Button--TuulBot {
    margin: .75rem auto 0 0
}

.Channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-left: -.5rem;
    padding-left: .5rem
}

.Channel--BackChannels {
    margin-left: -0.625rem;
    padding-left: 0.625rem
}

.Channel__Messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: -1rem;
    padding: 0 1rem 0 2rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Channel__Messages>*:first-child {
    margin-top: auto
}

.Channel__Messages--BackChannels {
    margin: 0;
    padding: 0 0.625rem 0 0
}

.Channel__Join {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: hsla(0, 0%, 60%, 1)
}

.Channel__Join__Accent {
    color: hsla(0, 0%, 50%, 1)
}

.Message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    margin: 0 0 1.375rem;
    width: 100%
}

.Message--Received {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Message--Sent {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Message--Sent .Avatar {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.Message--SeenBy {
    font-size: 0.75rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    box-sizing: border-box;
    margin: -1.3125rem 0 0;
    width: 100%;
    padding: 0 1.9375rem
}

.Message__Content {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
    color: hsla(240, 0.50251%, 30.845%, 1);
    word-wrap: break-word;
    display: block;
    overflow: hidden;
    margin: 0;
    border-radius: 0.3125rem;
    max-width: 60%;
    padding: 0.625rem 1.25rem
}

.Message__Content pre {
    overflow-y: scroll
}

.Message__Content pre:not(:first-child) {
    margin-top: 0.625rem
}

.Message__Content pre:not(:last-child) {
    margin-bottom: 0.625rem
}

.Message__Content--Received {
    background: hsla(0, 100%, 100%, 1);
    margin-left: -0.375rem;
    box-shadow: 0 0 0.625rem rgba(80, 78, 80, 0.03);
    border: 0.0625rem solid hsla(0, 0%, 92%, 1)
}

.Message__Content--Received .Skeleton__Mask--Image {
    background-color: hsla(0, 100%, 100%, 1)
}

.Message__Content--Sent {
    background: hsla(0, 0%, 92%, 1);
    margin-right: -0.375rem
}

.Message__Content--Sent .Skeleton__Mask--Image {
    background-color: hsla(0, 0%, 92%, 1)
}

.Message__Content--BackChannel {
    white-space: normal;
    box-shadow: none;
    border-width: 0;
    padding: 0
}

.Message__Content--Image {
    padding: 0
}

.Message__Content--System {
    box-shadow: none;
    border: 0
}

.Message__Image {
    display: block;
    opacity: 0;
    cursor: pointer;
    position: relative;
    height: auto;
    width: 100%;
    -webkit-transition: opacity ease 250ms;
    transition: opacity ease 250ms
}

.Message__Image.is-loaded {
    opacity: 1
}

.Time {
    font-size: 1.5rem;
    font-weight: 100;
    color: hsla(0, 0%, 60%, 1)
}

.TicketActions__Wrapper {
    padding-right: 1rem
}

.Avatar--Message {
    line-height: 2.3125rem;
    margin: 0;
    height: 2.3125rem;
    min-width: 2.3125rem;
    width: 2.3125rem
}

.Chat__Message--Sent .Avatar--Chat__Message {
    margin: 0 0 0 -.5rem
}

.Message .Avatar--Internal {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0
}

.Button__Group--Channel__Join {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: .5rem
}

.Button__Group--Channel__Join>button {
    margin: 0 0 .25rem
}

.Heading--Chat__Info {
    font-size: 0.75rem;
    font-weight: 100;
    color: hsla(0, 0%, 60%, 1);
    margin: 0.75rem 0.1875rem
}

.Heading--Chat__Message--BackChannel {
    font-weight: 100;
    color: hsla(0, 0%, 60%, 1)
}

.Heading--Chat__Message--BackChannel * {
    font-size: 0.75rem
}

.Masthead.Masthead--Chat__Messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    margin: 0 1rem;
    border-width: 0.0625rem 0;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    height: 2.1875rem;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Masthead.Masthead--Chat__Messages.MastHead--HasTicket {
    visibility: visible;
    opacity: 1;
    -webkit-transform: initial;
    transform: initial
}

.Link--Chat {
    font-size: inherit
}

.Container--Chat {
    position: initial;
    padding: 1rem 0 0
}

.Content--SystemEvent {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: .625rem 0
}

p.Content--Message--System {
    font-size: 0.75rem;
    font-weight: 500;
    display: block;
    margin: 0;
    padding: 0
}

.Content--Message__Meta {
    font-size: 0.75rem;
    font-weight: 100;
    color: hsla(0, 0%, 60%, 1);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0.125rem;
    padding: 0 1.9375rem
}

.Content--Message__Meta:hover .Content--Message__LastWeek {
    display: inline
}

.Content--Message__Meta--Sent {
    text-align: right
}

.Content--Message__LastWeek {
    display: none;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Link--ChannelMessage {
    padding: 0.5em
}

.Channel__Participants__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: auto 0 auto auto
}

.Channel__Participants__Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: .5rem 0 .5rem .5rem
}

.Channel__Participants__Icon:hover .iconic-person .iconic-person-head,.Channel__Participants__Icon:hover .iconic-person .iconic-person-body {
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.Channel__Participants__Icon .iconic-person .iconic-person-head,.Channel__Participants__Icon .iconic-person .iconic-person-body {
    stroke: transparent;
    fill: hsla(0, 0%, 60%, 1);
    -webkit-transition: fill ease 100ms;
    transition: fill ease 100ms
}

.OrganizationRoleUserItem__Record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-left: 0.375rem
}

.OrganizationRoleUserItem__OrganizationRole {
    font-size: 0.75rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1);
    text-transform: uppercase
}

.OrganizationRoleUserItem__OrganizationRole .iconic.iconic-sm {
    margin-right: 0.25rem;
    height: 0.75rem;
    width: 0.75rem
}

.OrganizationRoleUserItem__OrganizationRole .iconic.iconic-sm path,.OrganizationRoleUserItem__OrganizationRole .iconic.iconic-sm ellipse {
    fill: hsla(0, 0%, 60%, 1)
}

.Channel__Input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.Channel__Input_Link {
    margin-right: 0.25em
}

.Chat__Tuul__Wrapper {
    cursor: pointer;
    position: absolute;
    margin-top: 0.4375rem
}

.Chat__Tuul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-right: 1px solid hsla(0, 0%, 85%, 1);
    height: 2rem
}

.Chat__Tuul.is-active::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.Chat__Tuul::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 6px;
    border-width: 0.25rem 0.21875rem 0;
    border-style: solid;
    border-color: hsla(199, 100%, 48%, 1) transparent transparent;
    height: 0;
    width: 0;
    -webkit-transition: all ease 250ms;
    transition: all ease 250ms
}

.Chat__Tuul .TuulBotIcon {
    height: 1.875rem;
    width: 1.875rem;
    padding: 0.4375rem 0.8125rem 0.4375rem 0.6875rem
}

.Chat__Tuul .TuulBotIcon path {
    fill: hsla(0, 0%, 82%, 1)
}

.Input--Chat {
    font-size: 0.875rem;
    white-space: pre-wrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
    border-width: 0.0625rem 0 0;
    border-style: solid;
    border-color: hsla(0, 0%, 82%, 1);
    height: 2.75rem;
    padding: 0.8125rem 0.375rem 0.8125rem 3.75rem
}

.Input--Chat.is-active {
    border-color: hsla(199, 100%, 48%, 1)
}

.Input--Chat [data-type="image"] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 0.25rem;
    height: 1.875rem;
    width: 1.875rem
}

.Input--Chat [data-type="loader"] {
    background-color: hsla(0, 0%, 90%, 1);
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0.05em 0;
    height: 0.875rem;
    width: 5rem
}

.Input--Chat [data-editing="true"] {
    display: inline-block;
    margin: 0.1875rem;
    box-shadow: 0.1875rem 0.1875rem 0.625rem hsla(0, 0%, 5%, 1);
    border: 0.0625rem solid gray;
    padding: 0.125rem
}

.Input--Chat [data-editing="true"] input {
    box-sizing: border-box;
    width: 100%
}

.messageText {
    white-space: pre-line
}

.messageImage {
    display: inline-block
}

.messageImage {
    display: inline-block
}

.Command__Info {
    font-size: 0.75rem;
    color: hsla(0, 0%, 60%, 1);
    margin-bottom: 1rem
}

.Modal__Content--Command {
    background: hsla(0, 100%, 100%, 1);
    border-radius: 0.5rem;
    padding: 0
}

.Modal__Content--Command .anti-modal-closer {
    display: none
}

.Modal__Container--Command {
    margin: 1rem
}

.Selectize__Command.selectize-control.single .selectize-input::after {
    content: none
}

.Selectize__Command .selectize-input {
    margin-bottom: .5rem;
    border-radius: 0.5rem;
    border: 0.0625rem solid hsla(0, 0%, 90%, 1);
    padding: 1rem .5rem;
    -webkit-transition: border-color ease 100ms;
    transition: border-color ease 100ms
}

.Selectize__Command .selectize-input.focus {
    border-color: hsla(199, 100%, 48%, 1)
}

.Selectize__Command .selectize-dropdown,.Selectize__Command .selectize-input,.Selectize__Command .selectize-input input {
    font-size: 1.125rem
}

.Selectize__Command .selectize-dropdown {
    visibility: visible;
    opacity: 1;
    position: initial;
    margin: 0 -1rem;
    max-height: 13.125rem;
    width: auto
}

.Selectize__Command .selectize-dropdown-content {
    box-shadow: none;
    border-radius: 0;
    max-height: 13.125rem
}

.Selectize__Command .selectize-dropdown [data-selectable] {
    padding-right: 1rem;
    padding-left: 1rem
}

.Selectize__Command .selectize-dropdown [data-selectable]:first-of-type {
    margin-top: 0
}

.Selectize__Command .selectize-dropdown [data-selectable]:last-of-type {
    margin-bottom: 0
}

.Selectize__Command .Selectize__NoValue {
    padding: 0 1rem
}

.MainNav {
    background: hsla(282, 26.58228%, 20.54%, 1);
    color: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    height: 3.75rem
}

.MainNav__LeftGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%
}

.MainNav__CenterGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 0 0 auto;
    height: 100%
}

.MainNav__RightGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    box-sizing: border-box;
    margin: .5rem 0;
    border-left: 0.0625rem solid hsla(0, 0%, 50%, 1);
    height: 2.75rem;
    width: 26rem;
    max-width: 42vw
}

.MainNav__Item {
    font-size: 0.875rem;
    color: hsla(0, 0%, 60%, 1);
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: auto 0.75rem 1.1875rem
}

.MainNav__Item:visited {
    color: hsla(0, 0%, 60%, 1)
}

.MainNav__Item:hover {
    color: hsla(0, 100%, 100%, 1)
}

.MainNav__Item:last-of-type {
    margin-right: 1.5rem
}

.MainNav__Item.is-active {
    color: hsla(0, 100%, 100%, 1)
}

.MainNav__Item--Row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.MainNav__Item--UserName {
    color: hsla(0, 100%, 100%, 1)
}

.GradientBar--MainNav {
    width: 0.3125rem
}

.Logo--MainNav {
    margin: .5rem 0 .5rem .5rem;
    height: 2.75rem;
    width: 3.75rem
}

.Logo--MainNav path,.Logo--MainNav polygon {
    fill: hsla(0, 0%, 80%, 1)
}

.Ticket__Badge--MainNav {
    margin: auto -0.625rem auto 0.25rem
}

.Avatar--Status--MainNav::before {
    border-color: hsla(282, 26.58228%, 20.54%, 1) !important
}

.Menu--Directory {
    padding: 0
}

.Menu__List--Directory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 0 0 .5rem;
    padding-bottom: .75rem
}

.Menu__Room__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin: 0.25rem 1rem 0.25rem 0.5rem;
    border-radius: 0.1875rem;
    padding: 0.25rem 0 0.25rem 0.5rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Menu__Room__Wrapper:hover {
    background: hsla(0, 0%, 92%, 1)
}

.Menu__Overlay {
    background: hsla(0, 100%, 100%, 1);
    position: absolute;
    top: 0.3125rem;
    left: 0.5625rem;
    border-radius: 625rem;
    height: 1.5rem;
    width: 1.5rem;
    -webkit-transition: all ease 150ms;
    transition: all ease 150ms
}

.Menu__Overlay.is-active {
    -webkit-transform: scale(17);
    transform: scale(17)
}

.Menu__Room {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    margin: auto 0;
    width: 100%;
    padding: 0 2.25rem 0 0.5rem
}

.Menu__Room:hover,.Menu__Room:visited {
    color: hsla(240, 0.50251%, 30.845%, 1)
}

.Menu__Room.is-offline {
    font-style: italic;
    color: hsla(0, 0%, 70%, 1)
}

.Menu__Room.is-unread {
    font-weight: 600
}

.Icon--MastheadMenu.iconic-people .iconic-people-person-body-left,.Icon--MastheadMenu.iconic-people .iconic-people-person-head-left,.Icon--MastheadMenu.iconic-people .iconic-people-person-body-right,.Icon--MastheadMenu.iconic-people .iconic-people-person-head-right,.Icon--MastheadMenu.iconic-people .iconic-people-person-body-center,.Icon--MastheadMenu.iconic-people .iconic-people-person-head-center,.Icon--MastheadMenu.iconic-person .iconic-person-head,.Icon--MastheadMenu.iconic-person .iconic-person-body,.Icon--MastheadMenu.iconic-comment-square *,.Icon--MastheadMenu.iconic-shield .iconic-shield-shadow {
    fill: hsla(0, 0%, 70%, 1)
}

.Icon--MastheadMenu.iconic-shield .iconic-shield-rim {
    stroke: hsla(0, 0%, 70%, 1)
}

.Icon--MastheadMenu.iconic-people {
    margin: auto 0.625rem 0 1.3125rem;
    height: 1.125rem;
    width: 1.125rem
}

.Icon--MastheadMenu.iconic-person,.Icon--MastheadMenu.iconic-comment-square,.Icon--MastheadMenu.iconic-shield {
    margin: auto 0.8125rem 0.125rem 1.4375rem;
    height: 0.875rem;
    width: 0.875rem
}

.Menu__NewChannel {
    cursor: pointer;
    position: relative;
    margin: auto 0.625rem 0.125rem auto;
    border-radius: 2px;
    height: 0.9375rem;
    width: 0.9375rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Menu__NewChannel::before,.Menu__NewChannel::after {
    content: '';
    background: hsla(312, 61.29032%, 40.3%, 1);
    position: absolute;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Menu__NewChannel::before {
    top: calc(50% - 0.28125rem);
    left: calc(50% - 0.03125rem);
    height: 0.5625rem;
    width: 0.0625rem
}

.Menu__NewChannel::after {
    top: calc(50% - 0.03125rem);
    left: calc(50% - 0.28125rem);
    height: 0.0625rem;
    width: 0.5625rem
}

.Menu__NewChannel:hover {
    background: hsla(312, 61.29032%, 40.3%, 1)
}

.Menu__NewChannel:hover::before,.Menu__NewChannel:hover::after {
    background: hsla(30, 8.6758%, 94.525%, 1)
}

.Heading.Heading--Masthead--Directory {
    font-size: 3rem
}

.Gadget__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 2.4375rem;
    -ms-flex: 1 1 2.4375rem;
    flex: 1 1 2.4375rem;
    overflow: hidden;
    position: relative;
    margin: 0 0 0.5rem;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.Gadget__Wrapper.is-collapsed {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex: 0 1 2.4375rem;
    height: -moz-calc(2.4375rem * 1)
}

.Gadget__Wrapper__Sat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.Gadget__Title {
    background: hsla(0, 0%, 92%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    height: 2.4375rem;
    padding: 0.46875rem 0.625rem
}

.Gadget__Title .iconic {
    position: relative;
    margin-right: 0
}

.Gadget__Title .iconic * {
    stroke: hsla(313, 56.25%, 41.6%, 1)
}

.Gadget__Title:hover {
    background: hsla(0, 0%, 93%, 1)
}

.Gadget__Title:hover .Icon__Wrapper--Gadget__Title::after {
    border-bottom-color: hsla(0, 0%, 93%, 1);
    border-left-color: hsla(0, 0%, 93%, 1)
}

.Gadget__Container {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    opacity: 0;
    position: relative;
    padding: 0 0 0 0.625rem;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.Gadget__Container.is-open {
    opacity: 1
}

.Gadget__Controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    color: hsla(0, 0%, 60%, 1);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0 0.625rem 0 0;
    border-bottom: 0.0625rem solid hsla(0, 0%, 91%, 1);
    height: 2.875rem;
    padding: 0.5rem 0
}

.Gadget__Controls:last-of-type {
    border-bottom: 0
}

.Gadget__Controls .iconic {
    cursor: pointer;
    margin-left: 0
}

.Gadget__Controls .iconic * {
    stroke: hsla(0, 0%, 70%, 1)
}

.Gadget__Controls .Icon__Wrapper {
    height: 1rem
}

.Gadget__Controls__Edit {
    line-height: 1.875rem;
    margin-left: auto
}

.Gadget__Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.625rem
}

.Gadget__Item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 0.0625rem solid hsla(0, 0%, 92%, 1);
    padding: 0.75rem 0 0.9375rem
}

.Gadget__Item:first-of-type,.Gadget__Meta+.Gadget__Item {
    border-top: 0
}

.Gadget__Item .iconic .iconic-property-fill {
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.Gadget__Item .iconic .iconic-property-stroke {
    stroke: hsla(312, 61.29032%, 40.3%, 1)
}

.Gadget__Item--Click {
    cursor: pointer
}

.Gadget__Item--No-Border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0
}

.Gadget__Item--No-Border.Gadget__Item--Detail {
    padding-top: 0
}

.Gadget__Item--Unavailable {
    font-style: italic;
    opacity: .6
}

.Gadget__Item--Two-Column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Gadget__Item--Two-Column.Gadget__Item--Detail {
    padding-bottom: 0
}

.Gadget__Item--Two-Column *:last-child .Content,.Gadget__Item--Two-Column *:last-child .Link {
    text-align: right;
    width: 100%
}

.Gadget__Item--Two-Column .Gadget__Item__Details .Content,.Gadget__Item--Two-Column .Gadget__Item__Details .Link {
    text-align: left
}

.Gadget__Item--Two-Column .Gadget__Item__Details .Content {
    font-size: 0.75rem
}

.Gadget__Item--Form {
    border-top: 0;
    padding-top: 0
}

.Gadget__Item__Details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 0.75rem
}

.Gadget__Item__Media-Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.Gadget__Item__Media {
    width: 24%
}

.Gadget__Item__Icon .iconic {
    height: 1.4375rem;
    width: 1.4375rem
}

.Gadget__Meta {
    background: hsla(0, 0%, 95%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.1875rem 0.4375rem
}

.Gadget__Heading {
    margin-right: 0.75rem;
    border-bottom: 0.0625rem solid hsla(0, 0%, 92%, 1);
    padding: 0.5625rem 0
}

.Gadget__Modal {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.625rem 0;
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Gadget__Modal.is-active {
    visibility: visible;
    opacity: .95
}

.Gadget__Modal__Controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.625rem
}

.Gadget__Modal__Controls .iconic {
    cursor: pointer;
    margin-left: 0
}

.Gadget__Modal__Controls .iconic-x-thin path {
    stroke: hsla(0, 0%, 60%, 1)
}

.Gadget__Modal__Content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0.75rem;
    padding: 0 0.75rem
}

.Gadget__Modal__Content .Gadget__Item:first-of-type {
    padding-top: 0
}

.Gadget__Modal__Content .Link--Proposal {
    display: block;
    margin-top: .5rem
}

.Gadget__tldr {
    display: none;
    position: relative;
    margin: auto 0.75rem 0 0;
    border-top: 0.0625rem solid hsla(0, 0%, 92%, 1);
    padding: 27px 0 0
}

.Input--Gadget+.Gadget__tldr {
    border-top: 0
}

.Gadget__tldr::after {
    content: '';
    background: hsla(0, 0%, 70%, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    height: .25rem;
    width: 2rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.Gadget__Expansion {
    margin-left: -2.1875rem;
    width: calc(100% + 2.1875rem)
}

.Gadget__Expansion--Map {
    height: 18.125rem
}

.Gadget__BlankHeader {
    font-size: 1.25rem;
    font-weight: 500;
    color: hsla(0, 0%, 61%, 1);
    text-align: center;
    margin: auto 2rem 0
}

.Gadget__BlankHeader--NoSub {
    margin-bottom: auto
}

.Gadget__BlankHeaderSub {
    font-size: 1.25rem;
    font-weight: 300;
    color: hsla(0, 0%, 61%, 1);
    text-align: center;
    margin: 0 2rem auto
}

.Avatar--BackChannel {
    line-height: 1.4rem;
    height: 1.75rem;
    width: 1.75rem
}

.Avatar--BackChannelSingle {
    margin-top: auto;
    margin-bottom: auto
}

button.Button--Gadget {
    margin: 0 .5rem 0 0
}

.Button--Gadget__Modal__Controls {
    margin: 0
}

.Button--GadgetSummary {
    margin: 0.25rem 0 0
}

.Chat__Message--BackChannel {
    margin: 0;
    padding: .5rem
}

.Chat__Message--BackChannel .Message__Content {
    max-width: 70%
}

.Content--Gadget__Item {
    width: 100%
}

.Content--Gadget__Item p {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.Content--Meta {
    color: hsla(0, 0%, 70%, 1)
}

.Content--Meta,.Content--Meta .Link {
    font-size: 0.6875rem
}

.Content--Gadget__Item--Padded {
    font-size: 0.75rem;
    padding: 0.6875rem 0 0.375rem
}

.Content--BackChannel__Message {
    font-weight: 100
}

.Content--GadgetMeta {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin: 0.0625rem 0
}

.Heading--Gadget {
    font-size: 1.25rem;
    font-weight: 300;
    color: hsla(313, 56.25%, 41.6%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Heading--NoteTitle {
    font-size: 1rem;
    font-weight: 500
}

.Input--Gadget {
    line-height: 1rem;
    margin: 0;
    outline: none;
    border-radius: 0.25rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: hsla(199, 100%, 48%, 1);
    height: 1rem;
    width: 16.0625rem;
    padding: 0.625rem
}

.File-Upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.0625rem dashed hsla(199, 100%, 48%, 1);
    padding: 1.5rem 0
}

.File-Upload .iconic {
    margin: 0 0.625rem 0 0
}

.Gadget__Item__Media-Row+.File-Upload {
    margin-top: 1rem
}

.Input__Wrapper--Gadget {
    min-width: 0
}

.Channel__Input--BackChannel {
    margin: 0 0 0 -0.625rem
}

.Masthead--Gadget {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    margin: 0;
    width: 100%
}

.Masthead--GadgetBackChannel {
    margin-bottom: .5rem
}

.Masthead--Gadget .iconic-chevron * {
    fill: hsla(0, 0%, 80%, 1);
    stroke: hsla(0, 0%, 80%, 1)
}

.Time--Gadget {
    font-size: 0.75rem;
    font-weight: 300;
    white-space: nowrap
}

.Link--GadgetTitle {
    font-size: 1rem;
    font-weight: 500;
    margin-top: -0.1875rem
}

.Link--GadgetInactive {
    color: hsla(240, 0.50251%, 30.845%, 1)
}

.Link--GadgetMeta {
    font-size: 0.75rem
}

.Gadget__Container .Form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.Icon__Wrapper--Gadget__Title {
    margin: auto 0 auto auto;
    -webkit-transform-origin: 70% 40%;
    transform-origin: 70% 40%;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.Icon__Wrapper--Gadget__Title::after {
    content: '';
    display: block;
    border-top: 0.125rem solid hsla(313, 56.25%, 41.6%, 1);
    border-right: 0.125rem solid hsla(313, 56.25%, 41.6%, 1);
    border-bottom: 0.125rem solid hsla(0, 0%, 92%, 1);
    border-left: 0.125rem solid hsla(0, 0%, 92%, 1);
    height: 0.5rem;
    width: 0.5rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Icon__Wrapper--Gadget__Title.is-open {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Ticket__Badge--BackChannelList {
    margin-right: .5rem
}

.Ticket__Badge--BackChannelGadget {
    margin: auto auto auto .5rem
}

.CompanyNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 0;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.CompanyNav__List {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.Company__Logo {
    margin: 0;
    height: 1rem !important;
    width: auto !important
}

.Settings__Meta {
    background: hsla(0, 0%, 95%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100vw;
    padding: 0.5625rem 0.875rem
}

.Settings__Description {
    box-sizing: border-box;
    width: 100vw;
    padding: 1.125rem
}

.Settings__List {
    color: hsla(240, 0.50251%, 30.845%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100vw;
    padding: 1.125rem 1rem
}

.Settings__List svg {
    margin: 0;
    height: 0.875rem;
    width: 0.875rem
}

.Settings__List svg * {
    fill: hsla(0, 0%, 60%, 1);
    stroke: hsla(0, 0%, 60%, 1)
}

.Settings__List--Toggle {
    margin: 0 1.125rem;
    border-bottom: 0.0625rem solid hsla(0, 0%, 80%, 1);
    width: calc(100vw - (1.125rem * 2));
    padding: 0.875rem 0
}

.account_profile,.account__password {
    width: 100%
}

.Search__Overlay {
    background: hsla(0, 100%, 100%, 0.98);
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    top: -125vh;
    right: -50vw;
    border-radius: 10000px;
    height: 0;
    width: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all ease 600ms;
    transition: all ease 600ms
}

.Search__Overlay.is-active {
    visibility: visible;
    border-radius: 0;
    height: 250vh;
    width: 250vw
}

.Search__Container {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    height: calc(100vh - 3.75rem);
    width: 100vw;
    padding: 2rem
}

.Search__Container.is-active {
    visibility: visible;
    opacity: 1
}

.Masthead--SearchContainer {
    opacity: 0
}

.Masthead--SearchContainer.is-active {
    -webkit-animation-delay: 255ms;
    animation-delay: 255ms;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-name: transform-up;
    animation-name: transform-up
}

.Section__Content--Search {
    opacity: 0
}

.Section__Content--Search.is-active {
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-name: transform-up;
    animation-name: transform-up
}

.Section__Content--Search:first-child {
    -webkit-animation-delay: 295ms;
    animation-delay: 295ms
}

.Section__Content--Search:last-child {
    -webkit-animation-delay: 335ms;
    animation-delay: 335ms
}

.Section--Table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0
}

.Section--Table.is-active {
    -webkit-animation-delay: 375ms;
    animation-delay: 375ms;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-name: transform-up;
    animation-name: transform-up
}

.Heading--Masthead--Chat {
    padding-bottom: .25rem
}

.Heading--Masthead--Chat--Case {
    font-size: 1rem;
    -webkit-flex-shrink: initial;
    -ms-flex-negative: initial;
    flex-shrink: initial
}

.Heading--Masthead--Chat--Meta {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(0, 0%, 40%, 1);
    overflow: visible;
    padding: 0
}

.Heading--Masthead--Primary {
    font-size: 2rem;
    -webkit-flex-shrink: initial;
    -ms-flex-negative: initial;
    flex-shrink: initial
}

.Heading--Masthead--Primary:hover {
    background: hsla(0, 100%, 100%, 1);
    white-space: normal;
    position: absolute;
    top: 0;
    left: 0
}

.Heading--Masthead--Primary:hover+.Heading--Masthead--Chat--Meta {
    position: absolute;
    right: 0;
    bottom: 0.5625rem
}

.Masthead--Chat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    margin: 0;
    height: 4.375rem;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Masthead--Chat.MastHead--HasTicket {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Masthead--Chat .Masthead__Row {
    position: relative
}

.Masthead__Row--Primary {
    height: 2.75rem
}

.Ticket__Codename {
    color: rgba(0, 0, 0, 0.3)
}

.Ticket__BackChannelWarning {
    background: hsla(0, 0%, 5%, 0.67);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    cursor: pointer;
    padding: 0.75rem 1.125rem
}

.Ticket__BackChannelWarning+.Channel .Channel__Input {
    display: none
}

.Dossier {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.Dossier__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.Inspector {
    background: hsla(0, 0%, 95%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    position: relative;
    width: 26rem;
    padding: 1.5625rem 1rem 0.5rem;
    -webkit-transform: translateX(26rem);
    transform: translateX(26rem);
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Inspector.Inspector--HasTicket {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.Inspector.is-collapsed {
    margin-right: -25rem
}

.Inspector__Control {
    background: hsla(0, 0%, 80%, 1);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem
}

.Inspector__Control::after {
    content: '';
    position: absolute;
    top: 0.1875rem;
    left: 0.375rem;
    border-width: 5.5px 0 5.5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent hsla(0, 100%, 100%, 1);
    height: 0;
    width: 0;
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms
}

.Inspector.is-collapsed .Inspector__Control::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Inspector__Meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-width: 0 0 0.0625rem;
    border-style: solid;
    border-color: hsla(0, 0%, 90%, 1);
    padding: 0 0 .5rem
}

.Menu__Ticket {
    padding: 0
}

.Menu__Shell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Menu__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    margin-bottom: .5rem;
    padding-left: 1rem;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease
}

.Menu__Group__MastHead {
    background: hsla(0, 0%, 92%, 1);
    font-size: 0.875rem;
    color: hsla(0, 0%, 50%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 .5rem -1rem;
    padding: .75rem 1rem;
    -webkit-transition: background ease 100ms;
    transition: background ease 100ms
}

.Menu__Group__MastHead:hover {
    background: hsla(0, 0%, 93%, 1)
}

.Menu__Group__Total {
    margin-left: .25rem
}

.Icon__Wrapper--MenuGroup {
    margin-left: auto;
    -webkit-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.Icon__Wrapper--MenuGroup.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Icon__Wrapper--MenuGroup svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.Icon__Wrapper--MenuGroup svg.iconic.iconic-size-sm {
    height: 0.75rem;
    width: 0.75rem
}

.Icon__Wrapper--MenuGroup .iconic * {
    stroke: hsla(312, 61.29032%, 40.3%, 1)
}

.Ticket__Wrapper {
    background: hsla(0, 0%, 92%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 .5rem;
    width: 14rem;
    padding: 0.75rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Ticket__Wrapper:hover {
    background: hsla(0, 100%, 100%, 1)
}

.Ticket__Wrapper.is-active {
    background: hsla(0, 100%, 100%, 1);
    cursor: default
}

.Ticket__Wrapper--Loading {
    margin: 1rem auto
}

.Menu__Shell--Closed .Ticket__Wrapper:not(.is-active) {
    opacity: .5
}

.Ticket__Column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Ticket__Column--Avatar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 0.4375rem 0 0 0.9375rem
}

.Ticket__Column--Content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    overflow: hidden
}

.Ticket__Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Ticket__Badge {
    background: hsla(199, 100%, 48%, 1);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 625rem;
    height: 0.625rem;
    width: 0.625rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Ticket__Badge.is-active {
    visibility: visible;
    opacity: 1
}

.Ticket__Badge--Heading {
    margin: 0.4375rem 0 0 0.9375rem
}

.Ticket__Badge--BackChannel {
    margin: 0.375rem 0 0 0.375rem;
    height: 0.4375rem;
    width: 0.4375rem
}

.Heading--Ticket {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    box-sizing: border-box;
    margin-bottom: 0.1875rem
}

.Heading--Ticket .iconic-chat {
    margin: 0
}

.Heading--Ticket .iconic-chat .iconic-chat-bubble-back,.Heading--Ticket .iconic-chat .iconic-chat-bubble {
    fill: hsla(0, 0%, 60%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.Heading--TicketHash {
    font-weight: 500
}

.Heading--TicketTitle {
    font-size: 1.25rem;
    font-weight: 300;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.Heading--TicketTitle.is-active {
    color: hsla(199, 100%, 48%, 1);
    cursor: pointer
}

.Heading--TicketTitle.is-active:hover {
    color: hsla(199, 100%, 43%, 1)
}

.Heading--BackChannel:hover {
    color: hsla(199, 100%, 43%, 1);
    cursor: pointer
}

.Icon__Wrapper--BackChannel {
    margin-right: 0.3125rem
}

.Time--Ticket {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.8125rem;
    color: hsla(0, 0%, 30%, 1);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: .5rem
}

.Avatar--TicketNavItem {
    font-size: 1rem;
    line-height: 2.25rem;
    height: 2.25rem;
    width: 2.25rem
}

.TicketCard {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc((100%/3) - 1.8125rem);
    -ms-flex: 0 1 calc((100%/3) - 1.8125rem);
    flex: 0 1 calc((100%/3) - 1.8125rem);
    cursor: pointer;
    margin-right: 2.5rem;
    border: 0.0625rem solid hsla(0, 0%, 85%, 1);
    height: 10rem
}

.TicketCard:nth-child(3n+3) {
    margin-right: 0
}

.TicketCard__Meta {
    border-top: 0.0625rem solid hsla(0, 0%, 85%, 1);
    padding: 0.3125rem 0.625rem 0.46875rem
}

.TuulBot__Form--Pulse {
    margin-top: .25rem;
    border: 0;
    padding: 0
}

.TuulBot__Form--Pulse .iconic-star {
    height: 0.75rem;
    width: 0.75rem
}

.c3-axis .tick line {
    display: none
}

.c3-axis-x .domain {
    display: none
}

.c3-axis-x tspan {
    font-size: 0.75rem
}

.c3-axis-y .domain {
    stroke: hsla(0, 0%, 95%, 1)
}

.c3-axis-y tspan {
    font-size: 0.75rem;
    fill: hsla(0, 0%, 83%, 1)
}

.Heading--Select {
    overflow: visible;
    position: relative;
    padding-right: 1.25rem
}

.Heading--Select::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: calc(50% - (0.4375rem / 2));
    right: 0;
    border-width: 0.4375rem 0.3125rem 0;
    border-style: solid;
    border-color: hsla(312, 61.29032%, 40.3%, 1) transparent transparent;
    height: 0;
    width: 0
}

.Pulse__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: .5rem
}

.Pulse__Item__Definition {
    font-size: 0.75rem
}

.Pulse__Item__Term {
    font-size: 1.6875rem
}

.humans .Menu__List--Tickets {
    margin: 1rem 0
}

.humans .Menu__Group__MastHead--reportedByMe,.humans .Menu__Group__MastHead--assignedToMe {
    display: none
}

.humans .Chat__Flyout__TuulBot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.0625rem solid hsla(0, 0%, 90%, 1);
    padding-bottom: 0.625rem
}

.humans .Channel__Menu__Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.humans .Chat__Flyout__TuulBot__List {
    display: block
}

.humans .Chat__Flyout__TuulBot__Item,.humans .Chat__Flyout__TuulBot__Item:last-of-type {
    border: 0;
    padding-bottom: 0
}

.humans .Avatar--Chat__Message {
    display: none
}

.humans .Avatar--Chat__Message--TuulBot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.humans .MainNav {
    padding-bottom: 0
}

.humans .MainNav .iconic *,.humans .Logo--MainNav * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.humans .MainNav .Icon__Wrapper .iconic * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.humans .MainNav .Icon__Wrapper .iconic.iconic-chevron * {
    fill: none !important
}

.humans .GradientBar--MainNav {
    display: none
}

.humans .Logo--MainNav path,.humans .Logo--MainNav polygon {
    fill: hsla(0, 100%, 100%, 1)
}

.humans .MainNav__CreateCase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: auto 0 auto auto
}

.humans .MainNav__CreateCase .iconic-plus-thin * {
    stroke: hsla(0, 100%, 100%, 1)
}

.humans .MainNav__Title {
    color: hsla(0, 100%, 100%, 1)
}

.humans .MainNav__Item {
    color: rgba(255, 255, 255, 0.75)
}

.humans .MainNav__Item:hover,.humans .MainNav__Item.is-active {
    color: hsla(0, 100%, 100%, 1)
}

.humans .MainNav__RightGroup {
    border-left-color: hsla(0, 100%, 100%, 1)
}

.humans .Avatar--Status--MainNav::before {
    border-color: hsla(7, 79.77073%, 55.51%, 1)
}

.humans .Search__NavItem,.humans a[href="/profiles"],.humans .GradientBar--MainNav {
    display: none
}

.humans .Company {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    width: 100vw
}

.humans .Company__Detail,.humans .Company__Dossier {
    padding: 1.125rem
}

.humans .Company__Detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-bottom: 0.0625rem solid hsla(0, 0%, 93%, 1)
}

.humans .Company__Detail svg {
    height: 2rem;
    width: auto
}

.humans .Company__Detail ~ .TicketNav {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.humans .Company__Detail__Logo {
    width: 15.625rem;
    height: auto
}

.humans .Company__Detail__SLA {
    font-weight: 400;
    position: relative;
    padding: 1rem 0 0 1.25rem
}

.humans .Company__Detail__SLA__Status {
    position: absolute;
    top: 1.1rem;
    left: 0;
    border-radius: 500rem;
    height: 0.8125rem;
    width: 0.8125rem
}

.humans .Company__Detail__SLA__Status.Status--Red {
    background: hsla(353, 76.39485%, 53.4%, 1)
}

.humans .Company__Dossier {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.android,.ios {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.android [contenteditable],.ios [contenteditable] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.android .Modal__Overlay--Login,.ios .Modal__Overlay--Login {
    z-index: 25
}

.android .MainNav,.ios .MainNav {
    z-index: 20
}

.android .NotificationBar,.ios .NotificationBar {
    z-index: 15
}

.android .anti-modal-closer,.ios .anti-modal-closer {
    z-index: 10
}

.android .Modal__Overlay--Login::before,.android .MainNav__LeftGroup,.android .MainNav__RightGroup,.ios .Modal__Overlay--Login::before,.ios .MainNav__LeftGroup,.ios .MainNav__RightGroup {
    z-index: 5
}

.android .Main,.ios .Main {
    width: 100vw
}

.android .Main.directory,.ios .Main.directory {
    width: 200vw
}

.android .Main.in-conversation,.ios .Main.in-conversation {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.android .Main.tickets,.ios .Main.tickets {
    width: 600vw
}

.android .Main.in-ticket,.ios .Main.in-ticket {
    -webkit-transform: translateX(-16.66667%);
    transform: translateX(-16.66667%)
}

.android .Container,.ios .Container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100vw;
    padding: 0
}

.android .Loader,.ios .Loader {
    margin-left: calc(50vw - 1.5rem)
}

.android .Button--Md--Primary,.android .Button--Md--Secondary,.ios .Button--Md--Primary,.ios .Button--Md--Secondary {
    font-size: 1rem;
    line-height: 1rem;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 2.5rem;
    height: 2.5rem;
    width: 15rem;
    padding: 0.625rem
}

.android .Button--Login,.ios .Button--Login {
    margin-bottom: 1rem
}

.android .Button--Ticket,.ios .Button--Ticket {
    margin: 0;
    width: 100%
}

.android a:hover,.ios a:hover {
    text-decoration: none
}

.android .NotificationBar,.ios .NotificationBar {
    overflow: hidden
}

.android .NotificationBar__Item,.ios .NotificationBar__Item {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.android .Form:not(.Modal__Container):not(.Login__Form),.ios .Form:not(.Modal__Container):not(.Login__Form) {
    box-sizing: border-box;
    margin: 0;
    padding: .5rem 0
}

.android .Form__Wrapper,.ios .Form__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    padding: .5rem
}

.android .Fieldset--Form,.ios .Fieldset--Form {
    width: 100%;
    padding-right: 0
}

.android .Fieldset--MobileLast,.ios .Fieldset--MobileLast {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.android #accountsSettingsForm,.android #accountsPasswordForm,.android #accountsSwitchAccount,.ios #accountsSettingsForm,.ios #accountsPasswordForm,.ios #accountsSwitchAccount {
    width: 100vw
}

.android #accountsSettingsForm,.android #accountsPasswordForm,.ios #accountsSettingsForm,.ios #accountsPasswordForm {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.android #newCaseForm,.ios #newCaseForm {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.android .Input__Wrapper--Filter,.ios .Input__Wrapper--Filter {
    margin: 0 0.75rem;
    width: auto
}

.android .MobileIcon__Wrapper,.ios .MobileIcon__Wrapper {
    -webkit-tap-highlight-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.android .MobileIcon,.ios .MobileIcon {
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: auto auto 0.25rem;
    height: 2rem;
    width: 2rem
}

.android .MobileIcon .iconic-list-rich.is-active path,.android .MobileIcon .iconic-inbox.is-active path,.android .MobileIcon .iconic-tags.is-active path,.android .MobileIcon .iconic-cog.is-active path,.android .MobileIcon .iconic-comment-square.is-active path,.android .MobileIcon .iconic-inbox.is-active path,.android .MobileIcon .iconic-chat.is-active path,.android .MobileIcon .iconic-document.is-active path,.ios .MobileIcon .iconic-list-rich.is-active path,.ios .MobileIcon .iconic-inbox.is-active path,.ios .MobileIcon .iconic-tags.is-active path,.ios .MobileIcon .iconic-cog.is-active path,.ios .MobileIcon .iconic-comment-square.is-active path,.ios .MobileIcon .iconic-inbox.is-active path,.ios .MobileIcon .iconic-chat.is-active path,.ios .MobileIcon .iconic-document.is-active path {
    stroke: hsla(312, 61.29032%, 40.3%, 1);
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MobileIcon .iconic-list-rich path,.android .MobileIcon .iconic-inbox path,.android .MobileIcon .iconic-tags path,.android .MobileIcon .iconic-cog path,.android .MobileIcon .iconic-comment-square path,.android .MobileIcon .iconic-inbox path,.android .MobileIcon .iconic-chat path,.android .MobileIcon .iconic-document path,.ios .MobileIcon .iconic-list-rich path,.ios .MobileIcon .iconic-inbox path,.ios .MobileIcon .iconic-tags path,.ios .MobileIcon .iconic-cog path,.ios .MobileIcon .iconic-comment-square path,.ios .MobileIcon .iconic-inbox path,.ios .MobileIcon .iconic-chat path,.ios .MobileIcon .iconic-document path {
    stroke: hsla(0, 0%, 58%, 1);
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: transparent
}

.android .MobileIcon .iconic-list-rich,.ios .MobileIcon .iconic-list-rich {
    margin-bottom: -0.125rem;
    height: 1.5rem;
    width: 1.5rem
}

.android .MobileIcon .iconic-tags,.ios .MobileIcon .iconic-tags {
    margin-bottom: -0.1875rem;
    margin-left: 0.25rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.android .MobileIcon .iconic-tags path,.ios .MobileIcon .iconic-tags path {
    stroke-width: 2.5
}

.android .MobileIcon .iconic-cog,.ios .MobileIcon .iconic-cog {
    margin-bottom: -0.125rem;
    height: 1.4375rem;
    width: 1.4375rem
}

.android .MobileIcon .iconic-comment-square,.ios .MobileIcon .iconic-comment-square {
    margin-bottom: -0.1875rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.android .MobileIcon .iconic-inbox,.ios .MobileIcon .iconic-inbox {
    margin-bottom: -0.125rem;
    height: 1.5rem;
    width: 1.5rem
}

.android .MobileIcon .iconic-chat,.ios .MobileIcon .iconic-chat {
    margin-bottom: -0.4375rem;
    height: 1.875rem;
    width: 1.875rem
}

.android .MobileIcon .iconic-chat.is-active path,.ios .MobileIcon .iconic-chat.is-active path {
    stroke: transparent
}

.android .MobileIcon .iconic-chat .iconic-chat-bubble-back,.ios .MobileIcon .iconic-chat .iconic-chat-bubble-back {
    -webkit-transform: translate3d(-0.09375rem, -0.09375rem, 0);
    transform: translate3d(-0.09375rem, -0.09375rem, 0)
}

.android .MobileIcon .TuulBotIcon,.ios .MobileIcon .TuulBotIcon {
    margin-bottom: -0.4375rem;
    height: 1.75rem;
    width: 1.75rem
}

.android .MobileIcon .TuulBotIcon.is-active path,.ios .MobileIcon .TuulBotIcon.is-active path {
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MobileIcon .TuulBotIcon path,.ios .MobileIcon .TuulBotIcon path {
    fill: hsla(0, 0%, 58%, 1)
}

.android .MobileIcon .iconic-document,.ios .MobileIcon .iconic-document {
    margin-bottom: -0.125rem;
    height: 1.5rem;
    width: 1.5rem
}

.android .MobileIcon .iconic-document.is-active .iconic-document-outline,.ios .MobileIcon .iconic-document.is-active .iconic-document-outline {
    display: none
}

.android .MobileIcon .iconic-document.is-active path,.ios .MobileIcon .iconic-document.is-active path {
    stroke: transparent
}

.android .MobileIcon .iconic-document:not(.is-active) .iconic-document-page,.ios .MobileIcon .iconic-document:not(.is-active) .iconic-document-page {
    display: none
}

.android .MobileIcon .iconic-document rect,.ios .MobileIcon .iconic-document rect {
    fill: hsla(0, 0%, 58%, 1)
}

.android .MobileIcon--Tag:not(.is-active)::before,.ios .MobileIcon--Tag:not(.is-active)::before {
    border-color: hsla(0, 0%, 58%, 1)
}

.android .MobileIcon--Tag::before,.ios .MobileIcon--Tag::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0.6875rem;
    right: 1.3125rem;
    border-radius: 625rem;
    border: 0.0625rem solid transparent;
    height: 0.25rem;
    width: 0.25rem
}

.android .MobileIcon__Title,.ios .MobileIcon__Title {
    font-size: 0.6875rem;
    color: hsla(0, 0%, 58%, 1);
    text-align: center;
    margin: 0 auto 0.25rem
}

.android .MobileIcon__Title.is-active,.ios .MobileIcon__Title.is-active {
    color: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MobileIcon__Wrapper.is-active .MobileIcon__Title,.ios .MobileIcon__Wrapper.is-active .MobileIcon__Title {
    color: hsla(312, 61.29032%, 40.3%, 1)
}

.android .Ticket__Badge--MobileIcon,.ios .Ticket__Badge--MobileIcon {
    position: absolute;
    top: 0.3125rem;
    right: -0.25rem;
    height: 0.375rem;
    width: 0.375rem
}

.android .Detail__Group,.ios .Detail__Group {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 0.75rem
}

.android .Detail__Group:first-of-type,.ios .Detail__Group:first-of-type {
    margin-top: 0.75rem
}

.android .Detail,.ios .Detail {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2rem
}

.android .DropDown,.ios .DropDown {
    top: 0;
    box-shadow: none;
    border-radius: 0;
    height: 100vh;
    width: 100vw;
    padding: 0
}

.android .DropDown__Item,.ios .DropDown__Item {
    box-sizing: border-box;
    height: 1.875rem
}

.android .DropDown__Item .iconic,.ios .DropDown__Item .iconic {
    height: 1.25rem;
    width: 1.25rem
}

.android .DropDown__Item--SelectizeOption,.ios .DropDown__Item--SelectizeOption {
    height: 1.25rem
}

.android .Channel__Participants__Wrapper,.ios .Channel__Participants__Wrapper {
    margin-right: 1rem
}

.android .Avatar--Channel__DropDown,.ios .Avatar--Channel__DropDown {
    font-size: 1rem;
    line-height: 2.125rem;
    height: 2rem;
    width: 2rem
}

.android .MainNav--DropDown,.ios .MainNav--DropDown {
    margin-bottom: .5rem
}

.android .GradientBar--Login,.ios .GradientBar--Login {
    height: 0.25rem;
    width: 100%
}

.android .Login,.ios .Login {
    box-sizing: border-box;
    margin: auto 0;
    width: 100vw;
    padding: 0 1.5rem
}

.android .Logo--Login,.ios .Logo--Login {
    margin-left: auto
}

.android .TagLine--Login,.ios .TagLine--Login {
    margin: 1rem auto
}

.android .Login__Wrapper,.ios .Login__Wrapper {
    box-shadow: none;
    min-height: 12.5625rem;
    padding: 0
}

.android .Login__Wrapper::after,.ios .Login__Wrapper::after {
    content: none
}

.android .Login__Form,.ios .Login__Form {
    min-height: 12.5625rem
}

.android .Input__Wrapper--Login,.ios .Input__Wrapper--Login {
    min-width: 100%
}

.android .Button__Group--Login,.ios .Button__Group--Login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.android .Button__Group--Login button.Button--Login,.ios .Button__Group--Login button.Button--Login {
    margin: 0 0 1rem;
    width: 100%
}

.android .Content--Login,.ios .Content--Login {
    text-align: center;
    margin: 2rem auto 1.5rem
}

.android .Menu,.ios .Menu {
    background: hsla(0, 100%, 100%, 1);
    width: 100vw
}

.android .Menu::before,.ios .Menu::before {
    content: none
}

.android .Menu--Directory,.ios .Menu--Directory {
    padding: 0
}

.android .Menu__List,.ios .Menu__List {
    margin: 0
}

.android .Menu__List--Directory,.ios .Menu__List--Directory {
    margin: 0
}

.android .Menu__NewChannel,.ios .Menu__NewChannel {
    margin-bottom: auto
}

.android .Menu__Shell,.ios .Menu__Shell {
    position: relative
}

.android .Menu__Shell:last-child .Ticket__Wrapper::after,.ios .Menu__Shell:last-child .Ticket__Wrapper::after {
    content: none
}

.android .Menu__Group,.ios .Menu__Group {
    margin-bottom: 0;
    padding-left: 0
}

.android .Menu__Group__MastHead,.ios .Menu__Group__MastHead {
    background: hsla(0, 0%, 93%, 1);
    line-height: 1.5rem;
    box-sizing: border-box;
    margin: 0;
    height: 2rem;
    padding: 0.25rem 0.75rem
}

.android .Menu__Heading,.ios .Menu__Heading {
    font-size: 0.9375rem;
    margin-top: auto;
    margin-bottom: auto
}

.android .Menu__SubHeading,.ios .Menu__SubHeading {
    font-size: 0.9375rem;
    margin-top: auto;
    margin-bottom: auto
}

.android .Menu__Room,.ios .Menu__Room {
    font-size: 1rem
}

.android .Menu__Room__Wrapper,.ios .Menu__Room__Wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0.375rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.android .Menu__Room__Wrapper:hover,.ios .Menu__Room__Wrapper:hover {
    background: initial
}

.android .Menu__Room__Wrapper::before,.ios .Menu__Room__Wrapper::before {
    content: '';
    background: hsla(0, 0%, 93%, 1);
    position: absolute;
    top: 0;
    right: 0;
    left: 3rem;
    height: 0.0625rem
}

.android .Menu__Masthead+.Menu__Room__Wrapper::before,.ios .Menu__Masthead+.Menu__Room__Wrapper::before {
    content: none
}

.android .Menu__Overlay,.ios .Menu__Overlay {
    display: none
}

.android .Ticket__Wrapper,.ios .Ticket__Wrapper {
    background: hsla(0, 100%, 100%, 1);
    margin: 0 0 -0.0625rem;
    width: 100%;
    padding: 0.75rem 1.125rem 0.75rem 0.75rem
}

.android .Ticket__Wrapper.is-active,.ios .Ticket__Wrapper.is-active {
    background: transparent
}

.android .Ticket__Wrapper::after,.ios .Ticket__Wrapper::after {
    content: '';
    background: hsla(0, 0%, 90%, 1);
    position: absolute;
    right: 1.125rem;
    bottom: 0.0625rem;
    height: 0.0625rem;
    width: calc(100vw - 2.25rem)
}

.android .Ticket__Column--Avatar,.ios .Ticket__Column--Avatar {
    padding: 0 1rem 0.4375rem 0
}

.android .Heading--Ticket,.ios .Heading--Ticket {
    font-size: 1rem
}

.android .Heading--TicketTitle,.ios .Heading--TicketTitle {
    font-size: 1.25rem
}

.android .Ticket__Actions--Wrapper,.ios .Ticket__Actions--Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.android .Ticket__Action,.ios .Ticket__Action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    width: 6.25rem;
    padding: 1rem 0
}

.android .Ticket__Action .iconic,.ios .Ticket__Action .iconic {
    margin: 0
}

.android .Ticket__Action .iconic *,.ios .Ticket__Action .iconic * {
    fill: hsla(0, 100%, 100%, 1);
    stroke: hsla(0, 100%, 100%, 1)
}

.android .Ticket__Action--Archive,.ios .Ticket__Action--Archive {
    background-color: hsla(0, 0%, 60%, 1)
}

.android .Ticket__Action--Close,.ios .Ticket__Action--Close {
    background-color: hsla(357, 81.9576%, 55.66%, 1)
}

.android .Ticket__Action--Mute,.ios .Ticket__Action--Mute {
    background-color: hsla(0, 0%, 70%, 1)
}

.android .Menu__Shell--Closed .Ticket__Wrapper:not(.is-active),.ios .Menu__Shell--Closed .Ticket__Wrapper:not(.is-active) {
    opacity: 1
}

.android .Menu__Shell--Closed .Ticket__Column,.ios .Menu__Shell--Closed .Ticket__Column {
    opacity: .5
}

.android .Menu__Blank,.ios .Menu__Blank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10vh auto 0;
    max-width: 20.3125rem
}

.android .Heading--TicketBlank,.ios .Heading--TicketBlank {
    font-size: 1.5625rem
}

.android .Menu .Button--Md--Secondary,.ios .Menu .Button--Md--Secondary {
    margin-top: 2rem
}

.android .Avatar--Directory,.ios .Avatar--Directory {
    font-size: 0.9375rem;
    line-height: 2rem;
    height: 2rem;
    width: 2rem
}

.android .Badge__Directory,.ios .Badge__Directory {
    font-size: 0.6875rem;
    line-height: 1.25rem;
    top: 1.1875rem;
    right: 0.0625rem;
    box-shadow: none;
    height: 1.125rem;
    min-width: 1.125rem
}

.android .Content--TicketAction,.ios .Content--TicketAction {
    font-size: 1rem;
    color: hsla(0, 100%, 100%, 1)
}

.android .Icon--MastheadMenu.iconic-people.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.android .Icon--MastheadMenu.iconic-people.iconic.iconic-size-sm,.ios .Icon--MastheadMenu.iconic-people.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios .Icon--MastheadMenu.iconic-people.iconic.iconic-size-sm {
    margin: auto 0.75rem auto 1.0625rem;
    height: 1.25rem;
    width: 1.25rem
}

.android .Icon--MastheadMenu.iconic-person.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.android .Icon--MastheadMenu.iconic-person.iconic.iconic-size-sm,.android .Icon--MastheadMenu.iconic-comment-square.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.android .Icon--MastheadMenu.iconic-comment-square.iconic.iconic-size-sm,.android .Icon--MastheadMenu.iconic-shield.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.android .Icon--MastheadMenu.iconic-shield.iconic.iconic-size-sm,.ios .Icon--MastheadMenu.iconic-person.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios .Icon--MastheadMenu.iconic-person.iconic.iconic-size-sm,.ios .Icon--MastheadMenu.iconic-comment-square.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios .Icon--MastheadMenu.iconic-comment-square.iconic.iconic-size-sm,.ios .Icon--MastheadMenu.iconic-shield.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios .Icon--MastheadMenu.iconic-shield.iconic.iconic-size-sm {
    margin: auto 0.75rem auto 1.1875rem;
    height: 0.9375rem;
    width: 0.9375rem
}

.android .Menu__NewChannel,.ios .Menu__NewChannel {
    background: hsla(312, 61.29032%, 40.3%, 1);
    margin: 0.1875rem 0.625rem 0.1875rem auto;
    height: 1.1875rem;
    width: 1.1875rem
}

.android .Menu__NewChannel::before,.android .Menu__NewChannel::after,.ios .Menu__NewChannel::before,.ios .Menu__NewChannel::after {
    background: hsla(30, 8.6758%, 94.525%, 1)
}

.android .Menu__NewChannel::before,.ios .Menu__NewChannel::before {
    top: calc(50% - 0.34375rem);
    left: calc(50% - 0.03125rem);
    height: 0.6875rem;
    width: 0.0625rem
}

.android .Menu__NewChannel::after,.ios .Menu__NewChannel::after {
    top: calc(50% - 0.03125rem);
    left: calc(50% - 0.34375rem);
    height: 0.0625rem;
    width: 0.6875rem
}

.android .Menu__Masthead,.ios .Menu__Masthead {
    background: hsla(0, 0%, 93%, 1);
    box-sizing: border-box;
    margin: 1rem 0 .5rem;
    height: 2rem;
    padding: 0.25rem
}

.android .Menu__Masthead:first-of-type,.ios .Menu__Masthead:first-of-type {
    margin-top: 0
}

.android .anti-modal-overlay ~ #__blaze-root,.ios .anti-modal-overlay ~ #__blaze-root {
    -webkit-filter: none;
    filter: none
}

.android .Modal,.ios .Modal {
    overflow: hidden;
    padding-bottom: 0
}

.android .Modal--Image,.ios .Modal--Image {
    padding: 0
}

.android .Modal__Overlay,.ios .Modal__Overlay {
    background: hsla(0, 100%, 100%, 1)
}

.android .Modal__Overlay--Image,.ios .Modal__Overlay--Image {
    background: hsla(0, 0%, 5%, 1)
}

.android .anti-modal-closer,.ios .anti-modal-closer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed
}

.android .Modal__Close,.android .accounts-close,.ios .Modal__Close,.ios .accounts-close {
    position: relative;
    top: initial;
    right: initial;
    margin: auto;
    height: 1.4375rem;
    width: 1.4375rem
}

.android .Modal__Close::before,.android .Modal__Close::after,.android .accounts-close::before,.android .accounts-close::after,.ios .Modal__Close::before,.ios .Modal__Close::after,.ios .accounts-close::before,.ios .accounts-close::after {
    background: hsla(0, 100%, 100%, 1);
    top: 50%;
    height: 0.1875rem;
    width: 1.4375rem
}

.android .Modal__Content,.ios .Modal__Content {
    background: transparent;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    box-shadow: none;
    height: 100%;
    width: 100vw;
    padding: 20px 0 0
}

.android .Modal__Content--Image,.ios .Modal__Content--Image {
    overflow: hidden;
    margin: auto;
    max-height: calc(100vh - 2rem);
    width: auto;
    max-width: 100vw
}

.android .Modal__Container,.ios .Modal__Container {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: auto 0;
    padding: 1rem
}

.android .Modal__Container h3:not([class]),.android .Modal__Container h4:not([class]),.android .Modal__Container p:not([class]),.ios .Modal__Container h3:not([class]),.ios .Modal__Container h4:not([class]),.ios .Modal__Container p:not([class]) {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.android .Heading--ModalTitle,.android .accounts-dialog label,.android .accounts-dialog .title,.ios .Heading--ModalTitle,.ios .accounts-dialog label,.ios .accounts-dialog .title {
    font-size: 1.125rem;
    font-weight: 400;
    color: hsla(0, 100%, 100%, 1);
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.android .business .Heading--ModalTitle,.ios .business .Heading--ModalTitle {
    background: hsla(282, 26.58228%, 20.54%, 1)
}

.android .Content--ModalTitle,.ios .Content--ModalTitle {
    display: none
}

.android .tagline,.ios .tagline {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1rem auto
}

.android .accounts-dialog,.android .accounts-centered-dialog,.ios .accounts-dialog,.ios .accounts-centered-dialog {
    background: hsla(0, 100%, 100%, 1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 100vh;
    max-height: 100vh;
    width: 100vw
}

.android .accounts-dialog label,.android .accounts-dialog .title,.ios .accounts-dialog label,.ios .accounts-dialog .title {
    background: hsla(282, 26.58228%, 20.54%, 1) !important;
    margin: 0
}

.android .Section,.ios .Section {
    width: 100vw
}

.android .Section__Content,.ios .Section__Content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 0
}

.android .Skeleton__Wrapper--TicketMenu,.ios .Skeleton__Wrapper--TicketMenu {
    background: hsla(0, 100%, 100%, 1);
    margin: 0 1rem 0 3.25rem;
    width: auto
}

.android .Skeleton__Wrapper--TicketMenu::after,.ios .Skeleton__Wrapper--TicketMenu::after {
    content: '';
    background: hsla(0, 0%, 90%, 1);
    position: absolute;
    right: 1.125rem;
    bottom: .0625rem;
    height: .0625rem;
    width: calc(100vw - 2.25rem)
}

.android .Skeleton__Wrapper--TicketMenu:first-of-type,.ios .Skeleton__Wrapper--TicketMenu:first-of-type {
    margin-top: 1rem
}

.android .Skeleton__Mask--TicketMenu,.ios .Skeleton__Mask--TicketMenu {
    background: hsla(0, 100%, 100%, 1)
}

.android .TuulBelt__Container,.ios .TuulBelt__Container {
    margin-left: -2.9375rem;
    height: 100vh;
    padding-left: 2.9375rem
}

.android .TuulBelt__Wrapper.is-active,.ios .TuulBelt__Wrapper.is-active {
    margin-left: 0.875rem
}

.android .TuulBelt__Chat,.ios .TuulBelt__Chat {
    height: calc(100vh - 6px);
    width: calc(100vw - 6px)
}

.android .TuulBelt__Overlay.is-active,.ios .TuulBelt__Overlay.is-active {
    -webkit-transform: scale(50);
    transform: scale(50)
}

.android .TuulBot__Title,.ios .TuulBot__Title {
    font-size: 1.25rem;
    font-weight: 300
}

.android .TuulBot__Meta,.ios .TuulBot__Meta {
    font-size: 1rem;
    line-height: 1.25rem
}

.android .Button--TuulBot,.ios .Button--TuulBot {
    padding: 0.5rem 1.125rem 0.625rem
}

.android .Button__Group--TuulBot,.ios .Button__Group--TuulBot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.android .Masthead--Chat,.ios .Masthead--Chat {
    display: none
}

.android .Channel__Messages:not(.Channel__Messages--BackChannels),.ios .Channel__Messages:not(.Channel__Messages--BackChannels) {
    margin-left: 0;
    padding: 0 .5rem
}

.android .Channel__Messages--BackChannels,.ios .Channel__Messages--BackChannels {
    padding: 0 .5rem
}

.android .Message__Content,.ios .Message__Content {
    max-width: calc(100% - 7.5rem)
}

.android .Message__Content--TuulBot,.ios .Message__Content--TuulBot {
    box-sizing: border-box;
    width: calc(100vw - 2rem)
}

.android .Channel__Input,.ios .Channel__Input {
    margin-right: 0;
    width: 100vw
}

.android .Channel__Input--BackChannel,.ios .Channel__Input--BackChannel {
    margin-left: 0
}

.android .TicketActions__Wrapper,.ios .TicketActions__Wrapper {
    position: relative
}

.android .Masthead--Chat__Messages,.ios .Masthead--Chat__Messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    border: 0
}

.android .Masthead--Chat__Messages .Link,.ios .Masthead--Chat__Messages .Link {
    width: 100%
}

.android .Chat__Tuul__Wrapper,.ios .Chat__Tuul__Wrapper {
    position: absolute;
    bottom: 0
}

.android .Chat__Tuul,.ios .Chat__Tuul {
    position: absolute;
    bottom: 0.3125rem;
    border-right: 0
}

.android .Chat__Tuul::after,.ios .Chat__Tuul::after {
    content: none
}

.android .Chat__Flyout,.ios .Chat__Flyout {
    visibility: visible;
    opacity: 1;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 100vw;
    box-shadow: none;
    width: 100vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.android .Chat__Flyout.is-active,.ios .Chat__Flyout.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.android .Input--Chat,.ios .Input--Chat {
    box-sizing: box-sizing;
    border-radius: 0;
    border-width: 0.0625rem 0 0;
    border-color: hsla(0, 0%, 85%, 1);
    height: 2.875rem;
    padding-right: 3.75rem;
    padding-left: 3.375rem
}

.android .Link--Send,.ios .Link--Send {
    font-size: 1rem;
    line-height: 2.875rem;
    color: hsla(0, 0%, 60%, 1);
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.75rem
}

.android .Link--Send.is-active,.ios .Link--Send.is-active {
    color: hsla(199, 100%, 48%, 1)
}

.android .TabBar,.ios .TabBar {
    background: hsla(0, 100%, 100%, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    border-top: 1px solid hsla(0, 0%, 85%, 1);
    width: 100vw
}

.android .Channel__Participants,.ios .Channel__Participants {
    margin: 0;
    height: 100vh;
    width: 100vw;
    padding: 0
}

.android .Channel__Participants__Item,.ios .Channel__Participants__Item {
    margin: .5rem
}

.android .MainNav,.ios .MainNav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: relative
}

.android .GradientBar--MainNav,.ios .GradientBar--MainNav {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.android .MainNav__CenterGroup,.ios .MainNav__CenterGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.android .MainNav__RightGroup,.ios .MainNav__RightGroup {
    border-left: 0;
    width: initial;
    max-width: initial
}

.android .MainNav__RightGroup .iconic-x-thin path,.ios .MainNav__RightGroup .iconic-x-thin path {
    stroke: hsla(0, 100%, 100%, 1)
}

.android .MainNav__Title,.ios .MainNav__Title {
    font-size: 1.125rem;
    font-weight: 400;
    color: hsla(0, 100%, 100%, 1)
}

.android .MainNav__Title .iconic.iconic-size-sm.iconic-chevron,.ios .MainNav__Title .iconic.iconic-size-sm.iconic-chevron {
    vertical-align: baseline;
    height: 0.6875rem;
    width: 0.6875rem
}

.android .MainNav__Title .iconic-chevron path,.ios .MainNav__Title .iconic-chevron path {
    stroke: hsla(0, 100%, 100%, 1);
    stroke-width: 0.125rem
}

.android .MainNav__Title--Sub,.ios .MainNav__Title--Sub {
    font-size: 0.75rem
}

.android .Logo--MainNav path,.android .Logo--MainNav polygon,.ios .Logo--MainNav path,.ios .Logo--MainNav polygon {
    fill: hsla(0, 100%, 100%, 1)
}

.android .MainNav.in-ticket .MainNav__RightGroup .iconic-ellipses,.ios .MainNav.in-ticket .MainNav__RightGroup .iconic-ellipses {
    visibility: visible;
    opacity: 1
}

.android .iconic-ellipses,.ios .iconic-ellipses {
    margin: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.android .Gadget__Wrapper.is-collapsed,.ios .Gadget__Wrapper.is-collapsed {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.android .Gadget__Wrapper,.ios .Gadget__Wrapper {
    margin: 0;
    width: 100vw;
    max-width: 100vw
}

.android .Gadget__Wrapper.is-collapsed .Gadget__Container,.ios .Gadget__Wrapper.is-collapsed .Gadget__Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.android .Gadget__Container,.ios .Gadget__Container {
    opacity: 1
}

.android .Gadget__tldr,.ios .Gadget__tldr {
    display: none
}

.android .Gadget__Title,.ios .Gadget__Title {
    display: none
}

.android .Gadget__Modal,.ios .Gadget__Modal {
    top: 0
}

.android .pac-container,.ios .pac-container {
    display: none
}

.android .Gadget__Item__Details .Link,.ios .Gadget__Item__Details .Link {
    font-size: 1.25rem
}

.android .Gadget__Item__Details .Content,.ios .Gadget__Item__Details .Content {
    font-size: 0.875rem
}

.android .Gadget__Meta .Content,.android .Gadget__Meta .Link,.ios .Gadget__Meta .Content,.ios .Gadget__Meta .Link {
    font-size: 1rem
}

.android .Time--Gadget,.ios .Time--Gadget {
    font-size: 0.875rem;
    font-weight: 300;
    color: hsla(0, 0%, 60%, 1)
}

.android .Gadget__Item .Link,.android .Gadget__Item .Content,.android .Gadget__Item .Time,.ios .Gadget__Item .Link,.ios .Gadget__Item .Content,.ios .Gadget__Item .Time {
    font-size: 1rem
}

.android .Gadget__Item [class^="row"] .Link,.ios .Gadget__Item [class^="row"] .Link {
    font-weight: 500
}

.android .Gadget__Item .Gadget__Item__Details .Link.Link--GadgetTitle,.ios .Gadget__Item .Gadget__Item__Details .Link.Link--GadgetTitle {
    width: auto
}

.android .Modal__Container.Modal__Container--CompanySelect,.ios .Modal__Container.Modal__Container--CompanySelect {
    margin: 0;
    padding: 0
}

.android .Dossier,.ios .Dossier {
    width: 500vw
}

.android .directory .Dossier,.ios .directory .Dossier {
    width: 100vw
}

.android .Dossier__Container,.ios .Dossier__Container {
    width: 500vw;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.android .Dossier__Container.in-tickets,.ios .Dossier__Container.in-tickets {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

.android .Dossier__Container.in-backchannels,.ios .Dossier__Container.in-backchannels {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%)
}

.android .Dossier__Container.in-tuulbots,.ios .Dossier__Container.in-tuulbots {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%)
}

.android .Dossier__Container.in-notes,.ios .Dossier__Container.in-notes {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%)
}

.android .directory .Dossier__Container,.ios .directory .Dossier__Container {
    width: 100vw
}

.android .Inspector__Control,.ios .Inspector__Control {
    display: none
}

.android .Inspector,.ios .Inspector {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 400vw;
    padding: 0
}

.android .humans .Main,.ios .humans .Main {
    width: 200vw
}

.android .humans .Main.in-ticket,.ios .humans .Main.in-ticket {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.android .humans .Channel__Messages,.ios .humans .Channel__Messages {
    box-sizing: border-box;
    width: 100vw
}

.tablet .NotificationBar {
    top: 5rem
}

.tablet .MainNav {
    padding-top: 1.25rem
}

.tablet .GradientBar--MainNav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1.25rem;
    width: 100%
}

.android .TabBar {
    z-index: 30
}

.android .MainNav__NavDrawer {
    z-index: 20
}

.android .MainNav__CenterGroup {
    z-index: 5
}

.android .App--SoBasic .NotificationBar {
    top: 0
}

.android .NotificationBar {
    top: 3.5rem
}

.android .material-design-hamburger__icon {
    background: none;
    display: block;
    cursor: pointer;
    outline: 0;
    border: none;
    padding: 0 1rem
}

.android .material-design-hamburger__layer {
    background: hsla(0, 100%, 100%, 1);
    display: block;
    position: relative;
    height: 0.125rem;
    width: 1.4375rem;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.android .material-design-hamburger__layer:before,.android .material-design-hamburger__layer:after {
    content: '';
    background: inherit;
    display: block;
    position: absolute;
    left: 0;
    width: inherit;
    height: 0.125rem;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.android .material-design-hamburger__layer:before {
    bottom: 300%
}

.android .material-design-hamburger__layer:after {
    top: 300%
}

.android .material-design-hamburger__icon--to-arrow {
    -webkit-animation-name: material-design-hamburger__icon--slide;
    animation-name: material-design-hamburger__icon--slide;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.android .material-design-hamburger__icon--to-arrow:before {
    -webkit-animation-name: material-design-hamburger__icon--slide-before;
    animation-name: material-design-hamburger__icon--slide-before;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.android .material-design-hamburger__icon--to-arrow:after {
    -webkit-animation-name: material-design-hamburger__icon--slide-after;
    animation-name: material-design-hamburger__icon--slide-after;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.android .material-design-hamburger__icon--from-arrow {
    -webkit-animation-name: material-design-hamburger__icon--slide-from;
    animation-name: material-design-hamburger__icon--slide-from
}

.android .material-design-hamburger__icon--from-arrow:before {
    -webkit-animation-name: material-design-hamburger__icon--slide-before-from;
    animation-name: material-design-hamburger__icon--slide-before-from
}

.android .material-design-hamburger__icon--from-arrow:after {
    -webkit-animation-name: material-design-hamburger__icon--slide-after-from;
    animation-name: material-design-hamburger__icon--slide-after-from
}

@-webkit-keyframes material-design-hamburger__icon--slide {
    0% {
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes material-design-hamburger__icon--slide {
    0% {
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes material-design-hamburger__icon--slide-before {
    0% {
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 3% 40%;
        width: 75%;
        bottom: 242%
    }
}

@keyframes material-design-hamburger__icon--slide-before {
    0% {
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 3% 40%;
        width: 75%;
        bottom: 242%
    }
}

@-webkit-keyframes material-design-hamburger__icon--slide-after {
    0% {
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 3% 40%;
        width: 75%;
        top: 242%
    }
}

@keyframes material-design-hamburger__icon--slide-after {
    0% {
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 3% 40%;
        width: 75%;
        top: 242%
    }
}

@-webkit-keyframes material-design-hamburger__icon--slide-from {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    100% {
    }
}

@keyframes material-design-hamburger__icon--slide-from {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    100% {
    }
}

@-webkit-keyframes material-design-hamburger__icon--slide-before-from {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 3% 40%;
        width: 75%
    }

    100% {
    }
}

@keyframes material-design-hamburger__icon--slide-before-from {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 3% 40%;
        width: 75%
    }

    100% {
    }
}

@-webkit-keyframes material-design-hamburger__icon--slide-after-from {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 3% 40%;
        width: 75%
    }

    100% {
    }
}

@keyframes material-design-hamburger__icon--slide-after-from {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 3% 40%;
        width: 75%
    }

    100% {
    }
}

.android .FilterGroup {
    background: hsla(0, 100%, 100%, 1);
    height: 3.75rem;
    padding: 0
}

.android .Filter {
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 3.75rem;
    color: hsla(240, 0.50251%, 30.845%, 1);
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    border: 0;
    height: 100%;
    padding: 0
}

.android .Filter::after {
    content: '';
    background: hsla(312, 61.29032%, 40.3%, 1);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.25rem;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.android .Filter.is-active::after {
    visibility: visible;
    opacity: 1
}

.android .Form {
    width: 100%;
    padding: 0
}

.android #accountsSettingsForm .Form__Wrapper,.android #accountsPasswordForm {
    width: 100vw
}

.android .Input__Wrapper {
    min-width: initial;
    width: 100%
}

.android .Ticket__Badge--MobileIcon {
    position: initial;
    margin-left: .5rem
}

.android .MobileIcon .TuulBotIcon {
    height: 1.6875rem;
    width: 1.6875rem
}

.android .anti-modal-closer {
    height: 3.5rem;
    width: 3.5rem
}

.android .Modal__Container {
    padding: 3.75rem 1.5rem 1.5rem
}

.android .Modal__Container .Link--Button__Group {
    line-height: 1rem;
    margin: 0;
    padding: 1rem 0
}

.android .Modal__Container.Form {
    width: auto
}

.android .Heading--ModalTitle,.android .accounts-dialog label,.android .accounts-dialog .title {
    line-height: 3.5rem;
    height: 3.5rem
}

.android .MainNav__Title.Modal__Title {
    text-align: center
}

.android .CompanyNav__List {
    padding-top: 3.5rem
}

.android .Modal__Content {
    padding-top: 3.5rem
}

.android .Modal__Content--Image {
    margin-top: 3.5rem
}

.android .Image--Modal {
    max-height: calc(100vh - 3.5rem)
}

.android .accounts-dialog,.android .accounts-centered-dialog {
    padding-top: 4.5rem
}

.android .accounts-close {
    position: absolute;
    top: 0.8125rem;
    right: 1rem
}

.android .TabBar {
    background: hsla(0, 0%, 30%, 1);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 1.5px 2.6px 3px rgba(5, 5, 5, 0.07);
    border: 0;
    height: 3.0625rem;
    padding: 0 0.375rem 0.1875rem
}

.android .TabBar::-webkit-scrollbar {
    height: 0
}

.android .TabBar .MobileIcon__Wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding: 0 .75rem
}

.android .TabBar .MobileIcon__Wrapper.is-active::after {
    content: '';
    background: hsla(312, 61.29032%, 40.3%, 1);
    position: absolute;
    right: 0;
    bottom: -0.1875rem;
    left: 0;
    height: 0.1875rem
}

.android .TabBar .MobileIcon__Title {
    font-size: 0.875rem;
    color: hsla(0, 100%, 100%, 1);
    text-transform: uppercase;
    margin: auto
}

.android .TabBar .MobileIcon__Title.is-active {
    color: hsla(0, 100%, 100%, 1)
}

.android .TabBar .MobileIcon {
    display: none
}

.android .Channel__Participants__Icon:not(.Channel__Participants__Wrapper--BackChannel) .iconic-person .iconic-person-head,.android .Channel__Participants__Icon:not(.Channel__Participants__Wrapper--BackChannel) .iconic-person .iconic-person-body {
    fill: hsla(0, 100%, 100%, 1)
}

.android .MainNav {
    box-sizing: border-box;
    height: 3.5rem;
    padding: 0
}

.android .MainNav.in-ticket {
    box-shadow: none
}

.android .MainNav.in-conversation .Logo--MainNav,.android .MainNav.in-ticket .Logo--MainNav,.android .MainNav.in-settings .Logo--MainNav {
    visibility: hidden;
    opacity: 0
}

.android .MainNav .Icon__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    width: 3rem
}

.android .MainNav .Icon__Wrapper .iconic-ellipses * {
    fill: hsla(0, 100%, 100%, 1)
}

.android .MainNav .Icon__Wrapper .iconic-plus-thin * {
    stroke: hsla(0, 100%, 100%, 1)
}

.android .Logo--MainNav {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms
}

.android .GradientBar--MainNav {
    display: none
}

.android .MainNav__CenterGroup {
    right: 5.5rem;
    left: 3.75rem
}

.android .MainNav__RightGroup {
    margin: 0;
    height: 3.5rem;
    width: 5.5rem
}

.android .MainNav__Title {
    text-align: left
}

.android .MainNav__Item {
    font-size: 1.125rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin: 0;
    border-bottom: 0.0625rem solid hsla(0, 0%, 93%, 1);
    width: 100%;
    padding: 1rem 0
}

.android .MainNav__Item.is-active .MainNav__Item__Icon {
    background: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MainNav__Item .MainNav__Item__Icon {
    background: hsla(0, 0%, 85%, 1);
    margin-right: 1rem
}

.android .MainNav__Item .iconic * {
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
    stroke: hsla(0, 100%, 100%, 1);
    fill: hsla(0, 100%, 100%, 1)
}

.android .MainNav__Item .iconic-chat .iconic-chat-bubble-back,.android .MainNav__Item .iconic-chat .iconic-chat-bubble {
    stroke: hsla(0, 100%, 100%, 1) !important
}

.android .MainNav__Item .iconic-rocket .iconic-rocket-fin,.android .MainNav__Item .iconic-rocket .iconic-rocket-body {
    stroke: none !important
}

.android .MainNav__NavDrawer {
    background: hsla(0, 100%, 100%, 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 21.125rem;
    -webkit-transform: translateX(-21.125rem);
    transform: translateX(-21.125rem);
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.android .MainNav__NavDrawer.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.android .MainNav__NavDrawer .MobileIcon__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    height: 3.125rem;
    width: 100%;
    padding: 0 1.25rem
}

.android .MainNav__NavDrawer .MobileIcon__Wrapper.is-active {
    background: hsla(0, 0%, 96%, 1)
}

.android .MainNav__NavDrawer .MobileIcon__Title {
    font-size: 0.875rem;
    font-weight: 600;
    color: hsla(240, 0.50251%, 30.845%, 1);
    text-align: left;
    margin: auto 0
}

.android .MainNav__NavDrawer .MobileIcon {
    margin: 0 2.375rem 0 0;
    height: 1.25rem;
    width: 1.25rem
}

.android .MainNav__NavDrawer .iconic {
    margin: auto auto auto 0;
    height: 1.25rem;
    width: 1.25rem
}

.android .MainNav__NavDrawer .iconic.is-active path {
    stroke: transparent;
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MainNav__NavDrawer .iconic path {
    stroke: transparent;
    fill: hsla(0, 0%, 58%, 1)
}

.android .MainNav__NavDrawer .iconic-list-rich.is-active .iconic-list-rich-line {
    stroke: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MainNav__NavDrawer .iconic-list-rich .iconic-list-rich-line {
    stroke: hsla(0, 0%, 58%, 1)
}

.android .MainNav__NavDrawer .iconic-comment-square path {
    stroke: transparent
}

.android .MainNav__NavDrawer .iconic-account.is-active path {
    stroke: hsla(312, 61.29032%, 40.3%, 1);
    fill: transparent
}

.android .MainNav__NavDrawer .iconic-account.is-active .iconic-account-logout-arrow-head {
    stroke: transparent;
    fill: hsla(312, 61.29032%, 40.3%, 1)
}

.android .MainNav__NavDrawer .iconic-account .iconic-account-login {
    display: none
}

.android .MainNav__NavDrawer .iconic-account .iconic-account-logout {
    display: inline
}

.android .MainNav__NavDrawer .iconic-account path {
    stroke: hsla(0, 0%, 58%, 1);
    fill: transparent
}

.android .MainNav__NavDrawer .iconic-account .iconic-account-logout-arrow-head {
    stroke: transparent;
    fill: hsla(0, 0%, 58%, 1)
}

.android .NavDrawer__MastHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    box-sizing: border-box;
    margin: 0 0 0.5rem;
    height: 9.75rem;
    padding: 0.875rem 0.875rem 0.625rem
}

.android .Avatar--NavDrawer {
    font-size: 1.75rem;
    line-height: 4.375rem;
    margin-bottom: auto;
    height: 4.125rem;
    width: 4.125rem
}

.android .Avatar--NavDrawer::before {
    content: none
}

.android .NavDrawer__Heading {
    font-weight: 600;
    color: hsla(0, 100%, 100%, 1)
}

.android .NavDrawer__SubHeading {
    font-weight: 400;
    color: hsla(0, 100%, 100%, 1)
}

.android .MainNav__ItemGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 0.5rem 0;
    border-top: 0.0625rem solid hsla(0, 0%, 93%, 1);
    border-bottom: 0.0625rem solid hsla(0, 0%, 93%, 1);
    width: 100%;
    padding: 0.5rem 0
}

.android .MainNav__ItemGroup__Item {
    font-size: 1.125rem;
    font-weight: 300;
    color: hsla(240, 0.50251%, 30.845%, 1);
    padding: 1rem
}

.android .NavDrawer__Overlay {
    background: hsla(0, 0%, 5%, 1);
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 21.125rem;
    height: 100vh;
    width: calc(100% + 21.125rem);
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms
}

.android .NavDrawer__Overlay.is-active {
    visibility: visible;
    opacity: .5
}

.android .humans .material-design-hamburger__layer {
    background: hsla(0, 100%, 100%, 1)
}

.ios {
    -webkit-touch-callout: none
}

.ios .Gadget__Controls .Icon__Wrapper,.ios .Gadget__Modal__Controls .Icon__Wrapper,.ios .Chat__Flyout--is-active .Dossier__Container {
    z-index: 10
}

.ios .TabBar,.ios .Heading--ModalTitle {
    z-index: 5
}

.ios .in-inspector .MainNav {
    z-index: 0
}

.ios:not(.cordova) .App--SoBasic .NotificationBar {
    top: 0
}

.ios:not(.webIOS) .App--SoBasic .NotificationBar {
    top: 1.25rem
}

.ios .NotificationBar {
    top: 2.75rem
}

.ios .Modal__Content {
    padding-top: 2.75rem
}

.ios .anti-modal-closer {
    height: 2.75rem;
    width: 2.75rem
}

.ios .Modal__Close,.ios .accounts-close {
    position: relative;
    top: auto;
    right: auto;
    height: 0.875rem;
    width: 0.875rem
}

.ios .Modal__Close::before,.ios .Modal__Close::after,.ios .accounts-close::before,.ios .accounts-close::after {
    height: 0.125rem;
    width: 1.0625rem
}

.ios .Heading--ModalTitle,.ios .accounts-dialog label,.ios .accounts-dialog .title {
    line-height: 2.75rem;
    height: 2.75rem
}

.ios .business .Heading--ModalTitle::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.1875rem;
    width: 100vw
}

.ios .Heading--ModalTitle+.Modal__Container {
    top: 4rem
}

.ios .Modal__Container .Link {
    font-size: 1rem;
    line-height: 2.4375rem;
    margin: 0;
    border-bottom: 0.0625rem solid hsla(0, 0%, 93%, 1)
}

.ios .Image--Modal {
    max-height: calc(100vh - 2.75rem)
}

.ios .accounts-dialog,.ios .accounts-centered-dialog {
    padding-top: 3.75rem
}

.ios .accounts-close {
    position: absolute;
    top: 0.8125rem;
    right: 1rem
}

.ios .FilterGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0.75rem
}

.ios .Filter {
    background: none;
    font-size: 14px;
    line-height: 28px;
    color: hsla(199, 100%, 48%, 1);
    text-align: center;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    border-radius: 0;
    border: 1px solid hsla(199, 100%, 48%, 1);
    border-left-width: 0;
    height: 30px;
    width: 100%;
    padding: 0 10px
}

.ios .Filter:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
    border-left-style: solid
}

.ios .Filter:last-child {
    border-radius: 0 5px 5px 0
}

.ios .Filter.is-active {
    background: hsla(199, 100%, 48%, 1);
    color: hsla(0, 100%, 100%, 1)
}

.ios:not(.webIOS) .MainNav {
    height: 4rem;
    padding-top: 1.25rem
}

.ios:not(.webIOS) .MainNav__CenterGroup {
    top: 1.25rem;
    height: auto
}

.ios:not(.webIOS) .NotificationBar {
    top: 4rem
}

.ios:not(.webIOS) .Gadget__Controls,.ios:not(.webIOS) .Gadget__Modal__Controls,.ios:not(.webIOS) .Gadget__BackGround {
    height: 4rem;
    padding-top: 1.25rem
}

.ios:not(.webIOS) .selectize-dropdown {
    top: 100%
}

.ios:not(.webIOS) .Heading--ModalTitle {
    line-height: 5.25rem;
    height: 4rem
}

.ios:not(.webIOS) .Modal__Content:not(.Modal__Content--Login) {
    padding-top: 4rem
}

.ios:not(.webIOS) .anti-modal-closer {
    top: 1.25rem
}

.ios:not(.webIOS) .business .Heading--ModalTitle::before {
    top: 3.8125rem
}

.ios:not(.webIOS) .GradientBar--Login {
    height: 1.25rem
}

.ios .TuulBelt__Chat {
    height: calc(100vh - 6px - 1.25rem)
}

.ios .TabBar {
    background: hsla(0, 0%, 96%, 1);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    height: 3.0625rem
}

.ios .TabBar--Humans {
    -webkit-transition: all ease 450ms;
    transition: all ease 450ms
}

.ios .Main.in-ticket+.TabBar--Humans {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: -3.0625rem
}

.ios .Content--Participants__Count {
    color: hsla(0, 0%, 82%, 1)
}

.ios .MainNav {
    box-sizing: border-box;
    box-shadow: none;
    height: 2.75rem;
    padding: 0 0 0.1875rem
}

.ios .MainNav .iconic-ellipses * {
    fill: hsla(0, 100%, 100%, 1)
}

.ios .MainNav .iconic-plus-thin *,.ios .MainNav .iconic-chevron * {
    stroke: hsla(0, 100%, 100%, 1)
}

.ios .MainNav .Icon__Wrapper,.ios .MainNav a:not(.Link--NoWrap) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    width: 2.75rem
}

.ios .MainNav__LeftGroup {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    height: 2.75rem;
    min-width: 2.75rem
}

.ios .MainNav__LeftGroup .Icon__Wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ios .MainNav__LeftGroup svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios .MainNav__LeftGroup svg.iconic.iconic-size-sm.iconic-chevron {
    height: 1.25rem;
    width: 1.25rem
}

.ios .MainNav__CenterGroup {
    right: 2.75rem;
    left: 2.75rem;
    height: 100%
}

.ios .MainNav__RightGroup {
    margin: 0;
    height: 100%;
    min-width: 2.75rem
}

.ios .GradientBar--MainNav {
    height: 0.1875rem
}

.ios .Logo--MainNav {
    margin: 0 0 0 0.75rem
}

.ios .MainNav__Title {
    text-align: center;
    box-sizing: border-box
}

.ios .MainNav__Title--Sub {
    margin-bottom: 0.3125rem
}

.ios .in-inspector .MainNav {
    display: none
}

.ios .Gadget__Container {
    padding: 0
}

.ios .Gadget__Container .Form {
    overflow: visible;
    padding: 0
}

.ios .Gadget__Controls,.ios .Gadget__Modal__Controls,.ios .Gadget__BackGround {
    background: hsla(282, 26.58228%, 20.54%, 1);
    box-sizing: border-box;
    position: relative;
    margin: 0;
    border: 0;
    height: 2.75rem;
    width: 100vw;
    padding: 0 0 0.1875rem
}

.ios .Gadget__Controls::after,.ios .Gadget__Modal__Controls::after,.ios .Gadget__BackGround::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.1875rem
}

.ios .Gadget__Controls .MainNav__CenterGroup,.ios .Gadget__Modal__Controls .MainNav__CenterGroup,.ios .Gadget__BackGround .MainNav__CenterGroup {
    text-indent: 2.75rem;
    right: 5.5rem
}

.ios .Gadget__Controls .iconic,.ios .Gadget__Modal__Controls .iconic,.ios .Gadget__BackGround .iconic {
    margin: auto
}

.ios .Gadget__Controls .Icon__Wrapper,.ios .Gadget__Controls a:not(.Link--NoWrap),.ios .Gadget__Modal__Controls .Icon__Wrapper,.ios .Gadget__Modal__Controls a:not(.Link--NoWrap),.ios .Gadget__BackGround .Icon__Wrapper,.ios .Gadget__BackGround a:not(.Link--NoWrap) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    width: 2.75rem
}

.ios .Gadget__Controls .iconic-ellipses *,.ios .Gadget__Modal__Controls .iconic-ellipses *,.ios .Gadget__BackGround .iconic-ellipses * {
    fill: hsla(0, 100%, 100%, 1)
}

.ios .Gadget__Controls .iconic-chevron *,.ios .Gadget__Controls .iconic-plus-thin *,.ios .Gadget__Controls .iconic-x-thin *,.ios .Gadget__Modal__Controls .iconic-chevron *,.ios .Gadget__Modal__Controls .iconic-plus-thin *,.ios .Gadget__Modal__Controls .iconic-x-thin *,.ios .Gadget__BackGround .iconic-chevron *,.ios .Gadget__BackGround .iconic-plus-thin *,.ios .Gadget__BackGround .iconic-x-thin * {
    stroke: hsla(0, 100%, 100%, 1)
}

.ios .Gadget__Modal__Controls {
    padding-right: 0.75rem
}

.ios .Gadget__Controls .Content--TeamTable {
    color: hsla(0, 0%, 60%, 1)
}

.ios .Gadget__Modal {
    padding-top: 0
}

.ios .Gadget__Modal.is-active {
    opacity: 1
}

.ios .Button--Gadget__Modal__Controls {
    background: transparent;
    font-size: 1rem;
    font-weight: 500;
    color: hsla(0, 100%, 100%, 1);
    margin-top: 0.3125rem;
    border-radius: 0;
    border: 0;
    min-width: 0;
    padding: 0
}

.ios .Button__Group .Button--Gadget__Modal__Controls {
    margin-right: 1rem
}

.ios .Gadget__BackGround {
    position: fixed
}

.ios .Gadget__Content {
    width: 100vw;
    padding: 0
}

.ios .Gadget__Item {
    padding-right: 0.625rem;
    padding-left: 0.625rem
}

.ios .FilterGroup--Gadget {
    padding-left: 0.375rem
}

.ios .Settings__Meta .Content,.ios .Settings__Meta .Link {
    font-size: 1rem
}

.ios .Settings__Meta:not(:first-of-type) {
    margin-top: 2rem
}

.ios .Dossier__Container {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.ios .Heading--MainBlank {
    font-size: 1.5rem;
    font-weight: 500
}

.ios .Heading--MainBlank--Thin {
    font-weight: 300
}

.ios:not(.cordova) .business .MainNav__Title {
    font-size: 1.0625rem
}

.ios:not(.cordova) .business .MainNav__Title svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),.ios:not(.cordova) .business .MainNav__Title svg.iconic.iconic-size-sm.iconic-chevron {
    height: 0.625rem;
    width: 0.625rem
}

.ios:not(.cordova) .business .MainNav__Title--Sub {
    font-size: 0.75rem
}

.sdk .MainNav {
    display: none
}