#rmy-css-loading {
	display: none !important;
}

.unlock-help-page {
	color: #1f2933;
	margin: 0 auto 54px;
	max-width: 1040px;
	padding: 12px 15px 42px;
}

.unlock-help-hero {
	background: #f8fbff;
	border: 1px solid #d8e7f2;
	border-left: 8px solid #2f80c0;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(32, 49, 66, 0.08);
	margin: 0 0 22px;
	padding: 28px;
}

.unlock-help-label,
.unlock-help-kicker {
	color: #596579;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.unlock-help-hero h1 {
	color: #16202d;
	font-size: 42px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 50px;
	margin: 0 0 12px;
	overflow-wrap: anywhere;
}

.unlock-help-hero p {
	color: #354253;
	font-size: 19px;
	line-height: 31px;
	margin: 0;
	max-width: 780px;
}

.unlock-help-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.unlock-help-jump a {
	background: #fff;
	border: 1px solid #c7d7e4;
	border-radius: 6px;
	color: #17415f;
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	line-height: 20px;
	padding: 8px 12px;
	text-decoration: none;
}

.unlock-help-jump a:focus,
.unlock-help-jump a:hover {
	background: #eef7ff;
	border-color: #83aeca;
	color: #0d334d;
	text-decoration: none;
}

.unlock-help-grid {
	display: grid;
	gap: 18px;
}

.unlock-help-card {
	background: #fff;
	border: 1px solid #dce4ea;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(31, 41, 51, 0.07);
	display: grid;
	gap: 18px;
	grid-template-columns: 72px minmax(0, 1fr);
	padding: 24px;
}

.unlock-help-card-featured {
	border-color: #b8d9ce;
}

.unlock-help-icon {
	align-items: center;
	background: #20242c;
	border-radius: 8px;
	color: #fff;
	display: flex;
	font-size: 20px;
	font-weight: 800;
	height: 58px;
	justify-content: center;
	line-height: 24px;
	text-align: center;
	width: 58px;
}

.unlock-help-card-featured .unlock-help-icon {
	background: #176a88;
}

.unlock-help-phone-icon {
	background: #2d6a4f;
}

.unlock-help-copy h2,
.unlock-help-legacy h2 {
	color: #17202b;
	font-size: 29px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 36px;
	margin: 0 0 8px;
}

.unlock-help-lead {
	color: #2e3a49;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	margin: 0 0 15px;
}

.unlock-help-steps {
	color: #27313f;
	font-size: 17px;
	line-height: 29px;
	margin: 0 0 16px;
	padding-left: 24px;
}

.unlock-help-steps li {
	margin: 0 0 9px;
}

.unlock-help-page kbd {
	background: #f3f5f7;
	border: 1px solid #c8d1da;
	border-bottom-color: #9eabb8;
	border-radius: 5px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
	color: #1c2733;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 19px;
	margin: 0 2px;
	padding: 2px 7px;
	vertical-align: 1px;
}

.unlock-help-note {
	background: #fff9e8;
	border: 1px solid #ead99e;
	border-radius: 7px;
	color: #3d3420;
	font-size: 16px;
	line-height: 27px;
	margin: 0;
	padding: 12px 14px;
}

.unlock-help-note a {
	font-weight: 800;
	text-decoration: underline;
}

.unlock-globe-showcase {
	align-items: center;
	background: #f3faf7;
	border: 1px solid #cfe2dc;
	border-radius: 8px;
	color: #20352d;
	display: flex;
	font-size: 17px;
	font-weight: 800;
	gap: 12px;
	line-height: 26px;
	margin: 0 0 17px;
	padding: 13px 14px;
}

.unlock-globe-button {
	align-items: center;
	background: #fff;
	border: 1px solid #b7c7d2;
	border-radius: 7px;
	box-shadow: 0 2px 6px rgba(23, 32, 43, 0.12);
	display: inline-flex;
	flex: 0 0 56px;
	height: 50px;
	justify-content: center;
	width: 56px;
}

.unlock-globe-button img {
	display: block;
	height: 40px;
	width: 41px;
}

.unlock-help-legacy {
	background: #20242c;
	border-radius: 8px;
	color: #fff;
	margin-top: 20px;
	padding: 22px 24px;
}

.unlock-help-legacy h2 {
	color: #fff;
	font-size: 24px;
	line-height: 31px;
}

.unlock-help-legacy p {
	color: #eef3f7;
	font-size: 17px;
	line-height: 29px;
	margin: 0;
}

@media (max-width: 767px) {
	.unlock-help-page {
		margin-bottom: 36px;
		padding: 8px 10px 30px;
	}

	.unlock-help-hero {
		border-left-width: 6px;
		padding: 20px;
	}

	.unlock-help-hero h1 {
		font-size: 32px;
		line-height: 39px;
	}

	.unlock-help-hero p {
		font-size: 17px;
		line-height: 28px;
	}

	.unlock-help-card {
		gap: 12px;
		grid-template-columns: 54px minmax(0, 1fr);
		padding: 18px;
	}

	.unlock-help-icon {
		font-size: 17px;
		height: 46px;
		line-height: 21px;
		width: 46px;
	}

	.unlock-help-copy h2 {
		font-size: 25px;
		line-height: 31px;
	}

	.unlock-help-lead,
	.unlock-help-steps,
	.unlock-globe-showcase,
	.unlock-help-legacy p {
		font-size: 16px;
		line-height: 27px;
	}
}

@media (max-width: 480px) {
	.unlock-help-card {
		grid-template-columns: 1fr;
	}

	.unlock-help-icon {
		margin-bottom: 2px;
	}

	.unlock-globe-showcase {
		align-items: flex-start;
	}
}

body.error404-body {
	background: #f4f8fb;
	margin: 0;
	min-height: 100vh;
	overflow: hidden;
}

.error404-ajax-root,
.error404-page {
	min-height: 100vh;
}

.error404-page {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 28px;
	position: relative;
}

.error404-emoji-bg {
	align-content: start;
	bottom: -24px;
	display: grid;
	gap: 4px;
	grid-auto-rows: 34px;
	grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
	left: -24px;
	opacity: .86;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	right: -24px;
	top: -24px;
	user-select: none;
	z-index: 0;
}

.error404-emoji-bg span {
	align-self: center;
	display: block;
	height: 33px;
	justify-self: center;
	margin: 0;
	opacity: .92;
	transform: scale(.96);
	width: 33px;
}

.error404-card {
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(25, 45, 63, .16);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(15, 33, 50, .25);
	box-sizing: border-box;
	max-width: 450px;
	padding: 36px;
	position: relative;
	text-align: center;
	width: calc(100vw - 36px);
	z-index: 1;
}

.error404-card h1 {
	color: #172330;
	font-size: clamp(32px, 7vw, 56px);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.06;
	margin: 0 0 22px;
}

.error404-logo-link {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
}

.error404-logo-link img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 38vw;
	width: 140px;
}

@media (max-width: 480px) {
	.error404-page {
		padding: 16px;
	}

	.error404-card {
		padding: 26px 18px;
		width: calc(100vw - 28px);
	}

	.error404-card h1 {
		font-size: 34px;
		margin-bottom: 18px;
	}

	.error404-logo-link img {
		max-width: 48vw;
		width: 118px;
	}

	.error404-emoji-bg {
		gap: 3px;
		grid-auto-rows: 31px;
		grid-template-columns: repeat(auto-fill, minmax(31px, 1fr));
	}

	.error404-emoji-bg span {
		transform: scale(.88);
	}
}

@media (max-height: 520px) {
	.error404-card {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.error404-card h1 {
		font-size: 32px;
		margin-bottom: 14px;
	}

	.error404-logo-link img {
		width: 96px;
	}
}

.site-emoji-side-bg {
	bottom: 0;
	display: none;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	user-select: none;
	z-index: 0;
}

.site-emoji-side-bg-loaded {
	display: block;
}

.site-emoji-side-bg-rail {
	align-content: start;
	bottom: -18px;
	display: grid;
	gap: 4px;
	grid-auto-rows: 36px;
	grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
	opacity: .82;
	overflow: hidden;
	position: absolute;
	top: -18px;
	width: 0;
}

.site-emoji-side-bg-left {
	left: 0;
	padding-left: 4px;
}

.site-emoji-side-bg-right {
	padding-right: 4px;
	right: 0;
}

.site-emoji-side-bg span {
	align-self: center;
	display: block;
	height: 33px;
	justify-self: center;
	margin: 0;
	opacity: .92;
	transform: scale(.94);
	width: 33px;
}

.em-message-page {
	color: #222;
	padding: 8px 0 56px;
}

.em-message-hero {
	align-items: stretch;
	background: #fff;
	border: 1px solid #d9dde5;
	border-radius: 8px;
	box-shadow: 0 12px 34px rgba(30, 43, 64, 0.08);
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0 0 14px;
	padding: 26px;
}

.em-message-kicker {
	color: #6a7280;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.em-message-hash {
	color: #273142;
	display: inline-block;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 12px;
	overflow-wrap: anywhere;
	text-transform: none;
	vertical-align: baseline;
}

.em-message-hero h1 {
	color: #151922;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0;
	overflow-wrap: anywhere;
}

.em-message-nav {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

.em-message-nav .btn {
	min-width: 104px;
}

.em-message-cost-button {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	justify-content: center;
	line-height: 1.2;
	white-space: normal;
}

.em-message-cost-button span,
.em-message-cost-button strong {
	display: block;
}

.em-message-cost-button strong {
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
}

.em-message-nav-bottom {
	justify-content: center;
	margin-top: 20px;
}

.em-message-layout-row {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
}

.em-message-layout-row:before,
.em-message-layout-row:after {
	display: none;
}

.em-message-sidebar {
	margin-bottom: 18px;
	order: 1;
}

.em-message-main {
	order: 2;
}

.em-message-sidebar h2 {
	color: #232936;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0 0 10px;
}

.em-message-sidebar .list-group {
	margin-bottom: 0;
}

.em-message-unlocked-item {
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.em-message-preunlock,
.em-message-need-credits {
	background: #fff;
	border: 1px solid #d9dde5;
	border-radius: 8px;
	box-shadow: 0 12px 34px rgba(30, 43, 64, 0.08);
	margin: 0 auto 18px;
	max-width: 720px;
	padding: 28px;
}

.em-message-preunlock h1,
.em-message-need-credits h1 {
	color: #151922;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 38px;
	margin: 0 0 14px;
}

.em-message-preunlock p,
.em-message-need-credits p {
	color: #344054;
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 14px;
}

.em-message-need-actions {
	align-items: center;
	display: flex;
	gap: 10px;
	margin-top: 18px;
}

.em-message-section {
	background: #fff;
	border: 1px solid #dfe4eb;
	border-radius: 8px;
	margin: 0 0 16px;
	padding: 18px;
}

.em-message-section h2 {
	color: #232936;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 22px;
	margin: 0 0 12px;
}

.em-message-sentiment-section {
	align-items: center;
	display: flex;
	justify-content: center;
}

.em-message-sentiment-card {
	background: #f8fafb;
	border: 1px solid #dce5ea;
	border-radius: 8px;
	box-sizing: border-box;
	max-width: 320px;
	padding: 12px 16px 14px;
	text-align: center;
	width: 100%;
}

.em-message-sentiment-title {
	color: #26323d;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 7px;
	text-align: center;
	text-transform: uppercase;
}

.em-message-sentiment-card canvas {
	display: block;
	height: auto;
	margin: -2px auto -4px;
	max-width: 100%;
	width: 180px;
}

.em-message-sentiment-axis {
	align-items: center;
	color: #53616d;
	display: flex;
	font-size: 12px;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1.2;
	margin: 0 auto;
	max-width: 158px;
}

.em-message-mini-card span {
	color: #667085;
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 16px;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.em-message-snapshot-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.em-message-mini-card {
	background: #f8fafc;
	border: 1px solid #e4e9f0;
	border-radius: 8px;
	min-height: 82px;
	padding: 12px;
}

.em-message-mini-card strong {
	color: #202631;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	overflow-wrap: anywhere;
}

.em-message-mini-card-placeholder {
	visibility: hidden;
}

.em-message-comments {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.em-message-comments article {
	background: #f8fafc;
	border: 1px solid #e4e9f0;
	border-radius: 8px;
	padding: 16px;
}

.em-message-comment-stage {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 122px;
	position: relative;
}

.em-message-comment-unlock {
	min-height: 76px;
	max-width: 280px;
	width: 100%;
}

.em-message-comment-sparkles {
	display: none;
	height: 122px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.em-message-comment-sparkles span {
	animation: em-message-sparkle 720ms ease-in-out infinite alternate;
	display: block;
	line-height: 1;
	position: absolute;
	transform: translate(-50%, -50%) scale(1);
}

.em-message-comment-body {
	display: none;
	width: 100%;
}

.em-message-comment-error {
	color: #b42318;
	display: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
}

.em-message-comment-error a {
	color: #7f1d1d;
	text-decoration: underline;
}

.em-message-comments p {
	color: #242b36;
	font-size: 17px;
	line-height: 26px;
	margin: 0;
	overflow-wrap: anywhere;
	white-space: pre-line;
}

@keyframes em-message-sparkle {
	0% {
		opacity: 0.45;
		transform: translate(-50%, -50%) scale(0.82) rotate(-8deg);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.18) rotate(8deg);
	}
}

@media (max-width: 900px) {
	.em-message-hero {
		grid-template-columns: 1fr;
	}

	.em-message-nav {
		justify-content: flex-start;
	}

	.em-message-snapshot-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.em-message-comments {
		grid-template-columns: 1fr;
	}

	.em-message-sidebar {
		order: 2;
		width: 100%;
	}

	.em-message-main {
		order: 1;
		width: 100%;
	}
}

@media (max-width: 520px) {
	.em-message-hero {
		padding: 18px;
	}

	.em-message-hero h1 {
		font-size: 26px;
		line-height: 1.28;
	}

	.em-message-nav,
	.em-message-nav-bottom {
		align-items: stretch;
		flex-direction: column;
	}

	.em-message-nav .btn {
		width: 100%;
	}

	.em-message-preunlock,
	.em-message-need-credits {
		padding: 20px;
	}

	.em-message-preunlock h1,
	.em-message-need-credits h1 {
		font-size: 25px;
		line-height: 32px;
	}

	.em-message-need-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.em-message-need-actions .btn {
		width: 100%;
	}

	.em-message-snapshot-grid {
		display: block;
	}

	.em-message-mini-card {
		margin-bottom: 10px;
	}

	.em-message-mini-card-placeholder {
		display: none;
	}
}

.em-auth-body {
	background: #f7f7f7;
	min-height: 100vh;
}

.em-auth-navbar {
	margin-bottom: 0;
}

.em-auth-content {
	padding-bottom: 60px;
	padding-top: 42px;
}

.em-auth-content h1 {
	font-size: 30px;
	line-height: 36px;
	margin-top: 0;
}

.em-landing-page {
	color: #1f2933;
	margin: 0 auto;
	max-width: 1060px;
	padding: 6px 0 64px;
	text-align: center;
}

.em-landing-logo-wrap,
.em-auth-logo-wrap {
	align-items: center;
	background: #fff;
	border: 1px solid #d9dde5;
	border-radius: 8px;
	box-shadow: 0 12px 34px rgba(30, 43, 64, 0.08);
	display: flex;
	justify-content: center;
	max-width: 100%;
	padding: 12px;
	width: fit-content;
}

.em-landing-logo {
	display: inline-block;
	height: 200px;
	margin: 0;
	width: 200px;
}

.em-landing-logo-wrap {
	margin: 0 auto 26px;
}

.em-auth-logo {
	display: inline-block;
	height: 150px;
	margin: 0;
	width: 150px;
}

.em-auth-logo-wrap {
	margin: 0 auto 24px;
}

.em-auth-logo-wrap a {
	display: block;
	line-height: 0;
}

.em-auth-logo-wrap + h1 {
	text-align: center;
}

.em-landing-quotes {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr;
	margin: 0 auto 30px;
	max-width: 980px;
}

.em-landing-quote {
	background: #fff;
	border: 1px solid #d9dde5;
	border-radius: 8px;
	box-shadow: 0 12px 34px rgba(30, 43, 64, 0.08);
	margin: 0;
	padding: 26px 30px;
}

.em-landing-quote p {
	color: #151922;
	font-family: Arial, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
	font-size: 31px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.28;
	margin: 0;
	overflow-wrap: anywhere;
	text-align: left;
}

.em-landing-paygate {
	color: #344054;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 auto 22px;
	max-width: 780px;
}

.em-landing-actions {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: center;
}

.em-landing-button {
	font-size: 22px;
	font-weight: 800;
	line-height: 28px;
	min-width: 190px;
	padding: 15px 28px;
}

.js-loading-button.is-loading {
	cursor: wait;
	pointer-events: none;
}

.js-loading-button.is-loading:before {
	animation: rmy-loading-button-spin 0.75s linear infinite;
	border: 2px solid currentColor;
	border-radius: 50%;
	border-right-color: transparent;
	content: "";
	display: inline-block;
	height: 1em;
	margin-right: 0.55em;
	vertical-align: -0.14em;
	width: 1em;
}

.em-message-cost-button.js-loading-button.is-loading:before {
	margin: 0 0 4px;
}

@keyframes rmy-loading-button-spin {
	to {
		transform: rotate(360deg);
	}
}

.em-splash-body {
	background: #f5f7fb;
	color: #1f2937;
	min-height: 100vh;
}

.em-splash-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	min-height: 100vh;
	padding: 8vh 20px 12vh;
	text-align: center;
}

.em-splash-card {
	background: #fff;
	border: 1px solid #dbe3ee;
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(31, 41, 55, 0.12);
	margin-top: 4vh;
	max-width: 720px;
	padding: 42px 42px 48px;
	width: 100%;
}

.em-splash-logo {
	display: inline-block;
	height: 150px;
	margin: 0;
	width: 150px;
}

.em-splash-content {
	border-top: 1px solid #e4e9f1;
	font-size: 22px;
	line-height: 32px;
	margin-top: 42px;
	padding: 30px 10px 0;
}

.em-splash-content p {
	margin: 0;
}

@media (min-width: 760px) {
	.em-splash-content p {
		white-space: nowrap;
	}
}

@media (max-width: 480px) {
	.em-auth-content {
		padding-top: 28px;
	}

	.em-landing-logo {
		height: 164px;
		width: 164px;
	}

	.em-landing-quote {
		padding: 20px 18px;
	}

	.em-landing-quote p {
		font-size: 24px;
		line-height: 1.32;
	}

	.em-landing-paygate {
		font-size: 20px;
		line-height: 28px;
	}

	.em-landing-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.em-landing-button {
		width: 100%;
	}

	.em-splash-wrap {
		padding: 32px 14px 48px;
	}

	.em-splash-card {
		margin-top: 0;
		padding: 32px 22px 36px;
	}

	.em-splash-content {
		font-size: 20px;
		line-height: 29px;
		margin-top: 34px;
		padding-top: 24px;
	}
}

.sidebar {
	display: none;
}
@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}

.top-clicks-yesterday {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin: 0 0 12px;
	padding: 10px 12px 12px;
}

.top-clicks-yesterday h3 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin: 0 0 10px;
}

.top-clicks-yesterday-section + .top-clicks-yesterday-section {
	border-top: 1px solid #e5e5e5;
	margin-top: 12px;
	padding-top: 12px;
}

.top-clicks-yesterday-date,
.top-clicks-yesterday-hour-range {
	color: #666;
	font-size: 13px;
	white-space: nowrap;
}

.top-clicks-yesterday-groups {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
}

.top-clicks-yesterday-label {
	color: #666;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 16px;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.top-clicks-yesterday-items {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.top-clicks-yesterday-item {
	align-items: center;
	background: #f7f7f7;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	color: #222;
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-height: 86px;
	min-width: 0;
	padding: 8px 6px;
	text-align: center;
	text-decoration: none;
}

.top-clicks-yesterday-item:focus,
.top-clicks-yesterday-item:hover {
	background: #fff;
	border-color: #bbb;
	color: #111;
	outline: 0;
	text-decoration: none;
}

.top-clicks-yesterday-char {
	display: block;
	flex: 0 0 auto;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 34px;
	line-height: 1;
	min-height: 34px;
	text-align: center;
}

.top-clicks-yesterday-emoji-char {
	font-size: 34px;
	height: auto;
	margin: 0 auto;
	width: auto;
}

.top-clicks-yesterday-name {
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.top-clicks-yesterday-error p {
	color: #8a2f25;
	font-size: 13px;
	font-weight: 700;
	margin: 0;
}

@media (min-width: 700px) {
	.top-clicks-yesterday-groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.emoji-page-activity-holder:not(:empty) {
	margin: 0 0 24px;
}

.emoji-page-activity {
	background: #3d3d3d;
	border-radius: 6px;
	color: #f6f6f6;
	padding: 14px;
}

.emoji-page-activity-section + .emoji-page-activity-section {
	border-top: 1px solid #5a5a5a;
	margin-top: 14px;
	padding-top: 12px;
}

.emoji-page-activity-header {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.emoji-page-activity-header h3 {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
}

.emoji-page-activity-header a {
	color: #fff;
	flex: 0 0 auto;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
}

.emoji-page-activity-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emoji-page-activity-item {
	align-items: center;
	background: #4a4a4a;
	border: 1px solid #606060;
	border-radius: 6px;
	color: #fff;
	display: flex;
	gap: 8px;
	min-height: 72px;
	padding: 8px;
	text-decoration: none;
}

.emoji-page-activity-item:focus,
.emoji-page-activity-item:hover {
	background: #555;
	border-color: #777;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.emoji-page-activity-char {
	display: block;
	flex: 0 0 50px;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 44px;
	line-height: 1;
	text-align: center;
}

.emoji-page-activity-name {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	min-width: 0;
	overflow-wrap: anywhere;
}

.emoji-page-activity-empty {
	background: #4a4a4a;
	border: 1px solid #606060;
	border-radius: 6px;
	color: #e0e0e0;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 12px;
}

.emoji-page-list-page {
	margin: 0 auto 40px;
	max-width: 980px;
}

.emoji-page-list-page h1 {
	font-size: 30px;
	line-height: 36px;
	margin: 10px 0 18px;
}

.emoji-page-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.emoji-page-list-item {
	align-items: center;
	background: #f7f7f7;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	color: #222;
	display: flex;
	gap: 10px;
	min-height: 92px;
	padding: 10px;
	text-decoration: none;
}

.emoji-page-list-item:focus,
.emoji-page-list-item:hover {
	background: #fff;
	border-color: #aaa;
	color: #111;
	outline: 0;
	text-decoration: none;
}

.emoji-page-list-rank {
	color: #666;
	flex: 0 0 24px;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}

.emoji-page-list-char {
	flex: 0 0 66px;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 56px;
	line-height: 1;
	text-align: center;
}

.emoji-page-list-copy {
	display: block;
	min-width: 0;
}

.emoji-page-list-name {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 19px;
	overflow-wrap: anywhere;
}

.emoji-page-list-meta {
	color: #666;
	display: block;
	font-size: 12px;
	line-height: 16px;
	margin-top: 3px;
}

.emoji-page-list-empty {
	color: #555;
	font-size: 16px;
	line-height: 22px;
}

/* All Emoji page */

.all-emoji-page {
	margin: 0 auto 44px;
	max-width: 1120px;
}

.all-emoji-page-header {
	border-bottom: 1px solid #d9e2ec;
	margin: 0 0 20px;
	padding: 6px 0 18px;
}

.all-emoji-page h1 {
	font-size: 34px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 0 10px;
}

.all-emoji-intro {
	color: #475467;
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	max-width: 860px;
}

.all-emoji-loading {
	align-items: center;
	color: #52606d;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	gap: 12px;
	line-height: 24px;
	padding: 30px 0;
}

.all-emoji-loading-spinner {
	animation: all-emoji-spin 820ms linear infinite;
	border: 3px solid #d9e2ec;
	border-top-color: #2563eb;
	border-radius: 50%;
	display: inline-block;
	height: 26px;
	width: 26px;
}

.all-emoji-load-error {
	background: #fff8f0;
	border: 1px solid #f5c27a;
	border-radius: 6px;
	color: #7a4a00;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	padding: 12px 14px;
}

@keyframes all-emoji-spin {
	to {
		transform: rotate(360deg);
	}
}

.all-emoji-category {
	border-bottom: 1px solid #e5e7eb;
	clear: both;
	padding: 24px 0 26px;
}

.all-emoji-category-header {
	align-items: center;
	display: flex;
	gap: 18px;
	margin: 0 0 16px;
	min-width: 0;
}

.all-emoji-feature {
	display: block;
	flex: 0 0 128px;
	text-decoration: none;
	width: 128px;
}

.all-emoji-feature img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 128px;
}

.all-emoji-category-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.all-emoji-category-copy h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin: 0 0 6px;
}

.all-emoji-category-copy h2 a {
	color: #1f2933;
	text-decoration: none;
}

.all-emoji-category-copy h2 a:focus,
.all-emoji-category-copy h2 a:hover {
	color: #005580;
	text-decoration: underline;
}

.all-emoji-category-copy p {
	color: #52606d;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 8px;
}

.all-emoji-gallery-link {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.all-emoji-grid {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	line-height: 0;
	margin: 0;
	min-width: 0;
}

.all-emoji-link {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	display: inline-flex;
	height: 41px;
	justify-content: center;
	line-height: 0;
	position: relative;
	text-decoration: none;
	width: 41px;
}

.all-emoji-link:focus,
.all-emoji-link:hover {
	background: #f8fafc;
	border-color: #ccd6e0;
	outline: 0;
	text-decoration: none;
}

.all-emoji-link-copied {
	background: #ecfdf3;
	border-color: #73c995;
}

.all-emoji-copy-feedback {
	background: #1f2933;
	border-radius: 4px;
	bottom: calc(100% + 7px);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	left: 50%;
	line-height: 16px;
	opacity: 0;
	padding: 3px 7px;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, 4px);
	transition: opacity 160ms ease, transform 160ms ease;
	white-space: nowrap;
	z-index: 20;
}

.all-emoji-copy-feedback:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #1f2933;
	content: "";
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
}

.all-emoji-copy-feedback.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.all-emoji-manual-copy-field {
	border: 0;
	height: 1px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 1px;
}

.all-emoji-sprite {
	display: inline-block;
	flex: 0 0 33px;
	height: 33px;
	width: 33px;
}

@media (min-width: 700px) {
	.emoji-page-activity-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.emoji-page-activity-char {
		flex-basis: 58px;
		font-size: 52px;
	}
}

@media (max-width: 699px) {
	.emoji-page-activity-item:nth-of-type(n+13) {
		display: none;
	}
}

@media (max-width: 480px) {
	.emoji-page-activity {
		padding: 10px;
	}

	.emoji-page-activity-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.emoji-page-activity-item {
		align-items: flex-start;
		flex-direction: column;
		min-height: 112px;
	}

	.emoji-page-activity-char {
		flex-basis: auto;
		width: 100%;
	}

	.emoji-page-list {
		grid-template-columns: 1fr;
	}

	.emoji-page-list-item {
		min-height: 86px;
	}

	.emoji-page-list-char {
		flex-basis: 58px;
		font-size: 50px;
	}
}

@media (max-width: 760px) {
	.all-emoji-page {
		margin-bottom: 34px;
	}

	.all-emoji-category-header {
		align-items: flex-start;
		gap: 14px;
	}

	.all-emoji-feature {
		flex-basis: 88px;
		width: 88px;
	}

	.all-emoji-feature img {
		width: 88px;
	}
}

@media (max-width: 480px) {
	.all-emoji-page h1 {
		font-size: 29px;
		line-height: 35px;
	}

	.all-emoji-intro {
		font-size: 16px;
		line-height: 24px;
	}

	.all-emoji-category {
		padding: 20px 0 22px;
	}

	.all-emoji-category-header {
		gap: 12px;
	}

	.all-emoji-feature {
		flex-basis: 68px;
		width: 68px;
	}

	.all-emoji-feature img {
		width: 68px;
	}

	.all-emoji-category-copy h2 {
		font-size: 21px;
		line-height: 26px;
	}

	.all-emoji-grid {
		gap: 4px;
	}

	.all-emoji-link {
		height: 38px;
		width: 38px;
	}
}

/* Sidebar navigation */

.nav-sidebar {
	margin-right: -21px;
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}


@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}
.main .page-header {
	margin-top: 0;
}

#previ {
	background-color: #FFFFFF;
	border-color: #E5E5E5 #EEEEEE #EEEEEE;
	border-style: solid;
	border-width: 1px 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05) inset;
	/* margin: 0 -15px 15px; */
	padding: 25px 15px 15px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 3px;
}

