
:root {
	--timeular-white: #fff;
	--timeular-black: #1d1d1d;
	--timeular-lavendar: #85f;
	--timeular-midnight: #225;
	--timeular-asphalt: #29303d;
	--timeular-orchid: #d7f;
	--timeular-turquoise: #0ba;
	--timeular-saffron: #fa5;
	--timeular-blue: #24e;
	--timeular-midnight-100: #225;
	--timeular-midnight-80: #4e4e77;
	--timeular-midnight-60: #7a7a99;
	--timeular-midnight-40: #a7a7bb;
	--timeular-midnight-20: #d3d3dd;
	--timeular-midnight-10: #e9e9ee;
	--timeular-midnight-5: #f4f4f7;
	--timeular-lavendar-80: #a077ff;
	--timeular-lavendar-60: #b899ff;
	--timeular-lavendar-40: #cfbbff;
	--timeular-lavendar-20: #e7ddff;
	--timeular-lavendar-10: #f3eeff;
	--timeular-lavendar-5: #f9f7ff;
	--timeular-turquoise-80: #4ed6c9;
	--timeular-turquoise-60: #7ae0d6;
	--timeular-turquoise-40: #a7ebe4;
	--timeular-turquoise-20: #d3f5f1;
	--timeular-turquoise-10: #e9faf8;
	--timeular-turquoise-5: #f4fdfc;
	--timeular-saffron-80: #fb7;
	--timeular-saffron-60: #fc9;
	--timeular-saffron-40: #fdb;
	--timeular-saffron-20: #fed;
	--timeular-saffron-10: #fff7ee;
	--timeular-saffron-5: #fffbf7;
	--timeular-orchid-80: #e492ff;
	--timeular-orchid-60: #ebadff;
	--timeular-orchid-40: #f1c9ff;
	--timeular-orchid-20: #f8e4ff;
	--timeular-orchid-10: #fcf1ff;
	--timeular-orchid-5: #fdf8ff;
	--timeular-royale-100: #25f;
	--timeular-royale-80: #4e77ff;
	--timeular-royale-60: #7a99ff;
	--timeular-royale-40: #a7bbff;
	--timeular-royale-20: #d3ddff;
	--timeular-royale-10: #e9eeff;
	--timeular-royale-5: #f4f7ff;
}

.wp-block-timeular-blocks-library-accordion {
	background: var(--timeular-midnight-5);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

@media (min-width: 818px) {
	.wp-block-timeular-blocks-library-accordion {
		flex-direction: row;
		height: 538px;
	}
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__aside, .wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__content {
	flex: 0 1 auto;
}

@media (min-width: 818px) {
	.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__aside, .wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__content {
		flex-basis: 50%;
	}
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__content {
	color: var(--timeular-midnight-60);
	padding: 60px;
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__section {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section-panel {
	display: grid;
	grid-template-rows: 1fr;
	opacity: 1;
	transition: grid-template-rows .3s ease-in-out, opacity .3s ease-in-out;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section-panel
  > div {
	overflow: hidden;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section[data-selected="false"]
  .wp-block-timeular-blocks-library-accordion__section-panel {
	grid-template-rows: 0fr;
	opacity: 0;
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__title {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.6;
	margin: 0;
	text-transform: uppercase;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__title
  button {
	all: unset;
	color: var(--timeular-midnight-100);
	cursor: pointer;
	display: block;
	font: inherit;
	width: 100%;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__title
  button[aria-expanded="false"] {
	color: var(--timeular-lavendar);
}

.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__aside {
	display: grid;
	grid-template-columns: 1fr;
	overflow: hidden;
}

@media (min-width: 818px) {
	.wp-block-timeular-blocks-library-accordion .wp-block-timeular-blocks-library-accordion__aside {
		height: auto;
	}
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section-image {
	aspect-ratio: 1/1;
	grid-column-start: 1;
	grid-row-start: 1;
	transition: opacity .3s ease-in-out;
	width: 100%;
}

@media (min-width: 818px) {
	.wp-block-timeular-blocks-library-accordion
    .wp-block-timeular-blocks-library-accordion__section-image {
		height: 100%;
		width: auto;
	}
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section-image[aria-hidden="true"] {
	opacity: 0;
}

.wp-block-timeular-blocks-library-accordion
  .wp-block-timeular-blocks-library-accordion__section-image
  img {
	display: block;
	height: 100%;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left bottom;
	object-position: left bottom;
}

@media (max-width: 1196px) {
	.wp-block-timeular-blocks-library-accordion
    .wp-block-timeular-blocks-library-accordion__section-image
    img {
		width: 100%;
	}
}

@media (min-width: 1196px) {
	.wp-block-timeular-blocks-library-accordion
    .wp-block-timeular-blocks-library-accordion__section-image
    img {
		width: 100%;
	}
}
