@media (min-width: 960px) and (max-width: 1345px) {
	.site-header__nav {
		gap: 16px;
	}

	.site-header__nav-link,
	.site-header__login {
		font-size: 12px;
	}

	.site-header__actions {
		gap: 10px;
	}

	.site-header__registration {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 12px;
	}
}

@media (max-width: 959px) {
	.site-header {
		height: 65px;
	}

	.site-header__inner {
		height: 64px;
	}

	.site-header__nav,
	.site-header__actions,
	.site-header__user-actions,
	.site-header > .container > .site-header__inner > .site-header__language {
		display: none;
	}

	.site-header__mobile-actions {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.site-header__language--mobile {
		display: block;
	}

	.site-header__language--mobile .site-header__language-button {
		gap: 5px;
		height: 27px;
		font-size: 12.5px;
		font-weight: 600;
		line-height: 19px;
		letter-spacing: .5px;
	}

	.site-header__language--mobile .site-header__language-button img {
		width: 11px;
		height: 11px;
	}

	.site-header__account {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
	}

	.site-header__account img {
		display: block;
		width: 20px;
		height: 20px;
	}

	.site-header__registration--mobile {
		min-width: 117px;
		padding: 8px 20px;
	}

	.site-header__cabinet--mobile {
		min-height: 37px;
		padding: 8px 16px;
	}

	.site-header__mobile-actions .site-header__notifications {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.site-header__menu-button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 6px;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	.site-header__menu-button img {
		display: block;
		width: 22px;
		height: 22px;
	}

	.site-header__overlay {
		position: fixed;
		inset: 0;
		z-index: 1100;
		display: block;
		visibility: hidden;
		background: rgba(6, 26, 58, .36);
		opacity: 0;
		transition: opacity .24s ease, visibility .24s ease;
	}

	.site-header__overlay.is-open {
		visibility: visible;
		opacity: 1;
	}

	.site-header__mobile-menu {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1110;
		display: flex;
		visibility: hidden;
		flex-direction: column;
		width: min(360px, 92vw);
		height: 100dvh;
		padding: 22px 24px 28px;
		background: #fff;
		box-shadow: -18px 0 44px rgba(6, 26, 58, .14);
		overflow-y: auto;
		opacity: 0;
		transform: translateX(100%);
		transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
	}

	.site-header__mobile-menu.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.site-header__mobile-menu-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(6, 26, 58, .08);
	}

	.site-header__mobile-menu-head strong {
		font-size: 18px;
		font-weight: 600;
		line-height: 24px;
	}

	.site-header__menu-close {
		position: relative;
		display: block;
		width: 34px;
		height: 34px;
		padding: 0;
		border: 0;
		border-radius: 6px;
		background: rgba(10, 94, 90, .07);
		cursor: pointer;
	}

	.site-header__menu-close span {
		position: absolute;
		top: 16px;
		left: 8px;
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: #061a3a;
	}

	.site-header__menu-close span:first-child {
		transform: rotate(45deg);
	}

	.site-header__menu-close span:last-child {
		transform: rotate(-45deg);
	}

	.site-header__mobile-nav {
		display: flex;
		flex-direction: column;
		padding: 18px 0;
	}

	.site-header__mobile-nav a {
		display: block;
		padding: 13px 0;
		border-bottom: 1px solid rgba(6, 26, 58, .06);
		font-size: 15px;
		font-weight: 500;
		line-height: 22px;
		color: rgba(6, 26, 58, .72);
	}

	.site-header__mobile-nav a:hover,
	.site-header__mobile-nav a:focus-visible {
		color: #0a5e5a;
	}

	.site-header__mobile-links {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding-top: 4px;
	}

	.site-header__mobile-cabinet {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding-top: 18px;
	}

	.site-header__mobile-cabinet[hidden] {
		display: none;
	}

	.site-header__mobile-cabinet .site-header__logout {
		padding: 8px 0;
		text-align: center;
	}

	.site-header__mobile-login {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 40px;
		font-size: 13px;
		font-weight: 500;
		color: rgba(6, 26, 58, .68);
	}

	.site-header__mobile-login img {
		width: 20px;
		height: 20px;
	}

	.site-header__mobile-languages {
		display: flex;
		gap: 8px;
		margin-top: auto;
		padding-top: 28px;
	}

	.site-header__mobile-languages a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 34px;
		border: 1px solid rgba(6, 26, 58, .1);
		border-radius: 6px;
		font-size: 12px;
		font-weight: 600;
	}

	.site-header__mobile-languages a:hover,
	.site-header__mobile-languages a:focus-visible,
	.site-header__mobile-languages a.is-active {
		border-color: rgba(10, 94, 90, .22);
		background: rgba(10, 94, 90, .08);
		color: #0a5e5a;
	}

	body.is-mobile-menu-open {
		overflow: hidden;
	}
}

@media (max-width: 420px) {
	.site-header > .container {
		padding-right: 1px;
		padding-left: 20px;
	}

	.site-header__mobile-actions {
		gap: 16px;
	}
}

@media (max-width: 389px) {
	.site-header__mobile-actions {
		gap: 10px;
	}

	.site-header__registration--mobile {
		min-width: auto;
		padding-right: 13px;
		padding-left: 13px;
	}
}

@media (max-width: 959px) and (max-height: 520px) {
	.site-header__mobile-menu {
		padding-top: 16px;
		padding-bottom: 18px;
	}

	.site-header__mobile-nav {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.site-header__mobile-nav a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.site-header__mobile-languages {
		margin-top: 12px;
		padding-top: 8px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-hero,
	.home-hero__media {
		min-height: 760px;
	}

	.home-hero__content {
		padding: 90px 40px 70px;
	}

	.home-hero__inner {
		max-width: 430px;
	}

	.home-hero__title {
		font-size: 48px;
		line-height: 1.08;
		letter-spacing: -1.3px;
	}

	.home-hero__button {
		padding-right: 18px;
		padding-left: 18px;
		font-size: 12px;
	}

	.home-hero__stats {
		grid-template-columns: 118px 150px minmax(0, 1fr);
	}

	.home-hero__stat:first-child {
		padding-right: 24px;
	}

	.home-hero__stat:nth-child(2) {
		padding-right: 24px;
		padding-left: 24px;
	}

	.home-hero__stat:last-child {
		padding-left: 24px;
	}

	.home-hero__stat span {
		white-space: normal;
	}

	.home-hero__media img {
		min-height: 760px;
	}
}

@media (max-width: 959px) {
	.home-hero {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.home-hero__content {
		align-items: flex-start;
		order: 2;
		padding: 44px 22px 56px;
	}

	.home-hero__inner {
		max-width: 480px;
	}

	.home-hero__media {
		order: 1;
		width: 100%;
		min-height: 0;
		max-height: 340px;
		aspect-ratio: 393 / 228;
	}

	.home-hero__media img {
		height: 100%;
		min-height: 0;
		object-position: center;
	}

	.home-hero__title {
		margin-top: 20px;
		font-size: 30.4px;
		line-height: 32px;
		letter-spacing: -.76px;
	}

	.home-hero__text {
		max-width: 400px;
		margin-top: 24px;
		font-size: 14px;
		line-height: 24px;
	}

	.home-hero__actions {
		
		gap: 5px;
		margin-top: 32px;
	}

	.home-hero__button {
		min-height: 49px;
		padding: 13px 20px;
	}

	.home-hero__stats {
		grid-template-columns: 100px 130px minmax(0, 1fr);
		margin-top: 40px;
		padding-top: 32px;
	}

	.home-hero__stat:first-child {
		padding-right: 20px;
	}

	.home-hero__stat:nth-child(2) {
		padding-right: 20px;
		padding-left: 20px;
	}

	.home-hero__stat:last-child {
		padding-left: 20px;
	}

	.home-hero__stat strong {
		font-size: 18px;
		line-height: 18px;
		letter-spacing: -.63px;
	}

	.home-hero__stat span {
		max-width: 90px;
		white-space: normal;
	}
}

@media (max-width: 389px) {
	.home-hero__content {
		padding-right: 18px;
		padding-left: 18px;
	}

	.home-hero__stats {
		grid-template-columns: 92px 122px minmax(0, 1fr);
	}

	.home-hero__stat:first-child {
		padding-right: 14px;
	}

	.home-hero__stat:nth-child(2) {
		padding-right: 14px;
		padding-left: 14px;
	}

	.home-hero__stat:last-child {
		padding-left: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header *,
	.site-header *:before,
	.site-header *:after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.home-hero *,
	.home-hero *:before,
	.home-hero *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}

	.home-process *,
	.home-process *:before,
	.home-process *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}

	.home-shifts *,
	.home-shifts *:before,
	.home-shifts *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}

	.home-why *,
	.home-why *:before,
	.home-why *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}

	.home-about *,
	.home-about *:before,
	.home-about *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}

	.home-contact *,
	.home-contact *:before,
	.home-contact *:after {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		transition-duration: .01ms !important;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-process {
		padding: 80px 0 88px;
	}

	.home-process__step {
		padding-right: 28px;
		padding-left: 28px;
	}
}