#previ.message-preview-nowrap {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: pre;
	word-break: normal;
	word-wrap: normal;
}

#previ.message-preview-font-verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#previ.message-preview-font-system {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#previ.message-preview-font-helvetica {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#previ.message-preview-font-georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
}
#previ.message-preview-font-charter {
	font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
}
#previ.message-preview-font-inter {
	font-family: Inter, system-ui, sans-serif;
}
#previ.message-preview-font-fixed {
	font-family: "Noto Sans Mono CJK JP", "Osaka-Mono", "MS Gothic", "Yu Gothic Mono", Menlo, Monaco, Consolas, "Courier New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Osaka, "Noto Sans CJK JP", "Noto Sans Japanese", "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", "Segoe UI Emoji", monospace;
}
#previ.message-preview-font-grand-hotel {
	font-family: "Grand Hotel", cursive;
	font-size: calc(1em + 10px);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
}
#previ.message-preview-font-sofia {
	font-family: "Sofia", cursive;
	font-weight: 400;
	font-style: normal;
}
#previ.message-preview-font-ole {
	font-family: "Ole", cursive;
	font-size: calc(1em + 20px);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
}
#previ.message-preview-font-honk {
	font-family: "Honk", system-ui;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "MORF" 15, "SHLN" 50;
}
#previ.message-preview-font-frijole {
	font-family: "Frijole", system-ui;
	font-weight: 400;
	font-style: normal;
}

#previ:after {
	color: #BBBBBB;
	content: "Message Preview";
	font-size: 12px;
	font-weight: 700;
	left: 15px;
	letter-spacing: 1px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
}

.message-preview-empty {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	text-align: center;
}
.message-preview-empty p {
	margin: 0 0 8px;
}
.message-preview-empty p:last-child {
	margin-bottom: 0;
}
.message-preview-empty strong {
	font-weight: 700;
}
.message-preview-example {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
}
.message-preview-example-code {
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Apple Symbols", sans-serif;
	font-size: 22px;
	line-height: 1;
}
.message-preview-empty-emoji {
	vertical-align: middle;
}
@media (max-width: 480px) { 
	.nav-tabs > li a{
	}
	.nav-tabs {
		font-size:10px;
	}
	.nav-tabs li {
		min-height:40px;
	}
}

.table-responsive{
	overflow-x: auto;
}

/*@media screen and (max-width: 767px) { */
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: none;
  margin-bottom: 0px;
}
.table-responsive > .table {
	margin-bottom: 0;
}

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-responsive > .table-bordered {
	border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}


fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
body { height: 100%; /* font-size:16px; */ }
.gap { height: 10px; width: 100%; display: block; }
/* p { margin-bottom:10px; } */
.gapp { height: 10px; width: 100%; clear:both; }
.previtext { font-size:.8em; text-align:center; 
font-family:Helvetica, Arial, sans-serif; }

.newbars{padding: 1px 0; margin-bottom:12px; border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	width:100%;
	vertical-align:
	middle;
	font-size:22px; text-shadow:0 1px 0 rgba(255,255,255,0.9);
	background:#ffffff;
	background:-moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background:-webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background:linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0,0, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
}


.fimage { width: 50px; display: inline-block; vertical-align: top; margin-right: 5px; }
.fetext { display: inline-block; margin-top: -4px; max-width: 79%; margin-left: auto; margin-right: auto; word-wrap: break-word; }
.felink { min-height:22px; font-size:.7em;  }
.ftxt { font-size:18px; white-space:pre-wrap; }
.feed-format-actions {
	align-items: center;
	display: flex;
	float: right;
	flex-direction: row;
	gap: 4px;
	justify-content: flex-end;
	margin: 0 0 4px 8px;
}
.feed-item-actions {
	align-items: center;
	display: flex;
	float: right;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: flex-end;
	margin: -1px 0 4px 8px;
}
.feed-item-actions .quoa {
	display: inline-flex;
	line-height: 15px;
	margin-left: 2px;
	vertical-align: middle;
}
.feed-nowrap-toggle {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	color: #555;
	cursor: pointer;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 1px 5px;
	vertical-align: top;
}
.feed-nowrap-toggle:focus,
.feed-nowrap-toggle:hover {
	background: #f5f5f5;
	border-color: #888;
	color: #222;
	outline: 0;
}
.feed-nowrap-toggle.feed-nowrap-active {
	background: #333;
	border-color: #333;
	color: #fff;
}
.barz.feed-message-font-verdana .ftxt.t-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.barz.feed-message-font-system .ftxt.t-text {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.barz.feed-message-font-helvetica .ftxt.t-text {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.barz.feed-message-font-georgia .ftxt.t-text {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.barz.feed-message-font-charter .ftxt.t-text {
	font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
}
.barz.feed-message-font-inter .ftxt.t-text {
	font-family: Inter, system-ui, sans-serif;
}
.barz.feed-message-font-fixed .ftxt.t-text {
	font-family: "Noto Sans Mono CJK JP", "Osaka-Mono", "MS Gothic", "Yu Gothic Mono", Menlo, Monaco, Consolas, "Courier New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Osaka, "Noto Sans CJK JP", "Noto Sans Japanese", "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", "Segoe UI Emoji", monospace;
}
.barz.feed-message-font-grand-hotel .ftxt.t-text {
	font-family: "Grand Hotel", cursive;
	font-size: calc(1em + 10px);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
}
.barz.feed-message-font-sofia .ftxt.t-text {
	font-family: "Sofia", cursive;
	font-weight: 400;
	font-style: normal;
}
.barz.feed-message-font-ole .ftxt.t-text {
	font-family: "Ole", cursive;
	font-size: calc(1em + 20px);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
}
.barz.feed-message-font-honk .ftxt.t-text {
	font-family: "Honk", system-ui;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "MORF" 15, "SHLN" 50;
}
.barz.feed-message-font-frijole .ftxt.t-text {
	font-family: "Frijole", system-ui;
	font-weight: 400;
	font-style: normal;
}
.barz.feed-message-nowrap .row-fluid.t-text {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.barz.feed-message-nowrap .ftxt.t-text {
	display: inline-block;
	max-width: none;
	min-width: 100%;
	overflow-wrap: normal;
	white-space: pre;
	word-break: normal;
	word-wrap: normal;
}
.avatar { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; /* border:1px solid #363636; */
	float:left; height:48px; /* margin-left:-20px; */
	padding:2px; width:48px; font-size:8px;
}
.barz.feed-posting-emoji > .row {
	align-items: flex-start;
	display: flex;
	margin-left: 0;
	margin-right: 0;
}
.barz.feed-posting-emoji .feed-avatar-col {
	flex: 0 0 92px;
	float: none;
	max-width: 92px;
	padding-left: 2px;
	padding-right: 4px;
	text-align: center;
	width: 92px;
}
.barz.feed-posting-emoji .feed-copy-col {
	flex: 1 1 auto;
	float: none;
	max-width: calc(100% - 92px);
	min-width: 0;
	padding-left: 4px;
	padding-right: 0;
	width: auto;
}
.feed-posting-emoji-link {
	align-items: flex-start;
	color: inherit;
	display: flex;
	justify-content: center;
	line-height: 1;
	margin-top: 10px;
	text-decoration: none;
	width: 100%;
}
.feed-posting-emoji-link:focus,
.feed-posting-emoji-link:hover {
	color: inherit;
	outline: 0;
	text-decoration: none;
}
.feed-posting-emoji-glyph {
	display: block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 72px;
	line-height: 1;
	max-width: 88px;
	min-height: 72px;
	overflow: visible;
	text-align: center;
	width: 100%;
}
@media (max-width: 480px) {
	.barz.feed-posting-emoji .feed-avatar-col {
		flex-basis: 76px;
		max-width: 76px;
		width: 76px;
	}
	.barz.feed-posting-emoji .feed-copy-col {
		max-width: calc(100% - 76px);
	}
	.feed-posting-emoji-glyph {
		font-size: 60px;
		max-width: 72px;
		min-height: 60px;
	}
}

/* Twitter */
.t-name, .t-name a { color: #0084b4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:700; font-size: 14px; }
.t-screenname, .t-screenname a { color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }
.t-menu{ font-size:12px; margin-top:10px; }
.t-date, .t-date a { font-size: 12px; color:#999;float:left;}
.tab-content { overflow:visible}

/* .ttext { float: right; line-height: 24px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; } */
.t-text { line-height: 24px; font-size:20px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif }
.t-text { word-wrap: break-word }
.t-text a { color: #0084b4; text-decoration:none; font-size:18px; }
.r-text { line-height: 14px; font-size:14px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif } 
.r-text a { color: #0084b4; text-decoration:none; font-size:14px; }
.barlinks { padding: 0px 4px; float:right; }
.mainlink { /* padding:5px 5px 2px 5px; */
display:inline-block; }


.center { margin:auto; }
.centertext { text-align:center; }

#econ { display:inline-block; width:120px; float:left; margin-right:60px;}
/*#happening { font-size: 24px; } */
#numleft { float: right; margin:5px; }
#clearmsg .btn{ padding: 3px 6px; }
#clearmsg { margin-left: 5px; }
#copytoclipboard { padding: 3px 6px; }
#kblead { float: left; font-size: 18px; margin: 0px;
	font-weight:400;
}

/* editor buttons */
.btnimg{
  display: block;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}


#infolink {
	font-size:14px;
	max-width: 600px;
/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
*/
}
	

#bcontrol { font-size:1.2em; }
.twitbox { display:inline-block; font-size:3em; float:left; }
#tweetbbox { float:right; text-align:right; margin-top: -4px; margin-right: 5px; height: 50px; width: 183px; }
.tweetopt {  border:1px solid #DDDDDD; text-align:center; padding:3px; }
.tweetopt input { vertical-align:bottom; }
.tweetopt label { display:inline; }

#previ { /* border:1px solid black; min-height:60px; padding:10px 5px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -moz-box-shadow: 2px 2px 5px black; -webkit-box-shadow: 2px 2px 5px black; box-shadow: 2px 2px 5px black; *//* white-space:nowrap; */
	/* margin-bottom:20px; */
	font-size:22px;
}
#u1-morecont { background-color: whitesmoke; margin-top: 30px; text-align:center; padding:5px; border:3px solid lightgray; cursor:pointer; }
#u1-morecont a { text-decoration:none; }
.clear { clear:both; }
#msgf { font-size: 18px; height: 68px; /* width: 98%; */ padding-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline-block; z-index:1 }
.sml { font-size:.6em; }
a.mh:link, a.mh:visited { text-decoration: none;  }
a.mh:hover, a.mh:active { text-decoration: none;  }
/* .mh { padding:5px; } */
a.hide:link { color:#800517; text-decoration:none; }
a.hide:visited { color:#800517; text-decoration:none; }
a.hide:hover { color:black; }
.full { width:100%; }
#tw-logout { text-decoration:none; font-size:.8em; }
#ifeed { margin-top:15px; text-align:center; font-size:1.3em; }
#t-feed { margin-bottom:10px;}
.site-feed-top {
	box-sizing:border-box;
	display:block;
	font-size:12px;
	line-height:18px;
	margin:0 0 6px;
	padding:3px 8px;
	width:100%;
}
.site-feed-more-hint {
	color:#777;
	font-size:12px;
	line-height:18px;
	margin:6px 0 12px;
	text-align:center;
}
.site-feed-scroll {
	max-height:520px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:4px;
	-webkit-overflow-scrolling:touch;
}
.site-feed-scroll #u1-msgs,
.site-feed-scroll #u2-msgs {
	min-width:0;
	overflow-wrap:anywhere;
}
@media (max-width:991px) {
	.site-feed-scroll {
		max-height:none;
		overflow:visible;
		padding-right:0;
	}
}
.responsive-header-divider {
	--responsive-header-divider-accent-color: #337ab7;
	--responsive-header-divider-accent-rgb: 51, 122, 183;
	--responsive-header-divider-color: #ffe66d;
	--responsive-header-divider-rgb: 255, 230, 109;
	height: 7px;
	margin: 2px 0 16px;
	position: relative;
}

.responsive-header-divider:before {
	background: linear-gradient(
		90deg,
		rgba(var(--responsive-header-divider-rgb), 0),
		rgba(var(--responsive-header-divider-rgb), .38) 12%,
		var(--responsive-header-divider-color) 50%,
		rgba(var(--responsive-header-divider-rgb), .38) 88%,
		rgba(var(--responsive-header-divider-rgb), 0)
	);
	border-radius: 999px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .72), 0 8px 18px rgba(var(--responsive-header-divider-rgb), .22);
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 2px;
	z-index: 2;
}

.responsive-header-divider:after {
	background:
		linear-gradient(
			90deg,
			rgba(var(--responsive-header-divider-accent-rgb), 0),
			rgba(var(--responsive-header-divider-accent-rgb), .26) 14%,
			rgba(var(--responsive-header-divider-accent-rgb), .48) 50%,
			rgba(var(--responsive-header-divider-accent-rgb), .26) 86%,
			rgba(var(--responsive-header-divider-accent-rgb), 0)
		) top / 100% 1px no-repeat,
		linear-gradient(
			90deg,
			rgba(var(--responsive-header-divider-accent-rgb), 0),
			rgba(var(--responsive-header-divider-accent-rgb), .2) 16%,
			rgba(var(--responsive-header-divider-accent-rgb), .38) 50%,
			rgba(var(--responsive-header-divider-accent-rgb), .2) 84%,
			rgba(var(--responsive-header-divider-accent-rgb), 0)
		) bottom / 100% 1px no-repeat;
	border-radius: 999px;
	content: "";
	display: block;
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

body.invert .responsive-header-divider,
body.inverted .responsive-header-divider,
body.dark .responsive-header-divider,
body.dark-mode .responsive-header-divider,
body[data-theme="dark"] .responsive-header-divider,
.invert .responsive-header-divider,
.inverted .responsive-header-divider {
	--responsive-header-divider-accent-color: #ff9f1c;
	--responsive-header-divider-accent-rgb: 255, 159, 28;
	--responsive-header-divider-color: #051d5d;
	--responsive-header-divider-rgb: 5, 29, 93;
}

@media (max-width: 767px) {
	.responsive-header-divider {
		margin: 0 0 14px;
	}
}
.invert { background-color:#E1EAFE; }
#glikeme { /*float:left;*/ margin:0px 0px 0px 30px; width:40px; }
#likeme { /* float:left; */ margin:0px 0px 0px 30px; width:40px; font-size:.3em; }
.nomr { margin-right:0px; }
.bold { font-weight:900; }
#myemoji { float:right; margin:0px 4px 0px 0px; font-family:Arial, Helvetica, sans-serif; display:inline-block; }
.minhei { min-height:125px; }
.bluebar { clear:both; border-bottom:3px solid lightblue; height:3px; }
.left { float:left; }
.shlink { font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#627b00; }
.auto { margin:auto; width:100%; text-align:center; }
.hilight { background-color:#E1EAFE; }
.whitesp { white-space:nowrap; }
.pre { white-space:pre; }
	#mp { font-size:1.6em; }
	.clx { float:right; font-family:Arial, Helvetica, sans-serif; }
	.hand { cursor: pointer; cursor: hand; }
	.mid { vertical-align:middle; }
	.smlr { font-size:.6em; }
	.rlysml { font-size:.5em; /*line-height:0px;*/ }
	.rdes { float:left; line-height:1; }
	.rdes p { margin:0; padding:0; -webkit-margin-before:0em; -webkit-margin-after:0em; width: 50px; }
	.rnam { float:left;line-height:1; }
	.remo { float:left; font-size:30px; }
	.rnam a { text-decoration:none; }
	.rnam p { margin:0; padding:0; -webkit-margin-before:0em; -webkit-margin-after:0em; max-width: 56px; }
	.headline { font-size:2em; }
	.hitext { margin:1px 0px; font-size:1.5em; vertical-align:bottom; }
	.mar5 { margin:5px 0px; }
.biggr { font-size:1.5em; font-weight:900; }
.ind { margin-left:10px; margin-bottom:5px; }
/* .mnu { padding:3px; font-size:.5em; display:inline-block; text-align:center; } */
#icon { font-size:10px; line-height:10px }
#mojihold { position:absolute; text-align:center; width:110px; margin:auto;}
.right { float:right; }
.tb { vertical-align:text-bottom; }
.sc { text-align:center; font-variant:small-caps; }
.wide { letter-spacing:1.2em; color:gray; }
.h90{ height:90px}
.h40 { height:40px; }
.h30 { height:30px; }
.h20 { height:20px; }
.h15 { height:15px; }
.h1 {height:1px}
.h2 { height:2px; }
.min50 { min-height: 52px; }
.board-min{ min-height:303px; }
.nomar{margin-bottom:0px;}
.nav-tabs li a {font-size:24px;}
.margin50 {margin-bottom:10px;}
.top { vertical-align:top; }
.sbhead {margin-top:2px;margin-bottom:0px;}
.pr10{ padding-right:10px; }
.pr5{ padding-right:5px; }
.rm30{ margin-right:30px;}
.pt10{ padding-top:10px}
.f12{ font-size:12px}
.op3 {opacity:.3}
.p1055 {padding:10px 5px 5px}
#d-emoji div span { cursor: pointer; cursor: hand;}

/* popular */
.midrow{margin:0 auto;width:500px;}
.sub{vertical-align:sub;}
.pagination{margin:10px 0}

/* tweet create */
.none{display:none}

.bot {margin-bottom:5px;}
#t-emoji{ margin-bottom:0px; }
.encl{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;  }
table.space td { padding-bottom:5px }
table#mojitable tr td.wid {width:80px;text-align:left;}
#keycontrols{ min-height:577px; }
#allop{ font-size:14px; }
ul.smalltabs li a{ font-size:20px}

/* messages */
.success, .warning, .error {
	background-position: 10px center;
	background-repeat: no-repeat;
	border: 1px solid;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	margin: 2px 0;
	padding: 15px 10px 15px 50px;
}
.success {
	background-color: #DFF2BF;
	border: 1px solid;
	color: #4F8A10;
	padding: 3px 2px 2px 3px;
}
.warning {
	background-color: #FEEFB3;
	border: 1px solid;
	color: #9F6000;
	padding: 3px 2px 2px 3px;
}
.error {
	background-color: #FFBABA;
	border: 1px solid;
	color: #D8000C;
	padding: 3px 2px 2px 3px;
}
.small{ font-size:14px; }
#more1, #more2{ display:none }

/* Global Customization */

.nav-tabs > li a{
}
.nav-tabs li a{
	font-size:16px;
}
.nav-tabs li {
}
.nav-tabs li a img{
	width:32px;
}



@media (max-width: 992px) { 
	.nav-tabs > li a{
		padding: 6px 5px;
	}
	.nav-tabs li a{
	}
	.nav-tabs li {
	}
	.nav-tabs li a img{
		width:28px;
	}

	#infolink{
		font-size:18px;
		max-width: 500px;
	}

	#kblead{ font-size:16px;}
}

@media (max-width: 768px) { 
	#infolink{
		font-size:16px;
		max-width: 500px;
	}
	#kblead{ font-size:14px;}
  .smltgl { width: 32px; }
}

@media (max-width: 420px) { 
	.nav-tabs > li a{
	}
	.nav-tabs li a{
	}
	.nav-tabs li {
	}
	.nav-tabs li a img{
		width:24px;
	}
	#infolink{
		font-size:14px;
		max-width: 300px;
	}
	#kblead{ font-size:12px;}
}

@media (max-width: 380px) { 
	.nav-tabs > li a{
	}
	.nav-tabs li a{
	}
	.nav-tabs li {
	}
	.nav-tabs li a img{
		width:18px;
	}

	#infolink{
		font-size:12px;
		max-width: 180px;
	}

	#kblead{ font-size:12px;}
}

@media (max-width: 320px) { 

	#infolink{
		max-width: 150px;
	}

	#kblead{ font-size:12px;}

}


.marzero{margin:0;}


.dot {
	-webkit-animation: pulse .07s ease-out;
	-moz-animation: pulse .07s ease-out;
	animation: pulse .07s ease-out;
	opacity: .5;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1.15);
		opacity: 1.0;
	}
	100% {
		-moz-transform: scale(1.2);
		opacity: 1.0;
	}
}
@-webkit-keyframes "pulse" {
	0% {
		-webkit-transform: scale(1.15);
		opacity: 1.0;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 1.0;
	}

}





.label-as-badge {
	border-radius: 1em;
}
.space{
	margin-right:5px;
}

/*
#d-emoji{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
 */
.cbp-spmenu {
	background: white;
	position: fixed;

	padding: 0px 5px;
}

.cbp-spmenu h3 {
	font-size: 1.9em;
	/*
	color: #afdefa;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
	 */
}

.cbp-spmenu a {
	/*
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	 */
}

.cbp-spmenu a:hover {
	//background: #258ecd;
}

.cbp-spmenu a:active {
	//background: #afdefa;
	//color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 280px;
	height: 100%;
	top: 0;
	z-index: 1000;

	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	/*
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	 */
}

.cbp-spmenu-vertical a {

	//	border-bottom: 1px solid #258ecd;
	//	padding: 1em;
}

/* Vertical menu that slides from the left */

.cbp-spmenu-left {
	left: -280px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

@media (min-width: 320px) { 
	.cbp-spmenu-vertical {
		width: 280px;
	}

	.cbp-spmenu-left {
		left: -280px;
	}
}

@media only screen and (min-width: 370px) { 
	.cbp-spmenu-vertical {
		width: 310px;
	}

	.cbp-spmenu-left {
		left: -310px;
	}
}




@media (min-width: 400px) { 
	.cbp-spmenu-vertical {
		width: 350px;
	}

	.cbp-spmenu-left {
		left: -350px;
	}
}

@media (min-width: 550px) { 
	.cbp-spmenu-vertical {
		width: 490px;
	}

	.cbp-spmenu-left {
		left: -490px;
	}
}



@media (min-width: 700px) {
	.cbp-spmenu-vertical {
		width: 650px;
	}

	.cbp-spmenu-left {
		left: -650px;
	}
}


@media (min-width: 992px) { 
	.cbp-spmenu-vertical {
		width: 900px;
	}

	.cbp-spmenu-left {
		left: -900px;
	}
}

/* Transitions */

.cbp-spmenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left {
		left: -240px;
	}
}

.rmar10{margin-right:10px}


.go-top { position: fixed; bottom: 1.75em; left: 0.5em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.25); font-size: 12px; padding: 10px; display: none; margin: 0; z-index:9001}
.go-top:hover { background-color: rgba(0, 0, 0, 0.6); color: white; text-decoration: none; }

#cookie-statement {
	background-color: #5a5a5a;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	display: none;
	font-weight: bold;
	margin: 0 -15px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	z-index: 9999;
	line-height: 1.54;
	position: fixed; 
	bottom:0%;
	width:100%; 
}
#cookie-statement .text {
	padding: 0 15px;
	margin: 8px 8px;
	display: block;
}
#cookie-statement a {
	background-color: #303030;
	border: 1px solid rgba(0,0,0,.1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	line-height: 19px;
	padding: 4px 8px;
	text-decoration: none;
	white-space: nowrap;
}
#cookie-statement.display {
	z-index:99999;
	display: block;
}


