.sh-content {
    &--slide {
        transition: max-height 0.2s ease-out;
    }

    &:not(.sh-content--active) {
        padding: 0;
        margin: 0;
        pointer-events: none;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        display: block;
    }

    &--active {
        opacity: 1;
        max-height: none;
        transition: opacity 0.25s ease-out;

        &.sh-content--slide {
            max-height: 2000px;
            transition: max-height 0.25s ease-in;
        }
    }
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}