@media (prefers-color-scheme:dark) {
}

@media (max-width:640px) {
}

.autocomplete {
	position: relative
}

.autocomplete-suggestions:not(.company-page-autocomplete) {
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	right: 0;
	max-height: 24em;
	box-shadow: 0 2px 8px hsla(210,8%,15%,0.1);
	overflow: auto;
	background: hsl(0,0%,100%);
	border: 1px solid hsl(210,8%,80%);
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: opacity 200ms cubic-bezier(.165, .84, .44, 1) 0ms,visibility 0s ease 200ms,z-index 0s ease 200ms
}

.autocomplete-suggestions:not(.company-page-autocomplete).is-visible {
	visibility: visible;
	opacity: 1;
	z-index: 2000;
	transition: visibility 0s ease 0ms,z-index 0s ease 0ms,opacity 200ms cubic-bezier(.165, .84, .44, 1) 200ms
}

.autocomplete-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.autocomplete-avatar {
	width: 24px;
	height: 24px
}

.autocomplete-avatar img,.autocomplete-avatar .svg-icon {
	width: 100%
}

.s-tag--sponsor .svg-icon,.s-tag--sponsor img {
	width: 100%;
	height: 100%
}

.autocomplete-category {
	margin: 0;
	padding: 4px 8px;
	list-style: none;
	background-color: hsl(210,8%,95%);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--fc-light)
}

.autocomplete-result {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 4px 8px;
	width: 100%;
	background-color: hsla(210,8%,95%,0);
	font-size: 13px;
	cursor: pointer;
	transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.autocomplete-result:hover {
	background-color: hsla(210,8%,95%,0.5)
}

.teams-login--provider {
	padding: .7em 0;
	cursor: pointer;
	border-radius: 3px;
	font-size: 1.15384615rem;
	line-height: 1.2;
	text-align: center;
	background: transparent
}

.teams-login--provider .svg-icon {
	vertical-align: text-bottom
}

.teams-login--provider.google-login {
	color: hsl(210,8%,35%);
	background-color: hsl(210,8%,95%)
}

.teams-login--provider.facebook-login {
	color: hsl(0,0%,100%);
	background-color: #395697;
	border-color: transparent
}

.teams-join--headline {
	max-width: 22em;
	font-size: 2.07692308rem;
	line-height: 1.15384615
}

.teams-join--so {
	background-color: hsl(210,8%,95%)
}

.teams-join--so .svg-icon {
	width: 54px;
	height: 64px
}

.teams-join--plus {
	font-size: 4.92307692rem;
	font-weight: bold;
	line-height: 1;
	color: hsl(210,8%,65%)
}

.teams-join--logo {
	background-color: hsl(27,90%,55%);
	font-size: 4.30769231rem;
	line-height: 1.28571429;
	font-weight: bold;
	color: hsl(0,0%,100%);
	text-transform: uppercase
}

.cursor-notallowed {
	cursor: not-allowed !important
}

.teams-checklist--item.is-finished .teams-checklist--bar {
	display: none
}

.teams-checklist--item.is-finished .teams-checklist--title {
	text-decoration: line-through
}

.teams-checklist--item.is-finished .teams-checklist--title .svg-icon {
	display: none
}

.teams-milestones--item.is-finished .teams-milestones--title {
	text-decoration: line-through
}

.teams-checklist--checkbox {
	width: 18px;
	height: 18px;
	color: hsl(0,0%,100%);
	background-color: hsl(0,0%,100%);
	border: 2px solid hsl(210,8%,5%)
}

.teams-checklist--checkbox .iconCheckmark {
	position: relative;
	top: -1px;
	left: -0.25px;
	width: 16px;
	height: 16px;
	display: none
}

.teams-checklist--checkbox.is-complete {
	border-color: transparent;
	background-color: hsl(140,40%,55%)
}

.teams-checklist--checkbox.is-complete .iconCheckmark {
	display: inline
}

.teams-checklist--title .svg-icon {
	width: 14px;
	height: 14px
}

.teams-checklist--link-small {
	font-size: 12px;
	line-height: 1.15384615;
	color: hsl(205,41%,63%)
}

.teams-checklist--link-small:hover {
	color: hsl(205,36%,53%)
}

.teams-checklist--header {
	margin-top: 8px;
	margin-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px
}

.teams-checklist--title-section {
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--fc-dark)
}

.teams-checklist--title-section>i {
	font-style: normal;
	font-weight: 400;
	color: hsl(210,8%,60%)
}

.s-modal__warning {
	border: 3px solid hsla(358,68%,59%,0.95)
}

.s-modal__warning .s-modal--title {
	color: hsl(358,68%,59%)
}

.teams-callout {
	position: relative;
	padding: 16px;
	border: 1px solid transparent;
	border-radius: 3px;
	color: var(--fc-dark)
}

