.mm-faq-block { --mm-faq-accent:         currentColor; --mm-faq-padding-y:      0.875rem;
--mm-faq-padding-x:      0; --mm-faq-answer-indent:  0; --mm-faq-answer-padding: 0.75rem; --mm-faq-border-color:   currentColor;
--mm-faq-border-opacity: 0.15;
--mm-faq-border-width:   1px; --mm-faq-icon-size:      1em; --mm-faq-title-gap:      1rem;
} .mm-faq-block {
width: 100%;
} .mm-faq-block .mm-faq-title {
margin-top: 0;
margin-bottom: var(--mm-faq-title-gap);
} .mm-faq-block .mm-faq-list {
display: flex;
flex-direction: column;
}  .mm-faq-block .mm-faq-item {
list-style: none;
margin-left: 0;
padding-left: 0;
border-bottom: var(--mm-faq-border-width) solid;
border-bottom-color: color-mix(in srgb, var(--mm-faq-border-color) calc(var(--mm-faq-border-opacity) * 100%), transparent);
}
.mm-faq-block .mm-faq-item::-webkit-details-marker {
display: none;
} .mm-faq-block .mm-faq-question {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1em;
cursor: pointer;
list-style: none;
padding: var(--mm-faq-padding-y) var(--mm-faq-padding-x);
font-weight: 600;
transition: color 0.2s ease;
}
.mm-faq-block .mm-faq-question::-webkit-details-marker {
display: none;
} .mm-faq-block .mm-faq-item[open] > .mm-faq-question {
color: var(--mm-faq-accent);
}  .mm-faq-block .mm-faq-question-text {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
text-align: left;
}
.mm-faq-block .mm-faq-icon {
flex-shrink: 0;
display: inline-block;
width: var(--mm-faq-icon-size);
height: var(--mm-faq-icon-size); margin-top: 0.3em;
position: relative;
transition: transform 0.25s ease;
}
.mm-faq-block .mm-faq-icon::before,
.mm-faq-block .mm-faq-icon::after {
content: '';
position: absolute;
background: currentColor;
border-radius: 2px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .mm-faq-block .mm-faq-icon::before {
width: 0.75em;
height: 2px;
} .mm-faq-block .mm-faq-icon::after {
width: 2px;
height: 0.75em;
transition: transform 0.25s ease;
}
.mm-faq-block .mm-faq-item[open] .mm-faq-icon::after {
transform: translate(-50%, -50%) scaleY(0);
}  .mm-faq-block .mm-faq-answer {
overflow: hidden;
} .mm-faq-block .mm-faq-answer [itemprop="text"] {
padding-bottom: var(--mm-faq-answer-padding);
padding-left: var(--mm-faq-answer-indent);
font-size: 0.95em;
opacity: 0.85;
line-height: 1.65;
}