.smsbutton {
	--smsbutton-icon-exit-top: 32px;
	--smsbutton-icon-enter-bottom: 32px;
	overflow: hidden;
}

.smsbutton img,
.smsbutton .e-svg-base {
	display: block;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	will-change: transform, opacity;
}

.smsbutton .e-svg-base {
	line-height: 0;
}

.smsbutton .e-svg-base svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.smsbutton.smsbutton-icon-in img,
.smsbutton.smsbutton-icon-in .e-svg-base {
	animation: smsbutton-icon-in 0.74s cubic-bezier(0.77, 0, 0.18, 1) both;
}

.smsbutton.smsbutton-icon-out img,
.smsbutton.smsbutton-icon-out .e-svg-base {
	animation: smsbutton-icon-out 0.74s cubic-bezier(0.77, 0, 0.18, 1) both;
}

@keyframes smsbutton-icon-in {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	42% {
		opacity: 1;
		transform: translate3d(0, calc(var(--smsbutton-icon-exit-top) * -1), 0);
	}

	46% {
		opacity: 0;
		transform: translate3d(0, var(--smsbutton-icon-enter-bottom), 0);
	}

	52% {
		opacity: 1;
		transform: translate3d(0, var(--smsbutton-icon-enter-bottom), 0);
	}

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

@keyframes smsbutton-icon-out {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	42% {
		opacity: 1;
		transform: translate3d(0, var(--smsbutton-icon-enter-bottom), 0);
	}

	46% {
		opacity: 0;
		transform: translate3d(0, calc(var(--smsbutton-icon-exit-top) * -1), 0);
	}

	52% {
		opacity: 1;
		transform: translate3d(0, calc(var(--smsbutton-icon-exit-top) * -1), 0);
	}

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

.marcont {
	--marquee-gap: 82px;
	--marquee-duration: 28s;
	--marquee-shift: 50%;
	position: relative;
	overflow: hidden;
	flex-wrap: nowrap !important;
}

.marcont.marquee-ready {
	display: block !important;
}

.marcont .marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
	min-width: max-content;
	flex-wrap: nowrap;
	animation: marcont-scroll var(--marquee-duration) linear infinite;
	will-change: transform;
}

.marcont:hover .marquee-track,
.marcont:focus-within .marquee-track {
	animation-play-state: paused;
}

.marcont .marquee-group {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	gap: var(--marquee-gap);
	padding-right: var(--marquee-gap);
}

.marcont .marquee-group > * {
	flex: 0 0 auto;
	width: auto !important;
	max-width: none;
	margin: 0 !important;
}

.marcont .marquee-group img,
.marcont .marquee-group svg {
	display: block;
	max-width: 100%;
	height: auto;
}

@keyframes marcont-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(calc(var(--marquee-shift) * -1), 0, 0);
	}
}

@media (max-width: 767px) {
	.marcont {
		--marquee-gap: 48px;
		--marquee-duration: 20s;
	}
}

.sms-diagonal-marquee {
	--diagonal-marquee-gap: 64px;
	--diagonal-marquee-duration: 22s;
	--diagonal-marquee-shift: 50%;
	overflow: hidden;
}

.sms-diagonal-marquee .sms-diagonal-marquee-track {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap !important;
	width: max-content;
	min-width: max-content;
	animation: sms-diagonal-marquee-scroll var(--diagonal-marquee-duration) linear infinite;
	will-change: transform;
}

.sms-diagonal-marquee:hover .sms-diagonal-marquee-track,
.sms-diagonal-marquee:focus-within .sms-diagonal-marquee-track {
	animation-play-state: paused;
}

.sms-diagonal-marquee .diagonal-marquee-group {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	gap: var(--diagonal-marquee-gap);
	padding-right: var(--diagonal-marquee-gap);
}

.sms-diagonal-marquee .diagonal-marquee-group > * {
	flex: 0 0 auto;
	white-space: nowrap;
	margin: 0 !important;
}

@keyframes sms-diagonal-marquee-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(calc(var(--diagonal-marquee-shift) * -1), 0, 0);
	}
}

@media (max-width: 767px) {
	.sms-diagonal-marquee {
		--diagonal-marquee-gap: 32px;
		--diagonal-marquee-duration: 16s;
	}
}

.megaimg {
max-width: 130px!important;
	-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0, 0, 0, 0) 100%)!important;
	mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0, 0, 0, 0) 100%)!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-size: 100% 100%!important;
	mask-size: 100% 100%!important;
}

@media (prefers-reduced-motion: reduce) {
	.marcont .marquee-track,
	.sms-diagonal-marquee .sms-diagonal-marquee-track {
		animation: none;
	}

	.smsbutton.smsbutton-icon-in img,
	.smsbutton.smsbutton-icon-out img,
	.smsbutton.smsbutton-icon-in .e-svg-base,
	.smsbutton.smsbutton-icon-out .e-svg-base {
		animation: none;
	}
}


/*
flatchr
*/

.flatchr-jobs {
	display: grid;
	gap: 20px;
}

.flatchr-job {
	padding: 24px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 16px;
}

.flatchr-job-title {
	margin: 0 0 12px;
}

.flatchr-job-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
	opacity: 0.75;
}

.flatchr-job-content {
	margin-bottom: 16px;
}

.flatchr-job-details {
	margin-top: 16px;
}

.flatchr-job-details summary {
	cursor: pointer;
	font-weight: 600;
}

.flatchr-job-section {
	margin-top: 18px;
}

.flatchr-job-section h4 {
	margin: 0 0 10px;
}

.flatchr-job-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	padding: 12px 18px;
	border-radius: 999px;
	background: #000;
	color: #fff;
	text-decoration: none;
}

.flatchr-job-link:hover {
	color: #fff;
	opacity: 0.8;
}

.flatchr-jobs-empty {
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 12px;
}

.flatchr-debug {
	white-space: pre-wrap;
	padding: 20px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	overflow: auto;
	max-height: 600px;
}

.flatchr-job,
.flatchr-job p,
.flatchr-job li {
	letter-spacing: normal;
}

.flatchr-job-content {
	line-height: 1.5;
}

.flatchr-job-title {
	line-height: 1.05;
}