/* stylelint-disable */
body {
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: 400;
}

.t-h1 {
	font-family: var(--font-family-accent);
	font-size: 60px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
	text-align: center;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h1 {
		font-size: 32px;
	}
}

.t-h2 {
	font-family: var(--font-family-accent);
	font-size: 52px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.04em;
	text-align: center;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h2 {
		font-size: 38px;
	}
}

.t-h3 {
	font-family: var(--font-family-accent);
	font-size: 38px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h3 {
		font-size: 28px;
	}
}

.t-h4 {
	font-family: var(--font-family-accent);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h4 {
		font-size: 24px;
	}
}

.t-h5 {
	font-family: var(--font-family-accent);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h5 {
		font-size: 18px;
	}
}

.t-h6 {
	font-family: var(--font-family-accent);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h6 {
		font-size: 16px;
	}
}

.t-h7 {
	font-family: var(--font-family-accent);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.04em;
}

.t-body-1 {
	font-family: var(--font-family-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: -0.01em;
}

.t-body-1-medium {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.01em;
}

.t-body-2-medium, .c-sources__name {
	font-family: var(--font-family-base);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: -0.03em;
}

.t-body-3-medium {
	font-family: var(--font-family-base);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.1333;
	letter-spacing: -0.01em;
}

.t-body-4 {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	letter-spacing: -0.01em;
}

.t-body-4-medium {
	font-family: var(--font-family-base);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0.01rem;
}

.t-other-link {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	letter-spacing: -0.01em;
}

.t-other-button {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.0714;
	letter-spacing: -0.02em;
	text-align: center;
}

.t-other-capition {
	font-family: var(--font-family-base);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.t-meta-caption {
	font-family: var(--font-family-accent);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.t-meta-caption-2 {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.t-body-2 {
	font-family: var(--font-family-base);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.01rem;
	font-weight: 400;
}

.t-upper {
	text-transform: uppercase;
}

.t-center {
	text-align: center;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

:root {
	--color-black: #000;
	--color-black-1: #212136;
	--color-white: #fff;
	--color-yellow: #F0CD00;
	--color-primary-orange-600: #F16E30;
	--color-logo-orange: #FBCD7E;
	--color-logo-blue: #25B6E5;
	--color-logo-green: #73B548;
	--color-logo-pink: #E1408D;
	--color-grey-1: #7D7D89;
	--color-grey-2: #ECECEC;
	--color-grey-3: #5E5E76;
	--color-grey-4: #767A86;
	--color-grey-5: #E0E0E8;
	--color-grey-6: #F7F7FD;
	--color-grey-7: #00000080;
	--color-grey-8: #EAEAEA;
	--color-grey-9: #D9D9D9;
	--color-grey-10: #F9FAFB;
	--color-grey-11: #E7ECF0;
	--color-blue-1: #613EE6;
	--color-blue-2: #35ADE8;
	--color-blue-3: #F9FCFF;
	--color-blue-4: #504EF3;
	--color-orange-1: #FB72320A;
	--color-orange-2: #FB7232;
	--color-grey-100: #E8E9EE;
	--color-grey-150: #DDDEE5;
	--color-grey-400: #9797A4;
	--color-grey-500: #737482;
	--color-grey-600: #4D4C5B;
	--color-grey-700: #373644;
	--color-grey-800: #1F1D2A;
	--color-rgb-black: 0 0 0;
	--color-rgb-black-1: 33 33 54;
	--color-rgb-white: 255 255 255;
	--color-rgb-yellow: 240 205 0;
	--color-rgb-primary-orange-600: 241 110 48;
	--color-rgb-logo-orange: 251 205 126;
	--color-rgb-logo-blue: 37 182 229;
	--color-rgb-logo-green: 115 181 72;
	--color-rgb-logo-pink: 225 64 141;
	--color-rgb-grey-1: 125 125 137;
	--color-rgb-grey-2: 236 236 236;
	--color-rgb-grey-3: 94 94 118;
	--color-rgb-grey-4: 118 122 134;
	--color-rgb-grey-5: 224 224 232;
	--color-rgb-grey-6: 247 247 253;
	--color-rgb-grey-7: 0 0 0;
	--color-rgb-grey-8: 234 234 234;
	--color-rgb-grey-9: 217 217 217;
	--color-rgb-grey-10: 249 250 251;
	--color-rgb-grey-11: 231 236 240;
	--color-rgb-blue-1: 97 62 230;
	--color-rgb-blue-2: 53 173 232;
	--color-rgb-blue-3: 249 252 255;
	--color-rgb-blue-4: 80 78 243;
	--color-rgb-orange-1: 251 114 50;
	--color-rgb-orange-2: 251 114 50;
	--color-rgb-grey-100: 232 233 238;
	--color-rgb-grey-150: 221 222 229;
	--color-rgb-grey-400: 151 151 164;
	--color-rgb-grey-500: 115 116 130;
	--color-rgb-grey-600: 77 76 91;
	--color-rgb-grey-700: 55 54 68;
	--color-rgb-grey-800: 31 29 42;
	--size-max-width: 1224px;
	--size-header-height: 100px;
	--inner-padding: 20px;
	--z-auto: 'auto';
	--z-behind: -1;
	--z-0: 0;
	--z-1: 1;
	--z-header: 10;
	--z-nav: 11;
	--font-family-base: "Satoshi", sans-serif;
	--font-family-accent: "Epilogue", sans-serif;
	--font-size-base: 16px;
	--font-weight-normal: 400;
}

.c-sidebar-cat {
	margin-bottom: 1.5625rem;
}

.c-sidebar-cat__box {
	border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}

.c-sidebar-cat-tags__heading {
	font-family: var(--font-family-accent);
	font-size: 1.125rem;
	line-height: 1.4;
	letter-spacing: -0.04rem;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	padding-top: 15px;
}

.c-sidebar-cat-tags__icon {
	transition-timing-function: ease-in-out;
	transition-duration: 300ms;
}

.c-sidebar-cat-tags__icon.rotate {
	transform: rotate(180deg);
}

.c-sidebar-cat-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.c-sidebar-cat-tags__tag {
	padding: .5rem 1.125rem;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: .625rem;
}

.c-sidebar-cat-tags__tag--link {
	border: none !important;
}

.c-sidebar-cat-tags__list, .c-sources__boxes {
	visibility: hidden;
	height: 0;
	opacity: 0;
}

.c-sidebar-cat-tags__list.is-active, .c-sources__boxes.is-active {
	transition-timing-function: ease-in-out;
	transition-duration: 300ms;
	visibility: visible;
	height: auto;
	opacity: 1;
}

.c-sidebar-cat-tags__btn {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.c-sources {
	display: flex;
	flex-direction: column;
}

.c-sources__heading {
	font-family: var(--font-family-accent);
	font-size: 1.125rem;
	line-height: 1.4;
	letter-spacing: -0.04rem;
	font-weight: 400;
	margin-top: .9375rem;
	display: flex;
	justify-content: space-between;
}

.c-sources__box {
	display: flex;
	align-items: center;
	gap: .8125rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.c-sources__box:first-child {
	padding-top: 1.5625rem;
}

.c-sources__box:first-child {
	border-top: none;
}

.c-sources__box-avatar {
	width: 40px;
	flex-shrink: 0;
}

.c-sources__box-img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	object-fit: cover;
}

.c-resources__more {
	margin-top: .625rem;
}

@media (min-width: 1024px) {
	.c-resources__more {
		margin-top: 1.5625rem;
	}
}

.c-sources__box:hover .c-sources__name {
	color: #000000;
}

.c-sources__box:link, .c-sources__box:visited, .c-sources__box:active {
	text-decoration: none;
}

@media (min-width: 1024px) {
	.c-sidebar-cat-tags__list, .c-sources__boxes {
		visibility: visible;
		height: auto;
		opacity: 1;
	}
	.c-sidebar-cat {
		margin-bottom: 0;
	}
	.c-sidebar-cat__boxes {
		display: flex;
		flex-direction: column;
	}
	.c-sidebar-cat-tags__heading {
		line-height: 1.2;
		margin-bottom: 1.25rem;
		padding-bottom: 0;
		padding-top: 0;
	}
	.c-sidebar-cat-tags__list {
		margin-bottom: 2.8125rem;
		gap: .625rem;
	}
	.c-sidebar-cat-tags__tag {
		font-family: var(--font-family-base);
		font-size: .9375rem;
		line-height: 1.1;
		letter-spacing: -0.01rem;
		font-weight: 500;
		padding: .75rem 1.125rem;
		border: 1px solid rgba(0, 0, 0, 0.14);
		border-radius: .625rem;
	}
	.c-sidebar-cat__box {
		border-bottom: none;
	}
	.c-sources__heading {
		font-size: 1.125rem;
		margin-bottom: .9375rem;
		display: flex;
		justify-content: space-between;
	}
}

/*# sourceMappingURL=sidebar-category.css.map */