/* sticky footer */

/*
html {
  position: relative;
  min-height: 100%;
}
body{ margin-bottom:60px; }
#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
	z-index:6000;
	text-align:center;
}
 #footer div p{
	padding:15px 15px;
}
*/ 
/* settings */
.p-h6-small{
font-size:11.9px;
}

#readout{
	overflow-y: hidden;
	max-height: 10000px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#readout.hide-readout{
	max-height:0;
}
#readout:not(.hide-readout) {
	max-height: none;
	overflow-y: visible;
}
#readout .pre-scrollable,
#readout pre,
#readout .example-pre {
	height: auto;
	max-height: none;
	overflow-y: visible;
}
.readout-char-preview {
	display: inline-block;
	font-family: "Noto Sans Mono CJK JP", "Osaka-Mono", "MS Gothic", "Yu Gothic Mono", Menlo, Monaco, Consolas, "Courier New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Osaka, "Noto Sans CJK JP", "Noto Sans Japanese", "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", "Segoe UI Emoji", monospace;
	min-width: 22px;
	text-align: center;
}
.readout-lookup-btn.kb-click-circle-btn {
	display: inline-flex;
	height: 24px;
	margin: 0 2px;
	position: static;
	vertical-align: middle;
	width: 24px;
}
.readout-add-btn.kb-click-circle-btn {
	display: inline-flex;
	margin: 0 2px;
	position: static;
	vertical-align: middle;
}
.readout-lookup-btn.kb-click-eye-btn {
	font-size: 12px;
}

.example-pre {
	font-family: "Noto Sans Mono CJK JP", "Osaka-Mono", "MS Gothic", "Yu Gothic Mono", Menlo, Monaco, Consolas, "Courier New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Osaka, "Noto Sans CJK JP", "Noto Sans Japanese", "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", "Segoe UI Emoji", monospace;
    position: relative;
}
.btn-example-pre {
    position: absolute;
    top: 0;
    right: 0;
}

.noem{
	display:inline;
	width:33px;
	height:33px;
	position:absolute;
	background-color:rgba(255,0,0,0.42);
	border-radius:5px;
	overflow-y:visible;
	pointer-events:none;
	z-index:1;

}

.padwid15 {
padding: 0px 15px;
}



#go-top {
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
position: fixed;
bottom: 1.75em; left: 0.5em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.25); font-size: 12px; padding: 10px; margin: 0; 
}
#go-top.shown{opacity:1;display:block;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#go-top.hidden{visibility:hidden;opacity:0;display:none
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#go-top:hover { background-color: rgba(0, 0, 0, 0.6); color: white; text-decoration: none; }

/* keyboard page */
/* #clearmsg{ margin-right:0px; padding:0px;height:33px; width:33px; }*/

.mob-kb{ min-height: 200px; }

#tweetopt { postition:relative; }
#kbmsghold { postition:relative; }

.msgf-holder { min-height:73px; }


/* Meanings gallery */
#fullspan.meanings-gallery-grid {
	align-items:stretch;
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

#fullspan.meanings-gallery-grid > .frnt {
	display:flex;
	float:none;
}

#fullspan.meanings-gallery-grid > .frnt > .thumbnail {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	width:100%;
}

#fullspan.meanings-gallery-grid > .frnt > .thumbnail > a {
	align-items:center;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	width:100%;
}

#fullspan.meanings-gallery-grid > .frnt > .thumbnail img {
	display:block;
	flex:0 0 auto;
	height:auto;
	margin:0 auto 10px;
	max-width:100%;
}

#fullspan.meanings-gallery-grid > .frnt > .thumbnail > a > p {
	align-items:center;
	display:flex;
	flex:1 1 auto;
	justify-content:center;
	line-height:1.2;
	margin:0;
	min-height:70px;
	overflow-wrap:anywhere;
	text-align: center;
	width:100%;
	word-break:normal;
}

@media(max-width: 500px) {
	#fullspan.meanings-gallery-grid > .frnt > .thumbnail > a > p {
		min-height:82px;
	}
}

.img-responsive {
	margin-bottom:10px;
}

.frnt {
   z-index:99999;
}



/* Emoji Details Page */

.emoji-detail-topbar {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 4px;
  min-width: 0;
}

.emoji-detail-title-stack {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
  min-width: 0;
  text-align: center;
}

.emoji-detail-name-row {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
}

.emoji-detail-name-sprite {
  flex: 0 0 auto;
}

.emoji-detail-name-badge {
  background: #000;
  border-radius: 4px;
  color: #39ff14;
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 4px 9px;
  text-align: center;
  text-transform: uppercase;
}

.emoji-detail-heading {
  margin: 0;
  max-width: 100%;
  min-width: 0;
  text-align: center;
}

.emoji-detail-copy-button {
  align-items: center;
  background: #fffaf0;
  border: 2px solid #d68b1f;
  border-radius: 8px;
  box-shadow: 0 4px 0 #985d10, 0 8px 18px rgba(24, 39, 52, .22);
  color: #33210a;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 9px;
  justify-content: center;
  line-height: 1;
  margin-top: 14px;
  min-height: 68px;
  min-width: 154px;
  overflow: visible;
  padding: 9px 14px;
  position: relative;
  text-align: left;
}

.emoji-detail-copy-button:focus,
.emoji-detail-copy-button:hover {
  background: #fff4d8;
  border-color: #b96d0e;
  color: #1d160b;
  outline: 0;
}

.emoji-detail-copy-button:focus {
  box-shadow: 0 4px 0 #985d10, 0 0 0 3px rgba(66, 139, 202, .45);
}

.emoji-detail-copy-button:active {
  box-shadow: 0 2px 0 #985d10, 0 4px 10px rgba(24, 39, 52, .2);
  transform: translateY(2px);
}

.emoji-detail-copy-button.all-emoji-link-copied {
  background: #effaf4;
  border-color: #55af78;
  box-shadow: 0 4px 0 #257343, 0 8px 18px rgba(24, 39, 52, .18);
}

.emoji-detail-copy-icon {
  display: inline-block;
  flex: 0 0 25px;
  height: 27px;
  position: relative;
  width: 25px;
}

.emoji-detail-copy-icon:before,
.emoji-detail-copy-icon:after {
  background: #fff;
  border: 2px solid #3f2b13;
  border-radius: 4px;
  box-sizing: border-box;
  content: "";
  height: 22px;
  position: absolute;
  width: 18px;
}

.emoji-detail-copy-icon:before {
  left: 1px;
  top: 5px;
}

.emoji-detail-copy-icon:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
  left: 6px;
  top: 0;
}

.emoji-detail-copy-glyph {
  display: inline-block;
  flex: 0 0 auto;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 28px;
  line-height: 1;
  max-width: 38px;
  overflow: hidden;
  text-align: center;
}

.emoji-detail-copy-label {
  display: inline-block;
  font-size: 19px;
  font-weight: 800;
  line-height: 21px;
  max-width: 72px;
}

.emoji-image {
position: relative;
}
.next, .prev {
  position: absolute;
  height: 36px;
  width: 36px;
}
.next:hover, .prev:hover {
  background: rgba(255, 255, 255, 0.94);
}
.next {
  right: 0;
}
.prev {
  left: 0;
}

.emoji-detail-image-nav {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  line-height: 0;
  max-width: 100%;
}

.emoji-detail-image-nav .emoji-detail-image-link {
  display: block;
  flex: 0 1 256px;
  line-height: 0;
}

.emoji-detail-image-nav .emoji-image {
  display: block;
  height: auto;
  max-width: 100%;
}

.emoji-detail-image-nav .emoji-detail-nav {
  align-items: center;
  background: rgba(255, 255, 255, .88);
  border: 2px solid rgba(0, 0, 0, .25);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  display: flex;
  flex: 0 0 54px;
  height: 68px;
  justify-content: center;
  position: static;
  width: 54px;
}

.emoji-detail-image-nav .emoji-detail-nav:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, .45);
}

.emoji-detail-image-nav .emoji-detail-chev {
  align-items: center;
  color: #111;
  display: flex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 58px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
}

.emoji-detail-image-nav .emoji-detail-chev:hover,
.emoji-detail-image-nav .emoji-detail-chev:focus {
  color: #000;
  outline: 0;
  text-decoration: none;
}

.emoji-detail-image-nav .emoji-detail-chev:focus {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(66, 139, 202, .45);
}

@media (max-width: 380px) {
  .emoji-detail-image-nav {
    gap: 6px;
  }

  .emoji-detail-image-nav .emoji-detail-nav {
    flex-basis: 40px;
    height: 58px;
    width: 40px;
  }

  .emoji-detail-image-nav .emoji-detail-chev {
    font-size: 44px;
  }
}

.unicode-detail-character-nav {
  display: inline-block;
  max-width: 100%;
  min-width: 260px;
  position: relative;
}

.unicode-detail-character-nav .unicode-detail-nav {
  align-items: center;
  background: rgba(255, 255, 255, .88);
  border: 2px solid rgba(0, 0, 0, .25);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  display: flex;
  height: 68px;
  justify-content: center;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 54px;
  z-index: 2;
}

.unicode-detail-character-nav .unicode-detail-prev {
  left: 0;
}

.unicode-detail-character-nav .unicode-detail-next {
  right: 0;
}

.unicode-detail-character-nav .unicode-detail-nav:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, .45);
}

.unicode-detail-chev,
.unicode-detail-row-chev {
  align-items: center;
  color: #111;
  display: flex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 58px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
}

.unicode-detail-chev:hover,
.unicode-detail-chev:focus,
.unicode-detail-row-chev:hover,
.unicode-detail-row-chev:focus {
  color: #000;
  outline: 0;
  text-decoration: none;
}

.unicode-detail-chev:focus,
.unicode-detail-row-chev:focus {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(66, 139, 202, .45);
}

.unicode-detail-chev-row {
  display: flex;
  gap: 18px;
  justify-content: center;
  margin: 0 auto;
}

.unicode-detail-row-chev {
  background: rgba(255, 255, 255, .88);
  border: 2px solid rgba(0, 0, 0, .25);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  height: 68px;
  width: 74px;
}

.unicode-detail-row-chev:hover,
.unicode-detail-row-chev:focus {
  background: #fff;
  border-color: rgba(0, 0, 0, .45);
}

@media(min-width: 992px) { 
  .next, .prev, .prev a, .next a { 
    /*height: 72px; width: 72px;  */
  } 
  .next {
    right:40px;
  }
  .prev{
    left:40px;

  }
}

.votebox { position:relative; top:50px; margin-left:20px;}

.emoji-detail-vote-wrap {
  position: relative;
}

.emoji-detail-vote-slot {
  display: block;
  float: right;
  margin: 2px 0 10px 14px;
  min-height: 0;
  width: 50px;
}

.emoji-detail-votebox {
  margin: 0;
  top: 0;
  width: 50px;
  z-index: 3;
}

.emoji-detail-votebox .votenum {
  display: block;
  margin: 0;
  text-align: center;
  width: 50px;
}

.emoji-detail-main-meta {
  margin: 12px 0 18px;
}

.emoji-detail-main-meta:after {
  clear: both;
  content: "";
  display: table;
}

.emoji-detail-big-name {
  line-height: 1.15;
  margin: 0 0 5px;
}

.emoji-detail-category {
  display: inline-block;
  font-weight: 700;
  margin: 0 0 4px;
}

.emoji-detail-spanish {
  line-height: 1.25;
  margin: 0;
}

@media (max-width: 991px) {
  .emoji-detail-topbar {
    gap: 8px;
  }

  .emoji-detail-title-stack {
    gap: 5px;
  }

  .emoji-detail-name-badge {
    font-size: 15px;
    line-height: 19px;
    padding: 3px 7px;
  }

  .emoji-detail-copy-button {
    gap: 6px;
    margin-top: 12px;
    min-height: 52px;
    min-width: 108px;
    padding: 7px 9px;
  }

  .emoji-detail-copy-icon {
    flex-basis: 18px;
    height: 20px;
    width: 18px;
  }

  .emoji-detail-copy-icon:before,
  .emoji-detail-copy-icon:after {
    border-radius: 3px;
    height: 17px;
    width: 14px;
  }

  .emoji-detail-copy-icon:before {
    top: 3px;
  }

  .emoji-detail-copy-icon:after {
    left: 4px;
  }

  .emoji-detail-copy-glyph {
    font-size: 22px;
    max-width: 30px;
  }

  .emoji-detail-copy-label {
    font-size: 14px;
    line-height: 16px;
    max-width: 48px;
  }

  .emoji-detail-vote-wrap {
    min-height: 0;
  }

  .emoji-detail-votebox {
    float: none !important;
    margin: 0;
    top: 0;
  }

  .emoji-detail-main-meta {
    margin-top: 10px;
  }
}

@media (max-width: 420px) {
  .emoji-detail-topbar {
    flex-wrap: wrap;
    justify-content: center;
  }

  .emoji-detail-title-stack {
    flex: 1 1 100%;
  }

  .emoji-detail-copy-button {
    min-width: 86px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .emoji-detail-copy-icon {
    display: none;
  }
}

.voteup { position: relative; width: 50px; height: 45px; cursor:pointer; cursor:hand; } 
.voteup:before, .voteup:after { position: absolute; content: ""; left: 25px; top: 0; width: 25px; height: 40px; background: gray; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } 
.voteup:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

.votedheart { position: relative; width: 50px; height: 45px; cursor:pointer; cursor:hand; } 
.voteupa:hover:before, .voteupa:hover:after, .votedheart:before, .votedheart:after { position: absolute; content: ""; left: 25px; top: 0; width: 25px; height: 40px; background: red; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } 
.voteupa:hover:after, .votedheart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

.smallertext { font-size: 1.5em ; text-align:center;}

.voteoneup{
	position:absolute;
	left:-3px;
	top:4px;
	display:none;
}

.lh10{line-height:10px}
.p4em{font-size:.4em}

.box1st{
  border-radius: 15px 0px 0px 15px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-right: none;
  padding: 4.5px;
  display:inline-block;
  float:left;
}
.box2nd{
  border-radius: 0px 15px 15px 0px;
  border: 2px solid #ccc;
  background-color: #f0f0f0;
  padding: 4px;
  display:inline-block;
  float:left;
}
.boxcont{
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
}
.touched {transform:scale(0.9);}


.vote-bar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: -4px;
}

.vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 4px 6px;
  border-radius: 4px;
  color: #555;
}

.vote-btn .vote-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.vote-btn.vote-up .vote-arrow {
  border-bottom: 11px solid #1fa463;
}

.vote-btn.vote-down .vote-arrow {
  border-top: 11px solid #d15462;
}

.vote-btn.voted {
  background: rgba(0,0,0,0.04);
}

.vote-btn .vote-count {
  font-weight: 400;
}

.vote-btn .vote-count.user-voted {
  font-weight: 700;
  color: #000;
}

.vote-btn.pending {
  opacity: 0.6;
  pointer-events: none;
}

.upvote-notification-stack {
  align-items: flex-start;
  bottom: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 16px;
  max-width: calc(100vw - 32px);
  pointer-events: none;
  position: fixed;
  width: 330px;
  z-index: 100000;
}

.upvote-notification-card {
  animation: upvote-notification-slide-up .22s ease-out both;
  align-items: stretch;
  background: #effaf4;
  border: 1px solid #98d8b5;
  border-radius: 6px;
  box-shadow: 0 8px 22px rgba(22, 54, 42, .18);
  box-sizing: border-box;
  color: #173323;
  cursor: default;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  max-width: 100%;
  min-height: 52px;
  padding: 10px 12px;
  pointer-events: auto;
  transform: translateY(0);
  width: 100%;
}

.upvote-thank-notification-card {
  cursor: pointer;
}

.upvote-notification-card.upvote-notification-dismiss {
  opacity: 0;
  transform: translateY(120%);
  transition: opacity .2s ease-in, transform .2s ease-in;
}

.upvote-notification-body {
  align-items: center;
  display: flex;
  min-width: 0;
  width: 100%;
}

.upvote-notification-emoji {
  flex: 0 0 auto;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 18px;
  line-height: 1;
  margin-right: 9px;
}

.upvote-notification-text {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.upvote-notification-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
  width: 100%;
}

.upvote-notification-action {
  align-items: center;
  background: #fff;
  border: 1px solid #7fc79e;
  border-radius: 4px;
  color: #173323;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  min-height: 40px;
  min-width: 40px;
  padding: 8px 10px;
}

.upvote-notification-action:hover,
.upvote-notification-action:focus {
  background: #e2f5eb;
}

.upvote-notification-action.pending,
.upvote-notification-action:disabled {
  opacity: .65;
}

@keyframes upvote-notification-slide-up {
  0% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* feed */
.feed-sep{
  height:1px;margin-top:-8px;
}
.nbmar{
  margin-bottom:22px;
}
.fright{
  display:inline-block;float:right;
}
.quoa{
  position:absolute;top:-12px;right:9px;z-index:199;
}
.feed-item-actions .quoa {
	position: static;
	right: auto;
	top: auto;
	z-index: auto;
}
.nbrel{
  position:relative;z-index:299;
}
.vbcenter{
  position:relative;
  right:-40px;
}

/* convert indicator */
.spinner {
  animation: rotation 2s infinite linear;
}

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

#backspace { cursor:pointer; cursor:hand; }
#backspaceholder {  margin-left:5px; }

#backspace {
padding: 3px 6px;
}

#feedtoggle {
margin-left: 5px;
padding: 3px 6px;
}

.linebox-header{
  width:200px;
  margin-left: auto;
  margin-right: auto;
}

.linebox{
  height:200px;
  width:200px;
  border: 5px solid black;
  padding: 50px;
  margin-left: auto;
  margin-right: auto;
}

.linebox {
  /* Box dimensions and appearance */
  width: 200px;
  padding: 20px;
  background-color: #ffffff; /* White background */
  border: 1px solid #ccc; /* Optional light border */

  /* Rounded corners */
  border-radius: 10px; /* Adjust the value to control the roundness */

  /* Box shadow */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Horizontal offset, vertical offset, blur radius, color */
}

.random-holder {
display: flex;
justify-content: center; /* Centers the items horizontally */
}
.random-box {
  width: 150px;
  float:left;
  margin: 0 10px;
  border: 1px dashed #ccc; /* Optional light border */

  /* Rounded corners */
  border-radius: 10px; /* Adjust the value to control the roundness */

  /* Box shadow */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Horizontal offset, vertical offset, blur radius, color */
}

.bglg{
  background: lightgreen;
  text-align:center;
	--kb-click-base-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.h15{
  height:15px;
}

.gap4{
height:4px;display:block;clear:both;
}

.typeah{
  width:200px;display:inline-block;
}
#previcontrols{
 float:left;
  display:inline-block;
  width:40px;
}
#previholder{
  float:left;
  display:inline-block;
min-width:200px;
max-width:310px;
}
#convindic{
cursor:pointer;
}

.font-small{
font-size:.8em;
}
.font-small{
font-size:.8em;
}
.bs-example{
    position: relative;
    margin: 0 -15px 15px;
    background-color: #fff;
    border-radius: 4px 4px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    padding: 45px 15px 15px;
   -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

.bs-example:after {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
    content: "Decoder Output";
}
.h2p{
  height:2px;
}

#readout{
width:100%;
}
#readout-update{
  font-size:.7em;
  cursor:pointer;
}
.pre-scrollable{
unicode-bidi: embed;
white-space:pre;
font-family:"Noto Sans Mono CJK JP","Osaka-Mono","MS Gothic","Yu Gothic Mono",Menlo,Monaco,Consolas,"Courier New","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,Osaka,"Noto Sans CJK JP","Noto Sans Japanese","Apple Symbols","Segoe UI Symbol","Noto Sans Symbols","Apple Color Emoji","Segoe UI Emoji",monospace;
font-size:12px;
}
.sevenem{
  font-size:.7em;
}
.topmar10{
  margin-top:10px;
}

