.teft-faq .teft-faq__question {
		cursor: pointer;
		border: none;
		background: transparent;
		display: block;
		padding: 0;
		opacity: 1;
		padding-left: 2rem;
		position: relative;
		text-align: left
	}

.teft-faq .teft-faq__question::before {
			content: "";
			background-image: url(../src/faq/arrow.svg);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			width: 6px;
			height: 12px;
			left: 0.5rem;
			height: 100%;
			display: block;
			position: absolute;
			transition: transform 400ms;
		}

.teft-faq .teft-faq__question:focus {
			/* outline: 0; */
		}

.teft-faq .teft-faq__question:hover {
			opacity: 0.7;
		}

.teft-faq .teft-faq__question h3 {
			font-weight: 700;
			font-size: var(--teft-typography-xs);
		}

.teft-faq.is-open .teft-faq__question::before {
			transform: rotate(90deg);
		}

.teft-faq .teft-faq__answer {
		height: 0;
		overflow: hidden;
		transition: height 400ms;
		padding-left: 2rem
	}

.teft-faq .teft-faq__answer .teft-faq__answer-inner {
			padding: 1px 0;
			max-width: var(--teft-theme-content-width)
		}

.teft-faq .teft-faq__answer .teft-faq__answer-inner *:first-child {
				margin-top: 0;
			}

.teft-faq-category {
	display: none
}

.teft-faq-category.active {
		display: block;
	}

.teft-faq-tab-navigation {
	margin: 0 0 1rem
}

.teft-faq-tab-navigation button {
		cursor: pointer;
		border: none;
		background: transparent;
		padding: 0;
		font-size: var(--teft-typography-md);
		font-weight: 700;
		display: inline-block;
		margin-right: 1rem
	}

.teft-faq-tab-navigation button:focus {
			/* outline: 0; */
		}

.teft-faq-tab-navigation button.active {
			border-bottom: 2px solid var(--teft-theme-primary-color);
			color: var(--teft-theme-primary-color);
		}