[data-sdl-plugin="vertical-accordion"] .accordion__panel .accordion__button-wrapper {
	background-color: var(--va-button-background);
}   
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(1) .accordion__button-wrapper {
	background-color: var(--va-tab-1-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(2) .accordion__button-wrapper {
	background-color: var(--va-tab-2-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(3) .accordion__button-wrapper {
	background-color: var(--va-tab-3-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(4) .accordion__button-wrapper {
	background-color: var(--va-tab-4-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(5) .accordion__button-wrapper {
	background-color: var(--va-tab-5-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(6) .accordion__button-wrapper {
	background-color: var(--va-tab-6-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(7) .accordion__button-wrapper {
	background-color: var(--va-tab-7-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(8) .accordion__button-wrapper {
	background-color: var(--va-tab-8-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(9) .accordion__button-wrapper {
	background-color: var(--va-tab-9-background);
}
[data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(10) .accordion__button-wrapper {
	background-color: var(--va-tab-10-background);
}

[data-sdl-plugin="vertical-accordion"] .accordion__panel:not(.active) .accordion__button-wrapper:hover, [data-sdl-plugin="vertical-accordion"] .accordion__panel:not(.active) .accordion__button-wrapper:hover .accordion__button {
	background-color: var(--va-button-hover-background);
	color: var(--va-button-hover-color);
}
  
[data-sdl-plugin="vertical-accordion"] .accordion__panel.active .accordion__button-wrapper {
	background-color: var(--va-active-panel-button-background);
}
    
[data-sdl-plugin="vertical-accordion"] .accordion__panel.active .accordion__button-wrapper h1.accordion__button-text {
	color: var(--va-active-panel-button-color) !important;
}


@media screen and (min-width: 768px) {
    .accordion__wrapper {
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .accordion__panel {
        display: flex;
        flex-direction: row;
        width: auto;
        border: none;
        padding: 0;
        box-sizing: border-box;
        margin: 0;
        position: relative;
    }

    .accordion__button {
        height: fit-content;
        overflow: visible !important;
        writing-mode: vertical-lr;
        text-align: center;
        width: var(--va-accordion-button-width);
        padding: 0;
        border: none;
        margin: 0;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 1rem 0;
    }

    .accordion__arrow {
        height: fit-content;
    }

    .accordion__button-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        line-height: 0 !important;
        margin: 0 !important;
        white-space: nowrap;
        cursor: pointer;
    }

    h1.accordion__button-text {
        line-height: 0 !important;
        margin: 0 !important;
        font-family: var(--va-button-font-family, inherit) !important;
        font-size: var(--va-button-desktop-font-size) !important;
        text-transform: var(--va-button-text-transform, inherit) !important;
        letter-spacing: var(--va-button-letter-spacing, inherit) !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--va-accordion-button-color) !important;
        cursor: pointer !important;
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:not(:nth-of-type(1)) .accordion__button-wrapper {
        border-left: var(--va-border-width) solid var(--va-border-color);
    }

    span.accordion__arrow {
        display: flex;
    }

    .accordion__arrow svg {
        width: var(--va-desktop-icon-size);
        height: var(--va-desktop-icon-size);
        transition: transform 0.3s ease;
        transform: rotate(0deg);
    }

    .accordion__panel.active .accordion__arrow svg {
        transform: rotate(90deg);
    }

    .accordion__arrow svg path {
        stroke-width: 1.5;
        stroke: var(--va-accordion-button-color);
    }

    [data-sdl-plugin="vertical-accordion"] #sections {
        display: grid;
        min-height: 100%;
    }

    .accordion__panel.active {
        z-index: 3;
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__content .page-section:first-child {
        padding-top: 0 !important;
    }

    [data-sdl-plugin="vertical-accordion"] {
        border: var(--va-border-width) solid var(--va-border-color);
        border-radius: var(--va-border-radius);
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(1) .accordion__button-wrapper {
        border-top-left-radius: var(--va-border-radius);
        border-bottom-left-radius: var(--va-border-radius);
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-last-of-type(1) .accordion__button-wrapper {
        border-top-right-radius: var(--va-border-radius);
        border-bottom-right-radius: var(--va-border-radius);
    }
	 
    [data-sdl-plugin="vertical-accordion"] #sections {
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
  
    [data-sdl-plugin="vertical-accordion"] .accordion__content-wrapper { 
        overflow: hidden;
        box-sizing: border-box;
        z-index: 1;
        flex-grow: 0;
        flex-shrink: 0;
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel.active .accordion__content-wrapper {
        overflow-y: auto;
        overflow-x: hidden;
    }
}
  
  
@media screen and (max-width: 767px) {
    [data-sdl-plugin="vertical-accordion"] {
        max-height: unset !important;
        height: 100% !important;
        border: var(--va-border-width) solid var(--va-border-color);
        border-radius: var(--va-border-radius);
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-of-type(1) .accordion__button-wrapper {
        border-top-left-radius: var(--va-border-radius);
        border-top-right-radius: var(--va-border-radius);
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:nth-last-of-type(1) .accordion__button-wrapper {
        border-bottom-left-radius: var(--va-border-radius);
        border-bottom-right-radius: var(--va-border-radius);
    }

    .accordion__wrapper {
        display: block;
        width: 100%;
        height: 100%;
    }

    .accordion__button {
        display: block;
        width: 100%;
        background-color: var(--va-button-background);
        border: none;
        text-align: left;
        cursor: pointer;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: var(--va-border-radius);
    }

    .accordion__button-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
        line-height: 0 !important;
        margin: 0 !important;
        padding: var(--va--accordion-button-padding);
        cursor: pointer;
        height: auto;
    }
    
    h1.accordion__button-text {
        line-height: var(--va-button-line-height) !important;
        margin: 0 !important;
        font-family: var(--va-button-font-family, inherit) !important;
        font-size: var(--va-button-mobile-font-size) !important;
        text-transform: var(--va-button-text-transform, inherit) !important;
        letter-spacing: var(--va-button-letter-spacing, inherit) !important;
        color: var(--va-accordion-button-color) !important;
        cursor: pointer !important;
        text-overflow: ellipsis;
        white-space: normal; 
        word-wrap: break-word; 
        overflow-wrap: break-word;
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__panel:not(:nth-of-type(1)) .accordion__button-wrapper {
        border-top: var(--va-border-width) solid var(--va-border-color);
    }

    span.accordion__arrow {
        display: flex;
    }

    .accordion__arrow svg {
        width: var(--va-mobile-icon-size);
        height: var(--va-mobile-icon-size);
        transition: transform 0.3s ease;
        transform: rotate(0deg);
    }

    .accordion__panel .accordion__arrow svg path {
        stroke-width: 1.5;
        stroke: var(--va-accordion-button-color);
    }

    .accordion__panel.active .accordion__arrow svg {
        transform: rotate(180deg);
    }

    .accordion__content-wrapper {
        display: none;
        overflow: hidden;
    }

    [data-sdl-plugin="vertical-accordion"] #sections {
        display: grid;
        min-height: 100%;
    }

    [data-sdl-plugin="vertical-accordion"] .accordion__content .page-section:first-child {
        padding-top: 0 !important;
    }
}