.teams-callout--header {
	margin: -17px -17px 0;
	width: calc(100% + (32px + 2px));
	border-radius: 3px 3px 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

.teams-callout--tag {
	position: absolute;
	top: -10px;
	left: 4px
}

.teams-callout--tag-background {
	position: absolute;
	width: 100%;
	height: 20px;
	transform: skewX(25deg);
	border-radius: 3px;
	background-color: hsl(27,90%,55%)
}

.teams-callout--tag-copy {
	position: relative;
	top: 1px;
	padding: 4px 8px;
	z-index: 1;
	font-size: .769rem;
	font-weight: bold;
	text-transform: uppercase;
	color: hsl(0,0%,100%)
}

.channels-tageditor>.tag-editor {
	margin-top: 8px;
	margin-left: 16px;
	padding-left: 2px;
	width: 520px !important;
	height: 36px !important
}

.channels-tageditor>.tag-suggestions {
	margin-top: 8px;
	margin-left: 16px;
	padding: 0;
	width: 520px !important;
	border-color: var(--black-150);
	box-shadow: var(--bs-sm)
}

.channel-modalbtn__clear {
	padding: 0;
	min-height: unset;
	max-height: 40px;
	border: none;
	box-shadow: none;
	background-color: transparent
}

.channel-modalbtn__clear:hover,.channel-modalbtn__clear:focus,.channel-modalbtn__clear:active {
	box-shadow: none;
	background-color: transparent
}

.integration-settings .integration-settings--section {
	border-radius: 3px;
	border: 1px solid var(--black-100)
}

.integration-settings .integration-settings--header {
	background: var(--black-050);
	border-bottom: 1px solid var(--black-100)
}

.integration-settings .integration-settings--header .integration-settings--header-icon {
	margin-top: -3px
}

.integration-settings .integration-settings--list {
	min-height: 80px
}

.integration-settings .integration-settings--list .-header {
	background: var(--black-025);
	border-bottom: 1px solid var(--black-100)
}

.integration-settings .manage-integrations-table>thead:first-child>tr:first-child>th {
	border-bottom: 1px solid var(--black-100)
}

.integration-settings .manage-integrations-table th,.integration-settings .manage-integrations-table td {
	padding-right: 12px;
	padding-left: 12px
}

.integration-settings .manage-integrations-table th {
	padding-top: 12px;
	padding-bottom: 8px;
	color: var(--fc-dark);
	font-size: 12px;
	font-weight: bold
}

.integration-settings .manage-integrations-table .-alert-disabled {
	color: var(--red-500);
	margin-top: -4px
}

.integration-settings .manage-integrations-table .-alert-disabled-text {
	color: var(--red-500)
}

.integration-settings .manage-integrations-table .-alert-disabled-text a {
	color: inherit;
	text-decoration: underline
}

.integration-settings .blank-state {
	text-align: center;
	font-size: 1.46153846rem;
	color: var(--black-300);
	background-color: var(--black-025);
	padding-top: 48px;
	padding-bottom: 48px
}

.integration-settings .overlay {
	background-color: var(--white)
}

.integration-settings .disable-integrations {
	border: 1px solid var(--black-100)
}

.integration-settings .disable-integrations:after {
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	width: 2px;
	background-color: var(--red-400)
}

.integration-settings .disable-integrations .-checkbox {
	padding-top: 1px
}

.integration-settings .install-integration {
	border: 1px solid var(--black-100)
}

.integration-settings .install-integration:after {
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	width: 2px;
	background-color: var(--green-400)
}

.integration-settings .install-integration .-checkbox {
	padding-top: 1px
}

.color-swatch {
	height: 38px;
	width: 38px;
	cursor: pointer
}

.color-swatch.color-swatch-label {
	width: 21px;
	height: auto
}

.color-swatch.color-swatch-label+input {
	padding-left: 32px
}

.message.message-config.color-picker {
	width: auto !important;
	border: 1px solid hsl(210,8%,85%)
}

.message.message-config.color-picker .message-text {
	padding: 12px !important
}

.message.message-config.color-picker .color-swatch {
	margin: 4px
}

.message.message-config.color-picker,.message.message-config.color-picker .message-text {
	border-radius: 3px
}

.message.message-config.color-picker .message-close {
	display: none
}

.message.message-config .message-tip.message-tip-top-right:before,.message.message-config .message-tip.message-tip-top-left:before {
	top: -14px
}

.message.message-config.color-picker .message-tip.message-tip-top-left:before {
	left: 0
}

.domain-list-item:last-of-type {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.manage-users-table th a {
	color: inherit
}

.manage-users-table th a .svg-icon {
	vertical-align: middle;
	position: relative;
	top: -1px
}

.manage-users-table tr.inactive {
	background-color: var(--black-025)
}

.manage-users-table tr.inactive td:not(.user-actions) {
	opacity: .3
}

.manage-users-table .accepted-text {
	color: var(--green-500)
}

.manage-users-table .pending-text,.manage-users-table .invited-by {
	color: var(--black-400)
}

.manage-users-table .cancel-text {
	color: var(--red-500)
}

.teams-billing--subtitle {
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	color: var(--fc-light);
	line-height: 1;
	text-transform: uppercase
}

.teams-billing--title {
	margin-bottom: 0;
	font-size: 1.61538462rem;
	line-height: 1.15384615
}

.teams-billing--overview-item {
	font-size: 12px;
	line-height: 1.15384615;
	color: var(--fc-dark)
}

.svg14 .svg-icon {
	width: 14px;
	height: 14px
}

.svg24 .svg-icon {
	width: 24px;
	height: 24px
}

.accordion--item {
	padding: 12px;
	box-shadow: inset 0 1px 0 hsl(210,8%,85%),0 1px 0 hsl(210,8%,85%);
	background-color: hsla(0,0%,100%,0);
	font-size: 1.15384615rem;
	line-height: 1.30769231;
	color: var(--fc-dark);
	cursor: pointer;
	transition: background-color 100ms cubic-bezier(.165, .84, .44, 1)
}

.accordion--item:hover {
	background-color: hsla(210,8%,85%,0.1)
}

.accordion--item.is-open .accordion--arrow .svg-icon {
	transform: rotate(180deg)
}

.accordion--details {
	display: none;
	font-size: 12px;
	line-height: 1.15384615;
	color: var(--fc-medium)
}

.accordion--item.is-open .accordion--details {
	display: flex
}

.teams-billing--edit-container {
	position: relative;
	margin-top: 16px;
	padding: 24px;
	border-radius: 3px;
	border: 1px solid hsl(210,8%,85%);
	box-shadow: 0 1px 2px hsla(0,0%,0%,0.05),0 1px 4px hsla(0,0%,0%,0.05),0 2px 8px hsla(0,0%,0%,0.05)
}

.teams-billing--edit-container:before,.teams-billing--edit-container:after {
	content: "";
	position: absolute;
	left: 5%;
	border: 8px solid transparent;
	border-top: none
}

.teams-billing--edit-container:before {
	top: -8px;
	border-bottom-color: hsl(210,8%,85%)
}

.teams-billing--edit-container:after {
	top: -6.5px;
	border-bottom-color: hsl(0,0%,100%)
}

.teams-billing--edit-container.teams-billing--payment-arrow:before,.teams-billing--edit-container.teams-billing--payment-arrow:after {
	left: 27.5%
}

.teams-billing--edit-container.teams-billing--reference-arrow:before,.teams-billing--edit-container.teams-billing--reference-arrow:after {
	left: 52.5%
}

.billing-section .your-plan-section p,.billing-section .your-plan-section li {
	font-size: 1.15384615rem
}

.billing-section .your-plan-section p {
	margin-top: 4px;
	margin-bottom: 4px
}

.billing-section .your-plan-section li {
	margin-top: 8px;
	margin-bottom: 8px
}

.billing-section .cancel-account {
	border-top: 1px solid hsl(210,8%,85%)
}

.js-accordion-item .open {
	display: none
}

body:not(.unified-theme) .container._full.channels-landing #content .inner-content {
	padding-bottom: 0;
	padding-top: 0
}

body:not(.unified-theme) .container._full #content .inner-content {
	padding: 24px 15px
}