/* topple */
#topple { clear:both; padding: 5px 0; margin-bottom:10px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); height:50px; vertical-align: middle; font-size:22px; text-shadow:0 1px 0 rgba(255,255,255,0.9);
background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0,0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); }
.toplink { float:left; margin-top:3px; margin-right:10px;}
.toplink a { color:#0073C4; text-decoration:underline; margin-right:10px; }
#likeme, #likemefiller { float:left; margin:5px 8px 0px 0px; width:58px; font-size:.3em; }
.rm4{ margin-right:4px;}
#cseq{ width:200px }

/* second bar, logo ad */
#econ { display:inline-block; width:120px; float:left; }


/* 3rd bar, menu */
.longmenu{ margin-bottom:10px; clear:both; }
.longmenu li a{ display:inline-block }
.longmenu li { margin-right:15px; display:inline-block; }


/* keyboard pane */
.tab-pane > div {
	padding: 8px 0px 0px 4px;
}

.table-responsive > .table > tbody > tr > td {
padding: 0px;
border-top: none;
}

/* top header bar ad */
.ad_responsive_header_main {
display:block;
float:left;
max-width:728px;
text-align:center;
width:100%;
}
#googad.bannerholder {
	height:auto;
	max-width:728px;
	text-align:center;
	width:100%;
}
.iem-donation-top-ad {
	background:#fff;
	border:1px solid #d2d7de;
	box-sizing:border-box;
	color:#222;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.35;
	margin:10px auto 15px;
	max-width:728px;
	min-height:90px;
	padding:10px 14px;
	text-align:center;
	width:100%;
}
.iem-article-top-ad {
	background:#f7fbfc;
	border-color:#c5dce4;
	border-left:8px solid #2c9fab;
	box-shadow:0 8px 22px rgba(24, 39, 52, 0.08);
	overflow:hidden;
	padding:0;
}
.iem-article-top-ad-link {
	color:#18202a;
	display:block;
	padding:11px 18px 12px;
	text-decoration:none;
}
.iem-article-top-ad-link:focus,
.iem-article-top-ad-link:hover {
	color:#101820;
	text-decoration:none;
}
.iem-article-top-ad-kicker {
	color:#5d6b79;
	display:block;
	font-size:12px;
	font-weight:800;
	letter-spacing:0;
	line-height:16px;
	margin-bottom:1px;
	text-transform:uppercase;
}
.iem-article-top-ad-title {
	color:#141923;
	display:block;
	font-size:26px;
	font-weight:800;
	letter-spacing:0;
	line-height:31px;
}
.iem-article-top-ad-copy {
	color:#344151;
	display:block;
	font-size:15px;
	font-weight:700;
	line-height:20px;
	margin-top:2px;
}
.iem-article-top-ad-cta {
	background:#20242c;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-size:13px;
	font-weight:800;
	line-height:18px;
	margin-top:7px;
	padding:3px 10px 4px;
}
.iem-article-top-ad-link:focus .iem-article-top-ad-cta,
.iem-article-top-ad-link:hover .iem-article-top-ad-cta {
	background:#2c9fab;
}
.helpinc {
	box-sizing:border-box;
	color:#1b2733;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:20px 0 42px;
	max-width:100%;
}
.helpinc *,
.helpinc *:before,
.helpinc *:after {
	box-sizing:border-box;
}
.helpinc a {
	color:#176b76;
	font-weight:800;
	text-decoration:none;
}
.helpinc a:focus,
.helpinc a:hover {
	color:#123f48;
	text-decoration:underline;
}
.helpinc-hero {
	background:#f7faf8;
	border:1px solid #d7e4df;
	border-left:8px solid #2c9fab;
	border-radius:8px;
	box-shadow:0 10px 24px rgba(24, 39, 52, 0.08);
	margin:18px 0 22px;
	padding:24px;
}
.helpinc-kicker {
	color:#66727f;
	font-size:12px;
	font-weight:800;
	letter-spacing:0;
	line-height:16px;
	margin:0 0 6px;
	text-transform:uppercase;
}
.helpinc-hero h1,
.helpinc-section-heading h2,
.helpinc-info-block h2,
.helpinc-note h2 {
	color:#141923;
	font-weight:800;
	letter-spacing:0;
	margin:0;
}
.helpinc-hero h1 {
	font-size:34px;
	line-height:40px;
}
.helpinc-subtext {
	color:#344151;
	font-size:18px;
	font-weight:700;
	line-height:27px;
	margin:8px 0 0;
	max-width:760px;
}
.helpinc-pill-row {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:16px;
}
.helpinc-pill-row span {
	background:#fff;
	border:1px solid #d5e1e5;
	border-radius:999px;
	color:#30414c;
	display:inline-block;
	font-size:13px;
	font-weight:800;
	line-height:18px;
	padding:5px 11px;
}
.helpinc-section {
	margin:26px 0;
}
.helpinc-section-heading {
	margin-bottom:14px;
	max-width:760px;
}
.helpinc-section-heading h2,
.helpinc-info-block h2,
.helpinc-note h2 {
	font-size:25px;
	line-height:31px;
}
.helpinc-section-heading p:not(.helpinc-kicker) {
	color:#4a5864;
	font-size:16px;
	line-height:24px;
	margin:7px 0 0;
}
.helpinc-step-list {
	display:grid;
	gap:12px;
}
.helpinc-step {
	background:#fff;
	border:1px solid #d8e5e8;
	border-radius:8px;
	box-shadow:0 6px 16px rgba(24, 39, 52, 0.06);
	display:grid;
	gap:13px;
	grid-template-columns:44px minmax(0, 1fr);
	padding:14px;
}
.helpinc-step-number {
	align-items:center;
	background:#20242c;
	border-radius:50%;
	color:#fff;
	display:flex;
	font-size:18px;
	font-weight:800;
	height:40px;
	justify-content:center;
	line-height:40px;
	width:40px;
}
.helpinc-step-copy h3,
.helpinc-card h3,
.helpinc-mini-card h3 {
	color:#18202a;
	font-size:18px;
	font-weight:800;
	letter-spacing:0;
	line-height:24px;
	margin:0;
}
.helpinc-step-copy p,
.helpinc-card p,
.helpinc-mini-card p,
.helpinc-info-block p,
.helpinc-note p {
	color:#44515d;
	font-size:15px;
	line-height:23px;
	margin:7px 0 0;
}
.helpinc-card-grid {
	display:grid;
	gap:14px;
}
.helpinc-card-grid-2 {
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}
.helpinc-card-grid-3 {
	grid-template-columns:repeat(auto-fit, minmax(205px, 1fr));
}
.helpinc-card-grid-4 {
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
}
.helpinc-card-grid-5 {
	grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
}
.helpinc-card,
.helpinc-info-block,
.helpinc-mini-card {
	background:#fff;
	border:1px solid #d8e2e6;
	border-radius:8px;
	box-shadow:0 6px 16px rgba(24, 39, 52, 0.05);
	min-width:0;
	padding:16px;
}
.helpinc-mini-card {
	background:#fbfcfd;
	padding:14px;
}
.helpinc-card-label {
	color:#6b747e;
	display:block;
	font-size:11px;
	font-weight:800;
	letter-spacing:0;
	line-height:15px;
	margin:0 0 5px;
	text-transform:uppercase;
}
.helpinc-card-link {
	border-left:5px solid #2c9fab;
}
.helpinc-feature {
	align-items:center;
	background:#fbf7ef;
	border:1px solid #e4d7bf;
	border-radius:8px;
	display:flex;
	gap:18px;
	justify-content:space-between;
	padding:19px;
}
.helpinc-feature h2 {
	color:#141923;
	font-size:25px;
	font-weight:800;
	letter-spacing:0;
	line-height:31px;
	margin:0;
}
.helpinc-feature p:not(.helpinc-kicker) {
	color:#46525e;
	font-size:16px;
	line-height:24px;
	margin:7px 0 0;
}
.helpinc-feature-action {
	background:#20242c;
	border-radius:4px;
	color:#fff !important;
	display:inline-block;
	flex:0 0 auto;
	font-size:13px;
	font-weight:800;
	line-height:18px;
	padding:8px 12px;
	text-align:center;
}
.helpinc-feature-action:focus,
.helpinc-feature-action:hover {
	background:#2c9fab;
	text-decoration:none !important;
}
.helpinc-info-grid {
	display:grid;
	gap:14px;
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}
.helpinc-unlock {
	background:#f6f8fb;
	border:1px solid #d9e2ec;
	border-radius:8px;
	padding:20px;
}
.helpinc-note {
	background:#20242c;
	border-left:7px solid #e0aa3e;
	border-radius:8px;
	color:#fff;
	margin:28px 0 0;
	padding:19px 21px;
}
.helpinc-note h2,
.helpinc-note p,
.helpinc-note a {
	color:#fff;
}
.helpinc-note p {
	font-weight:700;
}
.helpinc-ad {
	margin:22px auto;
	max-width:100%;
	overflow:hidden;
	text-align:center;
}
.helpinc-article-spot {
	background:#f7fbfc;
	border:1px solid #c5dce4;
	border-left:7px solid #2c9fab;
	border-radius:6px;
	box-shadow:0 8px 20px rgba(24, 39, 52, 0.07);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:18px 0 20px;
	overflow:hidden;
}
.helpinc .helpinc-article-spot-link,
.helpinc-article-spot-link {
	color:#18202a;
	display:block;
	font-weight:normal;
	padding:16px 18px 17px;
	text-decoration:none;
}
.helpinc .helpinc-article-spot-link:focus,
.helpinc .helpinc-article-spot-link:hover,
.helpinc-article-spot-link:focus,
.helpinc-article-spot-link:hover {
	color:#101820;
	text-decoration:none;
}
.helpinc-article-spot-kicker {
	color:#61707f;
	display:block;
	font-size:12px;
	font-weight:800;
	letter-spacing:0;
	line-height:16px;
	margin-bottom:2px;
	text-transform:uppercase;
}
.helpinc-article-spot-title {
	color:#141923;
	display:block;
	font-size:26px;
	font-weight:800;
	letter-spacing:0;
	line-height:31px;
}
.helpinc-article-spot-copy {
	color:#344151;
	display:block;
	font-size:16px;
	font-weight:700;
	line-height:22px;
	margin-top:4px;
	max-width:680px;
}
.helpinc-article-spot-cta {
	background:#20242c;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-size:13px;
	font-weight:800;
	line-height:18px;
	margin-top:9px;
	padding:4px 11px 5px;
}
.helpinc-article-spot-link:focus .helpinc-article-spot-cta,
.helpinc-article-spot-link:hover .helpinc-article-spot-cta {
	background:#2c9fab;
}
#googad .iem-donation-top-ad,
.bannerholder .iem-donation-top-ad {
	margin:0 auto;
}
.iem-donation-message {
	font-size:27px;
	font-weight:700;
	margin:0 0 8px;
}
.iosevka-charon-regular {
	font-family:"Iosevka Charon", monospace;
	font-style:normal;
	font-weight:400;
}
#random_em_emoji_message {
	color:#111;
	font-family:"Iosevka Charon", monospace;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:1.25;
	margin:4px auto 0;
	max-width:100%;
	min-height:25px;
	overflow-wrap:anywhere;
	white-space:pre-wrap;
}
.iem-donation-link-wrap {
	margin:0;
}
.responsive-footer-links {
	display:grid;
	gap:8px;
	grid-template-columns:repeat(10, minmax(0, 1fr));
	margin-bottom:0;
}
.responsive-footer-links:before,
.responsive-footer-links:after {
	display:none;
}
.responsive-footer-links > li {
	float:none;
	margin:0;
	min-width:0;
}
.responsive-footer-links > li + li {
	margin-left:0;
}
.responsive-footer-links > li > a {
	border-radius:4px;
	font-size:13px;
	line-height:18px;
	min-height:52px;
	overflow-wrap:anywhere;
	padding:8px 6px;
	white-space:normal;
}
@media (max-width: 991px) {
	.responsive-footer-links {
		grid-template-columns:repeat(5, minmax(0, 1fr));
	}
}
@media (max-width: 620px) {
	.responsive-footer-links {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 360px) {
	.responsive-footer-links {
		grid-template-columns:1fr;
	}
}
.search-page {
	margin:0 auto 40px;
	max-width:1170px;
}
.search-main {
	margin-bottom:28px;
}
.search-sidebar {
	margin-top:8px;
	min-width:0;
}
.search-page-title {
	font-size:30px;
	line-height:38px;
	margin:10px 0 18px;
}
.search-ad {
	margin:0 auto 24px;
	text-align:center;
	width:100%;
}
.search-top-banner {
	height:100px;
	max-width:100%;
	width:320px;
}
.search-controls-row {
	margin-bottom:18px;
}
.search-form {
	margin-bottom:14px;
	max-width:680px;
}
.search-form .input-group {
	width:100%;
}
.search-results {
	max-width:100%;
	overflow:hidden;
}
.search-results iframe {
	border:0;
	display:block;
	max-width:100%;
	width:100% !important;
}
.search-sidebar #fpholder {
	clear:both;
	float:none;
	max-width:100%;
	min-width:0;
	width:100%;
}
.search-sidebar .top-clicks-yesterday {
	margin-bottom:14px;
}
.search-sidebar #feed {
	clear:both;
	min-width:0;
}
.search-sidebar #u1-msgs,
.search-sidebar #u2-msgs {
	min-width:0;
	overflow-wrap:anywhere;
}
.search-sidebar #u1-morecont {
	margin-left:0;
	margin-right:0;
}
@media (min-width: 500px) {
	.search-top-banner {
		height:60px;
		width:468px;
	}
}
@media (min-width: 768px) {
	.search-form {
		max-width:720px;
	}
	.search-page-title {
		font-size:32px;
	}
}
@media (min-width: 800px) {
	.search-top-banner {
		height:90px;
		width:728px;
	}
}
@media (min-width: 1000px) {
	.search-top-banner {
		height:90px;
		width:970px;
	}
}
@media (min-width: 992px) {
	.search-sidebar .top-clicks-yesterday-groups {
		grid-template-columns:1fr;
	}
}
@media (max-width: 499px) {
	.ad_responsive_header_main {
		float:none;
		max-width:none;
	}
	.iem-donation-top-ad {
		margin:8px auto 14px;
		padding:10px;
	}
	.iem-donation-message {
		font-size:26px;
	}
	.iem-article-top-ad-link {
		padding:10px 12px 11px;
	}
	.iem-article-top-ad-title {
		font-size:21px;
		line-height:26px;
	}
	.iem-article-top-ad-copy {
		font-size:14px;
		line-height:19px;
	}
	.helpinc-article-spot {
		margin:14px 0 18px;
	}
	.helpinc-article-spot-link {
		padding:13px 13px 14px;
	}
	.helpinc-article-spot-title {
		font-size:22px;
		line-height:27px;
	}
	.helpinc-article-spot-copy {
		font-size:14px;
		line-height:20px;
	}
	.helpinc {
		margin:16px 0 30px;
	}
	.helpinc-hero {
		border-left-width:6px;
		margin:14px 0 18px;
		padding:18px;
	}
	.helpinc-hero h1 {
		font-size:28px;
		line-height:34px;
	}
	.helpinc-subtext {
		font-size:16px;
		line-height:24px;
	}
	.helpinc-pill-row {
		gap:7px;
	}
	.helpinc-pill-row span {
		font-size:12px;
		line-height:17px;
		padding:5px 9px;
	}
	.helpinc-section {
		margin:21px 0;
	}
	.helpinc-section-heading h2,
	.helpinc-info-block h2,
	.helpinc-note h2,
	.helpinc-feature h2 {
		font-size:22px;
		line-height:28px;
	}
	.helpinc-card-grid,
	.helpinc-info-grid {
		grid-template-columns:1fr;
	}
	.helpinc-step {
		gap:11px;
		grid-template-columns:38px minmax(0, 1fr);
		padding:12px;
	}
	.helpinc-step-number {
		font-size:16px;
		height:34px;
		line-height:34px;
		width:34px;
	}
	.helpinc-step-copy h3,
	.helpinc-card h3,
	.helpinc-mini-card h3 {
		font-size:17px;
		line-height:23px;
	}
	.helpinc-feature {
		display:block;
		padding:16px;
	}
	.helpinc-feature-action {
		margin-top:13px;
		width:100%;
	}
	.helpinc-unlock,
	.helpinc-note {
		padding:16px;
	}
	#random_em_emoji_message {
		font-size:18px;
	}
	.search-page {
		margin-bottom:28px;
	}
	.search-page-title {
		font-size:24px;
		line-height:30px;
		margin-top:4px;
	}
}
@media (max-width: 991px) {
	.search-sidebar {
		margin-top:24px;
	}
}
@media (min-width: 800px) {
	.iem-donation-top-ad {
		padding:10px 18px;
	}
	.iem-donation-message {
		font-size:28px;
	}
}


#mainopt h6 {
	margin-bottom:2px;
	font-weight: 900;
}
.p-h6-small{
	margin-bottom: 4px;
}

.desktop-keyboard-options-row {
	clear: both;
	margin: 4px 0 6px;
	min-height: 30px;
	overflow: visible;
	text-align: right;
	width: 100%;
}
.desktop-keyboard-options-row > div {
	display: inline-block;
	vertical-align: top;
}
.desktop-keyboard-options-row .pull-right {
	display: inline-block;
	float: none !important;
}
.desktop-keyboard-options-row .btn-group {
	text-align: left;
}
.desktop-keyboard-options-row .dropdown-menu {
	left: auto;
	right: 0;
}
.keyboard-search-options-row {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	height: 0;
	margin: 0;
	min-height: 0;
	overflow: visible;
	position: relative;
	z-index: 40;
}
.keyboard-search-options-inner {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: flex-end;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 4px;
}
.keyboard-search-options-row #createoptholder {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}
.keyboard-search-options-row #createoptholder .btn-group {
	margin: 0;
}
.keyboard-theme-option-stack {
	align-items: center;
	display: inline-flex;
	position: relative;
}
.keyboard-theme-device-note {
	background: #f5fbff;
	border: 1px solid #b8ccd7;
	border-radius: 6px;
	color: #2b4858;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	max-width: 190px;
	padding: 5px 8px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: calc(100% + 4px);
	width: 190px;
	z-index: 30;
}
.keyboard-theme-device-note:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #b8ccd7;
	bottom: -6px;
	content: "";
	height: 0;
	position: absolute;
	right: 32px;
	width: 0;
}
.keyboard-theme-device-note:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #f5fbff;
	bottom: -5px;
	content: "";
	height: 0;
	position: absolute;
	right: 33px;
	width: 0;
}
@media (max-width: 600px) {
	.keyboard-search-options-row {
		height: auto;
		justify-content: center;
		margin: 7px 0 8px;
		text-align: center;
	}
	.keyboard-search-options-inner {
		position: static;
		right: auto;
		top: auto;
	}
	.keyboard-search-options-inner,
	.keyboard-search-options-row #createoptholder {
		align-items: center;
		justify-content: center;
	}
	.keyboard-search-options-row #createoptholder {
		display: grid;
		gap: 4px 6px;
		grid-template-columns: auto auto;
	}
	.keyboard-search-options-row #createoptholder > .btn-group:not(.keyboard-theme-btn-group) {
		grid-column: 1;
		grid-row: 2;
	}
	.keyboard-theme-option-stack {
		display: contents;
	}
	.keyboard-theme-btn-group {
		grid-column: 2;
		grid-row: 2;
	}
	.keyboard-theme-device-note {
		max-width: calc(100vw - 24px);
		pointer-events: auto;
		position: relative;
		right: auto;
		text-align: center;
		bottom: auto;
		width: auto;
		z-index: auto;
		grid-column: 1 / 3;
		grid-row: 1;
	}
	.keyboard-theme-device-note:before,
	.keyboard-theme-device-note:after {
		display: none;
	}
}

