@charset "UTF-8";
.interesting {
		margin-top: 50px;
}
.interesting .bg {
		background: var(--input-bg);
		border-radius: 16px;
		position: relative;
		padding: 12px;
}
.interesting .bg-in {
		position: relative;
		background: var(--white);
		box-shadow: 0px 7px 15px -2px rgba(50, 50, 71, 0.12);
		border-radius: 12px;
		padding: 32px 22px;
}
.interesting .big {
		font: bold 17px/20px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--sec-dark);
		text-align: center;
		margin: 0 0 15px 0;
		padding: 5px 0 0 0;
}
.interesting .big strong {
		display: block;
		font-weight: 900;
		color: #4A5568;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.02em;
		margin: 3px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.interesting .big strong:only-child {
				font-size: 20px;
				line-height: 24px;
				letter-spacing: -0.01em;
		}
}
.interesting .big strong:after {
		content: '';
		display: block;
		width: 34px;
		height: 2px;
		border-radius: 1px;
		background: var(--yellow);
		margin: 15px auto 0 auto;
}
.interesting:not(.open) .folded {
		display: none;
}
.interesting .text {
		container-type: inline-size;
		container-name: interesting-text;
}
.interesting .links {
		margin: 0;
		padding: 0;
		column-gap: 20px;
}
.interesting.min .links {
		column-count: 2;
}
@container interesting-text (min-width: 500px) {
		.interesting:not(.min) .links {
				column-count: 2;
		}
		.interesting.min .links {
				column-count: 3;
		}
}
@container interesting-text (min-width: 700px) {
		.interesting:not(.min) .links {
				column-count: 3;
		}
		.interesting.min .links {
				column-count: 4;
		}
}
@container interesting-text (min-width: 900px) {
		.interesting:not(.min) .links {
				column-count: 4;
		}
		.interesting.min .links {
				column-count: 5;
		}
}
@container interesting-text (min-width: 1100px) {
		.interesting:not(.min) .links {
				column-count: 5;
		}
}
.interesting .links li {
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		width: 100%;
}
.interesting .links li:before {
		display: none;
}
.interesting .links li > * {
		position: relative;
		text-decoration: none;
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: var(--blue);
		padding: 10px 0 10px 26px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
}
.interesting.min .links li > * {
		font-size: 14px;
}
.interesting .links li > *:before {
		content: '—';
		position: absolute;
		top: 10px;
		left: 0;
		color: var(--grey400);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.interesting .links li > a:hover, .interesting .links li > a:hover:before {
				color: var(--hover);
		}
}
.interesting .for-toggle {
		margin: 8px 0 0 0;
}
.interesting.min .for-toggle {
		margin-top: 16px;
}
.interesting .toggle-more {
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		user-select: none;
		color: var(--darker);
		padding: 0 0 0 26px;
		position: relative;
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.03em;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.interesting.min .toggle-more {
		font-size: 14px;
		letter-spacing: -0.03em;
}
.interesting .toggle-more:before, .interesting .toggle-more:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 13.25px;
		height: 1.25px;
		background: var(--grey500);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.interesting .toggle-more:before {
		transform: translate3d(0, -50%, 0);
}
.interesting .toggle-more:after {
		transform: translate3d(0, -50%, 0) rotate(-90deg);
}
.interesting.open .toggle-more:after {
		transform: translate3d(0, -50%, 0) rotate(0deg);
}
@media (pointer:fine) {
		.interesting .toggle-more:hover {
				color: var(--grey900);
		}
		.interesting .toggle-more:hover:before, .interesting .toggle-more:hover:after {
				background: var(--grey900);
		}
}
.interesting:not(.open) .toggle-more .for-open, .interesting.open .toggle-more .for-close {
		display: none;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.interesting {
				margin-top: 60px;
		}
		.interesting.min {
				margin-top: 72px;
		}
		.interesting .bg {
				padding: 15px;
		}
		.interesting .bg-in, .interesting.min .bg-in {
				padding: 25px 40px;
				gap: 20px 40px;
				display: grid;
				grid-template-areas: "b t"" m t";
				grid-template-columns: auto 1fr;
				grid-template-rows: minmax(63px, auto) 1fr;
		}
		.interesting .text {
				grid-area: t;
				border-left: 1px solid var(--sec-default);
				padding: 10px 0 10px 40px;
		}
		.interesting .big {
				grid-area: b;
				font-size: 16px;
				color: var(--sec-dark);
				letter-spacing: -0.01em;
				text-align: right;
				margin: auto 0 0 0;
				padding: 15px 0 0 0;
				max-width: 220px;
		}
		.interesting .big strong {
				margin: 0;
				font-weight: 600;
				color: #4A5568;
				font-size: 24px !important;
				line-height: 30px !important;
				letter-spacing: 0.01em !important;
		}
		.interesting .big strong:after {
				display: none;
		}
		.interesting .links {
				gap: 0 40px;
		}
		.interesting .links > * {
				font-size: 14px;
				font-weight: 300;
		}
		.interesting .for-toggle {
				grid-area: m;
				margin: 0 !important;
				text-align: right;
		}
		.interesting .toggle-more {
				font-size: 14px;
				letter-spacing: -0.01em;
				line-height: 20px;
				font-weight: normal;
				padding: 10px 0 10px 18px;
		}
		.interesting .toggle-more {
				color: var(--sec-dark);
		}
		.interesting .toggle-more:before, .interesting .toggle-more:after {
				width: 10px;
				height: 1.5px;
		}
		.interesting .toggle-more:before, .interesting .toggle-more:after {
				background: var(--sec-dark);
		}
		@media (pointer:fine) {
				.interesting .toggle-more:hover {
						color: var(--hover-dark);
				}
				.interesting .toggle-more:hover:before, .interesting .toggle-more:hover:after {
						background: var(--hover-dark);
				}
		}
		.interesting .toggle-more .hide-tab, .brand-series .toggle-more .hide-tab {
				display: none;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.interesting {
				margin-top: 100px;
		}
		.interesting.min {
				margin-top: 80px;
		}
		.interesting .bg {
				border-radius: 16px;
		}
		.interesting .bg-in, .interesting.min .bg-in {
				padding-left: 60px;
				padding-right: 60px;
				gap: 20px 60px;
				grid-template-columns: auto 1fr;
		}
		.interesting .big {
				max-width: 260px;
		}
		.interesting .links, .brand-series .links {
				gap: 0 70px;
		}
}
/*desktop end*/