@media (prefers-color-scheme:dark) {
}

@media screen and (max-width:816px) {
}

body.channels-page .top-bar {
	position: fixed;
	min-width: auto;
	box-shadow: var(--bs-sm);
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5050;
	background-color: hsl(210,8%,15%);
	height: 50px;
	font-family: var(--ff-sans);
	box-sizing: border-box;
	border-top: none
}

body.channels-page .top-bar .-container {
	max-width: 1264px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	box-sizing: content-box;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center
}

body.channels-page .top-bar .-main {
	height: 100%;
	flex-shrink: 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center
}

body.channels-page .top-bar .-logo {
	box-sizing: content-box;
	padding: 0 12px;
	height: 100%;
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	background-color: transparent
}

body.channels-page .top-bar .-logo .-img {
	display: inline-block;
	text-indent: -9999em;
	height: 30px;
	width: 146px;
	margin-top: -4px;
	margin-left: 0;
	background-position: 0 -500px
}

body.channels-page .top-bar .-logo .-img._glyph {
	height: 30px;
	width: 25px;
	margin-top: 0;
	margin-left: 0
}

@media (prefers-color-scheme:dark) {
	body.theme-system body.channels-page .top-bar .-logo .-img {
		filter: invert(.5) brightness(2)
	}
}

body.theme-dark body.channels-page .top-bar .-logo .-img,.theme-dark__forced body.channels-page .top-bar .-logo .-img {
	filter: invert(.5) brightness(2)
}

body.channels-page .top-bar a.-logo:hover {
	background-color: hsl(210,8%,25%)
}

body.channels-page .top-bar a.-logo.topbar-icon-on {
	background-color: hsl(210,8%,25%)
}

body.channels-page .top-bar .-feature-notice {
	text-decoration: none;
	height: 100%;
	display: inline-flex;
	align-items: center;
	margin: 0 4px 0 0
}

