html {
    font-size: clamp(12px, calc(8px + 0.5vw), 16px);
}

html, body {
    overscroll-behavior-y: none; /* vertical only */
}

a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
label,
select,
option,
[tabindex]:not([tabindex="-1"]) {
    cursor: inherit
}

[progress-bar="true"] {
    width: 0%;
}

/* Active state controlled via class */
.is-active [hidden-text="true"] {
    display: block;
}

[text-wrap="true"] {
    overflow: hidden;
    transition: height 300ms ease;
}

[accordion-cards="subtitle"] {
    opacity: 1;
    transition: opacity 300ms 500ms ease-out;

}

[accordion-cards="card"].collapsed [accordion-cards="subtitle"] {
    opacity: 0;
    transition: none;
}

[accordion-cards="container"] {
    /* display: flex; */
    /* overflow-x: auto; */
    overflow-x: auto;
    /* Default for desktop */
    scroll-snap-type: x mandatory;
    /* width: 100%; */

    /* Hide scrollbar */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
[accordion-cards="container"]::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


[accordion-cards="card"] {
    scroll-snap-align: center;
    scroll-snap-stop: always;
    /* flex-shrink: 0; */
}

[accordion-cards="card"].collapsed {
    text-align: center;
}

/* [accordion-cards="card"].collapsed:not(.on-dark) img {
    transform: translateX(-20%);
    transition: transform 800ms ease-out;
}

[accordion-cards="card"]:not(.collapsed) img {
    transform: translateX(0);
    transition: transform 800ms ease-out;
} */

[accordion-cards="card"]:not(.collapsed) {
    text-align: start;
}

[accordion-cards="card"]:not(.collapsed) [accordion-cards="title"] {
    font-weight: 500
}