.svio {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    line-height: 0;
}

.svio__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.svio__gradient {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
}

.svio__text-area {
    position: absolute;
    inset: 0;
    display: flex;
    pointer-events: none;
}

.svio__text-area--pill { padding: 1rem; }
.svio__text-area--bar { padding: 0; }
.svio__text-area--vertical-top { align-items: flex-start; }
.svio__text-area--vertical-center { align-items: center; }
.svio__text-area--vertical-bottom { align-items: flex-end; }
.svio__text-area--horizontal-left { justify-content: flex-start; }
.svio__text-area--horizontal-right { justify-content: flex-end; }
.svio__text-area--horizontal-center { justify-content: center; }

.svio__text {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 0.65rem 1rem;
    line-height: normal;
    pointer-events: auto;
}

.svio__text--pill { display: inline-block; border-radius: 999px; }
.svio__text--bar { display: block; width: 100%; }

.svhbg-disclosure {
    font-size: 80%;
}

.svhbg-disclosure__summary {
    display: flex;
    align-items: baseline;
    gap: 0.4em;
    cursor: pointer;
    font-size: inherit;
    font-weight: 700;
    list-style: none;
}

.svhbg-disclosure__summary::-webkit-details-marker { display: none; }
.svhbg-disclosure__summary::marker { content: ""; }
.svhbg-disclosure__symbol::before { content: "+"; }
.svhbg-disclosure[open] .svhbg-disclosure__symbol::before { content: "-"; }
.svhbg-disclosure__content { font-size: inherit; }