body.channels-page .top-bar .-feature-notice span {
	border-radius: 3px;
	background-color: hsl(210,8%,65%);
	color: hsl(0,0%,100%);
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 4px 8px;
	margin: 0 8px
}

body.channels-page .top-bar .-feature-notice:hover,body.channels-page .top-bar .-feature-notice.topbar-icon-on {
	background-color: hsl(210,8%,25%)
}

body.channels-page .top-bar .-feature-notice:hover span,body.channels-page .top-bar .-feature-notice.topbar-icon-on span {
	background-color: hsl(210,8%,85%)
}

body.channels-page .top-bar .-feature-notice.unread-feature-notice span {
	background-color: var(--network-theme-primary-color) !important
}

body.channels-page .top-bar .left-sidebar-toggle:hover {
	color: hsl(210,8%,85%);
	background-color: hsl(210,8%,25%)
}

body.channels-page .top-bar .left-sidebar-toggle.topbar-icon-on {
	color: hsl(210,8%,25%);
	background-color: hsl(210,8%,95%)
}

body.channels-page .top-bar * {
	box-sizing: border-box
}

body.channels-page .top-bar .navigation {
	font-size: 14px;
	height: 100%;
	max-width: 500px;
	opacity: 1;
	transform-origin: left center;
	transition: opacity .3s ease-in,max-width .3s ease-in;
	flex: 1 0 auto
}

body.channels-page .top-bar .navigation .-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	height: 100%
}

body.channels-page .top-bar .navigation .-item {
	display: inline-flex;
	line-height: 1
}

body.channels-page .top-bar .navigation .-item._current .-link {
	color: hsl(0,0%,100%);
	font-weight: bold
}

body.channels-page .top-bar .navigation .-link {
	display: inline-flex;
	align-items: center;
	padding: 0 12px;
	color: hsl(210,8%,97.5%);
	text-decoration: none;
	white-space: nowrap;
	position: relative
}

body.channels-page .top-bar .navigation .-link:hover,body.channels-page .top-bar .navigation .-link:focus {
	background-color: hsl(210,8%,25%);
	color: hsl(0,0%,100%);
	text-decoration: none;
	outline: none
}

body.channels-page .top-bar .navigation .new-badge {
	background-color: hsl(27,90%,55%);
	color: hsl(0,0%,100%);
	font-size: 11px;
	padding: 2px 4px;
	text-transform: uppercase;
	border-radius: 0 0 3px 3px;
	line-height: 1;
	position: absolute;
	right: 12px;
	top: 0
}

body.channels-page .top-bar .navigation .beta-badge {
	color: hsl(210,8%,75%);
	font-size: 11px;
	padding: 2px 0;
	text-transform: uppercase;
	border-radius: 0 0 3px 3px;
	line-height: 1;
	position: absolute;
	right: 12px;
	top: 35px
}

body.channels-page .top-bar .-marketing-link {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 1000px;
	color: hsl(210,8%,85%);
	white-space: nowrap
}

@media screen and (max-width:640px) {
	html.html__responsive body.channels-page .top-bar .-marketing-link {
		padding-left: 8px;
		padding-right: 8px
	}
}

@media print {
	body.channels-page .top-bar .-marketing-link {
		padding-left: 8px;
		padding-right: 8px
	}
}

body.channels-page .top-bar .-marketing-link:hover,body.channels-page .top-bar .-marketing-link:focus {
	background-color: hsl(210,8%,25%);
	color: hsl(0,0%,100%);
	text-decoration: none;
	outline: none
}

body.channels-page .top-bar .-marketing-link.is-selected {
	background-color: hsl(210,8%,97.5%);
	color: hsl(210,8%,5%)
}

body.channels-page .top-bar .-marketing-link.is-selected:hover,body.channels-page .top-bar .-marketing-link.is-selected:focus {
	background-color: hsl(210,8%,95%);
	color: hsl(210,8%,5%);
	text-decoration: none;
	outline: none
}

body.channels-page .top-bar .-secondary .-ctas {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap
}

body.channels-page .top-bar .-secondary .-item {
	position: relative;
	flex-shrink: 0;
	display: inline-flex;
	padding-bottom: 0;
	height: 100%
}

body.channels-page .top-bar .-secondary .-item .-link:hover {
	color: hsl(210,8%,85%);
	background-color: hsl(210,8%,25%);
	text-decoration: none
}

body.channels-page .top-bar .-secondary .-item .-link:hover .indicator-badge {
	border-color: hsl(210,8%,25%);
	top: 4px
}

body.channels-page .top-bar .-secondary .-item._active,body.channels-page .top-bar .-secondary .-item .-link.topbar-icon-on,body.channels-page .top-bar .-secondary .-item .-link.topbar-icon-on:hover {
	color: hsl(210,8%,25%);
	background-color: hsl(210,8%,95%);
	text-decoration: none
}