.kb-top-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 8px;
	font-size: 12px;
}
.kb-show-all-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	font-weight: 400;
	white-space: nowrap;
}
.kb-height-control {
	align-items: center;
	display: flex;
	flex: 1 1 260px;
	gap: 7px;
	justify-content: center;
	min-width: 230px;
}
.kb-height-control-panel {
	display: none;
}
.kb-height-control-panel.kb-height-control-open {
	display: flex;
}
.kb-height-control label {
	font-weight: 400;
	margin: 0;
	white-space: nowrap;
}
.kb-height-control input[type="range"] {
	max-width: 220px;
	min-width: 120px;
	width: 42%;
}
#kb-height-value {
	display: inline-block;
	min-width: 44px;
	text-align: right;
}
.kb-height-control.kb-height-disabled {
	opacity: .58;
}
.kb-mode-tabs > li > a {
	font-size: 15px;
	padding: 8px 12px;
}
.kb-mode-tabs > li:not(.active) > a[data-keyboard-mode="unicode"],
.kb-mode-tabs > li:not(.active) > a[data-keyboard-mode="unicode"]:focus,
.kb-mode-tabs > li:not(.active) > a[data-keyboard-mode="unicode"]:hover {
	background-color: #FF5;
}
.kb-search-mode {
	clear: both;
	color: #666;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin: 2px auto 0;
	text-align: center;
	width: 100%;
}
.typeahead > li > a.iemoji-typeahead-shortcut-item {
	box-sizing: border-box;
	display: block;
	min-height: 28px;
	padding-right: 70px;
	position: relative;
}
.iemoji-typeahead-label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.iemoji-typeahead-shortcut {
	background: #f1f3f5;
	border: 1px solid #cfd6dd;
	border-radius: 4px;
	color: #444;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	min-width: 52px;
	position: absolute;
	right: 9px;
	text-align: center;
	top: 5px;
}
.typeahead > li.active > a .iemoji-typeahead-shortcut,
.typeahead > li > a:focus .iemoji-typeahead-shortcut,
.typeahead > li > a:hover .iemoji-typeahead-shortcut {
	background: #fff;
	border-color: #fff;
	color: #333;
}
.emoji-kb-collections,
.unicode-kb-collections,
.tab-pane > .emoji-kb-collections,
.tab-pane > .unicode-kb-collections {
	margin: 6px 0;
	min-height: 42px;
	padding-right: 72px;
	position: relative;
}
.emoji-kb-collections .btn,
.unicode-kb-collections .btn {
	margin: 0 3px 4px 0;
}
.kb-height-toggle {
	box-sizing: border-box;
	color: #23527c;
	display: inline-flex;
	flex-direction: column;
	font-size: 11px;
	font-weight: 700;
	line-height: 12px;
	padding: 2px 4px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: underline;
	top: 0;
	width: 66px;
}
.kb-height-toggle span {
	display: block;
}
.kb-height-toggle:focus,
.kb-height-toggle:hover {
	color: #111;
	outline: 1px dotted #777;
	text-decoration: underline;
}
.kb-height-toggle.kb-height-toggle-open {
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	text-decoration: none;
}
.unicode-kb-controls {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 8px;
	background: #f7f7f7;
}
.unicode-kb-controls label {
	font-size: 12px;
	margin: 0 4px 4px 0;
}
.unicode-kb-controls select {
	max-width: 210px;
	margin: 0 8px 4px 0;
}
.unicode-kb-filter-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 5px;
}
.unicode-block-stepper {
	align-items: center;
	display: inline-flex;
	flex-wrap: nowrap;
	max-width: 100%;
}
.unicode-block-stepper .btn {
	height: 30px;
	margin: 0 3px 4px 0;
	min-width: 30px;
	padding: 4px 7px;
}
.unicode-block-stepper select {
	max-width: 260px;
}
.unicode-property-filter-row {
	clear: both;
}
.unicode-keyboard-title {
	color: #333;
	font-size: 12px;
	font-weight: 700;
	margin-top: 2px;
}
.my-favorites-keyboard-title {
	color: #333;
	font-size: 12px;
	font-weight: 700;
	margin: 2px 0 6px;
}
.my-favorites-title-divider,
.my-favorites-manage-link {
	font-weight: 400;
}
.kb-slider-row {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px 48px 4px;
	background: #fafafa;
}
#kb-page-slider {
	width: 100%;
}
.kb-paged-shell {
	display: flex;
	align-items: stretch;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
}
.kb-paged-content {
	box-sizing: border-box;
	flex: 1 1 auto;
	height: 550px;
	overflow: hidden;
	padding: 6px;
	position: relative;
}
.kb-paged-shell.kb-show-all .kb-paged-content {
	height: auto;
	min-height: 550px;
	overflow: visible;
}
.kb-page-side {
	align-items: stretch;
	box-sizing: border-box;
	display: flex;
	flex: 0 0 40px;
	gap: 0;
	justify-content: center;
	min-width: 40px;
	border: 0;
	background: #ff1493;
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: center;
	cursor: pointer;
	transition: background-color .12s ease, color .12s ease;
	width: 40px;
}
.kb-page-side:before {
	background: inherit;
	content: "";
	height: 86px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.kb-page-prev {
	--kb-page-arrow-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 21'%3E%3Cpath d='M15 3 6 10.5 15 18' fill='none' stroke='%23fff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.kb-page-next {
	--kb-page-arrow-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 21'%3E%3Cpath d='M9 3 18 10.5 9 18' fill='none' stroke='%23fff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.kb-page-arrow {
	background-image: var(--kb-page-arrow-bg);
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 24px 21px;
	bottom: 0;
	color: transparent;
	display: block;
	font-size: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 18px;
	z-index: 1;
}
.kb-page-side .kb-page-arrow:first-child {
	left: -2px;
}
.kb-page-label + .kb-page-arrow {
	right: -2px;
}
.kb-page-label {
	align-items: center;
	display: flex;
	flex: 0 0 25px;
	font-size: 9px;
	font-weight: 900;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.05;
	padding: 3px 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 1px rgba(140, 0, 78, .45);
	text-transform: uppercase;
	white-space: normal;
	width: 25px;
	z-index: 3;
}
.kb-click-identity-stream {
	height: 0;
	left: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 40;
}
.kb-click-identity-card {
	animation: kb-click-identity-flow 30s linear forwards, kb-click-identity-glow 1.8s ease-out;
	background: rgba(255, 245, 184, .38);
	border: 1px solid rgba(167, 125, 0, .58);
	border-radius: 4px;
	box-shadow: 0 0 0 3px rgba(255, 213, 74, .5), 0 0 12px rgba(255, 190, 0, .72);
	box-sizing: border-box;
	color: #111;
	display: block;
	font-size: 8px;
	font-weight: 700;
	left: 1px;
	line-height: 1.05;
	min-height: 22px;
	overflow: visible;
	padding: 2px 1px;
	position: absolute;
	text-align: center;
	top: 0;
	white-space: nowrap;
	width: 40px;
}
.kb-click-identity-name,
.kb-click-identity-meta {
	display: block;
}
.kb-click-identity-emoji {
	display: inline-block;
	font-size: 20px;
	line-height: 9px;
	margin-right: 1px;
	vertical-align: -6px;
}
.kb-click-identity-screen {
	display: inline-block;
}
.kb-click-identity-card.has-nameplate-detail {
	overflow: visible;
}
.kb-click-identity-message,
.kb-click-identity-clicked {
	color: rgba(17, 17, 17, .88);
	display: block;
	font-family: "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Helvetica Neue", Arial, sans-serif;
	font-stretch: expanded;
	font-weight: 700;
	left: 50%;
	line-height: 1;
	max-width: 190px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .65), 0 0 6px rgba(255, 213, 74, .75);
	top: calc(100% - 5px);
	transform: translateX(-50%);
	white-space: nowrap;
}
.kb-click-identity-message {
	font-size: 12pt;
}
.kb-click-identity-clicked {
	font-size: 24pt;
	line-height: .9;
	top: calc(100% - 8px);
}
.kb-click-identity-card.has-nameplate-clicked .kb-click-identity-clicked {
	top: calc(100% + 2px);
}
.site-header-identity-stream {
	display: block;
	height: 72px;
	left: 0;
	overflow: visible;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10050;
}
.site-header-identity-card {
	animation: site-header-identity-flow 30s linear forwards, kb-click-identity-glow 1.8s ease-out;
	background: rgba(255, 245, 184, .42);
	border: 1px solid rgba(167, 125, 0, .62);
	border-radius: 4px;
	box-shadow: 0 0 0 3px rgba(255, 213, 74, .5), 0 0 12px rgba(255, 190, 0, .72);
	box-sizing: border-box;
	color: #111;
	display: block;
	font-size: 9px;
	font-weight: 700;
	left: 0;
	line-height: 1.05;
	max-width: 210px;
	min-height: 38px;
	overflow: hidden;
	padding: 5px 7px 8px;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	top: 8px;
	white-space: nowrap;
	z-index: 10051;
}
.site-header-identity-card.has-nameplate-detail {
	overflow: visible;
}
.site-header-identity-card .kb-click-identity-message {
	top: calc(100% - 6px);
}
.site-header-identity-card .kb-click-identity-clicked {
	line-height: 1.15;
	overflow: visible;
	top: calc(100% - 8px);
}
.site-slider-notification-card {
	overflow: visible;
}
.site-slider-notification-message {
	align-items: center;
	display: inline-flex;
	gap: 4px;
	justify-content: center;
}
.site-slider-notification-emoji {
	animation: site-slider-notification-spin 5s linear infinite;
	display: inline-block;
	flex: 0 0 auto;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 16px;
	line-height: 1;
}
.site-slider-notification-text {
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
.site-slider-notification-font-fixed-width .site-slider-notification-text {
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@keyframes site-header-identity-flow {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(var(--site-header-identity-travel, 1100px));
	}
}
@keyframes site-slider-notification-spin {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes kb-click-identity-flow {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	88% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(var(--kb-click-identity-travel, 560px));
	}
}
@keyframes kb-click-identity-glow {
	0% {
		background: rgba(255, 229, 107, .58);
		box-shadow: 0 0 0 4px rgba(255, 213, 74, .85), 0 0 16px rgba(255, 190, 0, .85);
	}
	100% {
		background: rgba(255, 245, 184, .38);
		box-shadow: 0 0 0 3px rgba(255, 213, 74, .5), 0 0 12px rgba(255, 190, 0, .72);
	}
}
.kb-page-side:hover,
.kb-page-side:focus {
	background: #ff007f;
	outline: 0;
}
.kb-page-side.disabled,
.kb-page-side:disabled {
	background: #f6a8d5;
	color: rgba(255, 255, 255, .82);
	cursor: default;
}
.kb-page-status {
	align-items: center;
	background: #fafafa;
	border: 1px solid #ddd;
	border-top: 0;
	clear: both;
	color: #555;
	display: grid;
	font-size: 12px;
	grid-template-columns: 1fr auto 1fr;
	padding: 6px 8px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.kb-page-status:before {
	content: "";
}
.kb-page-status-current {
	grid-column: 2;
}
.kb-top-clicks-status {
	color: #15773d;
	font-weight: 700;
	grid-column: 1;
	justify-self: start;
	opacity: 0;
	transition: opacity .18s ease;
}
.kb-top-clicks-status.kb-top-clicks-status-visible {
	opacity: 1;
}
.kb-page-show-all {
	grid-column: 3;
	justify-self: end;
}
.kb-click-readout {
	display: none;
	margin: 10px 0 0;
	border: 1px solid #ddd;
	background: #fafafa;
	text-align: left;
}
.kb-click-readout.kb-click-readout-active {
	display: block;
}
.kb-click-bright-green-glow {
	animation: kb-click-bright-green-glow 1.2s ease-out;
}
@keyframes kb-click-bright-green-glow {
	0% {
		box-shadow: var(--kb-click-base-shadow), 0 0 0 0 rgba(0,255,64,0);
	}
	12% {
		box-shadow: var(--kb-click-base-shadow), 0 0 0 4px rgba(0,255,64,.95), 0 0 18px 8px rgba(0,255,64,.7);
	}
	55% {
		box-shadow: var(--kb-click-base-shadow), 0 0 0 3px rgba(0,255,64,.58), 0 0 20px 7px rgba(0,255,64,.42);
	}
	100% {
		box-shadow: var(--kb-click-base-shadow), 0 0 0 0 rgba(0,255,64,0);
	}
}
.kb-click-readout-title {
	padding: 5px 8px;
	border-bottom: 1px solid #ddd;
	color: #555;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.kb-latest-stack {
	align-items: stretch;
	display: flex;
	margin: 10px 0 0;
	overflow: visible;
	position: relative;
}
.kb-latest-side-identity-rail {
	flex: 0 0 50px;
	min-width: 50px;
	overflow: visible;
	position: relative;
	z-index: 10060;
}
.kb-latest-side-identity-stream {
	bottom: 0;
	left: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 50px;
	z-index: 10060;
}
.kb-latest-side-identity-card {
	animation: kb-latest-side-identity-flow 60s linear forwards, kb-click-identity-glow 1.8s ease-out;
	left: 5px;
	top: 0;
	z-index: 10061;
}
.kb-latest-panels {
	flex: 1 1 auto;
	min-width: 0;
	overflow: visible;
	position: relative;
}
.kb-latest-stack .kb-latest-clicks {
	margin: 0;
}
.kb-latest-stack .kb-latest-clicks + .kb-latest-clicks {
	margin-top: 10px;
}
@keyframes kb-latest-side-identity-flow {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	88% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(var(--kb-latest-side-identity-travel, 1600px));
	}
}
.kb-latest-clicks {
	margin: 10px 0 0;
	border: 1px solid #ddd;
	background: #fafafa;
	position: relative;
	text-align: left;
}
.kb-latest-clicks-head {
	align-items: center;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	min-height: 27px;
	padding: 5px 8px;
}
.kb-latest-clicks-title {
	color: #555;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.kb-latest-clicks-toggle {
	color: #23527c;
	display: none;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
}
.kb-latest-clicks-toggle:hover,
.kb-latest-clicks-toggle:focus {
	color: #111;
	outline: 0;
}
.kb-latest-clicks-list {
	background: #fff;
	box-sizing: border-box;
	line-height: 0;
	padding: 6px;
}
.kb-latest-clicks-empty {
	color: #666;
	font-size: 13px;
	line-height: 20px;
	padding: 12px 8px;
}
.kb-latest-clicks-list .eq {
	position: relative;
	align-items: center;
	background: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 7px;
	box-shadow: 0 2px 4px rgba(0,0,0,.18);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	line-height: 1;
	margin: 3px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 44px;
}
.kb-latest-clicks-list .eq:hover,
.kb-latest-clicks-list .eq:focus {
	border-color: #777;
	outline: 0;
}
.kb-latest-clicks-list .eq:active {
	background: #f7f7f7;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.22);
	top: 0;
	transform: translateY(1px);
	transition: none;
}
.kb-latest-clicks-list .emoji-key-sprite {
	display: block;
	flex: 0 0 33px;
	height: 33px;
	pointer-events: none;
	width: 33px;
}
.kb-latest-clicks-list .eq .noem {
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	top: 50%;
}
.kb-latest-clicks-list .eq.touched,
.kb-latest-clicks-list .unicode-key.touched {
	background: #f7f7f7;
	border-color: #777;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.22);
	transform: translateY(1px);
}
.kb-latest-clicks-list .eq.kb-keypress-bright-green-glow,
.kb-latest-clicks-list .unicode-key.kb-keypress-bright-green-glow {
	animation: kb-keypress-bright-green-glow .5s ease-out;
	background: #f2fff3;
	border-color: #00ff40;
	box-shadow: 0 0 0 3px rgba(0,255,64,.95), 0 0 15px 7px rgba(0,255,64,.72), 0 2px 4px rgba(0,0,0,.18);
}
.kb-latest-views-toggle {
	display: block;
}
.kb-latest-views-list {
	background: #fff;
	box-sizing: border-box;
	padding: 0;
}
.kb-latest-view-item {
	align-items: center;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	color: #222;
	display: flex;
	gap: 10px;
	line-height: 18px;
	min-height: 44px;
	padding: 7px 8px;
	text-decoration: none;
	width: 100%;
}
.kb-latest-view-item:first-child {
	border-top: 0;
}
.kb-latest-view-item:hover,
.kb-latest-view-item:focus {
	background: #f6f9fb;
	color: #111;
	outline: 0;
	text-decoration: none;
}
.kb-latest-view-live-highlight {
	animation: kb-latest-view-highlight 1.8s ease-out;
}
@keyframes kb-latest-view-highlight {
	0% {
		background: #fff6ba;
	}
	100% {
		background: #fff;
	}
}
.kb-latest-view-identity {
	align-items: center;
	display: flex;
	flex: 0 0 210px;
	gap: 5px;
	min-width: 0;
}
.kb-latest-view-identity-emoji {
	flex: 0 0 auto;
	font-size: 18px;
	line-height: 20px;
	min-width: 20px;
	text-align: center;
}
.kb-latest-view-identity-name {
	font-size: 13px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.kb-latest-view-identity-screen {
	color: #666;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.kb-latest-view-time {
	color: #444;
	flex: 0 0 auto;
	font-family: monospace;
	font-size: 11px;
}
.kb-latest-view-name {
	flex: 1 1 260px;
	font-size: 13px;
	font-weight: 700;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.kb-latest-view-url {
	color: #23527c;
	flex: 1 1 280px;
	font-family: monospace;
	font-size: 12px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.kb-latest-views:not(.kb-latest-views-expanded) .kb-latest-view-item:nth-child(n+11) {
	display: none;
}
.kb-latest-views.kb-latest-views-expanded .kb-latest-view-item {
	display: flex;
}
.kb-sound-toggle {
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-left: 3px solid #0088cc;
	border-radius: 6px;
	color: #344054;
	font-size: 13px;
	line-height: 18px;
	margin: 10px 0 0;
	max-width: 560px;
	min-width: 0;
	padding: 10px 12px 12px;
	text-align: left;
}
.kb-sound-title {
	border: 0;
	color: #102a43;
	display: block;
	float: none;
	font-size: 14px;
	font-weight: 800;
	line-height: 18px;
	margin: 0 0 8px;
	padding: 0;
	width: auto;
}
.kb-sound-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
}
.kb-sound-toggle label {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	flex: 0 1 auto;
	font-weight: 700;
	gap: 6px;
	margin: 0;
	min-height: 22px;
	white-space: nowrap;
}
.kb-sound-toggle input {
	flex: 0 0 auto;
	margin: 0;
}
@media (max-width: 600px) {
	.kb-sound-options {
		display: grid;
		gap: 7px;
	}
	.kb-sound-toggle label {
		white-space: normal;
	}
}
.kb-click-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 76px;
	padding: 6px 40px 6px 8px;
	border-top: 1px solid #e5e5e5;
	background: #fff;
	--kb-click-base-shadow: 0 0 0 rgba(0,0,0,0);
	position: relative;
}
.kb-click-row.kb-click-bright-green-glow {
	z-index: 2;
}
.kb-click-row:first-child {
	border-top: 0;
}
.kb-click-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	min-height: 36px;
	overflow: hidden;
	font-family: "Apple Color Emoji", "Segoe UI Symbol", "Noto Sans Symbols", Arial, sans-serif;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}
.kb-click-preview .emo,
.kb-click-preview span[class*="mp"] {
	display: inline-block;
}
.kb-click-name {
	flex: 1 1 auto;
	min-width: 110px;
	color: #333;
	font-size: 13px;
	line-height: 17px;
	word-break: break-word;
}
.kb-click-name a {
	color: #23527c;
	text-decoration: underline;
}
.kb-click-name a:hover,
.kb-click-name a:focus {
	color: #111;
	outline: 0;
}
.kb-click-side-actions {
	display: flex;
	flex: 0 0 26px;
	flex-direction: column;
	gap: 4px;
	position: relative;
	width: 26px;
}
.kb-click-circle-btn {
	align-items: center;
	background: #fff;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0,0,0,.16);
	box-sizing: border-box;
	color: #2b2b2b;
	display: flex;
	font-family: Arial, "Apple Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 15px;
	font-weight: 700;
	height: 26px;
	justify-content: center;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	width: 26px;
}
.kb-click-eye-btn {
	font-size: 13px;
	font-weight: 400;
}
.kb-click-remove-btn {
	font-size: 11px;
	font-weight: 400;
	position: absolute;
	right: 7px;
	top: 6px;
}
.kb-click-remove-btn:hover,
.kb-click-remove-btn:focus {
	border-color: #c74444;
}
.kb-click-favorite-btn {
	color: #2b2b2b;
	font-size: 14px;
	position: absolute;
	right: 7px;
	top: 38px;
}
.kb-click-favorite-btn.kb-click-favorite-active {
	border-color: #d59a00;
	color: #d69d00;
}
.kb-click-favorite-btn.kb-click-favorite-active:hover,
.kb-click-favorite-btn.kb-click-favorite-active:focus {
	border-color: #c18c00;
	color: #b98500;
}
.kb-click-circle-btn:hover,
.kb-click-circle-btn:focus {
	background: #f7f7f7;
	border-color: #c8c8c8;
	color: #111;
	outline: 0;
	text-decoration: none;
}
.kb-click-circle-btn:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.18);
	transform: translateY(1px);
}
.kb-click-eye-wrap {
	position: relative;
}
.kb-click-eye-menu {
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	box-shadow: 0 3px 10px rgba(0,0,0,.18);
	display: none;
	left: 32px;
	min-width: 170px;
	padding: 4px 0;
	position: absolute;
	top: -5px;
	z-index: 20;
}
.kb-click-eye-menu.kb-click-menu-open {
	display: block;
}
.kb-click-eye-menu a {
	color: #2b2b2b;
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 9px;
	text-decoration: none;
	white-space: nowrap;
}
.kb-click-eye-menu a:hover,
.kb-click-eye-menu a:focus {
	background: #f7f7f7;
	color: #111;
	outline: 0;
	text-decoration: none;
}
.kb-click-eye-menu a.kb-click-disabled {
	background: #f2f2f2;
	color: #999;
	cursor: default;
}
.kb-click-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}
.kb-click-actions a {
	align-items: center;
	background: #fff;
	border: 2px solid #d8d8d8;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,.16);
	box-sizing: border-box;
	color: #2b2b2b;
	display: flex;
	flex: 0 0 40px;
	font-size: 10px;
	font-weight: 700;
	height: 40px;
	justify-content: center;
	line-height: 11px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	width: 40px;
	white-space: normal;
}
.kb-click-actions a:hover,
.kb-click-actions a:focus {
	background: #f7f7f7;
	border-color: #c8c8c8;
	color: #111;
	outline: 0;
	text-decoration: none;
}
.kb-click-actions a:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.18);
	transform: translateY(1px);
}
.kb-click-actions a span {
	display: block;
}
.kb-click-actions a.kb-click-disabled {
	background: #f2f2f2;
	box-shadow: none;
	color: #999;
	cursor: default;
	opacity: .65;
	text-decoration: none;
}
.kb-click-notification {
		align-items: center;
		background: #fff;
		border: 1px solid #b9c9d6;
		border-radius: 8px;
		bottom: 16px;
		--kb-click-base-shadow: 0 10px 28px rgba(24, 39, 52, .24);
		box-shadow: var(--kb-click-base-shadow);
		box-sizing: border-box;
		color: #222;
		display: flex;
		gap: 10px;
		left: 50%;
		max-width: calc(100vw - 24px);
		min-height: 64px;
		opacity: 0;
		padding: 10px;
		pointer-events: none;
		position: fixed;
		transform: translate(-50%, 18px);
		transition: opacity .18s ease-out, transform .18s ease-out;
		width: 640px;
		z-index: 4050;
	}
	.kb-click-notification.kb-click-notification-active {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}
	.kb-click-notification.kb-click-notification-dismiss {
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, 18px);
	}
	.kb-click-notification-body {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		gap: 10px;
		min-width: 0;
	}
	.kb-click-notification-preview {
		align-items: center;
		background: #f3f7fa;
		border: 1px solid #d7e1e8;
		border-radius: 6px;
		box-sizing: border-box;
		display: flex;
		flex: 0 0 42px;
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Sans Symbols", Arial, sans-serif;
		font-size: 30px;
		height: 42px;
		justify-content: center;
		line-height: 1;
		overflow: hidden;
		text-align: center;
		width: 42px;
	}
	.kb-click-notification-text {
		color: #222;
		flex: 1 1 auto;
		font-size: 14px;
		font-weight: 700;
		line-height: 18px;
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.kb-click-notification-text a {
		color: #23527c;
		text-decoration: underline;
	}
	.kb-click-notification-text a:hover,
	.kb-click-notification-text a:focus {
		color: #111;
		outline: 0;
	}
	.kb-click-notification-actions {
		align-items: flex-start;
		display: flex;
		flex: 0 0 auto;
		gap: 6px;
		justify-content: flex-end;
	}
	.kb-click-notification-actions button {
		align-items: center;
		background: #fff;
		border: 1px solid #b8c6d1;
		border-radius: 6px;
		box-shadow: 0 2px 6px rgba(0,0,0,.14);
		box-sizing: border-box;
		color: #222;
		cursor: pointer;
		display: flex;
		flex: 0 0 40px;
		font-size: 10px;
		font-weight: 700;
		height: 40px;
		justify-content: center;
		line-height: 11px;
		padding: 3px;
		text-align: center;
		width: 40px;
	}
	.kb-click-notification-actions button:hover,
	.kb-click-notification-actions button:focus {
		background: #edf5fb;
		border-color: #7898ad;
		outline: 0;
	}
	.kb-click-notification-actions button:active {
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		transform: translateY(1px);
	}
	.kb-click-notification-actions button span {
		display: block;
	}
	.kb-top-clicks-loaded-notification .kb-click-notification-body {
		gap: 0;
	}
	.kb-top-clicks-loaded-notification .kb-click-notification-text {
		font-size: 15px;
		line-height: 20px;
	}
	.kb-click-notification-actions .kb-top-clicks-go-ccp-btn {
		flex-basis: 82px;
		font-size: 12px;
		line-height: 14px;
		width: 82px;
	}
	.kb-click-notification-copy-wrap {
		align-items: center;
		display: flex;
		flex: 0 0 40px;
		flex-direction: column;
		position: relative;
		width: 40px;
	}
	.kb-click-notification-shortcut {
		color: #222;
		display: block;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 0;
		left: 50%;
		line-height: 12px;
		position: absolute;
		text-align: center;
		top: 42px;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.kb-click-notification-actions .kb-click-notification-eye-btn {
		background: #fff;
		border: 2px solid #d8d8d8;
		border-radius: 50%;
		box-shadow: 0 2px 6px rgba(0,0,0,.16);
		color: #2b2b2b;
		flex: 0 0 40px;
		font-family: Arial, "Apple Color Emoji", "Segoe UI Symbol", sans-serif;
		font-size: 18px;
		font-weight: 400;
		height: 40px;
		line-height: 1;
		padding: 0;
		width: 40px;
	}
	.kb-click-notification-actions .kb-click-notification-eye-btn.kb-click-disabled {
		background: #f2f2f2;
		box-shadow: none;
		color: #999;
		cursor: default;
		opacity: .65;
	}
	.kb-click-notification-actions .kb-click-notification-favorite-btn {
		background: #fff;
		border: 2px solid #d8d8d8;
		border-radius: 50%;
		box-shadow: 0 2px 6px rgba(0,0,0,.16);
		color: #2b2b2b;
		flex: 0 0 40px;
		font-family: Arial, "Apple Color Emoji", "Segoe UI Symbol", sans-serif;
		font-size: 21px;
		font-weight: 700;
		height: 40px;
		line-height: 1;
		padding: 0;
		width: 40px;
	}
	.kb-click-notification-actions .kb-click-notification-favorite-btn.kb-click-favorite-active {
		border-color: #d59a00;
		color: #d69d00;
	}
	.kb-click-notification-actions .kb-click-notification-favorite-btn.kb-click-favorite-active:hover,
	.kb-click-notification-actions .kb-click-notification-favorite-btn.kb-click-favorite-active:focus {
		border-color: #c18c00;
		color: #b98500;
	}
	.kb-click-notification-actions .kb-click-notification-dismiss-btn {
		font-size: 22px;
		line-height: 1;
	}
	.kb-click-notification-actions .kb-click-notification-copied {
		background: #effaf4;
		border-color: #7fc79e;
		color: #173323;
	}
	#kb-page-input {
		width: 44px;
		height: 24px;
		margin: 0 4px;
		text-align: center;
}
.kb-pager-disabled {
	opacity: .58;
}
#d-emoji .emoji-key-grid,
#d-unicode .emoji-key-grid {
	box-sizing: border-box;
	line-height: 0;
	min-width: 0;
	padding: 0;
	width: 100%;
}
#d-emoji .emoji-key-grid .eq,
#d-unicode .eq {
	position: relative;
	align-items: center;
	background: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 7px;
	box-shadow: 0 2px 4px rgba(0,0,0,.18);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	line-height: 1;
	margin: 3px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 44px;
}
#d-emoji .emoji-key-grid .eq:hover,
#d-emoji .emoji-key-grid .eq:focus,
#d-unicode .eq:hover,
#d-unicode .eq:focus {
	border-color: #777;
	outline: 0;
}
#d-emoji .emoji-key-grid .eq:active,
#d-unicode .eq:active {
	background: #f7f7f7;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.22);
	top: 0;
	transform: translateY(1px);
	transition: none;
}
#d-emoji .emoji-key-grid .emoji-key-sprite,
#d-unicode .emoji-key-sprite {
	display: block;
	flex: 0 0 33px;
	height: 33px;
	pointer-events: none;
	width: 33px;
}
#d-emoji .emoji-key-grid .eq .noem,
#d-unicode .eq .noem {
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	top: 50%;
}
.kb-mode-content {
	height: 100%;
	min-height: 0;
}
.kb-paged-shell #emoji-keyboard-pane.active {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}
.kb-paged-shell #unicode-keyboard-pane.active {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}
.kb-paged-shell #emoji-keyboard-pane > #d-emoji {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	padding: 0;
}
.kb-paged-shell #unicode-keyboard-pane > #d-unicode {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-height: 0;
	padding: 0;
}
.kb-paged-shell #d-emoji > .tab-pane.active {
	height: 100%;
	overflow: hidden;
}
#d-emoji .emoji-key-grid.kb-column-fill {
	align-content: start;
	display: grid;
	gap: 6px;
	grid-auto-columns: 44px;
	grid-auto-flow: row;
	height: 100%;
	grid-template-columns: repeat(auto-fill, 44px);
	grid-template-rows: repeat(var(--kb-column-fill-rows, 6), 48px);
	justify-content: start;
	overflow: hidden;
}
#d-emoji .emoji-key-grid.kb-column-fill .eq {
	display: inline-flex;
	line-height: 0;
	margin: 0;
}
#d-emoji .emoji-key-grid.kb-column-fill .unicode-key {
	margin: 0;
}
.kb-paged-shell #d-emoji .tab-pane > .emoji-key-grid {
	padding: 0;
}
.kb-paged-shell.kb-show-all #d-emoji .emoji-key-grid {
	display: block;
	overflow: visible;
}
.kb-paged-shell.kb-show-all #d-emoji .emoji-key-grid .eq {
	display: inline-flex;
}
.unicode-keyboard-grid {
	line-height: 0;
}
.unicode-keyboard-grid.kb-column-fill {
	align-content: start;
	display: grid;
	gap: 6px;
	grid-auto-columns: 44px;
	grid-auto-flow: row;
	grid-template-columns: repeat(auto-fill, 44px);
	grid-template-rows: repeat(var(--kb-column-fill-rows, 5), 48px);
	justify-content: start;
}
.unicode-keyboard-grid.kb-column-fill .unicode-key {
	margin: 0;
}
.unicode-keyboard-grid.kb-column-fill .eq {
	display: block;
	line-height: 0;
	margin: 0;
}
.my-favorites-key-grid {
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
}
.frequently-used-keyboard {
	box-sizing: border-box;
	height: 100%;
	min-height: 0;
	padding: 0;
	width: 100%;
}
.kb-paged-shell .tab-pane > .frequently-used-keyboard {
	padding: 0;
}
.frequently-used-loading {
	color: #555;
	font-size: 13px;
	line-height: 20px;
	padding: 18px 10px;
	text-align: center;
}
.frequently-used-main-grid {
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
}
.frequently-used-live-highlight {
	animation: frequently-used-live-highlight 1.8s ease-out;
	background: #fff5b8 !important;
	border-color: #a77d00 !important;
	box-shadow: 0 0 0 3px rgba(255, 213, 74, .6), 0 2px 4px rgba(0,0,0,.18) !important;
}
@keyframes frequently-used-live-highlight {
	0% {
		background: #ffe56b;
		box-shadow: 0 0 0 4px rgba(255, 213, 74, .85), 0 0 16px rgba(255, 190, 0, .85);
	}
	100% {
		background: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,.18);
	}
}
.unicode-key {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 48px;
	margin: 3px;
	border: 1px solid #c8c8c8;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.18);
	color: #111;
	cursor: pointer;
	line-height: 1;
	padding: 2px;
	vertical-align: top;
}
.unicode-key:hover,
.unicode-key:focus {
	border-color: #777;
	outline: 0;
}
.unicode-key.touched,
#d-emoji .eq.touched,
#d-unicode .eq.touched {
	background: #f7f7f7;
	border-color: #777;
	transform: translateY(1px);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.22);
}
.unicode-key.kb-keypress-bright-green-glow,
#d-emoji .eq.kb-keypress-bright-green-glow,
#d-unicode .eq.kb-keypress-bright-green-glow {
	animation: kb-keypress-bright-green-glow .5s ease-out;
	background: #f2fff3;
	border-color: #00ff40;
	box-shadow: 0 0 0 3px rgba(0,255,64,.95), 0 0 15px 7px rgba(0,255,64,.72), 0 2px 4px rgba(0,0,0,.18);
}
@keyframes kb-keypress-bright-green-glow {
	0% {
		box-shadow: 0 0 0 0 rgba(0,255,64,0), 0 2px 4px rgba(0,0,0,.18);
	}
	18% {
		box-shadow: 0 0 0 4px rgba(0,255,64,1), 0 0 18px 8px rgba(0,255,64,.78), 0 2px 4px rgba(0,0,0,.18);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0,255,64,0), 0 2px 4px rgba(0,0,0,.18);
	}
}
.unicode-key-glyph {
	display: block;
	width: 100%;
	overflow: hidden;
	font-family: "Apple Color Emoji", "Segoe UI Symbol", "Noto Sans Symbols", Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	text-overflow: clip;
	white-space: nowrap;
}
.unicode-key-code {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #777;
	font-size: 8px;
	line-height: 10px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.unicode-kb-empty {
	color: #555;
	font-size: 13px;
	line-height: 20px;
	padding: 18px 10px;
	text-align: center;
}
.my-favorites-empty-state {
	box-sizing: border-box;
	line-height: 21px;
	margin: 10px auto;
	max-width: 560px;
	padding: 18px 14px;
	text-align: left;
}
.my-favorites-empty-heading {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 8px;
	text-align: center;
}
.my-favorites-empty-copy {
	color: #444;
	font-size: 13px;
	line-height: 22px;
}
.my-favorites-empty-pane-name {
	font-weight: 700;
}
.my-favorites-empty-star.kb-click-circle-btn {
	display: inline-flex;
	margin: 0 3px;
	position: static;
	vertical-align: middle;
}
.my-favorites-empty-star-active {
	border-color: #d59a00;
	color: #d69d00;
}
.unicode-large-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 128px;
	min-height: 128px;
	font-family: "Apple Color Emoji", "Segoe UI Symbol", "Noto Sans Symbols", Arial, sans-serif;
	font-size: 86px;
	line-height: 1;
	text-align: center;
}
.unicode-info-glyph,
.unicode-kblead-glyph {
	display: inline-block;
	min-width: 28px;
	font-family: "Apple Color Emoji", "Segoe UI Symbol", "Noto Sans Symbols", Arial, sans-serif;
	font-size: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
}
.unicode-search-char {
	display: inline-block;
	min-width: 24px;
	text-align: center;
}
.kb-character-highlight {
	z-index: 5;
	border-radius: 999px !important;
	box-shadow: 0 0 0 3px #fff, 0 0 0 7px #111, 0 0 18px 12px rgba(255,255,255,.9) !important;
}
.kb-highlight-modal label {
	display: block;
	font-weight: 700;
}

