/* Help Scout: Blue */
:root { --BlueConfigGlobalFontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol'; --BlueConfigGlobalFontFamilyMono: 'SFMono-Regular', Consolas,
    'Liberation Mono', Menlo, Courier, monospace; --BlueConfigGlobalFontSize: 13px; }

.c-Alert { background-color: #fff6e2; box-shadow: inset 4px 0 0 0 #ffc646; box-sizing: border-box; color: #b37100; margin-bottom: 16px; padding: 12px 16px 12px 20px; }

.c-Alert a:not(.c-button) { color: inherit; text-decoration: underline; }

.c-Alert a:not(.c-button):hover { color: inherit; }

.c-Alert > *:first-child { margin-top: 0; }

.c-Alert > *:last-child { margin-bottom: 0; }

.c-Alert .c-Alert__text { color: inherit; }

.c-Alert.is-error { background-color: #ffe3e2; box-shadow: inset 4px 0 0 0 #e52f28; color: #9d1f1a; }

.c-Alert.is-error .c-badge { background-color: #e52f28; }

.c-Alert.is-info { background-color: #daf1ff; box-shadow: inset 4px 0 0 0 #3197d6; color: #194c6e; }

.c-Alert.is-info .c-badge { background-color: #3197d6; }

.c-Alert.is-success { background-color: #e4fbe6; box-shadow: inset 4px 0 0 0 #4bc27d; color: #228350; }

.c-Alert.is-success .c-badge { background-color: #4bc27d; }

.c-Alert.is-warning { background-color: #fff6e2; box-shadow: inset 4px 0 0 0 #ffc646; color: #b37100; }

.c-Alert.is-warning .c-badge { background-color: #ffc646; }

.c-Alert .c-badge { background-color: #ffc646; }

.c-Alert { padding: 8px 16px; text-align: left; }

.c-Alert { box-sizing: border-box; }

.c-Alert { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Alert * { box-sizing: border-box; }

.c-Alert.is-noMargin { margin-bottom: 0; }

.c-Alert__content { align-items: flex-start; display: flex; }

.c-Alert__content > * { max-width: 100%; min-width: 0; }

.c-Alert__content > * + * { margin-left: 12px; }

.c-Alert__badge { padding: 4px 0; }

.c-Alert__badge + * { margin-left: 8px; }

.c-Alert__icon { padding: 3px 0; }

.c-Alert__icon + * { margin-left: 8px; }

.c-Alert__block { line-height: 28px; max-width: 100%; min-height: 28px; min-width: 0; }

.c-Alert__block .c-Heading, .c-Alert__block .c-Text, .c-Alert__block .c-Link, .c-Alert__block h1, .c-Alert__block h2, .c-Alert__block h3, .c-Alert__block h4, .c-Alert__block h5, .c-Alert__block h6, .c-Alert__block p, .c-Alert__block ol, .c-Alert__block ul { color: inherit; }

.c-Alert__block ul { margin-bottom: 8px; }

.c-Alert__block ul li:last-child { margin-bottom: 0; }

.c-Alert__block > p { margin: 5px 0; }

.c-Alert__closeButton { margin-left: auto; margin-right: -4px; padding-left: 8px; }

.c-Button { -webkit-appearance: none; appearance: none; background-color: white; border-color: #c1cbd4; border-radius: 3px; border-width: 1px; border-style: solid; box-shadow: none; box-sizing: border-box; color: #2a3b47; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 600; height: 36px; line-height: 34px; outline: none; padding: 0 1em; transition: none; text-align: center; text-decoration: none; vertical-align: middle; -webkit-user-select: none; user-select: none; }

.c-Button:hover { background-color: #f9fafa; border-color: #c1cbd4; color: #2a3b47; text-decoration: none; }

.c-Button:active { background-color: #e3e8eb; border-color: #c1cbd4; color: #2a3b47; }

.c-Button:focus { border-color: #3197d6; box-shadow: none; color: #2a3b47; }

.c-Button:focus:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

.c-Button:disabled, .c-Button.is-disabled { background-color: white; border-color: #c1cbd4; text-decoration: none; }

.c-Button.is-disabled, .c-Button[disabled] { cursor: not-allowed; opacity: 0.65; }

.c-Button.is-disabled:hover, .c-Button.is-disabled:active, .c-Button.is-disabled:focus, .c-Button[disabled]:hover, .c-Button[disabled]:active, .c-Button[disabled]:focus { cursor: not-allowed; opacity: 0.65; }

.c-Button.is-selected { background-color: #e9edef; }

.c-Button.is-selected:hover { background-color: #e3e8eb; }

.c-Button.is-selected:active { background-color: #dde3e7; }

.c-Button.is-error { background-color: #e52f28; border-color: #cc1f19; color: #fff; }

.c-Button.is-error:hover { background-color: #de221b; border-color: #cc1f19; color: #fff; }

.c-Button.is-error:active { background-color: #cc1f19; border-color: #cc1f19; }

.c-Button.is-error:focus { border-color: #cc1f19; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset; }

.c-Button.is-error:disabled, .c-Button.is-error.is-disabled { background-color: #e52f28; border-color: #cc1f19; }

.c-Button.is-success { background-color: #4bc27d; border-color: #3aaa69; color: #fff; }

.c-Button.is-success:hover { background-color: #3fba73; border-color: #3aaa69; color: #fff; }

.c-Button.is-success:active { background-color: #3aaa69; border-color: #3aaa69; }

.c-Button.is-success:focus { border-color: #3aaa69; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset; }

.c-Button.is-success:disabled, .c-Button.is-success.is-disabled { background-color: #4bc27d; border-color: #3aaa69; }

.c-Button.is-warning { background-color: #ffc646; border-color: #ffb91d; color: #fff; }

.c-Button.is-warning:hover { background-color: #ffc032; border-color: #ffb91d; color: #fff; }

.c-Button.is-warning:active { background-color: #ffb91d; border-color: #ffb91d; }

.c-Button.is-warning:focus { border-color: #ffb91d; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset; }

.c-Button.is-warning:disabled, .c-Button.is-warning.is-disabled { background-color: #ffc646; border-color: #ffb91d; }

.c-Button--xs { font-size: 12px; height: 24px; line-height: 22px; padding: 0 10px; }

.c-Button--sm { font-size: 13px; height: 32px; line-height: 30px; padding: 0 0.5em; }

.c-Button--md { font-size: 13px; height: 40px; line-height: 38px; padding: 0 1em; }

.c-Button--lg { font-size: 14px; height: 48px; line-height: 46px; padding: 0 1.5em; }

.c-Button--primary { background-color: #3197d6; border-color: #2581b9; color: white; }

.c-Button--primary:hover { background-color: #288cca; border-color: #2581b9; color: white; }

.c-Button--primary:active { background-color: #2581b9; border-color: #2581b9; color: white; }

.c-Button--primary:focus { border-color: #2581b9; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset; color: white; }

.c-Button--primary:focus:active { color: white; }

.c-Button--primary:disabled, .c-Button--primary.is-disabled { background-color: #3197d6; border-color: #2581b9; }

.c-Button--link { background-color: transparent; border-color: transparent; box-shadow: none; color: #3197d6; }

.c-Button--link:hover { background-color: transparent; border-color: transparent; box-shadow: none; text-decoration: underline; color: #3197d6; }

.c-Button--link:active { background-color: transparent; border-color: transparent; box-shadow: none; color: #3197d6; }

.c-Button--link:focus { border-color: transparent; box-shadow: none; text-decoration: underline; color: #3197d6; }

.c-Button--link:focus:active { box-shadow: none; color: #3197d6; }

.c-Button--link:disabled, .c-Button--link.is-disabled { background-color: transparent; border-color: transparent; text-decoration: none; }

.c-Button--link.is-error { background-color: transparent; border-color: transparent; box-shadow: none; color: #cc1f19; }

.c-Button--link.is-error:hover { background-color: transparent; border-color: transparent; box-shadow: none; color: #cc1f19; }

.c-Button--link.is-error:active { background-color: transparent; border-color: transparent; box-shadow: none; color: #cc1f19; }

.c-Button--link.is-error:focus { background-color: transparent; border-color: transparent; box-shadow: none; color: #cc1f19; }

.c-Button--link.is-error:focus:active { box-shadow: none; }

.c-Button--link.is-error:disabled, .c-Button--link.is-error.is-disabled { background-color: transparent; border-color: transparent; }

.c-Button--link.is-success { background-color: transparent; border-color: transparent; box-shadow: none; color: #3aaa69; }

.c-Button--link.is-success:hover { background-color: transparent; border-color: transparent; box-shadow: none; color: #3aaa69; }

.c-Button--link.is-success:active { background-color: transparent; border-color: transparent; box-shadow: none; color: #3aaa69; }

.c-Button--link.is-success:focus { background-color: transparent; border-color: transparent; box-shadow: none; color: #3aaa69; }

.c-Button--link.is-success:focus:active { box-shadow: none; }

.c-Button--link.is-success:disabled, .c-Button--link.is-success.is-disabled { background-color: transparent; border-color: transparent; }

.c-Button--link.is-warning { background-color: transparent; border-color: transparent; box-shadow: none; color: #ffb91d; }

.c-Button--link.is-warning:hover { background-color: transparent; border-color: transparent; box-shadow: none; color: #ffb91d; }

.c-Button--link.is-warning:active { background-color: transparent; border-color: transparent; box-shadow: none; color: #ffb91d; }

.c-Button--link.is-warning:focus { background-color: transparent; border-color: transparent; box-shadow: none; color: #ffb91d; }

.c-Button--link.is-warning:focus:active { box-shadow: none; }

.c-Button--link.is-warning:disabled, .c-Button--link.is-warning.is-disabled { background-color: transparent; border-color: transparent; }

.c-Button--block { display: block; width: 100%; }

button.c-Button { font-family: inherit; overflow: visible; outline: none; }

button.c-Button::-moz-focus-inner { border-style: none; padding: 0; }

button.c-Button:-moz-focus-ring { outline: 1px dotted Buttontext; }

button.c-Button:focus { outline: none; }

button.c-Button { box-sizing: border-box; }

button.c-Button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

button.c-Button * { box-sizing: border-box; }

.c-Button:focus { position: relative; z-index: 2; }

.c-Button.is-first { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.c-Button.is-notOnly { border-radius: 0; }

.c-Button.is-last { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.c-Button:before { border-radius: 2px; bottom: 0; content: ''; display: none; left: 0; opacity: 0.3; pointer-events: none; position: absolute; right: 0; top: 0; }

.c-Button--outline { border-color: currentColor; background-color: transparent; box-shadow: 0 0 0 1px currentColor inset; position: relative; }

.c-Button--outline:hover, .c-Button--outline:active, .c-Button--outline:focus, .c-Button--outline:focus:active { border-color: currentColor; background-color: transparent; box-shadow: 0 0 0 1px currentColor inset; }

.c-Button--outline:focus:before, .c-Button--outline:focus:active:before { box-shadow: 0 0 0 3px currentColor; display: block; }

.c-Button--outline:focus:active:before { opacity: 0.45; }

.c-Button--editing { background-color: #fffdf6; border-color: #f5b126; box-shadow: 0 0 0 1px #f5b126 inset; color: #d79400; }

.c-Button--editing:hover { background-color: #fff6e2; border-color: #f5b126; box-shadow: 0 0 0 1px #f5b126 inset; text-decoration: none; color: #be8200; }

.c-Button--editing:active { background-color: #fff1d3; border-color: #d79400; box-shadow: 0 0 0 1px #d79400 inset; text-decoration: none; color: #ae7800; }

.c-Button--editing:focus { border-color: #d29000; box-shadow: 0 0 0 1px #d29000 inset; text-decoration: none; color: #be8200; }

.c-Button--editing:focus:active { box-shadow: 0 0 0 1px #d29000 inset, 0 0 0 1px #d79400 inset; color: #be8200; }

.c-Button--editing:disabled, .c-Button--editing.is-disabled { background-color: #fffdf6; border-color: #f5b126; text-decoration: none; }

.c-Button--pill.c-Button { background-color: white; border-radius: 9999px; color: #93a1af; font-size: 12px; font-weight: 500; height: 18px; line-height: 1; padding: 0 8px; }

.c-Button--pill.c-Button:hover { color: #72808e; border-color: #a5b2bd; }

.c-Button--pill.c-Button:active { background-color: #f1f3f5; }

.c-Button--pill.c-Button:active, .c-Button--pill.c-Button:focus { border-color: #a5b2bd; box-shadow: 0 0 0 1px #a5b2bd; }

.c-ChatTranscript { box-sizing: border-box; }

.c-ChatTranscript { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ChatTranscript * { box-sizing: border-box; }

.c-ChatTranscriptItem { position: relative; margin-bottom: 20px; }

.c-ChatTranscriptItem { box-sizing: border-box; }

.c-ChatTranscriptItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ChatTranscriptItem * { box-sizing: border-box; }

.c-ChatTranscriptItem__header { margin-bottom: 5px; }

.c-ChatTranscriptItem__contentWrapper { position: relative; }

.c-ChatTranscriptItem__content { font-size: 14px; }

.c-ChatTranscriptItem__content a { color: #3197d6; cursor: pointer; text-decoration: none; }

.c-ChatTranscriptItem__content a:hover { color: #71bff1; outline-width: 0; text-decoration: underline; }

.c-ChatTranscriptItem__content a:active { color: #71bff1; outline-width: 0; }

.c-ChatTranscriptItem__createdAt, .c-ChatTranscriptItem__privateNote { color: #a5b2bd; }

.c-ChatTranscriptItem__attachmentList { margin-top: 10px; }

.c-ChatTranscriptItem.is-note { padding-top: 2px; }

.c-ChatTranscriptItem.is-note:before { background-color: #ffc646; border-radius: 9999px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 3px; }

.c-ChatTranscriptItem.is-note .c-ChatTranscriptItem__contentWrapper { margin-left: 13px; }

.c-ChatTranscriptLineItem { color: #a5b2bd; font-size: 12px; font-weight: 400; margin-bottom: 25px; margin-top: 25px; text-align: left; }

.c-ChatTranscriptLineItem { box-sizing: border-box; }

.c-ChatTranscriptLineItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ChatTranscriptLineItem * { box-sizing: border-box; }

.c-ChatTranscriptLineItem:first-child { margin-top: 0; }

.c-ChatTranscriptLineItem:last-child { margin-bottom: 0; }

.c-Checkbox { box-sizing: border-box; }

.c-Checkbox { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Checkbox * { box-sizing: border-box; }

.c-CloseButton { background-color: white; border: none; border-radius: 50%; color: #b4c0ca; cursor: pointer; display: block; height: 32px; padding: 2px 6px; position: relative; transition: background-color 0.3s ease; width: 32px; }

.c-CloseButton { box-sizing: border-box; }

.c-CloseButton { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-CloseButton * { box-sizing: border-box; }

.c-CloseButton { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; }

.c-CloseButton:hover, .c-CloseButton:focus { color: #a5b2bd; outline: none; }

.c-CloseButton:active { color: #93a1af; outline: none; }

.c-CloseButton__icon { opacity: 0.5; position: relative; transition: opacity 0.1s ease; z-index: 1; }

.c-CloseButton:hover .c-CloseButton__icon { opacity: 0.8; }

.c-CloseButton:focus .c-CloseButton__icon { opacity: 0.8; }

.c-CloseButton.is-seamless { background-color: transparent; color: currentColor; }

.c-CloseButton.is-seamless:hover, .c-CloseButton.is-seamless:active, .c-CloseButton.is-seamless:focus { background-color: transparent; color: currentColor; }

.c-CloseButton.is-md { height: 32px; padding: 2px 6px; width: 32px; }

.c-CloseButton.is-sm { height: 28px; padding: 2px 3px; width: 28px; }

.c-CloseButton.is-xs { height: 24px; padding: 2px 1px; width: 24px; }

.c-CloseButton.is-tiny { height: 20px; padding: 0 0; width: 20px; }

.c-Collapsible { overflow: hidden; transition-property: height; will-change: height; }

.c-Collapsible { box-sizing: border-box; }

.c-Collapsible { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Collapsible * { box-sizing: border-box; }

.c-DetailList { margin-bottom: 0; margin-top: 0; }

.c-DetailList { box-sizing: border-box; }

.c-DetailList { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DetailList * { box-sizing: border-box; }

.c-DetailListItem { margin-left: 0; }

.c-DetailListItem { box-sizing: border-box; }

.c-DetailListItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DetailListItem * { box-sizing: border-box; }

.c-DetailListTitle { font-weight: bold; margin-bottom: 5px; }

.c-DetailListTitle { box-sizing: border-box; }

.c-DetailListTitle { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DetailListTitle * { box-sizing: border-box; }

.c-Drop { box-sizing: border-box; }

.c-Drop { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Drop * { box-sizing: border-box; }

.c-DropPositioner { left: 0; position: absolute; top: 0; }

.c-DropPositioner { box-sizing: border-box; }

.c-DropPositioner { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DropPositioner * { box-sizing: border-box; }

.c-DropPositioner__content { display: inline-block; }

.c-DropdownDivider { border-bottom: 1px solid #e3e8eb; height: 1px; margin: 5px 0; overflow: hidden; padding: 0; }

.c-DropdownDivider { box-sizing: border-box; }

.c-DropdownDivider { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DropdownDivider * { box-sizing: border-box; }

.c-DropdownHeader { padding: 8px 16px; }

.c-DropdownHeader { box-sizing: border-box; }

.c-DropdownHeader { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DropdownHeader * { box-sizing: border-box; }

.c-DropdownItem { cursor: pointer; padding: 0; user-select: none; }

.c-DropdownItem { box-sizing: border-box; }

.c-DropdownItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DropdownItem * { box-sizing: border-box; }

.c-DropdownItem:last-child { border: none; }

.c-DropdownItem.is-hover, .c-DropdownItem.is-focused { background-color: #f1f3f5; }

.c-DropdownItem.is-selected { background-color: #3197d6; color: white; }

.c-DropdownItem__link { background-color: rgba(227, 232, 235, 0); display: block; outline: none; padding: 8px 16px; transition: background-color 0.1s ease; }

.c-DropdownItem__link:active { background-color: #e3e8eb; }

.c-DropdownItem__submenu-icon { margin-right: -8px; }

.c-DropdownItem.is-disabled { color: #72808e; cursor: not-allowed; }

.c-DropdownItem.is-disabled.is-hover { background-color: transparent; }

.c-DropdownItem.is-disabled.is-focused { background-color: rgba(241, 243, 245, 0.5); }

.c-DropdownItem.is-disabled.is-selected { background-color: transparent; color: #72808e; }

.c-DropdownItem.is-disabled .c-DropdownItem__link:active { background-color: transparent; }

.c-DropdownMenu { position: relative; width: 200px; z-index: 1; }

.c-DropdownMenu__content { min-height: 60px; }

.c-DropdownMenu__list { margin: 0; padding: 5px 0; }

.c-DropdownMenu.is-sub-menu { margin-top: -6px; }

.c-DropdownTrigger { box-sizing: border-box; }

.c-DropdownTrigger { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-DropdownTrigger * { box-sizing: border-box; }

.c-DropdownTrigger__icon { position: relative; right: -4px; top: 2px; }

.c-Inline { display: block; margin-bottom: -4px; margin-left: 0; padding-left: 0; }

.c-Inline { box-sizing: border-box; }

.c-Inline { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Inline * { box-sizing: border-box; }

.c-Inline:after { box-sizing: border-box; content: " "; clear: both; display: table; }

.c-Inline:last-child { margin-bottom: -4px; }

.c-Inline.is-xs { margin-bottom: -2px; }

.c-Inline.is-xs:last-child { margin-bottom: -2px; }

.c-Inline.is-xs .c-InlineItem { margin-bottom: 2px; margin-right: 2px; }

.c-Inline.is-sm { margin-bottom: -4px; }

.c-Inline.is-sm:last-child { margin-bottom: -4px; }

.c-Inline.is-sm .c-InlineItem { margin-bottom: 4px; margin-right: 4px; }

.c-Inline.is-md { margin-bottom: -8px; }

.c-Inline.is-md:last-child { margin-bottom: -8px; }

.c-Inline.is-md .c-InlineItem { margin-bottom: 8px; margin-right: 8px; }

.c-Inline.is-lg { margin-bottom: -10px; }

.c-Inline.is-lg:last-child { margin-bottom: -10px; }

.c-Inline.is-lg .c-InlineItem { margin-bottom: 10px; margin-right: 10px; }

.c-InlineItem { box-sizing: border-box; display: inline-block; margin: 0 4px 4px 0; padding: 0; vertical-align: middle; }

.c-InlineItem { box-sizing: border-box; }

.c-InlineItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-InlineItem * { box-sizing: border-box; }

/** Names */
/** UI */
/** Names */
/** UI */
.c-Input { align-items: center; background-color: transparent; border: none; display: flex; padding-bottom: 1px; padding-top: 1px; padding-left: 16px; padding-right: 16px; position: relative; }

.c-Input { box-sizing: border-box; }

.c-Input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Input * { box-sizing: border-box; }

.c-Input__item { position: relative; z-index: 1; }

.c-Input__inlinePrefix, .c-Input__inlineSuffix { opacity: 0.3; padding-left: 4px; padding-right: 4px; position: relative; top: 0; white-space: nowrap; }

.c-Input__inlinePrefix.is-icon, .c-Input__inlineSuffix.is-icon { opacity: 1; }

.is-multiline > .c-Input__inlinePrefix.is-icon { align-self: flex-start; padding-top: 9px; }

.is-multiline > .c-Input__inlineSuffix.is-icon { align-self: flex-start; padding-top: 9px; }

.is-error > .c-Input__inlinePrefix { color: #9d1f1a; }

.is-error > .c-Input__inlineSuffix { color: #9d1f1a; }

.is-success > .c-Input__inlinePrefix { color: #228350; }

.is-success > .c-Input__inlineSuffix { color: #228350; }

.is-warning > .c-Input__inlinePrefix { color: #b37100; }

.is-warning > .c-Input__inlineSuffix { color: #b37100; }

.c-Input__inlinePrefix.is-icon { margin-left: -8px; }

.is-error.is-seamless > .c-Input__inlinePrefix.is-icon { margin-left: 0; }

.c-Input__inlineSuffix.is-icon { margin-right: -8px; }

.is-error.is-seamless > .c-Input__inlineSuffix.is-icon { margin-right: 0; }

.c-Input.is-multiline { height: auto; will-change: height; }

.c-Input.is-multiline .c-InputField { line-height: normal; overflow: hidden; height: auto; margin-bottom: 1px; margin-top: 1px; margin-left: -16px; margin-right: -16px; padding: 12px 16px; resize: none; top: 1px; width: calc(100% + 32px); }

.c-Input.is-multiline .c-InputField.is-xs { min-height: 22px; }

.c-Input.is-multiline .c-InputField.is-sm { min-height: 30px; }

.c-Input.is-multiline .c-InputField.is-md { min-height: 38px; }

.c-Input.is-multiline .c-InputField.is-lg { min-height: 46px; }

.c-Input.is-multiline.has-maxHeight .c-InputField { margin-bottom: 2px; margin-left: -14px; margin-right: -14px; margin-top: 0; overflow-y: auto; }

.c-Input.is-multiline.has-maxHeight.is-error .c-InputField { margin-right: -34px; }

.c-Input.is-multiline.is-seamless .c-InputField { margin: 0; padding-left: 0; padding-right: 0; }

.c-Input.is-resizable .c-InputField { resize: vertical; }

.c-Input.is-seamless { padding-left: 0; padding-right: 0; }

.c-Input.is-focused { z-index: 2; }

/** Names */
/** UI */
/** Names */
/** UI */
.c-InputField { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; box-shadow: none; color: currentColor; display: block; height: 36px; margin-bottom: 1px; margin-top: 1px; padding: 0; position: relative; top: 0; width: 100%; z-index: 1; }

.c-InputField { box-sizing: border-box; }

.c-InputField { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-InputField * { box-sizing: border-box; }

.c-InputField:focus { outline: none; }

.c-InputField::placeholder { color: #b4c0ca; }

.c-InputField:-webkit-autofill, .c-InputField:-webkit-autofill:hover, .c-InputField:-webkit-autofill:focus .c-InputField:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; background-clip: content-box; transition: background-color 5000s ease-in-out 0s; }

.c-InputField.is-xs { height: 20px; }

.c-InputField.is-sm { height: 28px; }

.c-InputField.is-md { height: 36px; }

.c-InputField.is-lg { height: 44px; }

.is-error > .c-InputField { color: #9d1f1a; }

.is-success > .c-InputField { color: #228350; }

.is-warning > .c-InputField { color: #b37100; }

.c-InputGhost { border: 1px solid transparent; padding: 12px 16px; line-height: normal; white-space: pre-wrap; word-wrap: break-word; /** Modifiers */ }

.c-InputGhost.is-seamless { padding-left: 0; padding-right: 0; }

.c-InputResizer { bottom: 0; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; visibility: hidden; }

.c-InputResizer { box-sizing: border-box; }

.c-InputResizer { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-InputResizer * { box-sizing: border-box; }

/** Names */
/** UI */
.c-InputStatic { color: currentColor; display: inline-block; height: 40px; line-height: 40px; }

.c-InputStatic { box-sizing: border-box; }

.c-InputStatic { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-InputStatic * { box-sizing: border-box; }

.c-InputStatic.is-xs { height: 24px; line-height: 24px; }

.c-InputStatic.is-sm { height: 32px; line-height: 32px; }

.c-InputStatic.is-md { height: 40px; line-height: 40px; }

.c-InputStatic.is-lg { height: 48px; line-height: 48px; }

.c-InputStatic.is-block { display: block; }

.c-InputStatic.is-left { text-align: left; }

.c-InputStatic.is-right { text-align: right; }

.c-InputStatic.is-center { text-align: center; }

.c-InputWrapper { box-sizing: border-box; }

.c-Link { color: #3197d6; cursor: pointer; text-decoration: none; }

.c-Link { box-sizing: border-box; }

.c-Link { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Link * { box-sizing: border-box; }

.c-Link:hover { color: #71bff1; outline-width: 0; text-decoration: underline; }

.c-Link:active { color: #71bff1; outline-width: 0; }

.c-Link:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.c-Link.is-block { display: block; }

.c-Link.is-no-underline { text-decoration: none; }

.c-Link.is-no-underline:hover { text-decoration: none; }

.c-Link.is-word-wrap { word-break: break-word; }

.c-List__item, .c-List > li { box-sizing: border-box; display: block; margin: 0; padding: 4px 0; }

.c-List { list-style: none; padding-left: 0; box-sizing: border-box; }

.c-List--xs > .c-List__item, .c-List--xs > li { padding-bottom: 0; padding-top: 0; }

.c-List--sm > .c-List__item, .c-List--sm > li { padding-bottom: 2px; padding-top: 2px; }

.c-List--md > .c-List__item, .c-List--md > li { padding-bottom: 4px; padding-top: 4px; }

.c-List--lg > .c-List__item, .c-List--lg > li { padding-bottom: 8px; padding-top: 8px; }

.c-List--xl > .c-List__item, .c-List--xl > li { padding-bottom: 16px; padding-top: 16px; }

.c-List--block > .c-List__item, .c-List--block > li { display: block; }

@media (min-width: 544px) { .c-List--block\@sm > .c-List__item, .c-List--block\@sm > li { display: block; } }

@media (min-width: 768px) { .c-List--block\@md > .c-List__item, .c-List--block\@md > li { display: block; } }

@media (min-width: 992px) { .c-List--block\@lg > .c-List__item, .c-List--block\@lg > li { display: block; } }

.c-List--bordered > .c-List__item, .c-List--bordered > li { border-bottom: 1px solid; border-color: #eee; }

.c-List--dotted > .c-List__item, .c-List--dotted > li { border-bottom: 1px dotted; border-color: #eee; }

.c-List--inline > .c-List__item, .c-List--inline > li { display: inline-block; padding-left: 4px; }

.c-List--inline > .c-List__item:first-child, .c-List--inline > li:first-child { padding-left: 0; }

@media (min-width: 544px) { .c-List--inline\@sm > .c-List__item, .c-List--inline\@sm > li { display: inline-block; padding-left: 4px; }
  .c-List--inline\@sm > .c-List__item:first-child, .c-List--inline\@sm > li:first-child { padding-left: 0; } }

@media (min-width: 768px) { .c-List--inline\@md > .c-List__item, .c-List--inline\@md > li { display: inline-block; padding-left: 4px; }
  .c-List--inline\@md > .c-List__item:first-child, .c-List--inline\@md > li:first-child { padding-left: 0; } }

@media (min-width: 992px) { .c-List--inline\@lg > .c-List__item, .c-List--inline\@lg > li { display: inline-block; padding-left: 4px; }
  .c-List--inline\@lg > .c-List__item:first-child, .c-List--inline\@lg > li:first-child { padding-left: 0; } }

.c-List--bullet { list-style-type: disc; padding-left: 16px; }

.c-List--bullet > .c-List__item, .c-List--bullet > li { display: list-item; }

.c-List--number { list-style-type: decimal; padding-left: 16px; }

.c-List--number > .c-List__item, .c-List--number > li { display: list-item; }

.c-List { display: block; margin-bottom: 0; margin-top: 0; /** Modifiers */ }

.c-List { box-sizing: border-box; }

.c-List { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-List * { box-sizing: border-box; }

.c-List.is-display-block { display: block; }

.c-List.is-display-flex { display: flex; }

.c-List--inline .c-List__item { vertical-align: middle; }

.c-List--inline.is-inline-sm > .c-List__item, .c-List--inline.is-inline-sm > li { padding-left: 3px; }

.c-List--inline.is-inline-sm > .c-List__item:first-child, .c-List--inline.is-inline-sm > li:first-child { padding-left: 0; }

.c-List--inline.is-inline-xs > .c-List__item, .c-List--inline.is-inline-xs > li { padding-left: 2px; }

.c-List--inline.is-inline-xs > .c-List__item:first-child, .c-List--inline.is-inline-xs > li:first-child { padding-left: 0; }

.c-LoadingDots { color: #a5b2bd; display: flex; width: 21px; }

.c-LoadingDots.is-left { margin-right: auto; }

.c-LoadingDots.is-center { margin-left: auto; margin-right: auto; }

.c-LoadingDots.is-right { margin-left: auto; }

.c-LoadingDots__dot { background-color: currentColor; border-radius: 200%; display: block; margin-right: 3px; height: 5px; width: 5px; }

.c-LoadingDots__dot:last-child { margin-right: 0; }

.c-LoadingDots__dot--one { animation: dotOne 1s ease-in-out infinite; animation-direction: normal; }

.c-LoadingDots__dot--two { animation: dotTwo 1s ease-in-out infinite; animation-direction: normal; }

.c-LoadingDots__dot--three { animation: dotThree 1s ease-in-out infinite; animation-direction: normal; }

@keyframes dotOne { 0% { opacity: 0.4; }
  33.333% { opacity: 1; }
  66.6667% { opacity: 0.4; }
  100% { opacity: 0.4; } }

@keyframes dotTwo { 0% { opacity: 0.4; }
  33.333% { opacity: 0.4; }
  66.6667% { opacity: 1; }
  100% { opacity: 0.4; } }

@keyframes dotThree { 0% { opacity: 0.4; }
  33.333% { opacity: 0.4; }
  66.6667% { opacity: 0.4; }
  100% { opacity: 1; } }

.c-Notification { box-sizing: border-box; }

.c-Notification { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Notification * { box-sizing: border-box; }

.c-Notification .c-Notification__messageBubble { background-color: white; border-color: transparent !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.15); cursor: pointer; max-width: 100%; text-align: right; transition: border-radius 200ms ease; }

.c-Notification + .c-Notification .c-Notification__messageBubble { border-top-right-radius: 8px !important; }

.c-Notification:last-child .c-Notification__messageBubble { border-top-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }

.c-Notification__text { color: #394956; font-size: 13px; }

.c-Notification.is-align-right .c-Notification__messageBubble { border-top-left-radius: 8px !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-bottom-left-radius: 8px !important; }

.c-Notification.is-align-right:only-child .c-Notification__messageBubble { border-top-right-radius: 8px !important; }

.c-Notification.is-align-right:not(:only-child) .c-Notification__messageBubble { border-top-right-radius: 2px !important; }

.c-Notification.is-align-right:first-child:not(:last-child) .c-Notification__messageBubble { border-top-right-radius: 8px !important; }

.c-Notification.is-align-left .c-Notification__messageBubble { border-top-left-radius: 2px !important; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 2px !important; text-align: left; }

.c-Notification.is-align-left .c-MessageChatBlock__flexy { justify-content: flex-start; }

.c-Notification.is-align-left .c-MessageBubble__from { text-align: left; }

.c-Notification.is-align-left:not(:only-child) .c-Notification__messageBubble { border-top-right-radius: 8px !important; border-bottom-left-radius: 2px !important; }

.c-Notification.is-align-left:first-child:not(:only-child) .c-Notification__messageBubble { border-top-left-radius: 8px !important; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 8px !important; }

.c-NotificationTimer { animation-fill-mode: forward; animation-name: BlueNotificationTimer; animation-iteration-count: 1; animation-duration: 5000ms; animation-play-state: running; }

.c-NotificationTimer { box-sizing: border-box; }

.c-NotificationTimer { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-NotificationTimer * { box-sizing: border-box; }

@keyframes BlueNotificationTimer {}.c-NotificationStack { box-sizing: border-box; }

.c-NotificationStack { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-NotificationStack * { box-sizing: border-box; }

.c-NotificationStack .is-theme-chat { max-width: 400px; }

.c-ProgressBar { background-color: #f1f3f5; border-radius: 200px; height: 6px; width: 100%; }

.c-ProgressBar { box-sizing: border-box; }

.c-ProgressBar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ProgressBar * { box-sizing: border-box; }

.c-ProgressBar__bar { background: linear-gradient(to right, #81dc9e, #4bc27d); border-radius: 200px; height: 100%; transition: width 0.3s ease; width: 0%; }

.c-ProgressBar.is-lg { height: 10px; }

.c-ProgressBar.is-md { height: 6px; }

.c-ProgressBar.is-sm { height: 2px; }

/** Names */
/** UI */
/** Names */
/** UI */
.c-Select { align-items: center; background-color: transparent; border: none; display: flex; padding-bottom: 1px; padding-top: 1px; padding-left: 16px; padding-right: 16px; position: relative; }

.c-Select { box-sizing: border-box; }

.c-Select { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Select * { box-sizing: border-box; }

.c-Select__item { position: relative; z-index: 1; }

.c-Select__inlinePrefix, .c-Select__inlineSuffix { opacity: 0.3; padding-left: 4px; padding-right: 4px; position: relative; top: 0; white-space: nowrap; }

.c-Select__inlinePrefix.is-icon, .c-Select__inlineSuffix.is-icon { opacity: 1; }

.is-multiline > .c-Select__inlinePrefix.is-icon { align-self: flex-start; padding-top: 9px; }

.is-multiline > .c-Select__inlineSuffix.is-icon { align-self: flex-start; padding-top: 9px; }

.is-error > .c-Select__inlinePrefix { color: #9d1f1a; }

.is-error > .c-Select__inlineSuffix { color: #9d1f1a; }

.is-success > .c-Select__inlinePrefix { color: #228350; }

.is-success > .c-Select__inlineSuffix { color: #228350; }

.is-warning > .c-Select__inlinePrefix { color: #b37100; }

.is-warning > .c-Select__inlineSuffix { color: #b37100; }

.c-Select__inlinePrefix.is-icon { margin-left: -8px; }

.is-error.is-seamless > .c-Select__inlinePrefix.is-icon { margin-left: 0; }

.c-Select__inlineSuffix.is-icon { margin-right: -8px; }

.is-error.is-seamless > .c-Select__inlineSuffix.is-icon { margin-right: 0; }

.c-Select .c-InputField { padding-left: 8px; padding-right: 20px; }

@-moz-document url-prefix() { .c-Select .c-InputField { color: transparent; text-shadow: 0 0 0 black; } }

.c-Select > *:first-child { padding-left: 0; }

.c-Select.has-placeholder .c-InputField { opacity: 0.3; }

.c-Select.is-focused { z-index: 2; }

.c-SelectIcon { align-self: center; color: #4f5d6b; display: block; padding: 0 12px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 18px; z-index: 1; }

.c-SelectIcon { box-sizing: border-box; }

.c-SelectIcon { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-SelectIcon * { box-sizing: border-box; }

.c-SelectIcon:before { border-bottom: 4px solid currentColor; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: 0; content: ''; margin: 2px; position: absolute; }

.c-SelectIcon:after { border-top: 4px solid currentColor; border-left: 3px solid transparent; border-right: 3px solid transparent; content: ''; margin: 2px; position: absolute; top: 0; }

.c-SelectIcon.is-error { margin-right: 28px; }

.c-Scrollable { box-sizing: border-box; display: flex; max-height: 100%; min-height: 0; position: relative; width: 100%; }

.c-Scrollable__fade { background: linear-gradient(white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); height: 28px; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; }

.is-rounded .c-Scrollable__fade { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.c-Scrollable__fader { color: white; height: 28px; left: 0; position: absolute; right: 0; transform: scaleY(0); z-index: 1; }

.is-rounded .c-Scrollable__fader { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.c-Scrollable__fader.is-top { background: linear-gradient(to bottom, currentColor, rgba(255, 255, 255, 0)); transform-origin: top; top: 0; }

.c-Scrollable__fader.is-bottom { background: linear-gradient(to top, currentColor, rgba(255, 255, 255, 0)); bottom: 0; transform-origin: bottom; }

.c-Scrollable__content { box-sizing: border-box; max-height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; will-change: scroll-position; }

.c-SidebarCollapsibleCard { background-color: transparent; border-radius: 3px; box-shadow: 0 0 0 rgba(227, 232, 235, 0); margin-bottom: 4px; transition: box-shadow 0.2s ease; }

.c-SidebarCollapsibleCard { box-sizing: border-box; }

.c-SidebarCollapsibleCard { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-SidebarCollapsibleCard * { box-sizing: border-box; }

.c-SidebarCollapsibleCard__header { border-radius: 3px; color: #253540; cursor: pointer; display: block; min-height: 40px; padding: 12px 12px 12px 16px; text-decoration: none; }

.c-SidebarCollapsibleCard__header:hover { background-color: #f9fafa; }

.c-SidebarCollapsibleCard__title { margin: 0; }

.c-SidebarCollapsibleCard__body { background-color: #f9fafa; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.c-SidebarCollapsibleCard__content { color: #72808e; padding: 4px 16px 16px; }

.c-SidebarCollapsibleCard__drag-handle { color: #72808e; margin: -12px -6px -12px -12px; padding: 12px 6px 12px 12px; }

.is-sorting .c-SidebarCollapsibleCard__drag-handle { color: #253540; }

.c-SidebarCollapsibleCard.is-open { background-color: #f9fafa; box-shadow: 0 1px 2px #e3e8eb; }

.is-sorting .c-SidebarCollapsibleCard { background-color: white; box-shadow: 0 0 0 1px #d6dde3, 0 2px 4px #e3e8eb; }

.c-Spinner { color: #b4c0ca; display: inline-block; }

.c-Spinner { box-sizing: border-box; }

.c-Spinner { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Spinner * { box-sizing: border-box; }

.c-Spinner__icon { animation-name: BlueSpinnerSpin; animation-duration: 700ms; animation-iteration-count: infinite; animation-timing-function: linear; transform-origin: center center; }

@keyframes BlueSpinnerSpin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.c-SortableDragHandle { cursor: row-resize; }

.c-SortableDragHandle { box-sizing: border-box; }

.c-SortableDragHandle { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-SortableDragHandle * { box-sizing: border-box; }

@-moz-document url-prefix() { .c-SortableDragHandle { display: inline-block; z-index: 3; } }

.c-SortableItem { box-sizing: border-box; }

.c-SortableItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-SortableItem * { box-sizing: border-box; }

.c-SortableList { box-sizing: border-box; }

.c-SortableList { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-SortableList * { box-sizing: border-box; }

.c-StatusBar { cursor: pointer; padding: 6px 20px; min-height: 32px; text-align: center; background-color: #daf1ff; border-bottom: 1px solid #aedfff; color: #3197d6; }

.c-StatusBar { box-sizing: border-box; }

.c-StatusBar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-StatusBar * { box-sizing: border-box; }

.c-StatusBar__content { font-size: 13px; line-height: 1; }

.c-StatusBar.is-bold .c-StatusBar__content { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.c-StatusBar.is-error.is-bold { background-color: #e52f28; border-bottom: 1px solid #d21b14; color: white; }

.c-StatusBar.is-error.is-light { background-color: #ffe3e2; border-bottom: 1px solid #ffa2a2; color: #e52f28; }

.c-StatusBar.is-info.is-bold { background-color: #3197d6; border-bottom: 1px solid #237ab3; color: white; }

.c-StatusBar.is-info.is-light { background-color: #daf1ff; border-bottom: 1px solid #aedfff; color: #3197d6; }

.c-StatusBar.is-success.is-bold { background-color: #4bc27d; border-bottom: 1px solid #3cb170; color: white; }

.c-StatusBar.is-success.is-light { background-color: #e4fbe6; border-bottom: 1px solid #c4f0ce; color: #4bc27d; }

.c-StatusBar.is-warning.is-bold { background-color: #ffc646; border-bottom: 1px solid #f5b126; color: white; }

.c-StatusBar.is-warning.is-light { background-color: #fff6e2; border-bottom: 1px solid #ffe8b5; color: #ffc646; }

.c-StatusBarButton { appearance: none; box-sizing: border-box; border-radius: 9999px; border: none; color: white; cursor: pointer; font-size: 13px; font-weight: normal; padding: 3px 8px; line-height: 1; outline: none; }

.c-StatusBarButton:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); outline: none; }

.c-StatusBarButton__icon { margin-left: 3px; vertical-align: middle; }

.c-StatusBar.is-light.is-error .c-StatusBarButton { background-color: #e52f28; }

.c-StatusBar.is-light.is-error .c-StatusBarButton:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8); }

.c-StatusBar.is-bold.is-error .c-StatusBarButton { background-color: #ba1f19; }

.c-StatusBar.is-light.is-info .c-StatusBarButton { background-color: #3197d6; }

.c-StatusBar.is-light.is-info .c-StatusBarButton:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8); }

.c-StatusBar.is-bold.is-info .c-StatusBarButton { background-color: #1f5e89; }

.c-StatusBar.is-light.is-success .c-StatusBarButton { background-color: #4bc27d; }

.c-StatusBar.is-light.is-success .c-StatusBarButton:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8); }

.c-StatusBar.is-bold.is-success .c-StatusBarButton { background-color: #2f9f62; }

.c-StatusBar.is-light.is-warning .c-StatusBarButton { background-color: #ffc646; }

.c-StatusBar.is-light.is-warning .c-StatusBarButton:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8); }

.c-StatusBar.is-bold.is-warning .c-StatusBarButton { background-color: #d79400; }

.c-StatusBar.is-bold .c-StatusBarButton { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.c-StatusBadge { display: inline-block; position: relative; }

.c-StatusBadge { box-sizing: border-box; }

.c-StatusBadge { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-StatusBadge * { box-sizing: border-box; }

.c-StatusBadge__statusDot { position: absolute; right: 0; top: 0; transform: translate(50%, -50%); z-index: 1; }

.c-Timestamp { box-sizing: border-box; }

.c-Timestamp { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Timestamp * { box-sizing: border-box; }

.c-Timestamp.is-muted { opacity: 0.6; }

/** Names */
/** UI */
.c-Toolbar { background-color: white; min-height: 54px; padding: 4px 8px; position: relative; }

.c-Toolbar { box-sizing: border-box; }

.c-Toolbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Toolbar * { box-sizing: border-box; }

.c-Toolbar.has-shadow { z-index: 1; }

.c-Toolbar.is-size-xl { padding-left: 24px; padding-right: 24px; }

.c-Toolbar.is-size-lg { padding-left: 20px; padding-right: 20px; }

.c-Toolbar.is-size-md { padding-left: 12px; padding-right: 12px; }

.c-Toolbar.is-size-sm { padding-left: 8px; padding-right: 8px; }

.c-Toolbar.is-size-xs { padding-left: 4px; padding-right: 4px; }

.c-Toolbar.is-placement-top { border-bottom: 1px solid #e3e8eb; }

.c-Toolbar.is-placement-bottom { border-top: 1px solid #e3e8eb; }

.c-Toolbar.is-theme-default { background-color: white; }

.c-Toolbar.is-theme-note { background-color: #FFF7DD; color: #b37100; }

.c-Toolbar.is-seamless { border: none; }

.c-ToolbarShadow { background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)); height: 8px; opacity: 0.04; position: absolute; width: 100%; z-index: 1; }

.c-ToolbarShadow { box-sizing: border-box; }

.c-ToolbarShadow { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ToolbarShadow * { box-sizing: border-box; }

.c-ToolbarShadow.is-placement-top { bottom: -8px; background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)); }

.c-ToolbarShadow.is-placement-bottom { top: -8px; background: linear-gradient(to top, black, rgba(0, 0, 0, 0)); }

.c-ToolbarWrapper { position: relative; }

.c-ToolbarWrapper { box-sizing: border-box; }

.c-ToolbarWrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-ToolbarWrapper * { box-sizing: border-box; }

.c-Timeline { box-sizing: border-box; }

.c-Timeline { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-Timeline * { box-sizing: border-box; }

.c-TimelineItem { display: block; line-height: 1.5; margin-left: 4px; padding: 6px 0 6px 20px; position: relative; }

.c-TimelineItem { box-sizing: border-box; }

.c-TimelineItem { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; font-family: var(--BlueConfigGlobalFontFamily); font-size: var(--BlueConfigGlobalFontSize); }

.c-TimelineItem * { box-sizing: border-box; }

.c-TimelineItem__block { max-width: calc(100% - 60px); }

.c-TimelineItem__timestamp { min-width: 60px; opacity: 0; transition: opacity 200ms linear; will-change: opacity; }

.c-TimelineItem:hover .c-TimelineItem__timestamp { opacity: 1; }

.c-TimelineItem::before { background-color: #e3e8eb; bottom: 0; content: ''; left: 4px; position: absolute; top: 0; width: 2px; z-index: 0; }

.c-TimelineItem::after { background-color: white; border-radius: 50%; border: 2px solid #a5b2bd; content: ''; display: block; height: 6px; left: 0; position: absolute; top: 11px; width: 6px; z-index: 1; }

.c-TimelineItem:first-child::before { bottom: 0; top: 11px; }

.c-TimelineItem:last-child::before { bottom: calc(100% - (11px + (6px/ 2))); top: 0; }

.c-TimelineItem:only-child::before { display: none; }