body.channels-page .top-bar .-secondary .-item._active .indicator-badge,body.channels-page .top-bar .-secondary .-item .-link.topbar-icon-on .indicator-badge,body.channels-page .top-bar .-secondary .-item .-link.topbar-icon-on:hover .indicator-badge {
	border-color: hsl(210,8%,95%);
	top: 4px
}

body.channels-page .top-bar .-secondary .-item._has-divider {
	border-left: 1px solid hsl(210,8%,65%)
}

body.channels-page .top-bar .-secondary .-item.searchbar-trigger {
	display: none
}

@media screen and (max-width:816px) {
	body.channels-page .top-bar .-secondary .-item.searchbar-trigger {
		display: inline-flex
	}
}

body.channels-page .top-bar .-secondary .-link {
	color: hsl(210,8%,65%);
	display: inline-flex;
	align-items: center;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap;
	position: relative
}

body.channels-page .top-bar .-secondary .-link .svg-icon {
	vertical-align: text-top
}

body.channels-page .top-bar .-secondary .-link .indicator-badge:not(._regular) {
	position: absolute;
	top: 8px;
	right: 2px;
	transition: top cubic-bezier(.165, .84, .44, 1) .15s
}

body.channels-page .top-bar .-secondary .-link._highlighted-positive,body.channels-page .top-bar .-secondary .-link._highlighted-positive:hover,body.channels-page .top-bar .-secondary .-link._highlighted-positive.topbar-icon-on {
	color: hsl(140,40%,55%)
}

body.channels-page .top-bar .-secondary .-link._highlighted-mod,body.channels-page .top-bar .-secondary .-link._highlighted-mod:hover,body.channels-page .top-bar .-secondary .-link._highlighted-mod.topbar-icon-on {
	color: hsl(206,100%,40%)
}

body.channels-page .top-bar .-secondary .-link._highlighted-reviews,body.channels-page .top-bar .-secondary .-link._highlighted-reviews:hover,body.channels-page .top-bar .-secondary .-link._highlighted-reviews.topbar-icon-on {
	color: hsl(27,90%,45%)
}

body.channels-page .top-bar .-secondary .-link._highlighted-announcement,body.channels-page .top-bar .-secondary .-link._highlighted-announcement:hover,body.channels-page .top-bar .-secondary .-link._highlighted-announcement.topbar-icon-on {
	color: hsl(27,90%,55%)
}

body.channels-page .top-bar .-secondary .-link._text-only {
	padding: 0 4px
}

body.channels-page .top-bar .-secondary .-link._danger-indicator:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	box-sizing: content-box;
	right: 2px;
	top: 10px;
	background: hsl(358,62%,52%);
	z-index: 2;
	border: 2px solid hsl(210,8%,15%);
	transition: top cubic-bezier(.165, .84, .44, 1) .15s
}

body.channels-page .top-bar .-secondary .-link._danger-indicator:hover:after {
	top: 6px;
	border-color: hsl(210,8%,25%)
}

body.channels-page .top-bar .-secondary .tour-bubble {
	top: 55px;
	right: -19px
}

body.channels-page .top-bar .indicator-badge {
	background-color: var(--blue-600);
	color: hsl(0,0%,100%);
	font-size: 11px;
	line-height: 1;
	padding: 2px 3px;
	border-radius: 5px;
	background-clip: padding-box;
	display: inline-block;
	min-width: 18px;
	text-align: center;
	border: 2px solid hsl(210,8%,15%)
}

body.channels-page .top-bar .indicator-badge._regular {
	font-size: 12px;
	padding: 4px
}

body.channels-page .top-bar .indicator-badge._positive {
	background-color: var(--green-500)
}

body.channels-page .top-bar .indicator-badge._important {
	background-color: var(--red-500)
}

body.channels-page .top-bar .indicator-badge._reviews {
	background-color: var(--orange-600)
}

body.channels-page .top-bar .indicator-badge._mod {
	background-color: var(--blue-600)
}

body.channels-page .top-bar .indicator-badge._announcement {
	background-color: var(--orange-400)
}

body.channels-page .top-bar .my-profile {
	padding: 0 12px;
	height: 100%;
	font-size: 12px;
	color: hsl(210,8%,95%);
	white-space: nowrap;
	display: flex;
	flex-flow: row nowrap;
	align-items: center
}

body.channels-page .top-bar .my-profile:hover {
	background-color: hsl(210,8%,25%);
	color: hsl(210,8%,97.5%);
	text-decoration: none
}

body.channels-page .top-bar .my-profile .gravatar-wrapper-24 .-avatar {
	border-radius: 3px;
	vertical-align: middle
}

body.channels-page .top-bar .my-profile .-rep {
	padding-left: 8px;
	font-weight: bold;
	color: hsl(210,8%,97.5%)
}

body.channels-page .top-bar .my-profile .-badges {
	color: var(--black-050)
}

body.channels-page .top-bar .my-profile .-badges>span {
	padding-left: 6px
}

