.disclosure{
	margin: var(--block-margin) auto;
}

.disclosure:is([data-align="center"]) header {
    text-align: center;
    max-width: 89.6rem;
    margin-left: auto;
    margin-right: auto;
}

.disclosure:is([data-align="center"]) header .disclosure-buttons {
    justify-content: center;
}

.disclosure:is([data-align="right"]) header {
    text-align: right;
}

.disclosure header.animate__animated,
.disclosure-grid.animate__animated{
    animation-name: fadeInUp;
}

.disclosure header{
    margin-bottom: var(--item-row-gap);
}

.disclosure-grid{
    display: grid;
    grid-template-columns: minmax(0, auto);
    column-gap: var(--column-gap);
    align-items: start;
}

.disclosure details{
    border-top: 0.1rem solid #EBEBEB;
	transition: box-shadow 200ms ease;
}

.disclosure details[open] {
    border: 0;
	border-top: 0.1rem solid transparent;
    box-shadow: var(--element-box-shadow);
    border-radius: var(--element-border-radius);
}

.disclosure details:last-of-type:not([open]) {
    border-bottom: 0.1rem solid #EBEBEB;
}

.disclosure details[open] + div + details {
    border: 0;
	border-top: 0.1rem solid transparent;
}

.disclosure details:not(:last-child){
    margin-bottom: -0.1rem;
}

.disclosure details > summary{
    display: flex;
    justify-content: space-between;
    padding: var(--item-row-gap) var(--item-column-gap);
    font: var(--font-headline-5);
    letter-spacing: var(--secondary-letter-spacing);
    list-style: none;
    position: relative;
    color: var(--title-color);
    font-weight: var(--primary-font-weight);
}

.disclosure details > summary p {
    margin: 0;
}

.disclosure details > summary::-webkit-details-marker {
    display: none;
}

.disclosure details > summary::after{
    font-family: 'Material Icons Outlined';
    content: '\e145';
    color: var(--color-black);
}

.disclosure details[open] > div {
    padding: 0 var(--item-column-gap) calc( var(--item-row-gap) / 2);
}

.disclosure details[open] > summary::after{
    transition: 0.3s ease all;
    opacity: 0;
}

.disclosure details[open] > summary{
    color: var(--hover-link-color);
    padding-bottom: var(--xsmall-row-gap);
}

.disclosure details > div{
    padding-bottom: 1em;
}

.disclosure details > div > *:last-child{
    margin-bottom: 0;
}

.disclosure-grid > details + .disclosure-grid-image {
	display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.disclosure-grid > details + .disclosure-grid-image img {
	position: relative;
	aspect-ratio: initial;
    width: 100%;
    height: initial;
    border-radius: var(--element-border-radius);
}

.disclosure-grid > details:is([open]:not([data-animating="closing"])) + .disclosure-grid-image {
	display: block;
}
.disclosure-grid > details:is([open]:not([data-animating])) + .disclosure-grid-image {
	opacity: 1;
}

.disclosure-grid-buttons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
}

.disclosure-buttons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
}

a.disclosure-grid-button {
    padding: 0 0 calc(var(--item-row-gap) / 2);
}

@media (max-width: 991px) {
	.disclosure-grid-image {
		position: relative;
		overflow: hidden;
	}
    .disclosure-grid details[open] {
        box-shadow: 0px -14px 24px 0px #00000014;
        border-bottom: 0;
    }

    .disclosure-grid details[open] + .disclosure-grid-image {
        box-shadow: 0px 24px 24px 0px #00000014;
		margin: 0 calc(var(--item-row-gap) / 2) var(--item-row-gap);
        border-radius: var(--element-border-radius);
		width: calc(100% - var(--item-row-gap));
		height: auto;
		aspect-ratio: 16/9;
    }
}

@media (max-width: 767px){
    body .blocks-container .disclosure {
        max-width: 100%;
    }
    .disclosure header {
        padding-left: var(--page-padding);
        padding-right: var(--page-padding);
    }

    .disclosure:is([data-align="center"]) header {
        text-align: left;
    }

    .disclosure-grid details[open] {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .disclosure-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: relative;
    }

    .disclosure:is([data-media-position="left"]) details {
        grid-column: 2;
    }

    .disclosure:is([data-media-position="left"]) .disclosure-grid-image {
        grid-column: 1;
        grid-row: 1/10; /* Span up to 10 rows; 1/-1 not supported by all browsers. */
        max-width: calc(var(--wide-width) / 2);
    }

    .disclosure:is([data-media-position="right"]) details {
        grid-column: 1;
    }

	.disclosure-grid > details:is([open], [closed]) + .disclosure-grid-image {
		/* Keep image of most-recently-closed disclosure visible. */
		display: block;
		opacity: 1
	}

    .disclosure:is([data-media-position="right"]) .disclosure-grid-image {
        grid-column: 2;
        grid-row: 1/10; /* Span up to 10 rows; 1/-1 not supported by all browsers. */
		width: 100%;
		height: 100%;
    }
}