.message-preview-layout {
	align-items: stretch;
	display: flex;
	gap: 10px;
	width: 100%;
}

.message-preview-layout #previcontrols {
	display: block;
	flex: 0 0 42px;
	float: none;
	width: 42px;
}

.message-preview-layout #previholder {
	display: block;
	flex: 1 1 auto;
	float: none;
	max-width: none;
	min-width: 0;
	width: auto;
}

.message-preview-layout #previ {
	box-sizing: border-box;
	margin-left: 0;
	width: 100%;
	word-wrap: break-word;
}

.message-preview-options {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin-top: 5px;
}

.message-preview-wrap-options,
.message-preview-font-options {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.message-preview-options .btn.active {
	background: #333;
	border-color: #333;
	box-shadow: none;
	color: #fff;
}

.msgf-size-layout {
	align-items: flex-start;
	display: flex;
	width: 100%;
}
.msgf-size-layout #msgf {
	flex: 1 1 auto;
	margin-bottom: 0;
	min-width: 0;
	width: auto;
}
.msgf-font-size-controls {
	display: flex;
	flex: 0 0 30px;
	flex-direction: column;
	margin-left: 6px;
	width: 30px;
}
.msgf-font-size-btn {
	align-items: center;
	background: #f7f7f7;
	border: 1px solid #bbb;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	font-weight: 700;
	height: 30px;
	justify-content: center;
	line-height: 1;
	min-height: 30px;
	min-width: 30px;
	padding: 0;
	width: 30px;
}
.msgf-font-size-btn + .msgf-font-size-btn {
	margin-top: 6px;
}
.msgf-font-size-btn:hover,
.msgf-font-size-btn:focus {
	background: #eee;
	border-color: #999;
	outline: 0;
}
.msgf-font-size-btn:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	transform: translateY(1px);
}

@media (max-width: 1199px) {
	.kb-paged-content {
		height: 475px;
	}
	.kb-paged-shell.kb-show-all .kb-paged-content {
		min-height: 475px;
	}
	.unicode-key {
		width: 42px;
		height: 46px;
		margin: 3px;
	}
	#d-emoji .emoji-key-grid .eq,
	#d-unicode .eq,
	.kb-latest-clicks-list .eq {
		width: 42px;
		height: 46px;
	}
	#d-emoji .emoji-key-grid.kb-column-fill {
		gap: 6px;
		grid-auto-columns: 42px;
		grid-template-columns: repeat(auto-fill, 42px);
		grid-template-rows: repeat(var(--kb-column-fill-rows, 6), 46px);
	}
	.unicode-keyboard-grid.kb-column-fill {
		gap: 6px;
		grid-auto-columns: 42px;
		grid-template-columns: repeat(auto-fill, 42px);
		grid-template-rows: repeat(var(--kb-column-fill-rows, 5), 46px);
	}
}

@media (max-width: 600px) {
	.kb-top-controls {
		align-items: flex-start;
		flex-direction: column;
	}
	.kb-height-control {
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}
	.kb-height-control input[type="range"] {
		flex: 1 1 130px;
		width: auto;
	}
	.emoji-kb-collections,
	.unicode-kb-collections,
	.tab-pane > .emoji-kb-collections,
	.tab-pane > .unicode-kb-collections {
		overflow: visible;
		padding-right: 46px;
		z-index: 20;
	}
	.kb-height-toggle {
		right: -20px;
		z-index: 30;
	}
	.kb-slider-row {
		padding-left: 46px;
		padding-right: 46px;
	}
	.kb-paged-shell {
		flex-direction: column;
		overflow: visible;
	}
	.kb-paged-content {
		flex: 0 0 auto;
		height: 680px;
		order: 2;
		overflow: visible;
		padding: 4px;
		width: 100%;
	}
	.kb-mode-content,
	.kb-paged-shell #emoji-keyboard-pane.active,
	.kb-paged-shell #unicode-keyboard-pane.active {
		overflow: visible;
	}
	.kb-paged-shell.kb-show-all .kb-paged-content {
		min-height: 680px;
	}
	.kb-page-side {
		align-items: center;
		display: flex;
		flex: 0 0 40px;
		height: 40px;
		justify-content: center;
		min-height: 40px;
		min-width: 0;
		width: 100%;
	}
	.kb-page-side:before {
		display: none;
	}
	.kb-page-arrow {
		align-self: stretch;
		background-position: left center;
		background-repeat: repeat-x;
		background-size: 24px 21px;
		bottom: auto;
		flex: 1 1 0;
		height: 100%;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
	}
	.kb-page-label {
		flex: 0 0 auto;
		font-size: 11px;
		line-height: 1;
		padding: 0 14px;
		white-space: nowrap;
		width: auto;
	}
	.kb-click-identity-stream {
		height: 40px;
		left: 0;
		right: auto;
		top: 0;
		width: 0;
	}
	.kb-click-identity-card {
		animation: kb-click-identity-mobile-flow 30s linear forwards, kb-click-identity-glow 1.8s ease-out;
		height: 36px;
		left: 1px;
		min-width: 42px;
		top: 2px;
		width: auto;
	}
	.kb-click-identity-emoji {
		font-size: 22px;
		line-height: 10px;
	}
	#kb-page-prev .kb-click-identity-stream,
	#kb-page-next .kb-click-identity-stream,
	#keyboard-latest-side-identity-stream {
		display: none;
	}
	@keyframes kb-click-identity-mobile-flow {
		0% {
			opacity: 1;
			transform: translateX(0);
		}
		90% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: translateX(var(--kb-click-identity-travel, 460px));
		}
	}
	#kb-paged-shell > #kb-page-next {
		order: 1;
	}
	#kb-paged-shell > #kb-page-prev {
		order: 3;
	}
	.kb-paged-content #kb-page-next {
		margin: 0 0 4px;
		order: 0;
	}
	.kb-click-row {
		align-items: center;
		flex-wrap: nowrap;
		gap: 5px 7px;
		min-height: 72px;
		padding-right: 88px;
	}
	.kb-click-preview {
		flex-basis: 32px;
		width: 32px;
		min-height: 32px;
		font-size: 22px;
	}
	.kb-click-name {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
	}
		.kb-click-actions {
			position: absolute;
			justify-content: flex-start;
			padding-left: 0;
			right: 40px;
			top: 6px;
			width: auto;
		}
		.kb-click-notification {
			align-items: stretch;
			bottom: 8px;
			flex-wrap: wrap;
			gap: 8px;
			left: 8px;
			max-width: none;
			min-height: 0;
			padding: 8px;
			right: 8px;
			transform: translateY(18px);
			width: auto;
		}
		.kb-click-notification.kb-click-notification-active {
			transform: translateY(0);
		}
		.kb-click-notification.kb-click-notification-dismiss {
			transform: translateY(18px);
		}
		.kb-click-notification-body {
			flex: 1 1 100%;
			width: 100%;
		}
		.kb-click-notification-preview {
			flex-basis: 38px;
			font-size: 27px;
			height: 38px;
			width: 38px;
		}
		.kb-click-notification-text {
			font-size: 13px;
			line-height: 17px;
		}
		.kb-click-notification-actions {
			flex: 1 1 100%;
			justify-content: flex-end;
			width: 100%;
		}
		.kb-latest-clicks-toggle {
			display: block;
		}
	.kb-latest-stack {
		display: block;
	}
	.kb-latest-side-identity-rail {
		display: none;
	}
	.kb-latest-clicks-list {
		max-height: 252px;
		overflow: hidden;
	}
	.kb-latest-clicks.kb-latest-clicks-expanded .kb-latest-clicks-list {
		max-height: none;
		overflow: visible;
	}
	.kb-latest-view-item {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
		padding: 8px;
	}
	.kb-latest-view-identity,
	.kb-latest-view-name,
	.kb-latest-view-url {
		flex: 0 1 auto;
		width: 100%;
	}
	.kb-latest-views:not(.kb-latest-views-expanded) .kb-latest-view-item:nth-child(n+6) {
		display: none;
	}
	.unicode-kb-controls .form-inline,
	.unicode-kb-controls select {
		display: block;
		width: 100%;
		max-width: none;
	}
	.unicode-block-stepper {
		display: grid;
		gap: 4px;
		grid-template-columns: auto auto minmax(0, 1fr) auto auto;
		width: 100%;
	}
	.unicode-block-stepper .btn,
	.unicode-block-stepper select {
		margin: 0;
	}
	.unicode-key {
		width: 40px;
		height: 44px;
		margin: 2px;
	}
	#d-emoji .emoji-key-grid .eq,
	#d-unicode .eq,
	.kb-latest-clicks-list .eq {
		width: 40px;
		height: 44px;
		margin: 2px;
	}
	#d-emoji .emoji-key-grid.kb-column-fill {
		gap: 4px;
		grid-auto-columns: 40px;
		grid-template-columns: repeat(auto-fill, 40px);
		grid-template-rows: repeat(var(--kb-column-fill-rows, 6), 44px);
	}
	.unicode-keyboard-grid.kb-column-fill {
		gap: 4px;
		grid-auto-columns: 40px;
		grid-template-columns: repeat(auto-fill, 40px);
		grid-template-rows: repeat(var(--kb-column-fill-rows, 5), 44px);
	}
	.unicode-key-glyph {
		font-size: 20px;
		line-height: 23px;
	}
}

div#keyboard-search-mode {
  text-align: center
}

.favorite-page {
	margin: 0 auto 40px;
	max-width: 760px;
}
.favorite-page h1 {
	align-items: center;
	display: flex;
	font-size: 30px;
	gap: 10px;
	margin: 10px 0 18px;
}
.favorite-page-star {
	font-size: 40px;
	line-height: 1;
}
.my-favorites-manager-list {
	border: 1px solid #ddd;
	background: #fafafa;
}
.my-favorites-empty {
	background: #fff;
	color: #555;
	font-size: 15px;
	line-height: 20px;
	padding: 14px;
}
.my-favorite-row {
	cursor: move;
	padding-left: 8px;
}
.my-favorite-row.my-favorite-drag-over {
	background: #fff8df;
	outline: 2px solid #d69d00;
}
.my-favorite-reorder {
	display: flex;
	flex: 0 0 30px;
	flex-direction: column;
	gap: 4px;
	width: 30px;
}
.my-favorite-reorder button {
	align-items: center;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	display: flex;
	font-size: 17px;
	height: 28px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	width: 28px;
}
.my-favorite-number {
	color: #555;
	flex: 0 0 28px;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}
.my-favorite-move {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: flex-end;
	max-width: 95px;
}
.my-favorite-move label {
	color: #555;
	flex: 0 0 100%;
	font-size: 11px;
	font-weight: 700;
	line-height: 13px;
	margin: 0;
	text-align: center;
}
.my-favorite-move-input {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 13px;
	height: 26px;
	padding: 2px 4px;
	text-align: center;
	width: 38px;
}
.my-favorite-move button {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	height: 26px;
	line-height: 1;
	padding: 2px 7px;
}
@media (max-width: 520px) {
	.favorite-page h1 {
		font-size: 24px;
	}
	.my-favorite-row {
		align-items: flex-start;
		flex-wrap: wrap;
		padding-right: 42px;
	}
	.my-favorite-move {
		margin-left: 66px;
	}
}

.posting-user-settings {
	border-bottom: 1px solid #ddd;
	margin-bottom: 4px;
	padding-bottom: 8px;
}

.posting-user-settings-row {
	margin-bottom: 8px;
}

	.posting-user-settings-row label {
		color: #333;
		display: block;
		font-size: 12px;
	font-weight: 700;
	line-height: 16px;
		margin: 0 0 3px;
	}

	.posting-user-settings-emoji-row {
		align-items: center;
		display: flex;
		gap: 6px;
	}

	.posting-user-settings-emoji-label {
		color: #333;
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
	}

	.posting-user-settings-emoji {
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
		font-size: 22px;
		line-height: 24px;
		min-width: 24px;
		text-align: center;
	}

	.posting-emoji-modal-emoji {
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
		font-size: 22px;
		line-height: 1;
		vertical-align: -2px;
	}

	.posting-user-settings .form-control {
		height: 30px;
		max-width: 180px;
}

.user-settings-help {
	line-height: 18px;
	margin-bottom: 8px;
}

.posting-user-settings-status {
	font-size: 12px;
	line-height: 18px;
	min-height: 18px;
}

.posting-user-settings-saved {
	color: #0f5c22;
	font-weight: 700;
}

.posting-user-settings-error {
	color: #8a1f11;
	font-weight: 700;
}

.posting-user-settings-saving {
	color: #555;
}

.posting-user-settings-spinner {
	animation: posting-user-settings-spin .8s linear infinite;
	border: 2px solid #d0d0d0;
	border-top-color: #555;
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	vertical-align: -2px;
	width: 12px;
}

@keyframes posting-user-settings-spin {
	100% {
		transform: rotate(360deg);
	}
}

.keyboard-post-button {
	bottom: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	min-width: 78px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 16px;
	transition: opacity .22s ease, visibility 0s linear .22s;
	visibility: hidden;
	z-index: 1040;
}

.keyboard-post-button-visible {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .22s ease;
	visibility: visible;
}

.keyboard-post-button-fast {
	transition-duration: .12s;
}

.keyboard-post-button[disabled] {
	pointer-events: none;
}

.keyboard-post-spinner {
	animation: keyboard-post-spin .8s linear infinite;
	border: 2px solid rgba(255, 255, 255, .55);
	border-radius: 50%;
	border-top-color: #fff;
	display: inline-block;
	height: 13px;
	margin-right: 6px;
	vertical-align: -2px;
	width: 13px;
}

@keyframes keyboard-post-spin {
	100% {
		transform: rotate(360deg);
	}
}

.clicktracking-page {
	margin: 0 auto 40px;
	max-width: 1120px;
}

.clicktracking-page h1 {
	font-size: 30px;
	margin: 10px 0 18px;
}

.clicktracking-section {
	margin-bottom: 28px;
}

.clicktracking-section h2 {
	font-size: 20px;
	margin: 0 0 10px;
}

.clicktracking-table {
	background: #fff;
	border: 1px solid #ddd;
	table-layout: fixed;
}

.clicktracking-table th,
.clicktracking-table td {
	vertical-align: top;
	word-break: break-word;
}

.clicktracking-number {
	text-align: right;
	width: 120px;
}

.clicktracking-time {
	width: 190px;
}

.clicktracking-ip {
	width: 135px;
}

.clicktracking-session {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 12px;
	line-height: 17px;
	width: 150px;
}

.clicktracking-user-agent {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 12px;
	line-height: 17px;
}

.clicktracking-empty {
	color: #555;
	text-align: center;
}

.msg-generated-image-row {
	margin-top: 10px;
}

.msg-generated-image-block {
	margin: 0 auto 24px;
	text-align: center;
}

.msg-generated-image-link {
	font-size: 16px;
	line-height: 22px;
	margin: 12px 0 0;
}

.msg-generated-image-2x {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.msg-page {
	margin: 0 auto 40px;
	min-width: 0;
	width: 100%;
}

.msg-page,
.msg-page * {
	box-sizing: border-box;
}

.msg-page-row {
	align-items: flex-start;
}

.msg-page-main,
.msg-page-sidebar {
	min-width: 0;
}

.msg-page-heading {
	margin: 4px 0 8px;
	text-align: center;
}

.msg-page-heading h1 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 8px;
}

.popular-messages-heading {
	text-align: left;
}

.popular-messages-heading p {
	color: #555;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 6px;
}

.popular-messages-count {
	color: #666;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.popular-messages-pagination {
	clear: both;
	margin: 12px 0 18px;
	text-align: center;
}

.popular-messages-pagination .pagination {
	display: flex;
	justify-content: center;
	margin: 0;
}

.popular-messages-pagination .pagination ul {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.popular-messages-pagination .pagination li {
	display: block;
	margin: 0;
}

.popular-messages-pagination .pagination a,
.popular-messages-pagination .pagination span {
	background: #fff;
	border: 1px solid #d6dbe2;
	color: #337ab7;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin-left: -1px;
	min-width: 34px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}

.popular-messages-pagination .pagination li:first-child a,
.popular-messages-pagination .pagination li:first-child span {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin-left: 0;
}

.popular-messages-pagination .pagination li:last-child a,
.popular-messages-pagination .pagination li:last-child span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.popular-messages-pagination .pagination a:hover,
.popular-messages-pagination .pagination a:focus,
.popular-messages-pagination .pagination .active span {
	background: #f5f7fa;
	color: #23527c;
}

.popular-messages-pagination .pagination .active span,
.popular-messages-pagination .pagination .disabled span {
	color: #777;
	cursor: default;
}

.popular-messages-empty {
	background: #fff;
	border: 1px solid #dfe4eb;
	border-radius: 8px;
	margin: 18px 0 28px;
	padding: 18px;
}

.popular-messages-empty h2 {
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 8px;
}

.popular-messages-empty p {
	color: #555;
	font-size: 15px;
	line-height: 23px;
	margin: 0;
}

.msg-page-subtitle {
	font-size: 18px;
	line-height: 25px;
	margin: 0 0 8px;
}

.msg-page-nav {
	clear: both;
	min-height: 86px;
	position: relative;
}

.msg-page-nav-btn {
	display: inline-block;
	max-width: 84px;
}

.msg-page-nav-btn img {
	height: auto;
	max-width: 100%;
}

.msg-page-nav-prev {
	float: left;
}

.msg-page-nav-next {
	float: right;
}

.msg-page-ad {
	margin: 10px auto 24px;
	max-width: 336px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.msg-page-feed {
	clear: both;
	margin: 10px auto 24px;
	min-width: 0;
	width: 100%;
}

.msg-page-feed #fpholder {
	float: none;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.msg-page-feed #feed {
	clear: both;
	min-width: 0;
}

.msg-page-feed #u1-msgs,
.msg-page-feed #u2-msgs {
	min-width: 0;
	overflow-wrap: anywhere;
}

.msg-page-feed #u1-morecont {
	margin-left: 0;
	margin-right: 0;
}