body.channels-page .top-bar .my-profile .-badges .badge1,body.channels-page .top-bar .my-profile .-badges .badge2,body.channels-page .top-bar .my-profile .-badges .badge3 {
	text-indent: -9999em
}

body.channels-page .top-bar .my-profile .-badges .badgecount {
	font-weight: normal
}

body.channels-page .top-bar .my-profile .-badges .badge1+.badgecount {
	color: var(--gold-darker)
}

body.channels-page .top-bar .my-profile .-badges .badge2+.badgecount {
	color: var(--silver-darker)
}

body.channels-page .top-bar .my-profile .-badges .badge3+.badgecount {
	color: var(--bronze-darker)
}

body.channels-page .top-bar .searchbar {
	-webkit-transform: translate3d(0, 0, 0);
	flex-shrink: 10000
}

body.channels-page .top-bar .searchbar .s-input {
	border-color: hsl(210,8%,25%);
	background-color: hsl(210,8%,25%);
	box-shadow: none;
	color: hsl(0,0%,100%)
}

body.channels-page .top-bar .searchbar .s-input:focus {
	border-color: hsl(210,8%,70%);
	box-shadow: 0 0 0 4px hsla(0,0%,100%,0.3)
}

body.channels-page .top-bar .searchbar .s-input::-webkit-input-placeholder {
	color: hsl(210,8%,85%);
	font-style: normal
}

body.channels-page .top-bar .searchbar .s-input::-moz-placeholder {
	color: hsl(210,8%,85%);
	font-style: normal;
	opacity: 1
}

body.channels-page .top-bar .searchbar .s-input:-ms-input-placeholder {
	color: hsl(210,8%,85%);
	font-style: normal
}

body.channels-page .top-bar .searchbar .s-input::-ms-input-placeholder {
	color: hsl(210,8%,85%);
	font-style: normal
}

body.channels-page .top-bar .searchbar .s-input::placeholder {
	color: hsl(210,8%,85%);
	font-style: normal
}

body.channels-page .top-bar .searchbar .s-select:before,body.channels-page .top-bar .searchbar .s-select:after {
	border-color: hsl(210,8%,85%) transparent;
	z-index: 30
}

body.channels-page .top-bar .searchbar .s-select>select {
	border-color: hsl(210,8%,35%);
	background-color: hsl(210,8%,35%);
	color: hsl(210,8%,85%)
}

body.channels-page .top-bar .searchbar .s-select>select:focus {
	border-color: hsl(210,8%,70%);
	box-shadow: 0 0 0 4px hsla(0,0%,100%,0.3);
	z-index: 25
}

@media screen and (max-width:816px) {
	body.channels-page .top-bar .searchbar {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		max-width: 100%;
		padding: 8px 12px;
		background: hsl(210,8%,95%)
	}

	body.channels-page .top-bar .searchbar.searchbar__open {
		display: block;
		max-width: none
	}

	body.channels-page .top-bar .searchbar .s-input {
		border-color: var(--black-200);
		background-color: var(--white);
		color: var(--black-700)
	}

	body.channels-page .top-bar .searchbar .s-input:focus {
		border-color: var(--blue-300);
		box-shadow: 0 0 0 4px var(--focus-ring)
	}

	body.channels-page .top-bar .searchbar .s-input::-webkit-input-placeholder {
		color: var(--black-200);
		font-style: normal
	}

	body.channels-page .top-bar .searchbar .s-input::-moz-placeholder {
		color: var(--black-200);
		font-style: normal;
		opacity: 1
	}

	body.channels-page .top-bar .searchbar .s-input:-ms-input-placeholder {
		color: var(--black-200);
		font-style: normal
	}

	body.channels-page .top-bar .searchbar .s-input::-ms-input-placeholder {
		color: var(--black-200);
		font-style: normal
	}

	body.channels-page .top-bar .searchbar .s-input::placeholder {
		color: var(--black-200);
		font-style: normal
	}

	body.channels-page .top-bar .searchbar .s-select:before,body.channels-page .top-bar .searchbar .s-select:after {
		border-color: var(--black-700) transparent
	}

	body.channels-page .top-bar .searchbar .s-select>select {
		border-color: var(--black-200);
		background-color: var(--black-050);
		color: var(--black-700)
	}

	body.channels-page .top-bar .searchbar .s-select>select:focus {
		border-color: var(--blue-300);
		box-shadow: 0 0 0 4px var(--focus-ring)
	}
}

body.channels-page .top-bar-for-debug .top-bar {
	position: absolute;
	top: auto
}

body.channels-page .top-bar-for-debug.topbar-for-debug {
	margin-top: 85px
}

body.channels-page .top-bar-for-debug .cache-info {
	top: 145px
}

