.widget-faq {
    --widget-faq-padding-y: 1.25rem;
    --widget-faq-padding-pxe: 1em;
    --widget-faq-padding: var(--widget-faq-padding-y) var(--widget-faq-padding-pxe) var(--widget-faq-padding-y) var(--widget-faq-padding-pxs);
    --widget-faq-margin-y: 1rem;
    --widget-faq-details-font-size: var(--text-size-md);
    --widget-faq-summary-font-size: var(--text-size-md);
    --widget-faq-summary-font-weight: var(--font-weight-bold);
    --widget-faq-icon-size: 1em;
    --widget-faq-icon-placement: var(--widget-faq-padding-pxe);
    --widget-faq-border-radius: var(--border-radius);
}

.widget-faq__details {
    --widget-faq-width: 100%;
    width: var(--widget-faq-width);
    position: relative;
}

.widget-faq-question__content {
    padding-block-end: var(--widget-faq-padding-y);
    padding-inline-end: var(--widget-faq-padding-pxe);
}

.widget-faq-question__content > * {
    font-size: var(--widget-faq-details-font-size);
}

.widget-faq__summary::-webkit-details-marker {
    display: none;
}

.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f {
            --widget-faq-text-color: currentColor;
        --widget-faq-text-color-hover: var(--link-color-hover);
        --widget-faq-border-color: currentColor;
        --widget-faq-border-color-hover: var(--link-color-hover);
        --widget-faq-border-width: var(--btn-border-width);
    
    --widget-faq-icon-color: var(--widget-faq-text-color);
    --widget-faq-icon-color-hover: var(--widget-faq-text-color-hover);
}

.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f {
            --widget-faq-padding-pxs: 0;
    }


    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details {
        --faq-border-bottom: var(--widget-faq-border-width) solid var(--widget-faq-border-color);
        border-bottom: var(--faq-border-bottom);
    }

    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details[open],
    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:hover,
    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:focus {
        --faq-border-bottom-hover: var(--widget-faq-border-width) solid var(--widget-faq-border-color-hover);
        border-bottom: var(--faq-border-bottom-hover);
    }

.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq-question__content > * {
    color: var(--widget-faq-text-color);
}

.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__summary {
    font-size: var(--widget-faq-summary-font-size);
    color: var(--widget-faq-text-color);
    padding: var(--widget-faq-padding);
    cursor: pointer;
    font-weight: var(--widget-faq-summary-font-weight) !important;
    transition: color .15s ease-in-out;
}

.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details[open] .widget-faq__summary,
.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:hover .widget-faq__summary,
.widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:focus .widget-faq__summary {
    color: var(--widget-faq-text-color-hover);
}

    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__summary::after {
        --icon: var(--chevron-down-icon);
        --icon-color: var(--widget-faq-icon-color);

        content: '';
        -webkit-mask-image: var(--icon);
        mask-image: var(--icon);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: var(--icon-color);
        min-width: 1em;
        min-height: 1em;
        height: var(--widget-faq-icon-size);
        display: inline-block;
        vertical-align: text-bottom;
        transition: background-color .15s ease-in-out;
    }

    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details[open] .widget-faq__summary::after {
        --icon: var(--chevron-up-icon) !important;
    }

    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details[open] .widget-faq__summary::after,
    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:hover .widget-faq__summary::after,
    .widget-faq-aa955048-9c38-4514-b795-8d5c839bad8f .widget-faq__details:focus .widget-faq__summary::after {
        --icon-color: var(--widget-faq-icon-color-hover);
    }