.msg-responsive-ad {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.msg-responsive-ad-side,
.msg-responsive-ad-inline {
	min-height: 280px;
}

.twfeed-posts-responsive {
	clear: both;
	min-width: 0;
	width: 100%;
}

.twfeed-post-row {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
	min-width: 0;
	width: 100%;
}

.twfeed-post-rank,
.twfeed-post-grid-rank {
	color: #333;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	text-align: right;
}

.twfeed-post-rank {
	flex: 0 0 42px;
	width: 42px;
}

.twfeed-post-body {
	flex: 1 1 auto;
	min-width: 0;
}

.twfeed-post-body .barz,
.twfeed-post-grid-item .barz {
	max-width: 100%;
	min-width: 0;
}

.twfeed-posts-responsive .barz > .row {
	align-items: flex-start;
	display: flex;
	margin-left: 0;
	margin-right: 0;
	min-width: 0;
	width: 100%;
}

.twfeed-posts-responsive .barz .feed-avatar-col {
	flex: 0 0 58px;
	float: none;
	max-width: 58px;
	padding-left: 0;
	padding-right: 8px;
	width: 58px;
}

.twfeed-posts-responsive .barz .feed-copy-col {
	flex: 1 1 auto;
	float: none;
	max-width: calc(100% - 58px);
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
	width: auto;
}

.popular-messages-page .twfeed-posts-responsive .barz.feed-posting-emoji .feed-avatar-col {
	flex: 0 0 104px;
	max-width: 104px;
	padding-right: 12px;
	width: 104px;
}

.popular-messages-page .twfeed-posts-responsive .barz.feed-posting-emoji .feed-copy-col {
	max-width: calc(100% - 104px);
	padding-left: 2px;
}

.twfeed-posts-responsive .barz .row-fluid.t-text {
	margin-left: 0;
	margin-right: 0;
	min-width: 0;
	max-width: 100%;
}

.twfeed-posts-responsive .ftxt.t-text {
	display: block;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: normal;
}

.twfeed-posts-responsive .row-fluid.t-menu {
	align-items: center;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin-left: 0;
	margin-right: 0;
	min-height: 28px;
}

.twfeed-posts-responsive .t-date {
	float: none;
}

.twfeed-posts-responsive .vbcenter {
	right: auto;
}

.twfeed-posts-responsive .vote-bar {
	margin-top: 0;
}

.twfeed-post-grid {
	margin-top: 6px;
}

.twfeed-post-grid-item {
	margin-bottom: 22px;
	min-width: 0;
}

.twfeed-post-grid-rank {
	margin-bottom: 6px;
	text-align: left;
}

.twfeed-post-ad-row {
	margin: 10px 0 24px;
	width: 100%;
}

.msg-comments {
	clear: both;
	margin-top: 20px;
	min-width: 0;
	overflow: hidden;
}

.msg-comments h2 {
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 12px;
}

.msg-related-section {
	clear: both;
	margin: 28px 0 14px;
}

.msg-related-section > h2 {
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 18px;
}

.msg-related-item {
	margin-bottom: 20px;
	min-width: 0;
}

.msg-related-item h3 {
	font-size: 20px;
	line-height: 28px;
	margin: 10px 0 0;
}

.msg-page .sho {
	background-position: 0 0;
	display: inline-block;
	height: 128px;
	padding: 0;
	width: 128px;
}

.msg-page .shoimgsm1 {
	background-image: url(//d2trtkcohkrm90.cloudfront.net/images/emoji/apple/ios-18/128/0800.png);
}

.msg-page .shoimgsm2 {
	background-image: url(//d2trtkcohkrm90.cloudfront.net/images/emoji/apple/ios-18/128/0333.png);
}

.msg-more-posts {
	clear: both;
	margin-top: 4px;
}

@media (max-width: 991px) {
	.msg-page-sidebar {
		margin-top: 8px;
	}

	.popular-messages-sidebar {
		margin-top: 22px;
	}
}

@media (max-width: 700px) {
	.msg-page-heading h1 {
		font-size: 24px;
		line-height: 31px;
	}

	.popular-messages-heading {
		text-align: center;
	}

	.twfeed-post-row {
		display: block;
	}

	.twfeed-post-rank {
		margin-bottom: 6px;
		text-align: left;
		width: auto;
	}

	.twfeed-posts-responsive .barz .feed-avatar-col {
		flex-basis: 54px;
		max-width: 54px;
		width: 54px;
	}

	.twfeed-posts-responsive .barz .feed-copy-col {
		max-width: calc(100% - 54px);
	}

	.popular-messages-page .twfeed-posts-responsive .barz.feed-posting-emoji .feed-avatar-col {
		flex-basis: 82px;
		max-width: 82px;
		padding-right: 10px;
		width: 82px;
	}

	.popular-messages-page .twfeed-posts-responsive .barz.feed-posting-emoji .feed-copy-col {
		max-width: calc(100% - 82px);
	}

	.twfeed-posts-responsive .avatar {
		height: 44px;
		width: 44px;
	}

	.twfeed-posts-responsive .feed-format-actions,
	.twfeed-posts-responsive .feed-item-actions {
		float: none;
		justify-content: flex-start;
		margin-left: 0;
	}
}

@media (max-width: 700px) {
	.clicktracking-table {
		table-layout: auto;
	}
	.clicktracking-number,
	.clicktracking-time,
	.clicktracking-ip,
	.clicktracking-session {
		width: auto;
	}
}

.testemoji-body {
	background: #fff;
	color: #17191c;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	min-height: 100vh;
	overflow: hidden;
}

.testemoji-page {
	min-height: 100vh;
	overflow: hidden;
	position: relative;
}

.testemoji-stage {
	box-sizing: border-box;
	min-height: 100vh;
	padding: 44px 390px 0 52px;
}

.testemoji-glyph {
	display: block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 1200px;
	line-height: .78;
	white-space: nowrap;
}

.testemoji-panel {
	box-sizing: border-box;
	position: fixed;
	right: 24px;
	top: 24px;
	width: 320px;
	z-index: 5;
}

.testemoji-nav {
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr 1fr;
}

.testemoji-button {
	background: #1f6feb;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 11px 12px;
	text-align: center;
	text-decoration: none;
}

.testemoji-button:focus,
.testemoji-button:hover {
	background: #155cc2;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.testemoji-details {
	margin: 0;
	padding: 14px 0 0;
}

.testemoji-details dt {
	color: #59636f;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin: 12px 0 3px;
	text-transform: uppercase;
}

.testemoji-details dt:first-child {
	margin-top: 0;
}

.testemoji-details dd {
	color: #17191c;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
	overflow-wrap: anywhere;
}

.testemoji-empty {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 680px;
	padding: 60px 24px;
}

.testemoji-empty h1 {
	font-size: 34px;
	line-height: 40px;
	margin: 0 0 10px;
}

.testemoji-empty p {
	color: #4f5965;
	font-size: 17px;
	line-height: 24px;
	margin: 0;
}

.btn-default .keyboard-post-spinner {
	border-color: rgba(0, 0, 0, .22);
	border-top-color: #333;
}

@media (max-width: 760px) {
	.testemoji-stage {
		padding: 190px 24px 0;
	}

	.testemoji-panel {
		left: 12px;
		right: 12px;
		top: 12px;
		width: auto;
	}
}
.emoji-sentiment-indicators {
	background: #fff;
	border: 1px solid #d9e1e6;
	border-radius: 6px;
	margin: 12px 0 0;
	padding: 7px;
}

.emoji-sentiment-title {
	color: #26323d;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 7px;
	text-align: center;
}

.emoji-sentiment-gauge-row {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emoji-sentiment-gauge-card {
	background: #f8fafb;
	border: 1px solid #dce5ea;
	border-radius: 6px;
	box-sizing: border-box;
	max-width: none;
	min-width: 0;
	padding: 5px 5px 7px;
	text-align: center;
	width: 100%;
}

.emoji-sentiment-gauge-card[data-sentiment-window="five_minutes"] {
	grid-column: 1 / -1;
}

.emoji-sentiment-clicks {
	color: #1f2933;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	min-height: 20px;
}

.emoji-sentiment-label {
	color: #53616d;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 3px 0 2px;
	text-transform: uppercase;
}

.emoji-sentiment-gauge-card canvas {
	display: block;
	height: auto;
	margin: -2px auto -4px;
	max-width: 100%;
	width: 120px;
}

.emoji-sentiment-axis {
	align-items: center;
	color: #53616d;
	display: flex;
	font-size: 12px;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1.2;
	margin: 0 auto;
	max-width: 106px;
}

.emoji-sentiment-negative .emoji-sentiment-clicks {
	color: #b4232f;
}

.emoji-sentiment-positive .emoji-sentiment-clicks {
	color: #16724c;
}

.emoji-sentiment-neutral .emoji-sentiment-clicks {
	color: #7a6515;
}

@media (max-width: 600px) {
	.emoji-sentiment-indicators {
		margin-top: 10px;
		padding: 7px;
	}

	.emoji-sentiment-gauge-card {
		max-width: none;
	}
}

.email-template-admin {
	margin: 0 0 40px;
}

.email-template-admin-header,
.email-template-admin-title-row {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.email-template-admin-header h1,
.email-template-admin-title-row h2 {
	color: #1f2933;
	font-size: 28px;
	line-height: 34px;
	margin: 0;
}

.email-template-admin-title-row p {
	margin: 4px 0 0;
}

.email-template-admin-layout {
	display: grid;
	gap: 18px;
	grid-template-columns: 230px minmax(0, 1fr);
}

.email-template-admin-nav {
	border: 1px solid #d8dee6;
	border-radius: 6px;
	height: max-content;
	overflow: hidden;
}

.email-template-admin-nav a {
	border-bottom: 1px solid #e6ebf1;
	color: #243447;
	display: block;
	padding: 10px 12px;
	text-decoration: none;
}

.email-template-admin-nav a:last-child {
	border-bottom: 0;
}

.email-template-admin-nav a:focus,
.email-template-admin-nav a:hover,
.email-template-admin-nav a.is-active {
	background: #eef5ff;
	color: #0b4f9c;
	text-decoration: none;
}

.email-template-admin-nav span,
.email-template-admin-nav small {
	display: block;
	overflow-wrap: anywhere;
}

.email-template-admin-nav span {
	font-weight: 700;
	line-height: 18px;
}

.email-template-admin-nav small {
	color: #5f6f82;
	font-size: 12px;
	line-height: 16px;
	margin-top: 2px;
}

.email-template-admin-main {
	min-width: 0;
}

.email-template-admin-status {
	border: 1px solid #d8dee6;
	border-radius: 999px;
	color: #53616d;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	padding: 4px 10px;
}

.email-template-admin-status.is-on {
	background: #ecfdf3;
	border-color: #b7dfc5;
	color: #16724c;
}

.email-template-admin-status.is-off {
	background: #fff2f0;
	border-color: #efc0ba;
	color: #9d2f25;
}

.email-template-admin-section {
	border: 1px solid #d8dee6;
	border-radius: 6px;
	margin-top: 18px;
	padding: 16px;
}

.email-template-admin-section h3 {
	color: #1f2933;
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 12px;
}

.email-template-admin-section h4 {
	color: #314355;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	margin: 16px 0 8px;
}

.email-template-admin-subject {
	background: #f8fafc;
	border: 1px solid #e3e8ef;
	border-radius: 6px;
	margin-bottom: 12px;
	overflow-wrap: anywhere;
	padding: 10px 12px;
}

.email-template-admin-preview {
	background: #fff;
	border: 1px solid #d8dee6;
	border-radius: 6px;
	height: 560px;
	width: 100%;
}

.email-template-admin-text-preview {
	background: #111827;
	border: 0;
	border-radius: 6px;
	color: #f9fafb;
	font-size: 13px;
	line-height: 19px;
	max-height: 320px;
	overflow: auto;
	padding: 12px;
	white-space: pre-wrap;
}

.email-template-admin-vars {
	display: grid;
	gap: 6px 12px;
	grid-template-columns: minmax(120px, 220px) minmax(0, 1fr);
	margin: 0;
}

.email-template-admin-vars dt,
.email-template-admin-vars dd {
	border-top: 1px solid #edf1f5;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
	padding-top: 6px;
}

.email-template-admin-vars dt {
	color: #475569;
	font-weight: 700;
}

.email-template-admin-checkbox {
	margin-top: 28px;
}

.email-template-admin-code {
	font-family: Menlo, Consolas, Monaco, monospace;
	font-size: 13px;
	line-height: 19px;
	resize: vertical;
}

@media (max-width: 760px) {
	.email-template-admin-header,
	.email-template-admin-title-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.email-template-admin-layout {
		grid-template-columns: 1fr;
	}

	.email-template-admin-preview {
		height: 460px;
	}

	.email-template-admin-vars {
		grid-template-columns: 1fr;
	}
}

.em-settings-panel {
	margin: 24px 0 48px;
}

.em-settings-panel h1 {
	color: #1f2933;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px;
}

.em-settings-account-email {
	color: #1f2933;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 28px;
}

.em-settings-section {
	border-top: 1px solid #d9dde5;
	padding-top: 22px;
}

.em-settings-section h2 {
	color: #1f2933;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	margin: 0 0 14px;
}

.em-settings-intro,
.em-settings-current {
	color: #344054;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 14px;
}

.em-settings-form {
	margin-top: 20px;
}

.em-username-status {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 8px 0 0;
	min-height: 20px;
}

.em-username-status.is-available {
	color: #16803d;
}

.em-username-status.is-unavailable {
	color: #b42318;
}

.em-username-status.is-checking {
	color: #667085;
}

.em-credit-nav-item {
	padding: 10px 8px;
}

.em-credit-nav-badge {
	background: #dcfce7;
	border: 1px solid #86efac;
	border-radius: 8px;
	color: #166534;
	display: inline-block;
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	padding: 6px 10px;
	white-space: nowrap;
}

.em-billing-panel {
	margin: 24px 0 48px;
}

.em-billing-panel h1 {
	color: #1f2933;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px;
}

.em-billing-status {
	background: #fff;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	margin-bottom: 18px;
	padding: 18px;
}

.em-billing-status-head {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.em-billing-status-head h2 {
	color: #1f2933;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin: 0;
}

.em-billing-access {
	border-radius: 999px;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	padding: 6px 10px;
	white-space: nowrap;
}

.em-billing-access.is-active {
	background: #e9f8ee;
	color: #14713a;
}

.em-billing-access.is-inactive {
	background: #f2f4f7;
	color: #475467;
}

.em-billing-details {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
}

.em-billing-details div {
	background: #f8fafc;
	border: 1px solid #e4e9f0;
	border-radius: 8px;
	padding: 12px;
}

.em-billing-details dt {
	color: #667085;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.em-billing-details dd {
	color: #1f2933;
	font-size: 15px;
	line-height: 21px;
	margin: 0;
	overflow-wrap: anywhere;
}

.em-billing-credit-detail dd {
	color: #166534;
	font-size: 22px;
	font-weight: 800;
	line-height: 28px;
}

.em-billing-note {
	color: #344054;
	font-size: 14px;
	line-height: 21px;
	margin: 14px 0 0;
}

.em-billing-flash {
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
}

.em-billing-view-message-flash a {
	color: inherit;
	display: block;
	text-decoration: none;
}

.em-billing-view-message-flash a:hover,
.em-billing-view-message-flash a:focus {
	text-decoration: underline;
}

.em-billing-actions {
	display: block;
}

.em-billing-action-form {
	margin: 0;
}

.em-billing-upgrade-note {
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 8px;
	color: #9a3412;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 14px;
	padding: 12px 14px;
}

.em-billing-plan-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 14px;
}

.em-billing-plan-form {
	min-width: 0;
}

.em-billing-plan-button {
	background: #ffffff;
	border: 2px solid #1d4ed8;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
	color: #1e3a8a;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 220px;
	overflow: hidden;
	padding: 18px;
	position: relative;
	text-align: left;
	transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
	width: 100%;
}

.em-billing-plan-button:hover,
.em-billing-plan-button:focus {
	background: #eff6ff;
	border-color: #2563eb;
	box-shadow: 0 10px 24px rgba(29, 78, 216, 0.16);
	outline: 0;
	transform: translateY(-1px);
}

.em-billing-plan-button.is-disabled,
.em-billing-plan-button:disabled {
	background: #f3f4f6;
	border-color: #cbd5e1;
	box-shadow: none;
	color: #667085;
	cursor: not-allowed;
	transform: none;
}

.em-billing-plan-price {
	color: #102a43;
	display: block;
	font-size: 24px;
	font-weight: 800;
	line-height: 30px;
}

.em-billing-plan-credits {
	color: #0f766e;
	display: block;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
}

.em-billing-plan-desc,
.em-billing-plan-state,
.em-billing-plan-button strong {
	display: block;
	font-size: 14px;
	line-height: 20px;
}

.em-billing-plan-desc {
	color: #344054;
	flex: 1 1 auto;
}

.em-billing-plan-state {
	color: #475467;
	font-weight: 700;
}

.em-billing-plan-button strong {
	color: #111827;
	font-weight: 800;
}

.em-billing-plan-button.js-loading-button.is-loading,
.em-billing-extra-button.js-loading-button.is-loading {
	cursor: wait;
	pointer-events: none;
	transform: none;
}

.em-billing-plan-button.js-loading-button.is-loading:after,
.em-billing-extra-button.js-loading-button.is-loading:after {
	background: rgba(255, 255, 255, 0.84);
	border-radius: 6px;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.em-billing-plan-button.js-loading-button.is-loading:before,
.em-billing-extra-button.js-loading-button.is-loading:before {
	animation: rmy-loading-button-spin 0.75s linear infinite;
	border: 4px solid rgba(29, 78, 216, 0.22);
	border-radius: 50%;
	border-top-color: #1d4ed8;
	content: "";
	display: block;
	height: 42px;
	left: calc(50% - 21px);
	margin: 0;
	position: absolute;
	top: calc(50% - 21px);
	vertical-align: baseline;
	width: 42px;
	z-index: 2;
}

.em-billing-terms {
	color: #475467;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 18px;
}

.em-billing-extra-credits {
	background: #ffffff;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	margin: 0 0 18px;
	padding: 18px;
}

.em-billing-extra-head {
	align-items: flex-start;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.em-billing-extra-head h2 {
	color: #1f2933;
	font-size: 20px;
	font-weight: 800;
	line-height: 26px;
	margin: 0 0 6px;
}

.em-billing-extra-head p {
	color: #344054;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
}

.em-billing-extra-balance {
	background: #ecfdf3;
	border: 1px solid #86efac;
	border-radius: 999px;
	color: #166534;
	display: inline-block;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	padding: 6px 10px;
	white-space: nowrap;
}

.em-billing-extra-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.em-billing-extra-form {
	min-width: 0;
}

.em-billing-extra-button {
	background: #ffffff;
	border: 2px solid #0f766e;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(15, 118, 110, 0.1);
	color: #0f3f3c;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 190px;
	overflow: hidden;
	padding: 18px;
	position: relative;
	text-align: left;
	transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
	width: 100%;
}

.em-billing-extra-button:hover,
.em-billing-extra-button:focus {
	background: #f0fdfa;
	border-color: #14b8a6;
	box-shadow: 0 10px 24px rgba(15, 118, 110, 0.16);
	outline: 0;
	transform: translateY(-1px);
}

.em-billing-extra-price {
	color: #102a43;
	display: block;
	font-size: 24px;
	font-weight: 800;
	line-height: 30px;
}

.em-billing-extra-credits-count {
	color: #0f766e;
	display: block;
	font-size: 19px;
	font-weight: 800;
	line-height: 25px;
}

.em-billing-extra-desc,
.em-billing-extra-terms {
	display: block;
	font-size: 14px;
	line-height: 20px;
}

.em-billing-extra-desc {
	color: #344054;
}

.em-billing-extra-terms {
	color: #475467;
	font-weight: 700;
}

.em-billing-extra-button.js-loading-button.is-loading:before {
	border-color: rgba(15, 118, 110, 0.22);
	border-top-color: #0f766e;
}

.em-billing-result p {
	color: #344054;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 14px;
}

.em-billing-result-status strong {
	color: #1f2933;
}

@media (max-width: 640px) {
	.em-credit-nav-item {
		padding: 8px 15px;
	}

	.em-billing-status-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.em-billing-extra-head {
		flex-direction: column;
	}

	.em-billing-details {
		grid-template-columns: 1fr;
	}

	.em-billing-actions,
	.em-billing-action-form,
	.em-billing-actions .btn {
		width: 100%;
	}

	.em-billing-plan-grid,
	.em-billing-extra-grid {
		grid-template-columns: 1fr;
	}

	.em-billing-plan-button,
	.em-billing-extra-button {
		min-height: 0;
	}
}

.siteemoji-viewer-page {
	color: #1f2933;
	margin: 26px auto 64px;
	max-width: 1040px;
}

.siteemoji-viewer-header {
	align-items: flex-start;
	border-bottom: 1px solid #d9e2ec;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 18px;
	padding-bottom: 16px;
}

.siteemoji-viewer-header h1 {
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
	margin: 0 0 8px;
}

.siteemoji-viewer-meta {
	color: #52606d;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 8px 14px;
	line-height: 18px;
}

.siteemoji-viewer-nav {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
}

.siteemoji-viewer-save-next,
.siteemoji-viewer-save-next:focus {
	align-items: center;
	background: #ec4899;
	border-color: #db2777;
	color: #fff;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
	white-space: nowrap;
}

.siteemoji-viewer-save-next:hover,
.siteemoji-viewer-save-next:active {
	background: #db2777;
	border-color: #be185d;
	color: #fff;
}

.siteemoji-viewer-save-next.disabled,
.siteemoji-viewer-save-next[disabled],
.siteemoji-viewer-save-next.disabled:hover,
.siteemoji-viewer-save-next[disabled]:hover {
	background: #f9a8d4;
	border-color: #f9a8d4;
	color: #fff;
	opacity: 0.7;
}

.siteemoji-viewer-save-next.is-loading {
	cursor: wait;
	pointer-events: none;
}

.siteemoji-viewer-save-next.is-loading:before {
	animation: siteemoji-viewer-save-next-spin 0.75s linear infinite;
	border: 2px solid rgba(255, 255, 255, 0.45);
	border-radius: 50%;
	border-top-color: #fff;
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	height: 14px;
	width: 14px;
}

@keyframes siteemoji-viewer-save-next-spin {
	to {
		transform: rotate(360deg);
	}
}

.siteemoji-viewer-timestamps {
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 6px;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 18px;
	padding: 12px 14px;
}

.siteemoji-viewer-timestamps span {
	color: #64748b;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 3px;
}

.siteemoji-viewer-timestamps strong {
	color: #111827;
	display: block;
	font-size: 15px;
	line-height: 21px;
	overflow-wrap: anywhere;
}

.siteemoji-viewer-section {
	margin: 22px 0;
}

.siteemoji-viewer-section h2 {
	color: #243b53;
	font-size: 17px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 8px;
}

.siteemoji-viewer-message {
	background: #fff;
	border: 1px solid #ccd6e0;
	border-radius: 6px;
	color: #102a43;
	overflow-wrap: anywhere;
	padding: 14px 16px;
	white-space: pre-wrap;
}

.siteemoji-viewer-message-normal {
	font-size: 16px;
	line-height: 24px;
	min-height: 58px;
}

.siteemoji-viewer-message-large,
.siteemoji-viewer-edit {
	font-size: 26px;
	line-height: 36px;
}

.siteemoji-viewer-form-heading {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin-bottom: 8px;
}

.siteemoji-viewer-form-heading h2 {
	margin-bottom: 0;
}

.siteemoji-viewer-approved {
	align-items: center;
	color: #1f2933;
	display: inline-flex;
	font-size: 18px;
	font-weight: 700;
	gap: 9px;
	line-height: 24px;
	margin: 0;
}

.siteemoji-viewer-approved input[type="checkbox"] {
	height: 32px;
	margin: 0;
	width: 32px;
}

.siteemoji-viewer-edit {
	border: 1px solid #94a3b8;
	border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
	color: #102a43;
	display: block;
	min-height: 290px;
	padding: 14px 16px;
	resize: vertical;
	width: 100%;
}

.siteemoji-viewer-edit:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
	outline: 0;
}

.siteemoji-viewer-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.siteemoji-viewer-edited-message {
	min-height: 74px;
}

@media (max-width: 760px) {
	.siteemoji-viewer-header,
	.siteemoji-viewer-form-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.siteemoji-viewer-nav {
		width: 100%;
	}

	.siteemoji-viewer-nav .btn {
		flex: 1 1 0;
	}

	.siteemoji-viewer-timestamps {
		grid-template-columns: 1fr;
	}

	.siteemoji-viewer-message-large,
	.siteemoji-viewer-edit {
		font-size: 22px;
		line-height: 32px;
	}
}

.keyboard-feedback-link,
.keyboard-feedback-link:focus {
	color: #0f766e;
	font-weight: 700;
	text-decoration: underline;
}

.keyboard-feedback-link:hover,
.keyboard-feedback-link:active {
	color: #115e59;
	text-decoration: none;
}

.keyboard-feedback-modal .modal-title {
	font-size: 18px;
	font-weight: 700;
}

.keyboard-feedback-label {
	color: #374151;
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.keyboard-feedback-help {
	color: #64748b;
	font-size: 12px;
	line-height: 17px;
	margin: 6px 0 0;
}

.keyboard-feedback-status {
	display: none;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 12px;
	padding: 8px 10px;
}

#keyboardFeedbackText {
	min-height: 120px;
	resize: vertical;
}

#keyboardFeedbackForm.is-saving {
	cursor: wait;
}

#keyboardFeedbackSubmit.is-loading {
	cursor: wait;
	pointer-events: none;
}

#keyboardFeedbackSubmit.is-loading:before {
	animation: keyboard-feedback-submit-spin 0.75s linear infinite;
	border: 2px solid rgba(255, 255, 255, 0.45);
	border-radius: 50%;
	border-top-color: #fff;
	content: "";
	display: inline-block;
	height: 14px;
	margin-right: 7px;
	vertical-align: -2px;
	width: 14px;
}

@keyframes keyboard-feedback-submit-spin {
	to {
		transform: rotate(360deg);
	}
}

.iemoji-feedback-admin-page {
	color: #1f2933;
}

.iemoji-feedback-records {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 6px;
}

.iemoji-feedback-record {
	border-top: 2px solid #bcccdc;
	padding: 18px 16px;
}

.iemoji-feedback-record:first-child {
	border-top: 0;
}

.iemoji-feedback-field {
	display: grid;
	gap: 8px;
	grid-template-columns: 150px minmax(0, 1fr);
	margin-bottom: 10px;
}

.iemoji-feedback-field:last-child {
	margin-bottom: 0;
}

.iemoji-feedback-field-label {
	color: #52606d;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
}

.iemoji-feedback-field-value {
	color: #102a43;
	font-size: 14px;
	line-height: 20px;
	overflow-wrap: anywhere;
	white-space: normal;
}

.iemoji-feedback-field-feedback .iemoji-feedback-field-value,
.iemoji-feedback-field-user_agent .iemoji-feedback-field-value {
	white-space: pre-wrap;
}

@media (max-width: 640px) {
	.iemoji-feedback-field {
		grid-template-columns: 1fr;
	}
}

.cheatsheet-page-header {
	border-bottom: 1px solid #d9e2ec;
	margin: 10px 0 16px;
	padding: 16px 0 14px;
}

.cheatsheet-page-header h1 {
	color: #1f2933;
	font-size: 34px;
	font-weight: 800;
	line-height: 40px;
	margin: 0 0 14px;
}

.cheatsheet-page-header h1 small {
	color: #52606d;
	display: inline;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
}

.cheatsheet-top-controls {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 6px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	justify-content: space-between;
	padding: 10px 12px;
}

.cheatsheet-category-message {
	align-items: baseline;
	color: #334e68;
	display: flex;
	flex: 1 1 280px;
	flex-wrap: wrap;
	font-size: 15px;
	gap: 4px 8px;
	line-height: 22px;
	min-width: 0;
}

.cheatsheet-category-message strong {
	color: #102a43;
	font-size: 16px;
	font-weight: 800;
}

.cheatsheet-theme-menu {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	margin: 0;
}

.cheatsheet-theme-menu > li {
	display: block;
	float: none;
	margin: 0;
}

.cheatsheet-theme-menu > li > a#themedrop {
	background: #fff;
	border: 1px solid #b8c6d1;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
	color: #1f2933;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 8px 12px;
}

.cheatsheet-theme-menu > li.open > a#themedrop,
.cheatsheet-theme-menu > li > a#themedrop:focus,
.cheatsheet-theme-menu > li > a#themedrop:hover {
	background: #edf5fb;
	border-color: #7898ad;
	color: #102a43;
	text-decoration: none;
}

.cheatsheet-filter-panel {
	margin: 0 0 12px;
}

.cheatsheet-category-bar {
	text-align: left;
	width: 100%;
}

.cheatsheet-category-bar .filters {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cheatsheet-category-bar .filters:before,
.cheatsheet-category-bar .filters:after {
	content: none;
	display: none;
}

.cheatsheet-category-bar .filters > li {
	display: block;
	float: none;
	margin: 0;
}

.cheatsheet-category-bar .filters > li + li {
	margin-left: 0;
}

.cheatsheet-category-bar .filters > li > a {
	background: #fff;
	border: 1px solid #d1dbe5;
	border-radius: 5px;
	color: #24567a;
	display: block;
	float: none;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	margin: 0;
	padding: 6px 10px;
	text-decoration: none;
}

.cheatsheet-category-bar .filters > li > a:focus,
.cheatsheet-category-bar .filters > li > a:hover {
	background: #edf5fb;
	border-color: #9fb3c8;
	color: #102a43;
	text-decoration: none;
}

.cheatsheet-category-bar .filters > li.active > a,
.cheatsheet-category-bar .filters > li.active > a:focus,
.cheatsheet-category-bar .filters > li.active > a:hover {
	background: #2f80c0;
	border-color: #2f80c0;
	color: #fff;
}

.cheatsheet-category-bar .filters > li.disabled > a,
.cheatsheet-category-bar .filters > li.disabled > a:focus,
.cheatsheet-category-bar .filters > li.disabled > a:hover {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #52606d;
	cursor: default;
	padding-left: 0;
}

#accordion2 {
	margin: 4px 0 14px;
}

#accordion2 .accordion-group {
	border: 0;
	margin: 0;
}

#accordion2 .accordion-heading .accordion-toggle {
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 6px;
	color: #24567a;
	display: block;
	font-size: 15px;
	font-weight: 800;
	line-height: 20px;
	margin: 0;
	padding: 9px 12px;
	text-decoration: none;
}

#accordion2 .accordion-heading .accordion-toggle:focus,
#accordion2 .accordion-heading .accordion-toggle:hover {
	background: #edf5fb;
	border-color: #9fb3c8;
	color: #102a43;
	text-decoration: none;
}

#accordion2 .accordion-inner {
	border-top: 0;
	padding: 10px 0 0;
}

.cheatsheet-quick-category-bar .filters {
	gap: 5px;
}

.cheatsheet-quick-category-bar.sidemar {
	margin-left: 0;
	margin-right: 0;
}

.cheatsheet-quick-category-bar .filters > li > a {
	font-size: 12px;
	padding: 5px 8px;
}

.cheatsheet-table-wrap {
	margin-bottom: 0;
	overflow-x: auto;
	width: 100%;
}

.cheatsheet-loading {
	align-items: center;
	color: #1f2933;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	line-height: 24px;
	margin: 24px auto;
	min-height: 70px;
	text-align: center;
}

.cheatsheet-loading-spinner {
	animation: cheatsheet-loading-spin 0.8s linear infinite;
	border: 3px solid #d8e2ec;
	border-radius: 50%;
	border-top-color: #2f80c0;
	box-sizing: border-box;
	display: inline-block;
	height: 28px;
	width: 28px;
}