@media screen and (max-width:1090px) {
	body.channels-page .top-bar .-container {
		margin: 0;
		max-width: calc(100vw - 24px)
	}

	body.channels-page .top-bar .navigation .-link {
		padding: 0 8px
	}

	body.channels-page .top-bar .navigation .beta-badge {
		right: 8px
	}

	body.channels-page .top-bar .my-profile {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media screen and (max-width:980px) {
	body.channels-page .top-bar .navigation {
		font-size: 12px
	}

	body.channels-page .top-bar .my-profile .-badges,body.channels-page .top-bar .my-profile .-rep {
		display: none
	}
}

body.channels-page .top-bar {
	min-width: auto
}

body.channels-page .top-bar .-container {
	max-width: 1264px;
	box-sizing: border-box
}

body.channels-page .top-bar .-logo {
	padding: 0 8px
}

body.channels-page .top-bar .-logo .-img._glyph {
	width: 150px;
	height: 30px;
	margin-top: -4px
}

@media screen and (max-width:640px) {
	html.html__responsive body.channels-page .top-bar .-logo .-img._glyph {
		width: 25px;
		margin-top: 0
	}
}

@media print {
	body.channels-page .top-bar .-logo .-img._glyph {
		width: 25px;
		margin-top: 0
	}
}

@media screen and (max-width:640px) {
	html.html__responsive body.channels-page .top-bar .-logo.network-logo {
		width: 25px;
		overflow: hidden;
		display: block
	}

	html.html__responsive body.channels-page .top-bar .-logo.network-logo .svg-icon {
		transform: scale(2);
		transform-origin: 0 -10px
	}
}

@media print {
	body.channels-page .top-bar .-logo.network-logo {
		width: 25px;
		overflow: hidden;
		display: block
	}

	body.channels-page .top-bar .-logo.network-logo .svg-icon {
		transform: scale(2);
		transform-origin: 0 -10px
	}
}

body.channels-page .top-bar .topbar-dialog.leftnav-dialog {
	width: auto;
	right: auto
}

body.channels-page .top-bar .topbar-dialog.leftnav-dialog .left-sidebar:not(:empty) {
	width: 240px
}

@media screen and (max-width:640px) {
	html.html__responsive body.channels-page .topbar-dialog,html.html__responsive body.channels-page .topbar-dialog.review-dialog.review-dialog-mod {
		width: 100%;
		left: 0;
		right: 0
	}

	html.html__responsive body.channels-page .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:before,html.html__responsive body.channels-page .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:after {
		left: 105px
	}
}

@media print {
	body.channels-page .topbar-dialog,body.channels-page .topbar-dialog.review-dialog.review-dialog-mod {
		width: 100%;
		left: 0;
		right: 0
	}

	body.channels-page .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:before,body.channels-page .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:after {
		left: 105px
	}
}

body.channels-page .top-bar .-logo .-img {
	filter: invert(.5) brightness(2)
}

body.channels-page .top-bar {
	border-top-width: 3px;
	border-top-style: solid
}

.question-summary .mini-counts,.question-summary .stats strong {
	font-size: 1.30769231rem;
	line-height: 1
}

.question-summary h3,.question-summary .result-link {
	margin-bottom: 4px;
	font-size: 1.15384615rem;
	line-height: 1.3
}

.question-summary .excerpt {
	padding-bottom: 8px
}

.question-summary .user-info {
	padding: 4px 8px
}

.question-summary .started {
	color: var(--black-500);
	font-size: 12px;
	margin-top: 4px
}

.search-results {
	margin-top: -10px
}

.search-results .mixed-question-list {
	border-top: 0
}

.qlist-wrapper--boxed>#question-mini-list {
	margin-bottom: 0
}

.qlist-wrapper--boxed>#question-mini-list .question-summary:last-child {
	border-bottom: none
}

.one-col-tag-suggestions .tag-suggestions {
	overflow: auto;
	max-height: 200px;
	margin-top: 6px;
	padding: 0;
	border-color: var(--black-200);
	scrollbar-color: var(--scrollbar) transparent
}

.one-col-tag-suggestions .tag-suggestions::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: transparent
}

.one-col-tag-suggestions .tag-suggestions::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent
}

.one-col-tag-suggestions .tag-suggestions::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--scrollbar)
}

.one-col-tag-suggestions .tag-suggestions::-webkit-scrollbar-corner {
	background-color: transparent;
	border-color: transparent
}

.one-col-tag-suggestions .tag-suggestions>div {
	padding: 6px;
	width: 100% !important;
	border-top: 1px solid var(--black-150);
	clear: initial !important;
	border-radius: 0;
	transition: none
}

.one-col-tag-suggestions .tag-suggestions>div p {
	margin: 4px 0 0;
	padding: 0 2px
}

.one-col-tag-suggestions .tag-suggestions>div:first-of-type {
	border-top: none
}

.one-col-tag-suggestions .tag-suggestions>div:hover,.one-col-tag-suggestions .tag-suggestions>div:focus {
	background-color: var(--blue-050);
	transition: none
}

.one-col-tag-suggestions .tag-suggestions>div:hover p.more-info,.one-col-tag-suggestions .tag-suggestions>div:focus p.more-info {
	margin-top: 0;
	background-color: transparent
}