@media (max-width: 959px) {
	.home-process {
		padding: 72px 0 80px;
	}

	.home-process > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-process__head {
		flex-direction: column;
	}

	.home-process__heading {
		width: 245px;
	}

	.home-process__title {
		font-size: 28px;
		line-height: 31px;
		letter-spacing: -.7px;
	}

	.home-process__switch {
		margin-top: 20px;
	}

	.home-process__steps {
		display: flex;
		flex-direction: column;
		margin-top: 40px;
	}

	.home-process__line {
		display: none;
	}

	.home-process__step,
	.home-process__step:nth-of-type(2),
	.home-process__step:last-child {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 20px;
		padding: 0;
	}

	.home-process__step:not(:last-child) {
		margin-bottom: 27px;
		padding-bottom: 28px;
		border-bottom: 1px solid rgba(6, 26, 58, .08);
	}

	.home-process__number {
		width: 44px;
		height: 44px;
		font-size: 11px;
		line-height: 17px;
		letter-spacing: .66px;
	}

	.home-process__step-content {
		padding-top: 10px;
	}

	.home-process__step-text {
		max-width: none;
		margin-top: 8px;
	}
}

@media (max-width: 389px) {
	.home-process > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.home-process__step,
	.home-process__step:nth-of-type(2),
	.home-process__step:last-child {
		gap: 16px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-shifts {
		padding: 80px 0 88px;
	}

	.home-shifts__heading {
		width: 620px;
	}

	.home-shifts__title {
		font-size: 32px;
		line-height: 37px;
	}

	.home-shifts__card {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-shifts__meta {
		gap: 14px;
	}
}

@media (max-width: 959px) {
	.home-shifts {
		padding: 72px 0 80px;
	}

	.home-shifts > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-shifts__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.home-shifts__heading {
		width: 100%;
	}

	.home-shifts__title {
		font-size: 24.8px;
		line-height: 28.5px;
		letter-spacing: -.62px;
	}

	.home-shifts__all {
		align-self: flex-end;
		margin-top: 12px;
		letter-spacing: 0;
	}

	.home-shifts__grid {
		grid-template-columns: minmax(0, 1fr);
		margin-top: 32px;
	}

	.home-shifts__card {
		min-height: 221px;
	}
}

@media (max-width: 389px) {
	.home-shifts > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.home-shifts__card {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-shifts__meta {
		gap: 14px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-why {
		padding: 80px 0 88px;
	}

	.home-why__layout {
		gap: 50px;
	}

	.home-why__title {
		font-size: 36px;
		line-height: 40px;
	}

	.home-why__item {
		padding-top: 22px;
		padding-bottom: 22px;
	}
}

@media (max-width: 959px) {
	.home-why {
		padding: 72px 0 80px;
	}

	.home-why > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-why__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.home-why__title {
		font-size: 28px;
		line-height: 31px;
		letter-spacing: -.7px;
	}

	.home-why__media {
		aspect-ratio: 16 / 9;
	}

	.home-why__item {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 389px) {
	.home-why > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.home-why__item {
		gap: 16px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-about {
		padding: 80px 0 88px;
	}

	.home-about__layout {
		gap: 50px;
	}

	.home-about__title {
		font-size: 40px;
		line-height: 44px;
	}
}

@media (max-width: 959px) {
	.home-about {
		padding: 72px 0 80px;
	}

	.home-about > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-about__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
		min-height: 0;
	}

	.home-about__title {
		font-size: 30.4px;
		line-height: 32.8px;
		letter-spacing: -.76px;
	}

	.home-about__text {
		max-width: none;
	}

	.home-about__stats {
		margin-top: 0;
	}

	.home-about__stat {
		min-height: 65px;
	}

	.home-about__stat strong {
		font-size: 26px;
		line-height: 26px;
		letter-spacing: -1.04px;
	}
}

@media (max-width: 389px) {
	.home-about > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.home-about__stat span {
		font-size: 10px;
		letter-spacing: .8px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.home-contact {
		padding: 80px 0 88px;
	}

	.home-contact__layout {
		gap: 50px;
	}

	.home-contact__title {
		font-size: 40px;
		line-height: 44px;
	}
}

@media (max-width: 959px) {
	.home-contact {
		padding: 15px 0 80px;
	}

	.home-contact > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.home-contact__layout {
		display: flex;
		flex-direction: column;
		gap: 0;
		min-height: 0;
	}

	.home-contact__left {
		display: contents;
	}

	.home-contact__intro {
		order: 1;
		padding-top: 20px;
		text-align: center;
	}

	.home-contact__eyebrow {
		display: none;
	}

	.home-contact__title {
		margin-top: 0;
		font-size: 30.4px;
		line-height: 33.4px;
		letter-spacing: -.76px;
	}

	.home-contact__form {
		order: 2;
		margin-top: 15px;
	}

	.home-contact__details {
		order: 3;
		margin-top: 40px;
		text-align: center;
	}

	.home-contact__text {
		max-width: none;
		margin-top: 0;
		font-size: 16px;
		line-height: 26px;
	}

	.home-contact__links a,
	.home-contact__links > span {
		justify-content: center;
		font-size: 15px;
		line-height: 23px;
	}

	.home-contact__button {
		align-self: center;
	}
}

@media (max-width: 389px) {
	.home-contact > .container {
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.site-footer__main {
		grid-template-columns: 1.4fr repeat(3, 1fr);
		gap: 30px;
	}
}

@media (max-width: 959px) {
	.site-footer > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.site-footer__main {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
		padding: 48px 0 56px;
		text-align: center;
	}

	.site-footer__brand,
	.site-footer__column {
		display: flex;
		align-items: center;
		flex-direction: column;
		min-height: 0;
	}

	.site-footer__brand {
		padding-top: 0;
	}

	.site-footer__description {
		max-width: 340px;
		font-size: 15px;
		line-height: 24px;
	}

	.site-footer__socials {
		justify-content: center;
	}

	.site-footer__socials a {
		font-size: 14px;
		line-height: 21px;
	}

	.site-footer__title {
		font-size: 12px;
		line-height: 18px;
	}

	.site-footer__links {
		align-items: center;
	}

	.site-footer__links a,
	.site-footer__links span,
	.site-footer__cookie-settings {
		font-size: 15px;
		line-height: 24px;
		text-align: center;
	}

	.site-footer__bottom {
		flex-direction: column;
		justify-content: flex-start;
		min-height: 79px;
		gap: 4px;
		padding: 20px 0;
		font-size: 13px;
		line-height: 20px;
		text-align: center;
	}

	.site-footer__bottom-right {
		gap: 8px;
	}
}

@media (max-width: 389px) {
	.site-footer > .container {
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.shift-card__inner {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 30px;
	}
}

@media (max-width: 959px) {
	.shifts-catalog > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.shifts-catalog__intro {
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		padding-top: 34px;
		text-align: center;
	}

	.shifts-catalog__title {
		max-width: none;
		font-size: 34px;
		line-height: 36.72px;
	}

	.shifts-catalog__description {
		margin-top: 24px;
		font-size: 16px;
		line-height: 27px;
	}

	.shifts-catalog__toolbar {
		flex-wrap: wrap;
		align-items: center;
		gap: 16px;
		margin-top: 48px;
		padding-bottom: 16px;
	}

	.shifts-catalog__filter-toggle {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 0;
		border: 0;
		background: transparent;
		font-size: 15px;
		font-weight: 600;
		line-height: 22px;
		letter-spacing: -.1px;
		color: #061a3a;
		cursor: pointer;
	}

	.shifts-catalog__filter-toggle img {
		display: block;
		width: 10px;
		height: 10px;
		transition: transform .2s ease;
	}

	.shifts-catalog__filter-toggle:hover img,
	.shifts-catalog__filter-toggle:focus-visible img {
		transform: translateY(2px);
	}

	.shifts-catalog__filter-toggle.is-open img {
		transform: rotate(180deg);
	}

	.shifts-catalog__filters,
	.shifts-catalog__sort {
		display: none;
	}

	.shifts-catalog__filters.is-open {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		order: 3;
		gap: 18px;
		width: 100%;
		padding: 22px;
		border: 1px solid rgba(6, 26, 58, .08);
		border-radius: 8px;
		background: #fff;
	}

	.shifts-catalog__filters.is-open .shifts-catalog__filter {
		width: 100%;
	}

	.shifts-catalog__filter-submit {
		grid-column: 1 / -1;
		width: 100%;
		font-size: 15px;
	}

	.shifts-catalog__filter > span {
		font-size: 12px;
		line-height: 18px;
	}

	.shifts-catalog__filter select {
		font-size: 16px;
		line-height: 24px;
	}

	.shifts-catalog__toolbar-side {
		padding-bottom: 0;
	}

	.shifts-catalog__list {
		padding-top: 8px;
	}

	.shift-card__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		min-height: 0;
		padding: 28px 0;
		text-align: center;
	}

	.shift-card__main,
	.shift-card__aside {
		display: contents;
	}

	.shift-card__eyebrow {
		order: 1;
		justify-content: center;
	}

	.shift-card__title {
		order: 2;
		font-size: 21px;
		line-height: 30px;
	}

	.shift-card__company {
		order: 3;
		justify-content: center;
		font-size: 15px;
		line-height: 23px;
	}

	.shift-card__salary {
		order: 4;
		justify-content: center;
		margin-top: 16px;
		text-align: center;
	}

	.shift-card__salary--text {
		min-height: 19px;
	}

	.shift-card__meta {
		order: 5;
		justify-content: center;
		margin-top: 16px;
	}

	.shift-card__meta span,
	.shift-card__availability,
	.shift-card__description {
		font-size: 15px;
		line-height: 24px;
	}

	.shift-card__description {
		order: 6;
	}

	.shift-card__availability {
		order: 7;
		align-items: center;
		margin-top: 20px;
	}

	.shift-card__actions {
		order: 8;
		justify-content: flex-start;
		width: 100%;
		margin-top: 16px;
	}

	.shift-card__details,
	.shift-card__apply {
		flex: 1 1 0;
		font-size: 15px;
		line-height: 22px;
	}

	.shift-card__actions .shift-card__details:only-child {
		flex-basis: 100%;
	}

	.shifts-pagination {
		padding: 40px 0 136px;
	}

	.shifts-pagination > a,
	.shifts-pagination__pages a,
	.shifts-catalog__count {
		font-size: 14px;
		line-height: 22px;
	}

	.shifts-catalog__empty {
		margin-bottom: 80px;
		padding: 28px 20px;
		font-size: 16px;
		line-height: 26px;
		text-align: center;
	}

	.shifts-catalog .pagination_area {
		padding-bottom: 96px;
	}
}

@media (max-width: 389px) {
	.shifts-catalog > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.shifts-catalog__title {
		font-size: 30px;
		line-height: 33px;
	}

	.shifts-catalog__count {
		font-size: 13px;
		line-height: 20px;
	}

	.shifts-catalog__filters.is-open {
		grid-template-columns: minmax(0, 1fr);
	}

	.shift-card__meta {
		gap: 8px;
	}

	.shift-card__meta span + span {
		padding-left: 9px;
	}

	.shift-card__actions {
		gap: 8px;
	}

	.shift-card__details,
	.shift-card__apply {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 14px;
		line-height: 21px;
	}

	.shifts-pagination > a {
		font-size: 13px;
		line-height: 20px;
	}

	.shifts-pagination__pages {
		gap: 0;
	}

	.shifts-pagination__pages a {
		width: 30px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.company-account__layout {
		grid-template-columns: minmax(0, 1.5fr) minmax(330px, 1fr);
		gap: 40px;
	}

	.company-request {
		grid-template-columns: minmax(150px, 1fr) minmax(190px, 1fr) 180px;
		gap: 20px;
	}

	.company-request-list .company-request {
		grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) 180px;
	}

	.company-request__stats {
		gap: 20px;
	}
}

@media (max-width: 959px) {
	.company-account > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.company-account__head {
		flex-direction: column;
		align-items: center;
		gap: 24px;
		padding: 56px 0 40px;
		text-align: center;
	}

	.company-account__welcome {
		width: 100%;
	}

	.company-account__eyebrow,
	.company-account__small-title {
		font-size: 12px;
		line-height: 18px;
	}

	.company-account__title {
		font-size: 38px;
		line-height: 39.9px;
	}

	.company-account__new-button {
		width: 100%;
		font-size: 15px;
		line-height: 22px;
	}

	.company-account__status {
		justify-content: center;
		font-size: 15px;
		line-height: 24px;
	}

	.company-account__tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 32px;
		min-height: 86px;
	}

	.company-account__tab,
	.company-account__logout {
		justify-self: center;
		min-height: 39px;
		padding-top: 4px;
		padding-bottom: 16px;
		font-size: 15px;
		line-height: 22px;
		text-align: center;
	}

	.account-notification {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
		padding: 24px 18px;
		text-align: left;
	}

	.account-notification form,
	.account-notification button,
	.account-notifications__read-all,
	.account-notifications__read-all button {
		width: 100%;
	}

	.company-account__section-head {
		text-align: center;
	}

	.company-account__section-head h2 {
		font-size: 30px;
		line-height: 36px;
	}

	.company-account__section-head > div {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.company-account__empty {
		align-items: center;
		margin-bottom: 64px;
		padding: 28px 20px;
		text-align: center;
	}

	.company-account__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 56px;
		padding: 48px 0 96px;
	}

	.company-request {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		min-height: 0;
		padding: 32px 0;
		text-align: center;
	}

	.company-request__type {
		font-size: 12px;
		line-height: 18px;
	}

	.company-request__meta,
	.company-request__stats {
		justify-content: center;
	}

	.company-request__meta span,
	.company-request__side > a,
	.company-team__link {
		font-size: 15px;
		line-height: 24px;
	}

	.company-request__stats span,
	.company-request__state {
		font-size: 12px;
		line-height: 18px;
	}

	.company-request__meta span + span {
		padding-left: 0;
	}

	.company-request__meta span + span:before {
		display: none;
	}

	.company-request__comment {
		padding-left: 0;
		border-left: 0;
		font-size: 14px;
		line-height: 22px;
	}

	.company-request__side {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}

	.company-account__sidebar {
		padding-top: 0;
		text-align: center;
	}

	.company-team__head {
		flex-direction: column;
		gap: 12px;
	}

	.company-team__head span {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	.company-team__head strong {
		font-size: 12px;
		line-height: 18px;
	}

	.company-team__person > strong {
		font-size: 15px;
		line-height: 23px;
		text-align: left;
	}

	.company-team__person > div,
	.company-replacement__note {
		font-size: 14px;
		line-height: 22px;
	}

	.company-replacement__names {
		justify-content: center;
		font-size: 16px;
		line-height: 24px;
	}

	.company-admin-comment__text {
		padding-left: 0;
		border-left: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.company-account__form-panel {
		min-height: 0;
		padding: 48px 0 96px;
	}

	.company-account-form,
	.company-account-form--password,
	.company-request-form {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		text-align: left;
	}

	.company-account-form__actions,
	.company-request-form__actions,
	.company-request-form .is-wide {
		grid-column: auto;
	}

	.company-account-form__actions {
		justify-content: center;
	}

	.company-account-form__actions button,
	.company-request-form__cancel,
	.company-request-form__submit {
		font-size: 15px;
		line-height: 22px;
	}

	.company-request-modal {
		align-items: flex-end;
		padding: 12px;
	}

	.company-request-modal__dialog {
		max-height: calc(100dvh - 24px);
		padding: 24px;
		border-radius: 10px 10px 6px 6px;
	}

	.company-request-modal__head h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.company-request-form__actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.company-request-form__section {
		padding: 20px;
	}

	.company-request-form__section-title {
		margin-bottom: 20px;
	}

	.company-request-form__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.shift-daily-schedule-form__head {
		flex-direction: column;
		gap: 14px;
	}

	.shift-daily-schedule-form__row {
		grid-template-columns: minmax(0, 1fr);
		align-items: stretch;
	}

	.shift-daily-schedule-form__remove {
		height: auto;
		padding: 6px 0;
		text-align: left;
	}

	.shift-daily-schedule--compact {
		max-width: none;
	}

	.company-request-form__cancel,
	.company-request-form__submit {
		width: 100%;
	}
}

@media (max-width: 959px) {
	.jsuser-d-language-nav {
		justify-content: center;
		gap: 6px;
	}

	.jsuser-d-language-button {
		flex: 1 1 auto;
		padding: 10px 12px;
	}
}

@media (max-width: 389px) {
	.company-account > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.company-account__title {
		font-size: 33px;
		line-height: 35px;
	}

	.company-account__tabs {
		column-gap: 18px;
	}

	.company-account__tab,
	.company-account__logout {
		font-size: 14px;
		line-height: 21px;
	}

	.company-request__stats {
		gap: 22px;
	}

	.company-request__state {
		font-size: 12px;
		letter-spacing: 1px;
	}

	.company-request__side > a {
		font-size: 14px;
		line-height: 22px;
	}

	.company-team__person {
		grid-template-columns: 32px minmax(0, 1fr) auto;
		gap: 9px;
	}

	.company-request-modal__dialog {
		padding: 20px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.companies-hero__inner {
		grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
		gap: 50px;
		padding: 80px 0;
	}

	.companies-hero__title {
		font-size: 48px;
		line-height: 52px;
	}

	.companies-account-steps,
	.companies-benefits,
	.companies-request-flow {
		padding: 90px 0;
	}

	.companies-request-flow__layout,
	.companies-benefits__layout {
		gap: 60px;
	}
}

@media (max-width: 959px) {
	.companies-hero > .container,
	.companies-account-steps > .container,
	.companies-request-flow > .container,
	.companies-benefits > .container,
	.companies-cta > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.companies-hero__content,
	.companies-page__section-head,
	.companies-request-flow__intro,
	.companies-account-step,
	.companies-benefit,
	.companies-cta__inner > div:first-child {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.companies-page__eyebrow {
		font-size: 12px;
		line-height: 18px;
	}

	.companies-hero__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
		min-height: 0;
		padding: 72px 0 80px;
	}

	.companies-hero__title {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.companies-hero__text {
		margin-right: auto;
		margin-left: auto;
		margin-top: 22px;
		font-size: 16px;
		line-height: 27px;
	}

	.companies-hero__actions,
	.companies-cta__actions {
		align-items: stretch;
		justify-content: center;
		margin-top: 30px;
	}

	.companies-page__button {
		flex: 1 1 0;
		font-size: 15px;
		line-height: 22px;
	}

	.companies-hero__summary {
		padding: 28px 24px;
	}

	.companies-hero__position {
		font-size: 22px;
		line-height: 30px;
	}

	.companies-account-steps,
	.companies-benefits,
	.companies-request-flow {
		padding: 80px 0;
	}

	.companies-page__section-head h2,
	.companies-request-flow__intro h2,
	.companies-cta__inner h2 {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.8px;
	}

	.companies-account-steps__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
		margin-top: 56px;
	}

	.companies-account-step > strong {
		margin-top: 22px;
		font-size: 21px;
		line-height: 30px;
	}

	.companies-account-step > div {
		max-width: none;
		font-size: 15px;
		line-height: 24px;
	}

	.companies-page__section-head > div:last-child,
	.companies-request-flow__intro > div:last-child {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.companies-request-flow__layout,
	.companies-benefits__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 56px;
	}

	.companies-benefits__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.companies-benefit {
		min-height: 0;
	}

	.companies-benefit strong,
	.companies-request-flow__step strong {
		font-size: 19px;
		line-height: 28px;
	}

	.companies-benefit div,
	.companies-request-flow__step div div {
		max-width: none;
		font-size: 15px;
		line-height: 24px;
	}

	.companies-request-flow__step {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		text-align: center;
	}

	.companies-cta {
		padding: 72px 0;
	}

	.companies-cta__inner {
		flex-direction: column;
		align-items: center;
		gap: 36px;
		text-align: center;
	}

	.companies-cta__actions {
		margin-top: 0;
	}
}

@media (max-width: 389px) {
	.companies-hero > .container,
	.companies-account-steps > .container,
	.companies-request-flow > .container,
	.companies-benefits > .container,
	.companies-cta > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.companies-hero__title {
		font-size: 34px;
		line-height: 37px;
	}

	.companies-hero__actions,
	.companies-cta__actions {
		flex-direction: column;
	}

	.companies-hero__summary {
		padding: 24px 20px;
	}

	.companies-hero__summary-head {
		font-size: 9px;
	}

	.companies-hero__summary-meta {
		gap: 16px;
	}

	.companies-hero__progress {
		gap: 8px;
	}

	.companies-hero__progress span {
		font-size: 9px;
	}

	.companies-request-flow__step {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.workers-hero__inner {
		grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
		gap: 50px;
		padding: 80px 0;
	}

	.workers-hero__title {
		font-size: 48px;
		line-height: 52px;
	}

	.workers-profile-steps,
	.workers-benefits,
	.workers-shift-flow {
		padding: 90px 0;
	}

	.workers-shift-flow__layout,
	.workers-benefits__layout {
		gap: 60px;
	}
}

@media (max-width: 959px) {
	.workers-hero > .container,
	.workers-profile-steps > .container,
	.workers-shift-flow > .container,
	.workers-benefits > .container,
	.workers-cta > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.workers-hero__content,
	.workers-page__section-head,
	.workers-shift-flow__intro,
	.workers-profile-step,
	.workers-benefit,
	.workers-cta__inner > div:first-child {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.workers-page__eyebrow {
		font-size: 12px;
		line-height: 18px;
	}

	.workers-hero__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
		min-height: 0;
		padding: 72px 0 80px;
	}

	.workers-hero__title {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.workers-hero__text {
		margin-right: auto;
		margin-left: auto;
		margin-top: 22px;
		font-size: 16px;
		line-height: 27px;
	}

	.workers-hero__actions,
	.workers-cta__actions {
		align-items: stretch;
		justify-content: center;
		margin-top: 30px;
	}

	.workers-page__button {
		flex: 1 1 0;
		font-size: 15px;
		line-height: 22px;
	}

	.workers-hero__shift {
		padding: 28px 24px;
	}

	.workers-profile-steps,
	.workers-benefits,
	.workers-shift-flow {
		padding: 80px 0;
	}

	.workers-page__section-head h2,
	.workers-shift-flow__intro h2,
	.workers-cta__inner h2 {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.8px;
	}

	.workers-profile-steps__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
		margin-top: 56px;
	}

	.workers-profile-step > strong {
		margin-top: 22px;
		font-size: 21px;
		line-height: 30px;
	}

	.workers-profile-step > div {
		max-width: none;
		font-size: 15px;
		line-height: 24px;
	}

	.workers-page__section-head > div:last-child,
	.workers-shift-flow__intro > div:last-child {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.workers-shift-flow__layout,
	.workers-benefits__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 56px;
	}

	.workers-benefits__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.workers-benefit {
		min-height: 0;
	}

	.workers-benefit strong,
	.workers-shift-flow__item strong {
		font-size: 19px;
		line-height: 28px;
	}

	.workers-benefit div,
	.workers-shift-flow__item div div {
		max-width: none;
		font-size: 15px;
		line-height: 24px;
	}

	.workers-shift-flow__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		text-align: center;
	}

	.workers-cta {
		padding: 72px 0;
	}

	.workers-cta__inner {
		flex-direction: column;
		align-items: center;
		gap: 36px;
		text-align: center;
	}

	.workers-cta__actions {
		margin-top: 0;
	}
}

@media (max-width: 389px) {
	.workers-hero > .container,
	.workers-profile-steps > .container,
	.workers-shift-flow > .container,
	.workers-benefits > .container,
	.workers-cta > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.workers-hero__title {
		font-size: 34px;
		line-height: 37px;
	}

	.workers-hero__actions,
	.workers-cta__actions {
		flex-direction: column;
	}

	.workers-hero__shift {
		padding: 24px 20px;
	}

	.workers-hero__shift-head {
		font-size: 9px;
	}

	.workers-hero__shift-meta,
	.workers-hero__shift-bottom {
		gap: 14px;
	}

	.workers-hero__shift-bottom {
		align-items: flex-end;
	}

	.workers-hero__shift-bottom a {
		font-size: 11px;
	}

	.workers-shift-flow__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.login-page__layout {
		grid-template-columns: minmax(0, 1fr) minmax(400px, .85fr);
		gap: 70px;
	}

	.login-page__info {
		padding: 45px;
	}

	.login-page__info h2 {
		font-size: 33px;
		line-height: 38px;
	}
}

@media (max-width: 959px) {
	.login-page > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.login-page__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		min-height: 0;
	}

	.login-page__form-side {
		max-width: none;
		padding: 64px 0 72px;
		text-align: center;
	}

	.login-page__eyebrow,
	.login-page__info-eyebrow {
		font-size: 12px;
		line-height: 18px;
	}

	.login-page__title {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.login-page__intro,
	.login-page__info-text {
		font-size: 16px;
		line-height: 27px;
	}

	.login-page__roles {
		margin-top: 34px;
	}

	.login-page__role,
	.login-form__submit {
		font-size: 15px;
		line-height: 22px;
	}

	.login-form,
	.login-form .form-field {
		text-align: left;
	}

	.login-form__links {
		justify-content: center;
	}

	.login-form__links a,
	.login-page__registration a,
	.login-page__registration > span,
	.password-recovery-page__back,
	.password-recovery-page__state a {
		font-size: 15px;
		line-height: 24px;
	}

	.login-page__notice strong,
	.password-recovery-page__state strong {
		font-size: 16px;
		line-height: 24px;
	}

	.login-page__notice div,
	.password-recovery-page__state span,
	.password-recovery-page__reset > div:last-of-type {
		font-size: 15px;
		line-height: 24px;
	}

	.login-page__registration > div {
		justify-content: center;
	}

	.login-page__info {
		margin: 0 0 80px;
		padding: 42px 32px;
		text-align: center;
	}

	.login-page__info h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.login-page__info-list > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		text-align: center;
	}

	.login-page__info-list span {
		font-size: 12px;
		line-height: 18px;
	}

	.login-page__info-list strong {
		font-size: 15px;
		line-height: 24px;
	}
}

@media (max-width: 389px) {
	.login-page > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.login-page__form-side {
		padding-top: 54px;
	}

	.login-page__title {
		font-size: 34px;
		line-height: 37px;
	}

	.login-page__registration > div {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.login-page__info {
		padding: 36px 24px;
	}

	.login-page__info h2 {
		font-size: 27px;
		line-height: 32px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.register-company-page__layout,
	.register-worker-page__layout {
		grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
		gap: 55px;
	}

	.register-company-page__aside,
	.register-worker-page__aside {
		padding: 42px;
	}

	.register-company-page__aside h2,
	.register-worker-page__aside h2 {
		font-size: 30px;
		line-height: 35px;
	}
}

@media (max-width: 959px) {
	.register-company-page > .container,
	.register-worker-page > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.register-company-page__layout,
	.register-worker-page__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 64px;
		padding: 64px 0 80px;
	}

	.register-company-page__content,
	.register-worker-page__content,
	.register-company-page__aside,
	.register-worker-page__aside {
		text-align: center;
	}

	.register-company-page__eyebrow,
	.register-company-page__aside-eyebrow,
	.register-worker-page__eyebrow,
	.register-worker-page__aside-eyebrow {
		font-size: 12px;
		line-height: 18px;
	}

	.register-company-page__title,
	.register-worker-page__title {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.register-company-page__intro,
	.register-worker-page__intro {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.register-company-form,
	.register-worker-form {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		margin-top: 36px;
		text-align: left;
	}

	.register-company-form__agreement,
	.register-company-form__submit,
	.register-worker-form__agreement,
	.register-worker-form__submit {
		grid-column: auto;
	}

	.register-company-form__submit,
	.register-worker-form__submit {
		width: 100%;
		font-size: 15px;
		line-height: 22px;
	}

	.register-company-page__login,
	.register-worker-page__login {
		font-size: 15px;
		line-height: 24px;
	}

	.register-company-page__aside,
	.register-worker-page__aside {
		margin-top: 0;
		padding: 42px 32px;
	}

	.register-company-page__aside h2,
	.register-worker-page__aside h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.register-company-page__aside-text,
	.register-worker-page__aside-text {
		font-size: 16px;
		line-height: 27px;
	}

	.register-company-page__steps > div,
	.register-worker-page__steps > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		text-align: center;
	}

	.register-company-page__steps > div > span,
	.register-worker-page__steps > div > span {
		font-size: 12px;
		line-height: 18px;
	}

	.register-company-page__steps strong,
	.register-worker-page__steps strong {
		font-size: 16px;
		line-height: 24px;
	}

	.register-company-page__steps div div span,
	.register-worker-page__steps div div span {
		font-size: 15px;
		line-height: 24px;
	}
}

@media (max-width: 389px) {
	.register-company-page > .container,
	.register-worker-page > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.register-company-page__layout,
	.register-worker-page__layout {
		padding-top: 54px;
	}

	.register-company-page__title,
	.register-worker-page__title {
		font-size: 34px;
		line-height: 37px;
	}

	.register-company-page__aside,
	.register-worker-page__aside {
		padding: 36px 24px;
	}

	.register-company-page__aside h2,
	.register-worker-page__aside h2 {
		font-size: 27px;
		line-height: 32px;
	}
}

@media (max-width: 959px) {
	.form-field > span {
		font-size: 12px;
		line-height: 18px;
	}

	.form-field > input,
	.form-field > select,
	.form-field > textarea {
		font-size: 16px;
	}

	.form-field--check > span {
		font-size: 15px;
		line-height: 24px;
	}

	.form-field__error {
		font-size: 13px;
		line-height: 20px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.worker-application {
		grid-template-columns: minmax(0, 1fr) 190px minmax(220px, auto);
		gap: 22px;
	}

	.worker-application__actions {
		flex-wrap: wrap;
	}
}

@media (max-width: 959px) {
	.worker-account__tabs {
		grid-template-columns: 1fr 1fr;
	}

	.worker-account__panel {
		padding: 48px 0 80px;
	}

	.worker-account__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.worker-account__stats > div {
		align-items: center;
		text-align: center;
	}

	.worker-account__stats span {
		font-size: 12px;
		line-height: 18px;
	}

	.worker-application {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 22px;
		padding: 28px 0;
		text-align: center;
	}

	.worker-application.is-attention {
		margin: 0;
		padding: 24px;
	}

	.worker-application__actions {
		justify-content: center;
		flex-wrap: wrap;
	}

	.worker-application__type,
	.worker-application__status {
		font-size: 12px;
		line-height: 18px;
	}

	.worker-application__meta {
		justify-content: center;
	}

	.worker-application__meta span,
	.worker-application__deadline {
		font-size: 15px;
		line-height: 24px;
	}

	.worker-application__response {
		align-items: center;
	}

	.worker-application__actions a,
	.worker-application__actions button,
	.worker-shift__feedback {
		font-size: 15px;
		line-height: 22px;
	}

	.worker-shift {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 20px;
		text-align: center;
	}

	.worker-shift__date {
		width: 58px;
		height: 58px;
	}

	.worker-shift__date strong {
		font-size: 22px;
		line-height: 24px;
	}

	.worker-shift__side {
		grid-column: 1 / -1;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.worker-shift__content .worker-application__meta {
		justify-content: center;
	}

	.worker-shift__instructions {
		padding-left: 0;
		border-left: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.worker-shift__side > a {
		font-size: 15px;
		line-height: 24px;
	}

	.shift-feedback > summary {
		margin-right: auto;
		margin-left: auto;
	}

	.shift-feedback-form {
		grid-template-columns: minmax(0, 1fr);
		text-align: left;
	}

	.shift-feedback-form > button {
		width: 100%;
		font-size: 15px;
		line-height: 22px;
	}

	.shift-feedback-state {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	.worker-profile-form .is-wide,
	.worker-profile-photo {
		grid-column: auto;
	}

	.worker-profile-photo {
		grid-template-columns: 64px minmax(0, 1fr);
		text-align: left;
	}

	.worker-profile-photo input {
		grid-column: 1 / -1;
		font-size: 14px;
		line-height: 22px;
	}

	.worker-profile-photo > span:nth-child(2) strong {
		font-size: 15px;
		line-height: 23px;
	}

	.worker-profile-photo > span:nth-child(2) i,
	.worker-profile-roles label {
		font-size: 14px;
		line-height: 22px;
	}

	.worker-feedback-modal {
		align-items: flex-end;
		padding: 12px;
	}

	.worker-feedback-modal__dialog {
		max-height: calc(100dvh - 24px);
		padding: 24px;
		border-radius: 10px 10px 6px 6px;
	}

	.worker-feedback-form__submit {
		width: 100%;
		font-size: 15px;
		line-height: 22px;
	}
}

@media (max-width: 389px) {
	.worker-account__stats {
		gap: 10px;
	}

	.worker-account__stats > div {
		min-height: 105px;
		padding: 18px;
	}

	.worker-account__stats strong {
		font-size: 26px;
		line-height: 28px;
	}

	.worker-application__actions a,
	.worker-application__actions button {
		flex: 1 1 auto;
	}

	.worker-shift {
		grid-template-columns: 1fr;
	}

	.worker-shift__date {
		justify-self: center;
	}

	.worker-shift__side {
		grid-column: auto;
	}

	.worker-profile-photo {
		grid-template-columns: 54px minmax(0, 1fr);
	}

	.worker-profile-photo__preview {
		width: 54px;
		height: 54px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.shift-detail-page__layout {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 330px);
		gap: 42px;
	}

	.shift-detail-page__head h1 {
		font-size: 42px;
		line-height: 46px;
	}

	.shift-detail-facts > div {
		padding: 20px;
	}

	.shift-detail-apply {
		padding: 28px;
	}
}

@media (max-width: 959px) {
	.shift-detail-page > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.shift-detail-page__breadcrumbs {
		padding-top: 26px;
	}

	.shift-detail-page__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
		padding: 44px 0 80px;
	}

	.shift-detail-page__head {
		text-align: center;
	}

	.shift-detail-company,
	.shift-detail-page__status {
		justify-content: center;
	}

	.shift-detail-company > div:last-child strong {
		font-size: 16px;
		line-height: 24px;
	}

	.shift-detail-company > div:last-child span,
	.shift-detail-page__status,
	.shift-detail-page__eyebrow,
	.shift-detail-facts span {
		font-size: 12px;
		line-height: 18px;
	}

	.shift-detail-page__head h1 {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.shift-detail-page__intro {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.shift-detail-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.shift-detail-facts > div {
		min-height: 120px;
		padding: 20px;
		text-align: center;
	}

	.shift-detail-facts strong {
		font-size: 20px;
		line-height: 28px;
	}

	.shift-detail-facts i {
		font-size: 15px;
		line-height: 24px;
	}

	.shift-detail-section {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		text-align: center;
	}

	.shift-detail-section__number {
		padding-top: 0;
		font-size: 12px;
		line-height: 18px;
	}

	.shift-detail-section h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.shift-detail-section__text,
	.shift-detail-section li {
		font-size: 16px;
		line-height: 27px;
	}

	.shift-detail-section ul {
		text-align: left;
	}

	.shift-detail-apply {
		position: static;
		top: auto;
		padding: 30px;
		text-align: center;
	}

	.shift-detail-apply__availability > div:first-child {
		justify-content: center;
		gap: 20px;
	}

	.shift-detail-apply__head span,
	.shift-detail-apply__deadline span {
		font-size: 12px;
		line-height: 18px;
	}

	.shift-detail-apply__head i,
	.shift-detail-apply__note,
	.shift-detail-apply__state span,
	.shift-detail-apply__state a {
		font-size: 15px;
		line-height: 24px;
	}

	.shift-detail-apply__button,
	.shift-detail-apply__actions button,
	.shift-detail-apply__state strong {
		font-size: 16px;
		line-height: 24px;
	}
}

@media (max-width: 389px) {
	.shift-detail-page > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.shift-detail-page__breadcrumbs span {
		display: none;
	}

	.shift-detail-page__layout {
		padding-top: 38px;
	}

	.shift-detail-apply__actions {
		flex-direction: column;
	}

	.shift-detail-company__logo {
		width: 42px;
		height: 42px;
	}

	.shift-detail-page__head h1 {
		font-size: 33px;
		line-height: 36px;
	}

	.shift-detail-facts {
		grid-template-columns: minmax(0, 1fr);
	}

	.shift-detail-facts > div {
		min-height: 0;
	}

	.shift-detail-section h2 {
		font-size: 22px;
		line-height: 30px;
	}

	.shift-detail-section--notice > div:last-child {
		padding: 20px;
	}

	.shift-detail-apply {
		padding: 24px;
	}

	.shift-detail-apply__head strong {
		font-size: 28px;
		line-height: 33px;
	}
}

@media (max-width: 959px) {
	.password-recovery-page__reset h2 {
		font-size: 27px;
		line-height: 34px;
	}
}

@media (max-width: 389px) {
	.password-recovery-page__state {
		grid-template-columns: 30px minmax(0, 1fr);
		padding: 18px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.company-request-detail-page__layout {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 310px);
		gap: 42px;
	}

	.company-request-detail-page__head h1 {
		font-size: 42px;
		line-height: 46px;
	}

	.company-request-detail-stats > div {
		padding-right: 20px;
		padding-left: 20px;
	}

	.company-request-team__list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 959px) {
	.company-request-detail-page > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.company-request-detail-page__breadcrumbs {
		padding-top: 26px;
	}

	.company-request-detail-page__head {
		flex-direction: column;
		align-items: center;
		gap: 28px;
		padding: 44px 0 36px;
		text-align: center;
	}

	.company-request-detail-page__eyebrow,
	.company-request-detail-stats span,
	.company-request-detail-status {
		font-size: 12px;
		line-height: 18px;
	}

	.company-request-detail-page__head h1 {
		font-size: 38px;
		line-height: 41px;
		letter-spacing: -1px;
	}

	.company-request-detail-page__intro {
		font-size: 16px;
		line-height: 27px;
	}

	.company-request-detail-page__head-side {
		align-items: center;
	}

	.company-request-detail-page__head-side a,
	.company-request-detail-page__breadcrumbs a {
		font-size: 15px;
		line-height: 24px;
	}

	.company-request-detail-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-left: 1px solid rgba(6, 26, 58, .08);
	}

	.company-request-detail-stats > div,
	.company-request-detail-stats > div:first-child {
		min-height: 100px;
		padding: 18px;
		border-left: 0;
		border-bottom: 1px solid rgba(6, 26, 58, .08);
		text-align: center;
	}

	.company-request-detail-stats strong {
		font-size: 28px;
		line-height: 32px;
	}

	.company-request-detail-page__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 52px;
		padding: 48px 0 64px;
	}

	.company-request-detail-page__sidebar {
		grid-template-columns: minmax(0, 1fr);
		padding-top: 0;
		text-align: center;
	}

	.company-request-detail-timeline__list > div {
		text-align: left;
	}

	.company-request-detail-timeline__list strong,
	.company-request-detail-replacement > div {
		font-size: 15px;
		line-height: 24px;
	}

	.company-request-detail-timeline__list > div > span > span,
	.company-request-detail-replacement > span {
		font-size: 14px;
		line-height: 22px;
	}

	.company-request-team {
		padding: 48px 0 80px;
	}

	.company-request-team__head {
		flex-direction: column;
		align-items: center;
		gap: 24px;
		text-align: center;
	}

	.company-request-team__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.company-request-worker > div:nth-child(2) strong {
		font-size: 15px;
		line-height: 23px;
	}

	.company-request-worker > div:nth-child(2) span,
	.company-request-worker__status {
		font-size: 14px;
		line-height: 22px;
	}

	.company-request-worker > button {
		font-size: 15px;
		line-height: 22px;
	}
}

@media (max-width: 589px) {
	.company-request-worker {
		grid-template-columns: 42px minmax(0, 1fr) 120px;
	}

	.company-request-worker__status {
		grid-column: 2;
	}

	.company-request-worker > button {
		grid-column: 3;
		grid-row: 1 / 3;
	}
}

@media (max-width: 389px) {
	.company-request-detail-page > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.company-request-detail-page__breadcrumbs span {
		display: none;
	}

	.company-request-detail-page__head h1 {
		font-size: 33px;
		line-height: 36px;
	}

	.company-request-detail-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.company-request-detail-timeline,
	.company-request-detail-replacement,
	.company-request-detail-comment {
		padding: 22px;
	}

	.company-request-worker {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.company-request-worker__status,
	.company-request-worker > button {
		grid-column: 2;
		grid-row: auto;
	}

	.company-request-worker > button {
		width: 100%;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.legal-page__layout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 48px;
	}

	.cookie-banner {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.cookie-banner__actions {
		justify-content: flex-start;
	}
}

@media (max-width: 959px) {
	.legal-page > .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.legal-page__head {
		padding: 64px 0 42px;
		text-align: center;
	}

	.legal-page__head h1 {
		font-size: 38px;
		line-height: 42px;
	}

	.legal-page__intro {
		font-size: 17px;
		line-height: 27px;
	}

	.legal-page__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 38px;
		padding: 42px 0 72px;
	}

	.legal-page__navigation {
		position: static;
		align-items: center;
		text-align: center;
	}

	.legal-page__navigation a {
		font-size: 14px;
		line-height: 22px;
	}

	.text-content h2 {
		font-size: 27px;
		line-height: 36px;
	}

	.text-content h3 {
		font-size: 21px;
		line-height: 30px;
	}

	.text-content div,
	.text-content p,
	.text-content li {
		font-size: 16px;
		line-height: 27px;
	}

	.text-content th,
	.text-content td {
		font-size: 14px;
		line-height: 23px;
	}

	.legal-page__cookie-settings {
		margin-right: auto;
		margin-left: auto;
	}

	.text-content table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}

	.text-content thead,
	.text-content tbody {
		width: 620px;
	}

	.cookie-banner {
		right: 12px;
		bottom: 12px;
		left: 12px;
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
		max-height: calc(100dvh - 24px);
		padding: 24px;
		overflow-y: auto;
	}

	.cookie-banner h2,
	.cookie-settings-modal__head h2 {
		font-size: 25px;
		line-height: 30px;
	}

	.cookie-banner__actions {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.cookie-settings-modal {
		align-items: flex-end;
		padding: 12px;
	}

	.cookie-settings-modal__dialog {
		max-height: calc(100dvh - 24px);
		padding: 24px;
		border-radius: 24px 24px 18px 18px;
	}

	.cookie-settings-modal__actions {
		flex-direction: column-reverse;
	}

	.cookie-settings-modal__actions .cookie-button,
	.cookie-settings-modal__actions .cookie-button--outline {
		width: 100%;
	}
}

@media (max-width: 389px) {
	.legal-page > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.legal-page__head h1 {
		font-size: 33px;
		line-height: 37px;
	}

	.cookie-banner {
		padding: 20px;
	}

	.cookie-banner__actions {
		flex-direction: column;
	}

	.cookie-banner__actions .cookie-button {
		width: 100%;
	}

	.cookie-settings-modal__dialog {
		padding: 20px;
	}

	.cookie-settings-option {
		gap: 14px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.about-hero {
		padding: 72px 0 80px;
	}

	.about-hero__layout {
		gap: 52px;
	}

	.about-hero h1 {
		font-size: 46px;
		line-height: 51px;
	}

	.about-page__section-head,
	.about-mission__layout {
		gap: 50px;
	}

	.about-principles__layout {
		gap: 55px;
	}

	.about-cta__inner {
		padding: 44px;
	}
}

@media (max-width: 959px) {
	.about-hero,
	.about-mission,
	.about-services,
	.about-principles,
	.about-benefits {
		padding: 68px 0 76px;
	}

	.about-hero > .container,
	.about-mission > .container,
	.about-services > .container,
	.about-principles > .container,
	.about-benefits > .container,
	.about-cta > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.about-hero__layout,
	.about-mission__layout,
	.about-page__section-head,
	.about-principles__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
		text-align: center;
	}

	.about-hero__content,
	.about-mission__content,
	.about-principles__intro {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.about-hero__actions,
	.about-cta__actions {
		justify-content: center;
	}

	.about-hero h1 {
		font-size: 38px;
		line-height: 42px;
		letter-spacing: -.9px;
	}

	.about-hero__visual-note {
		position: static;
		justify-content: center;
		margin-top: 12px;
		text-align: center;
	}

	.about-hero__visual-note span {
		text-align: center;
	}

	.about-mission__heading h2,
	.about-page__section-head h2,
	.about-principles__intro h2 {
		font-size: 32px;
		line-height: 37px;
		letter-spacing: -.7px;
	}

	.about-mission__content {
		padding-top: 0;
		font-size: 16px;
		line-height: 28px;
	}

	.about-mission__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 48px;
	}

	.about-mission__stats > div:nth-child(3) {
		border-top: 1px solid rgba(6, 26, 58, .1);
		border-left: 0;
	}

	.about-mission__stats > div:nth-child(4) {
		border-top: 1px solid rgba(6, 26, 58, .1);
	}

	.about-services__grid,
	.about-principles__list,
	.about-benefits__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.about-service {
		min-height: 230px;
		text-align: center;
	}

	.about-service > div,
	.about-benefit span {
		font-size: 15px;
		line-height: 25px;
	}

	.about-principles__list > div {
		align-items: center;
		min-height: 190px;
		text-align: center;
	}

	.about-principles__intro > div:last-child,
	.about-principles__list div div {
		font-size: 15px;
		line-height: 25px;
	}

	.about-benefit {
		align-items: center;
		text-align: center;
	}

	.about-cta {
		padding-bottom: 76px;
	}

	.about-cta__inner {
		flex-direction: column;
		align-items: center;
		padding: 34px;
		text-align: center;
	}

	.about-cta h2 {
		font-size: 31px;
		line-height: 37px;
	}

	.about-cta__actions {
		width: 100%;
	}
}

@media (max-width: 389px) {
	.about-hero > .container,
	.about-mission > .container,
	.about-services > .container,
	.about-principles > .container,
	.about-benefits > .container,
	.about-cta > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.about-hero h1 {
		font-size: 34px;
		line-height: 38px;
	}

	.about-hero__actions,
	.about-cta__actions {
		flex-direction: column;
	}

	.about-page__button {
		width: 100%;
	}

	.about-hero__visual-note {
		align-items: center;
		flex-direction: column;
	}

	.about-hero__visual-note span {
		text-align: center;
	}

	.about-mission__stats {
		grid-template-columns: minmax(0, 1fr);
	}

	.about-mission__stats > div,
	.about-mission__stats > div:first-child {
		border-top: 1px solid rgba(6, 26, 58, .1);
		border-left: 0;
	}

	.about-mission__stats > div:first-child {
		border-top: 0;
	}

	.about-cta__inner {
		padding: 28px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.company-public-hero__layout {
		grid-template-columns: minmax(0, 1fr) 310px;
		gap: 52px;
	}

	.company-public-about__layout,
	.company-public-feedback__layout {
		gap: 55px;
	}
}

@media (max-width: 959px) {
	.company-public-hero > .container,
	.company-public-about > .container,
	.company-public-shifts > .container,
	.company-public-feedback > .container,
	.company-public-restricted > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.company-public-page__breadcrumbs {
		padding: 24px 0 34px;
	}

	.company-public-hero {
		padding-bottom: 58px;
	}

	.company-public-hero__layout,
	.company-public-about__layout,
	.company-public-feedback__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 38px;
	}

	.company-public-hero__main,
	.company-public-about__layout,
	.company-public-shifts__head,
	.company-public-feedback__intro,
	.company-public-empty,
	.company-public-access {
		text-align: center;
	}

	.company-public-page__eyebrow {
		font-size: 12px;
		line-height: 18px;
	}

	.company-public-brand {
		align-items: center;
		justify-content: center;
		gap: 18px;
		text-align: center;
	}

	.company-public-brand__logo {
		flex-basis: 74px;
		width: 74px;
		height: 74px;
		font-size: 22px;
	}

	.company-public-brand h1 {
		font-size: 36px;
		line-height: 40px;
		letter-spacing: -.8px;
	}

	.company-public-hero__intro {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.company-public-hero__summary {
		text-align: center;
	}

	.company-public-hero__summary-status {
		justify-content: center;
	}

	.company-public-hero__summary-row span,
	.company-public-hero__summary-status,
	.company-public-shifts__head > span {
		font-size: 14px;
		line-height: 22px;
	}

	.company-public-hero__summary-row strong {
		font-size: 16px;
		line-height: 24px;
	}

	.jsuser-d-company-public-fact {
		grid-template-columns: minmax(0, 1fr);
		gap: 5px;
	}

	.jsuser-d-company-public-fact .jsuser-d-company-public-fact-value {
		text-align: center;
	}

	.company-public-about,
	.company-public-shifts,
	.company-public-feedback {
		padding: 68px 0 76px;
	}

	.company-public-about h2,
	.company-public-feedback h2,
	.company-public-shifts__head h2 {
		font-size: 31px;
		line-height: 37px;
		letter-spacing: -.7px;
	}

	.company-public-about__text {
		padding-top: 0;
	}

	.company-public-about__text > div,
	.company-public-feedback__intro > div:last-child {
		margin-right: auto;
		margin-left: auto;
		font-size: 16px;
		line-height: 27px;
	}

	.company-public-shifts__head {
		align-items: center;
		flex-direction: column;
		gap: 16px;
		margin-bottom: 34px;
	}

	.company-public-shifts__head > span {
		padding-bottom: 0;
	}

	.company-public-shifts__list {
		padding: 0 20px;
	}

	.company-public-feedback__form {
		padding: 24px;
		text-align: left;
	}

	.company-public-feedback__submit {
		font-size: 15px;
		line-height: 22px;
	}

	.company-public-empty,
	.company-public-access {
		align-items: center;
	}

	.company-public-empty strong,
	.company-public-access strong {
		font-size: 18px;
		line-height: 26px;
	}

	.company-public-empty span,
	.company-public-access span {
		font-size: 15px;
		line-height: 24px;
	}

	.scroll-up {
		right: 16px;
		bottom: 16px;
		width: 44px;
		height: 44px;
	}
}

@media (max-width: 389px) {
	.company-public-hero > .container,
	.company-public-about > .container,
	.company-public-shifts > .container,
	.company-public-feedback > .container,
	.company-public-restricted > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.company-public-page__breadcrumbs span {
		display: none;
	}

	.company-public-brand {
		flex-direction: column;
	}

	.company-public-brand h1 {
		font-size: 33px;
		line-height: 37px;
	}

	.company-public-hero__summary,
	.company-public-feedback__form {
		padding: 21px;
	}

	.company-public-shifts__list {
		padding: 0 16px;
	}

	.company-public-feedback__submit {
		width: 100%;
	}

	.scroll-up {
		right: 12px;
		bottom: 12px;
		width: 42px;
		height: 42px;
	}
}

@media (min-width: 960px) and (max-width: 1345px) {
	.error-page__section {
		padding: 82px 0 96px;
	}
}

@media (max-width: 959px) {
	.error-page__section {
		min-height: calc(100dvh - 65px);
		padding: 72px 0 84px;
	}

	.error-page__section > .container {
		padding-right: 22px;
		padding-left: 22px;
	}

	.error-page__code {
		font-size: 116px;
		line-height: 100px;
		letter-spacing: -6px;
	}

	.error-page__eyebrow {
		margin-top: 22px;
	}

	.error-page h1 {
		font-size: 36px;
		line-height: 41px;
		letter-spacing: -.8px;
	}

	.error-page__text {
		font-size: 16px;
		line-height: 27px;
	}

	.error-page__button {
		font-size: 15px;
		line-height: 22px;
	}
}

@media (max-width: 389px) {
	.error-page__section {
		padding: 60px 0 72px;
	}

	.error-page__section > .container {
		padding-right: 18px;
		padding-left: 18px;
	}

	.error-page__code {
		font-size: 94px;
		line-height: 82px;
		letter-spacing: -5px;
	}

	.error-page h1 {
		font-size: 31px;
		line-height: 36px;
	}

	.error-page__button {
		width: 100%;
	}
}