.o-collapselist {
	$_this: &; // {{ .o-collapselist__title }}
	$collapselist-toggle-size: 16px;
	$collapselist-toggle-thickness: 2px;
	&__title {
		&-link {
			transition: .3s;
			&.collapsed {
				color: $text;
			}
		}
	} // {{ .o-collapselist__icon }}
	&__icon {
		width: $collapselist-toggle-size;
		height: 24px;
		/* crit */
		&-x {
			height: $collapselist-toggle-thickness;
			/* crit */
		}
		&-y {
			width: $collapselist-toggle-thickness;
			height: $collapselist-toggle-size;
			transform: translate(-50%, -50%) scaleY(0);
			/* crit */
			transition: transform .3s;
			.collapsed & {
				transform: translate(-50%, -50%) scaleY(1);
				/* crit */
			}
		}
	}
	&__arrow {
		top: 100%;
		width: 0;
		height: 0;
		border-width: 7px 10px;
		border-color: $primary transparent transparent transparent;
		border-style: solid;
		transition: .3s;
	}
	&__media {
		@include mq(md) {
			width: 401px;
			margin-top: 0;
			margin-left: 60px;
		}
		&-inner {
			padding-bottom: percentage(282/421);
		}
	}
	&__content {
		@include mq(md) {
			display: flex;
		}
	} // {{ .o-collapselist__panel }}
	&__panel {}
	// {{ .o-collapselist__body }}
	&__body {
		@include mq(lg) {
		}
	}
}