.one-col-tag-suggestions .tag-suggestions>div:focus {
	outline: none;
	box-shadow: 0 0 0 4px var(--focus-ring)
}

.one-col-tag-suggestions .item-multiplier {
	margin-right: 0;
	margin-left: 4px;
	font-size: 12px
}

.one-col-tag-suggestions .no-results {
	padding: 6px;
	width: 100% !important;
	border-top: 1px solid var(--black-150);
	clear: initial !important
}

.edit-tags-wrapper>a.post-tag {
	margin: 2px;
	font-size: 12px
}

.temp-tag__danger {
	background-color: var(--red-400)
}

.temp-tag__danger,.temp-tag__danger:hover,.temp-tag__danger .s-tag--dismiss {
	color: var(--white);
	background-color: var(--red-500) !important
}

.temp-tag__danger:hover {
	background-color: var(--red-500)
}

.atwho-view-ul .autocomplete-result {
	margin: 0
}

.post-tag.invalid-tag {
	border: 1px solid var(--red-500)
}[contenteditable=true]:empty:before {
	content: attr(placeholder);
	color: var(--black-200);
	display: block
}

.comment-form>form textarea,.comment-form>form div[contenteditable=true] {
	height: auto;
	min-height: 5em
}

.comment-form .f-input {
	padding-left: 8px;
	padding-right: 8px
}

.comments .inputted-mention {
	color: var(--blue-600);
	background-color: var(--blue-050);
	display: inline-block;
	padding: 4px;
	margin: -4px 0;
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	text-align: center
}

.atwho-view {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	margin-top: 18px;
	background: var(--white);
	color: var(--fc-dark);
	border: 1px solid var(--black-100);
	box-shadow: 0 1px 3px hsla(0,0%,0%,0.06),0 2px 6px hsla(0,0%,0%,0.06),0 3px 8px hsla(0,0%,0%,0.09);
	width: 550px;
	max-width: 80vw;
	z-index: 5000
}

.atwho-view .atwho-header {
	padding: 4px;
	margin: 4px;
	cursor: pointer;
	border-bottom: solid 1px var(--black-075);
	font-weight: bold;
	font-size: 11px;
	color: var(--fc-light)
}

.atwho-view .atwho-header:hover {
	cursor: default
}

.atwho-view .atwho-header .small {
	color: var(--fc-light);
	float: right;
	padding-top: 2px;
	margin-right: -5px;
	font-size: 12px;
	font-weight: normal
}

.atwho-view .cur {
	background-color: var(--blue-050)
}

.atwho-view .cur strong {
	font-weight: bold
}

.atwho-view strong {
	color: inherit;
	font-weight: inherit
}

.atwho-view ul {
	list-style: none;
	padding: 0;
	margin: auto;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden
}

.atwho-view ul li {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid var(--black-100);
	cursor: pointer
}

.atwho-view small {
	font-size: 12px;
	color: var(--black-400);
	font-style: normal
}

.suspicious-relative-link {
	border: 2px solid var(--blue-600)
}

.suspicious-relative-form * {
	background-color: var(--red-500)
}

.research-banner {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 100%;
	max-width: 370px;
	height: 100%;
	box-shadow: var(--bs-sm);
	border-radius: 5px;
	z-index: 4000;
	opacity: 0;
	transition: width 50ms cubic-bezier(.165, .84, .44, 1);
	animation: 1.5s cubic-bezier(.19, 1, .22, 1) 2s 1 normal forwards researchshow
}

.research-banner:hover {
	box-shadow: var(--bs-md);
	transition: all 50ms cubic-bezier(.165, .84, .44, 1)
}

.research-banner.research-banner__initial {
	max-height: 148px
}

.research-banner.research-banner__open {
	max-width: 440px;
	max-height: 320px
}

.research-banner.research-banner__confirmation {
	max-height: 118px
}

.research-banner__state {
	width: 100%;
	padding: 20px
}

.research-banner__initial>.research-banner--container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.research-banner__success {
	opacity: 1;
	border-color: var(--green-400);
	animation: 1.5s cubic-bezier(.19, 1, .22, 1) 4s 1 normal forwards researchhide
}

.research-banner--title {
	font-size: 1.84615385rem;
	font-weight: bold;
	line-height: 1.15384615;
	color: var(--fc-medium)
}

.research-banner--copy {
	padding-right: 8px;
	font-size: 1.23076923rem;
	line-height: 1.30769231;
	color: var(--fc-medium)
}

@keyframes researchshow {
	0% {
		transform: translate3d(0, 300px, 0);
		opacity: 0
	}

	25% {
		transform: translate3d(0, -12px, 0);
		opacity: 1
	}

	40% {
		transform: translate3d(0, -2px, 0)
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes researchhide {
	0%,50% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	75% {
		transform: translate3d(0, -12px, 0);
		opacity: 1
	}

	100% {
		transform: translate3d(0, 300px, 0);
		opacity: 0
	}
}