:root {
    --mrkfaq-accordion-border-width: 1px;
    --mrkfaq-accordion-border-style: solid;
    --mrkfaq-accordion-border-color: #000000;
    --mrkfaq-accordion-margin: 0 0 10px 0;

    --mrkfaq-accordion-question-font-size: 14px;
    --mrkfaq-accordion-question-font-bg-color: #eee;
    --mrkfaq-accordion-question-font-color: #000000;
    --mrkfaq-accordion-question-font-open: #000000;
    --mrkfaq-accordion-question-padding: 16px;

    --mrkfaq-accordion-answer-padding: 16px;
    --mrkfaq-accordion-answer-font-size: 14px;
    --mrkfaq-accordion-answer-font-bg-color: #ffffff;
    --mrkfaq-accordion-answer-font-color: #666666;
}

amp-accordion section {
    border: var(--mrkfaq-accordion-border-width) var(--mrkfaq-accordion-border-style) var(--mrkfaq-accordion-border-color);
    margin: var(--mrkfaq-accordion-margin);
}

amp-accordion section[expanded] .show-more {
    display: none;
}

amp-accordion section:not([expanded]) .show-less {
    display: none;
}
amp-accordion h4.question {
    font-size: var(--mrkfaq-accordion-question-font-size);
    background-color: var(--mrkfaq-accordion-question-font-bg-color);
    padding: var(--mrkfaq-accordion-question-padding);
    border: none;
    line-height: 1em;
    color: var(--mrkfaq-accordion-question-font-color);
}

amp-accordion section[expanded] h4.question {
    color: var(--mrkfaq-accordion-question-font-color-open);
}

amp-accordion div.answer {
    padding: var(--mrkfaq-accordion-answer-padding);
    font-size: var(--mrkfaq-accordion-answer-font-size);
    background-color: var(--mrkfaq-accordion-answer-font-bg-color);
    color: var(--mrkfaq-accordion-answer-font-color);
    line-height: 1em;
}

amp-accordion section[expanded] h4.question {
    border-bottom: var(--mrkfaq-accordion-border-width) var(--mrkfaq-accordion-border-style) var(--mrkfaq-accordion-border-color);
}

amp-accordion section .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/><path fill='none' d='M0 0h24v24H0V0z'/></svg>");
    height: 1em;
    width: 1em;
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50% - .5em);
    background-size: contain;
    color:inherit;
    background-repeat: no-repeat;
}

amp-accordion section[expanded] .icon {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}