@keyframes cheatsheet-loading-spin {
	to {
		transform: rotate(360deg);
	}
}

#cheatsheet {
	table-layout: fixed;
	width: 100%;
}

#cheatsheet th,
#cheatsheet td {
	overflow: visible;
	vertical-align: middle;
	white-space: normal;
}

#cheatsheet .cheatsheet-code-head,
#cheatsheet th:nth-child(1) {
	width: 128px;
}

#cheatsheet .cheatsheet-name-head,
#cheatsheet th:nth-child(2) {
	width: auto;
}

#cheatsheet .cheatsheet-vote-head,
#cheatsheet th:nth-child(3) {
	width: 82px;
}

#cheatsheet .cheatsheet-shortname-head,
#cheatsheet th:nth-child(4) {
	width: 170px;
}

#cheatsheet .cheatsheet-rank-head,
#cheatsheet th:nth-child(5) {
	width: 58px;
}

#cheatsheet .cheatsheet-rank-head,
#cheatsheet .cheatsheet-rank-cell,
#cheatsheet th:nth-child(5),
#cheatsheet td:nth-child(5) {
	text-align: center;
}

#cheatsheet .cheatsheet-code-cell {
	overflow: visible;
}

.cheatsheet-copy-control {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: flex-start;
	min-width: 0;
}

#cheatsheet .cheatsheet-copy-glyph,
#cheatsheet input.icsize {
	box-sizing: border-box;
	flex: 0 0 62px;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", Symbola, Arial, sans-serif;
	font-size: 26px;
	height: 40px;
	line-height: 32px;
	margin: 0;
	max-width: 62px;
	padding: 3px 4px;
	text-align: center;
	width: 62px;
}

#cheatsheet .cheatsheet-copy-glyph {
	align-items: center;
	background: transparent;
	border: 0;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	padding: 0;
}

.cheatsheet-copy-button {
	align-items: center;
	background: #fff;
	border: 1px solid #b8c6d1;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15);
	box-sizing: border-box;
	color: #1f2933;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 40px;
	font-size: 11px;
	font-weight: 700;
	height: 40px;
	justify-content: center;
	line-height: 12px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 40px;
}

.cheatsheet-copy-button:focus,
.cheatsheet-copy-button:hover {
	background: #edf5fb;
	border-color: #7898ad;
	outline: 0;
}

.cheatsheet-copy-button:active {
	box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.22);
	transform: translateY(1px);
}

#cheatsheet input.snsize {
	box-sizing: border-box;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

#cheatsheet .cheatsheet-name-cell,
#cheatsheet td.mid {
	overflow-wrap: anywhere;
	word-break: normal;
}

#cheatsheet .cheatsheet-name-cell a,
#cheatsheet td.mid a {
	overflow-wrap: anywhere;
}

#cheatsheet .smvotebox {
	display: inline-block;
	float: none !important;
	height: 23px;
	position: relative;
	vertical-align: middle;
	width: 25px;
}

#cheatsheet .smvoteup,
#cheatsheet .smvoted {
	cursor: pointer;
	height: 23px;
	position: relative;
	width: 25px;
}

#cheatsheet .smvoteup:before,
#cheatsheet .smvoteup:after,
#cheatsheet .smvoted:before,
#cheatsheet .smvoted:after {
	background: gray;
	border-radius: 13px 13px 0 0;
	content: "";
	height: 20px;
	left: 13px;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	transform-origin: 0 100%;
	width: 13px;
}

#cheatsheet .smvoteup:after,
#cheatsheet .smvoted:after {
	left: 0;
	transform: rotate(45deg);
	transform-origin: 100% 100%;
}

#cheatsheet .smvoteupa:hover:before,
#cheatsheet .smvoteupa:hover:after,
#cheatsheet .smvoted:before,
#cheatsheet .smvoted:after {
	background: red;
}

#cheatsheet .smvotenum {
	color: gray;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	margin-left: 5px;
	vertical-align: middle;
}

@media (max-width: 600px) {
	.cheatsheet-page-header {
		margin-top: 4px;
		padding-top: 10px;
	}

	.cheatsheet-page-header h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.cheatsheet-page-header h1 small {
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin-top: 3px;
	}

	.cheatsheet-top-controls {
		align-items: stretch;
		padding: 10px;
	}

	.cheatsheet-category-message,
	.cheatsheet-theme-menu {
		flex: 1 1 100%;
		width: 100%;
	}

	.cheatsheet-theme-menu > li,
	.cheatsheet-theme-menu > li > a#themedrop {
		width: 100%;
	}

	.cheatsheet-theme-menu > li > a#themedrop {
		text-align: center;
	}

	.cheatsheet-category-bar .filters {
		gap: 5px;
	}

	.cheatsheet-category-bar .filters > li > a {
		font-size: 12px;
		padding: 5px 8px;
	}

	.cheatsheet-category-bar .filters > li.disabled {
		flex: 1 1 100%;
	}

	.cheatsheet-table-wrap {
		overflow-x: visible;
	}

	#cheatsheet {
		font-size: 12px;
		min-width: 0;
		table-layout: fixed;
	}

	#cheatsheet th,
	#cheatsheet td {
		padding: 4px 3px;
	}

	#cheatsheet .cheatsheet-code-head,
	#cheatsheet th:nth-child(1) {
		width: 88px;
	}

	#cheatsheet .cheatsheet-vote-head,
	#cheatsheet th:nth-child(3) {
		width: 52px;
	}

	#cheatsheet .cheatsheet-rank-head,
	#cheatsheet th:nth-child(5) {
		width: 36px;
	}

	#cheatsheet .cheatsheet-shortname-head,
	#cheatsheet .cheatsheet-shortname-cell,
	#cheatsheet th:nth-child(4),
	#cheatsheet td:nth-child(4) {
		display: none;
	}

	.cheatsheet-copy-control {
		gap: 3px;
	}

	#cheatsheet .cheatsheet-copy-glyph,
	#cheatsheet input.icsize {
		flex-basis: 40px;
		font-size: 24px;
		max-width: 40px;
		padding-left: 2px;
		padding-right: 2px;
		width: 40px;
	}

	#cheatsheet .cheatsheet-name-cell a,
	#cheatsheet td.mid a {
		font-size: 12px;
		line-height: 16px;
	}

	#cheatsheet .smvotebox {
		display: block;
		margin: 0 auto 2px;
	}

	#cheatsheet .smvotenum {
		display: block;
		font-size: 11px;
		line-height: 14px;
		margin-left: 0;
		text-align: center;
	}
}

@media (max-width: 360px) {
	#cheatsheet th,
	#cheatsheet td {
		padding-left: 2px;
		padding-right: 2px;
	}

	#cheatsheet .cheatsheet-code-head,
	#cheatsheet th:nth-child(1) {
		width: 86px;
	}

	#cheatsheet .cheatsheet-vote-head,
	#cheatsheet th:nth-child(3) {
		width: 48px;
	}

	#cheatsheet .cheatsheet-rank-head,
	#cheatsheet th:nth-child(5) {
		width: 34px;
	}
}

.version-id-refresh-message {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.version-id-refresh-emoji {
	display: inline-block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
	font-size: 18px;
	line-height: 1;
	vertical-align: -2px;
}

#version_id_refresh_button .version-id-refresh-emoji {
	margin-right: 6px;
}

.version-id-refresh-message .version-id-refresh-emoji {
	margin-left: 2px;
}

.secret-code-article {
	box-sizing: border-box;
	color: #20242c;
	margin: 0 auto 56px;
	max-width: 1040px;
	padding: 18px 15px 72px;
}

.secret-code-article * {
	box-sizing: border-box;
}

.secret-code-hero {
	background: #f7fbfc;
	border: 1px solid #d7e3e8;
	border-left: 8px solid #2c9fab;
	border-radius: 8px;
	margin: 6px 0 28px;
	padding: 28px;
}

.secret-code-kicker {
	color: #5b6572;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.secret-code-hero h1 {
	color: #151922;
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.08;
	margin: 0;
	max-width: 820px;
	overflow-wrap: anywhere;
}

.secret-code-dek {
	color: #334151;
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	margin: 18px 0 0;
	max-width: 760px;
}

.secret-code-body {
	margin: 0 auto 30px;
	max-width: 820px;
}

.secret-code-body p {
	color: #252b35;
	font-size: 19px;
	line-height: 32px;
	margin: 0 0 20px;
}

.secret-code-big {
	color: #151922 !important;
	font-size: 25px !important;
	font-weight: 700;
	line-height: 36px !important;
}

.secret-code-shout {
	background: #fff2a8;
	border-radius: 6px;
	color: #111;
	display: inline-block;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 24px;
	margin-left: 4px;
	padding: 1px 7px;
	vertical-align: 1px;
}

.secret-code-callout {
	background: #fff;
	border: 1px solid #d9e2e6;
	border-left: 8px solid #e2536b;
	border-radius: 8px;
	margin: 26px 0;
	padding: 20px 22px;
}

.secret-code-callout p {
	color: #18202a;
	font-size: 22px;
	font-weight: 700;
	line-height: 33px;
	margin: 0;
}

.secret-code-steps {
	display: grid;
	gap: 18px;
	margin: 34px auto 0;
	max-width: 920px;
}

.secret-code-step {
	background: #fff;
	border: 1px solid #dce4ea;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(24, 39, 52, 0.1);
	display: grid;
	gap: 16px 18px;
	grid-template-columns: 56px minmax(0, 1fr);
	padding: 22px;
}

.secret-code-step-featured {
	border-color: #bfd8d4;
}

.secret-code-step-number {
	align-items: center;
	background: #20242c;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 24px;
	font-weight: 800;
	height: 46px;
	justify-content: center;
	line-height: 1;
	width: 46px;
}

.secret-code-step-copy h2 {
	color: #151922;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 34px;
	margin: 4px 0 8px;
	overflow-wrap: anywhere;
}

.secret-code-step-copy p {
	color: #333d4a;
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 12px;
}

.secret-code-step-copy a {
	font-weight: 800;
	text-decoration: underline;
}

.secret-code-note {
	background: #f2faf8;
	border: 1px solid #cfe2dc;
	border-radius: 8px;
	color: #22362f !important;
	font-size: 17px !important;
	font-weight: 700;
	line-height: 27px !important;
	margin-top: 14px !important;
	padding: 12px 14px;
}

.secret-code-shot {
	grid-column: 2;
}

.secret-code-shot img {
	background: #f7f9fb;
	border: 1px solid #cfd9e0;
	border-radius: 8px;
	display: block;
	height: auto;
	max-width: 100%;
	padding: 6px;
	width: 100%;
}

.secret-code-finale {
	background: #20242c;
	border-radius: 8px;
	color: #fff;
	margin: 28px auto 0;
	max-width: 820px;
	padding: 22px 24px;
	text-align: center;
}

.secret-code-finale p {
	font-size: 28px;
	font-weight: 800;
	line-height: 36px;
	margin: 0;
}

@media (min-width: 768px) {
	.secret-code-article {
		padding-top: 28px;
	}

	.secret-code-hero {
		padding: 40px;
	}

	.secret-code-hero h1 {
		font-size: 56px;
	}

	.secret-code-dek {
		font-size: 25px;
		line-height: 36px;
	}
}

@media (min-width: 992px) {
	.secret-code-hero h1 {
		font-size: 66px;
	}

	.secret-code-step {
		grid-template-columns: 62px minmax(0, 1fr);
		padding: 28px;
	}
}

@media (max-width: 560px) {
	.secret-code-article {
		margin-left: 0;
		margin-right: 0;
		max-width: calc(100vw - 50px);
		overflow-x: hidden;
		padding-left: 0;
		padding-right: 0;
		width: calc(100vw - 50px);
	}

	.secret-code-hero {
		border-left-width: 6px;
		padding: 20px;
	}

	.secret-code-hero h1 {
		font-size: 36px;
		line-height: 1.12;
	}

	.secret-code-dek {
		font-size: 20px;
		line-height: 29px;
	}

	.secret-code-body p {
		font-size: 18px;
		line-height: 30px;
	}

	.secret-code-big {
		font-size: 22px !important;
		line-height: 32px !important;
	}

	.secret-code-callout p {
		font-size: 20px;
		line-height: 30px;
	}

	.secret-code-step {
		gap: 12px;
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 16px;
	}

	.secret-code-step-number {
		font-size: 20px;
		height: 38px;
		width: 38px;
	}

	.secret-code-step-copy h2 {
		font-size: 23px;
		line-height: 30px;
		margin-top: 2px;
	}

	.secret-code-step-copy p {
		font-size: 17px;
		line-height: 28px;
	}

	.secret-code-shot {
		grid-column: 1 / -1;
	}

	.secret-code-finale p {
		font-size: 24px;
		line-height: 32px;
	}
}

.privacy-policy-page {
	box-sizing: border-box;
	color: #1f2933;
	margin: 0 auto 64px;
	max-width: 1080px;
	padding: 18px 15px 72px;
}

.privacy-policy-page * {
	box-sizing: border-box;
}

.privacy-policy-hero {
	align-items: center;
	background: #f7fbfc;
	border: 1px solid #d7e3e8;
	border-left: 8px solid #2f80c0;
	border-radius: 8px;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin: 6px 0 20px;
	padding: 30px;
}

.privacy-policy-hero-copy {
	min-width: 0;
}

.privacy-policy-kicker {
	color: #52606d;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.privacy-policy-hero h1 {
	color: #151922;
	font-size: 46px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 54px;
	margin: 0;
	overflow-wrap: anywhere;
}

.privacy-policy-lead {
	color: #334151;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	margin: 16px 0 0;
	max-width: 800px;
}

.privacy-policy-date {
	color: #52606d;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 18px 0 0;
}

.privacy-policy-logo {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
	display: block;
	flex: 0 0 120px;
	height: 120px;
	padding: 10px;
	width: 120px;
}

.privacy-policy-highlights {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 22px;
}

.privacy-policy-highlight {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(31, 41, 51, 0.06);
	padding: 18px;
}

.privacy-policy-highlight h2 {
	color: #17202b;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	margin: 0 0 8px;
}

.privacy-policy-highlight p {
	color: #3b4654;
	font-size: 15px;
	line-height: 23px;
	margin: 0;
}

.privacy-policy-layout {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: 240px minmax(0, 1fr);
}

.privacy-policy-jump {
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 10px;
	position: sticky;
	top: 14px;
}

.privacy-policy-jump a {
	border-radius: 6px;
	color: #24567a;
	display: block;
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
	padding: 9px 10px;
	text-decoration: none;
}

.privacy-policy-jump a:focus,
.privacy-policy-jump a:hover {
	background: #edf5fb;
	color: #102a43;
	outline: 0;
	text-decoration: none;
}

.privacy-policy-content {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(24, 39, 52, 0.08);
	padding: 30px;
}

.privacy-policy-content section {
	border-top: 1px solid #e6edf3;
	padding-top: 24px;
	scroll-margin-top: 20px;
}

.privacy-policy-content section:first-child {
	border-top: 0;
	padding-top: 0;
}

.privacy-policy-content h2 {
	color: #151922;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 35px;
	margin: 0 0 12px;
	overflow-wrap: anywhere;
}

.privacy-policy-content p {
	color: #283544;
	font-size: 17px;
	line-height: 29px;
	margin: 0 0 17px;
}

.privacy-policy-content p:last-child {
	margin-bottom: 0;
}

.privacy-policy-content strong {
	color: #16202d;
	font-weight: 800;
}

.privacy-policy-content a {
	color: #176a88;
	font-weight: 800;
	text-decoration: underline;
}

.privacy-policy-content a:focus,
.privacy-policy-content a:hover {
	color: #0f4a61;
	text-decoration: none;
}

.privacy-policy-contact {
	background: #f2faf8;
	border: 1px solid #cfe2dc !important;
	border-radius: 8px;
	margin-top: 24px;
	padding: 22px !important;
}

@media (max-width: 900px) {
	.privacy-policy-highlights,
	.privacy-policy-layout {
		grid-template-columns: 1fr;
	}

	.privacy-policy-jump {
		position: static;
	}
}

@media (max-width: 640px) {
	.privacy-policy-page {
		margin-bottom: 46px;
		padding: 8px 0 52px;
	}

	.privacy-policy-hero {
		align-items: flex-start;
		border-left-width: 6px;
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		padding: 20px;
	}

	.privacy-policy-hero h1 {
		font-size: 36px;
		line-height: 42px;
	}

	.privacy-policy-lead {
		font-size: 18px;
		line-height: 29px;
	}

	.privacy-policy-logo {
		height: 92px;
		width: 92px;
	}

	.privacy-policy-highlight {
		padding: 16px;
	}

	.privacy-policy-content {
		padding: 20px;
	}

	.privacy-policy-content h2 {
		font-size: 24px;
		line-height: 31px;
	}

	.privacy-policy-content p {
		font-size: 16px;
		line-height: 27px;
	}
}

.terms-agreement-page {
	box-sizing: border-box;
	color: #1f2933;
	margin: 0 auto 64px;
	max-width: 1080px;
	padding: 18px 15px 72px;
}

.terms-agreement-page * {
	box-sizing: border-box;
}

.terms-agreement-hero {
	align-items: center;
	background: #fbfcf7;
	border: 1px solid #dde8d7;
	border-left: 8px solid #3f8f75;
	border-radius: 8px;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin: 6px 0 20px;
	padding: 30px;
}

.terms-agreement-hero-copy {
	min-width: 0;
}

.terms-agreement-kicker {
	color: #6f5b13;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.terms-agreement-hero h1 {
	color: #151922;
	font-size: 46px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 54px;
	margin: 0;
	overflow-wrap: anywhere;
}

.terms-agreement-lead {
	color: #334151;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	margin: 16px 0 0;
	max-width: 800px;
}

.terms-agreement-date {
	color: #52606d;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 18px 0 0;
}

.terms-agreement-logo {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
	display: block;
	flex: 0 0 120px;
	height: 120px;
	padding: 10px;
	width: 120px;
}

.terms-agreement-highlights {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 22px;
}

.terms-agreement-highlight {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-top: 4px solid #d99d20;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(31, 41, 51, 0.06);
	padding: 18px;
}

.terms-agreement-highlight h2 {
	color: #17202b;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	margin: 0 0 8px;
}

.terms-agreement-highlight p {
	color: #3b4654;
	font-size: 15px;
	line-height: 23px;
	margin: 0;
}

.terms-agreement-layout {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: 240px minmax(0, 1fr);
}

.terms-agreement-jump {
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 10px;
	position: sticky;
	top: 14px;
}

.terms-agreement-jump a {
	border-radius: 6px;
	color: #27605a;
	display: block;
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
	padding: 9px 10px;
	text-decoration: none;
}

.terms-agreement-jump a:focus,
.terms-agreement-jump a:hover {
	background: #eff8f5;
	color: #173d39;
	outline: 0;
	text-decoration: none;
}

.terms-agreement-content {
	background: #fff;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(24, 39, 52, 0.08);
	padding: 30px;
}

.terms-agreement-content section {
	border-top: 1px solid #e6edf3;
	padding-top: 24px;
	scroll-margin-top: 20px;
}

.terms-agreement-content section:first-child {
	border-top: 0;
	padding-top: 0;
}

.terms-agreement-content h2 {
	color: #151922;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 35px;
	margin: 0 0 12px;
	overflow-wrap: anywhere;
}

.terms-agreement-content p,
.terms-agreement-list {
	color: #283544;
	font-size: 17px;
	line-height: 29px;
}

.terms-agreement-content p {
	margin: 0 0 17px;
}

.terms-agreement-content p:last-child {
	margin-bottom: 0;
}

.terms-agreement-content a {
	color: #176a88;
	font-weight: 800;
	text-decoration: underline;
}

.terms-agreement-content a:focus,
.terms-agreement-content a:hover {
	color: #0f4a61;
	text-decoration: none;
}

.terms-agreement-list {
	margin: 0 0 17px 22px;
	padding: 0;
}

.terms-agreement-list li {
	margin: 0 0 9px;
	padding-left: 4px;
}

.terms-agreement-list li::marker {
	color: #3f8f75;
	font-weight: 800;
}

.terms-agreement-contact {
	background: #f7fbf2;
	border: 1px solid #d6e7ca !important;
	border-radius: 8px;
	margin-top: 24px;
	padding: 22px !important;
}

@media (max-width: 900px) {
	.terms-agreement-highlights,
	.terms-agreement-layout {
		grid-template-columns: 1fr;
	}

	.terms-agreement-jump {
		position: static;
	}
}

@media (max-width: 640px) {
	.terms-agreement-page {
		margin-bottom: 46px;
		padding: 8px 0 52px;
	}

	.terms-agreement-hero {
		align-items: flex-start;
		border-left-width: 6px;
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		padding: 20px;
	}

	.terms-agreement-hero h1 {
		font-size: 36px;
		line-height: 42px;
	}

	.terms-agreement-lead {
		font-size: 18px;
		line-height: 29px;
	}

	.terms-agreement-logo {
		height: 92px;
		width: 92px;
	}

	.terms-agreement-highlight {
		padding: 16px;
	}

	.terms-agreement-content {
		padding: 20px;
	}

	.terms-agreement-content h2 {
		font-size: 24px;
		line-height: 31px;
	}

	.terms-agreement-content p,
	.terms-agreement-list {
		font-size: 16px;
		line-height: 27px;
	}
}

/* Desktop-only /desktop page using the responsive layout with breakpoints pinned off. */
body.desktop-fixed-layout {
	min-width: 1200px;
	overflow-x: auto;
}

body.desktop-fixed-layout .container {
	max-width: none !important;
	width: 1170px !important;
}

body.desktop-fixed-layout .site-feed-scroll {
	max-height: 520px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding-right: 4px !important;
}

body.desktop-fixed-layout > .navbar.hidden-lg.hidden-md,
body.desktop-fixed-layout .navmenu {
	display: none !important;
}

body.desktop-fixed-layout #topple.hidden-xs.hidden-sm,
body.desktop-fixed-layout .row.hidden-xs.hidden-sm,
body.desktop-fixed-layout .hidden-xs.hidden-sm {
	display: block !important;
}

body.desktop-fixed-layout #econ.hidden-xs.hidden-sm,
body.desktop-fixed-layout #econ .hidden-xs.hidden-sm,
body.desktop-fixed-layout .toplink .hidden-xs.hidden-sm {
	display: inline-block !important;
}

body.desktop-fixed-layout .row > .col-xs-12.col-sm-12.col-md-8.col-lg-8 {
	float: left !important;
	width: 66.66666667% !important;
}

body.desktop-fixed-layout .row > .col-xs-12.col-sm-12.col-md-4.col-lg-4 {
	float: left !important;
	width: 33.33333333% !important;
}

body.desktop-fixed-layout .row > .col-md-12,
body.desktop-fixed-layout .row > .col-lg-12 {
	float: left !important;
	width: 100% !important;
}

body.desktop-fixed-layout .kb-paged-shell {
	align-items: stretch !important;
	display: flex !important;
	flex-direction: row !important;
	overflow: visible !important;
}

body.desktop-fixed-layout .kb-paged-content {
	flex: 1 1 auto !important;
	height: 550px !important;
	min-height: 0 !important;
	order: 0 !important;
	overflow: hidden !important;
	padding: 6px !important;
	width: auto !important;
}

body.desktop-fixed-layout .kb-paged-shell.kb-show-all .kb-paged-content {
	height: auto !important;
	min-height: 550px !important;
	overflow: visible !important;
}

body.desktop-fixed-layout .kb-page-side {
	align-items: stretch !important;
	display: flex !important;
	flex: 0 0 40px !important;
	height: auto !important;
	justify-content: center !important;
	min-height: 0 !important;
	min-width: 40px !important;
	order: 0 !important;
	width: 40px !important;
}

body.desktop-fixed-layout #kb-page-next {
	order: 0 !important;
}

body.desktop-fixed-layout .kb-top-controls {
	align-items: center !important;
	flex-direction: row !important;
}

body.desktop-fixed-layout .kb-height-control {
	flex-wrap: nowrap !important;
	width: auto !important;
}

body.desktop-fixed-layout .emoji-kb-collections,
body.desktop-fixed-layout .unicode-kb-collections,
body.desktop-fixed-layout .tab-pane > .emoji-kb-collections,
body.desktop-fixed-layout .tab-pane > .unicode-kb-collections {
	overflow: visible !important;
	padding-right: 0 !important;
}

body.desktop-fixed-layout .kb-height-toggle {
	right: auto !important;
}

body.desktop-fixed-layout .kb-slider-row {
	padding: 8px 48px 4px !important;
}

body.desktop-fixed-layout .unicode-key,
body.desktop-fixed-layout #d-emoji .emoji-key-grid .eq,
body.desktop-fixed-layout #d-unicode .eq,
body.desktop-fixed-layout .kb-latest-clicks-list .eq {
	height: 48px !important;
	width: 44px !important;
}

body.desktop-fixed-layout #d-emoji .emoji-key-grid.kb-column-fill,
body.desktop-fixed-layout .unicode-keyboard-grid.kb-column-fill {
	gap: 6px !important;
	grid-auto-columns: 44px !important;
	grid-template-columns: repeat(auto-fill, 44px) !important;
	grid-template-rows: repeat(var(--kb-column-fill-rows, 6), 48px) !important;
}

body.desktop-fixed-layout .kb-sound-options {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 14px !important;
}

body.desktop-fixed-layout .kb-sound-toggle label {
	white-space: nowrap !important;
}