.ltg-ribbon-separator,
.ltg-ribbon-separator *,
.ltg-ribbon-separator-dots,
.ltg-ribbon-separator-dots * {
    box-sizing: border-box;
}

.ltg-ribbon-separator {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
}

.ltg-ribbon-separator .container {
    display: flex;
    grid-column: 2;
    width: 100vw;
    max-width: 100%;
    margin-inline: auto;
    padding: 0;
    overflow: hidden;
}

.ltg-ribbon-separator .ribbon-filler,
.ltg-ribbon-separator .string-left,
.ltg-ribbon-separator .string-right {
    height: 25px;
}

.ltg-ribbon-separator .ribbon-wrap {
    flex-grow: 1;
}

.ltg-ribbon-separator .string {
    flex-grow: 1;
    min-width: 0;
}

.ltg-ribbon-separator .ltg-ribbon {
    display: flex;
    width: 100%;
}

.ltg-ribbon-separator .knot {
    width: 25px;
    height: 25px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    transform: rotate(135deg);
}

.ltg-ribbon-separator .knot-wrap {
    flex: 0 0 auto;
    padding-left: 5.3125px;
}

.ltg-ribbon-separator .string-left {
    margin-right: -12.5px;
}

.ltg-ribbon-separator .string-left + .knot-wrap {
    padding-right: 5.3125px;
    padding-left: 0;
}

.ltg-ribbon-separator .string-right {
    margin-left: -12.5px;
}

.ltg-ribbon-separator .bg-primary,
.ltg-ribbon-separator-dots .bg-primary,
.ltg-ribbon-dot.dot-bg-primary::after {
    background-color: var(--ltg-color-primary);
}

.ltg-ribbon-separator .bg-white,
.ltg-ribbon-separator-dots .bg-white,
.ltg-ribbon-dot.dot-bg-white::after {
    background-color: #ffffff;
}

.ltg-ribbon-separator .bg-black,
.ltg-ribbon-separator-dots .bg-black,
.ltg-ribbon-dot.dot-bg-black::after {
    background-color: #000000;
}

html.ltg-a11y-contrast-true .ltg-ribbon-separator .bg-black {
    background-color: #ffffff;
}

.ltg-ribbon-separator-dots {
    position: relative;
    height: 8px;
    padding: 4px 0;
}

.ltg-ribbon-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ltg-ribbon-separator-dots .container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: -4px auto 0;
    padding: 0 1rem;
}

.ltg-ribbon-dot {
    position: absolute;
    top: -12px;
    left: 20%;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.ltg-ribbon-dot::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #ffffff;
}

.ltg-ribbon-dot.--left {
    left: 0;
}

.ltg-ribbon-dot.--right {
    right: 0;
    left: auto;
}

.ltg-ribbon-museum {
    height: 40px;
    background-color: var(--ltg-color-primary);
    --ribbon-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120.25313mm' height='10.589588mm' viewBox='0 0 107.78769 10.589588'%0A%3E%3Cpath style='fill:%23000000' d='m -6.7524348,5.29792 v -5.291667 0 H 5.5412415 V 5.29792 10.589587 H -6.7524348 v 0 z M 14.955862,10.258857 C 14.904292,10.076956 14.728569,9.435189 14.565377,8.832707 14.186285,7.433164 12.56255,5.933838 10.962519,5.505895 L 9.774575,5.188168 V 2.594084 0 l 1.124479,0.172266 c 2.712767,0.415588 5.689989,2.118595 7.054966,4.035527 0.94343,1.324927 1.834478,3.520317 2.026409,4.992731 l 0.181068,1.389063 h -2.555931 c -1.818346,0 -2.582992,-0.09544 -2.649704,-0.33073 z m 11.355171,-0.05932 C 24.92246,9.698433 23.382722,8.028266 23.000415,6.608481 22.474987,4.657197 23.077835,2.809605 24.706544,1.37958 26.190388,0.076747 27.057091,-0.031852 35.258553,0.0574 c 7.390439,0.08042 7.466861,0.08699 8.60707,0.73976 3.401489,1.947345 3.401489,7.054177 0,9.001521 -1.145167,0.655604 -1.185495,0.658899 -8.823341,0.720699 -6.14209,0.0497 -7.884064,-0.01411 -8.731249,-0.319843 z m 26.792776,0.14017 C 49.766495,9.272272 48.303114,5.602238 50.035852,2.645542 c 1.973275,-3.367138 7.029733,-3.340717 8.946361,0.04675 1.366549,2.415253 0.565304,5.648938 -1.73351,6.996133 -1.213472,0.711141 -3.053712,1.000298 -4.144894,0.651285 z M 62.426657,5.297921 V 0.006254 h 5.291666 5.291667 v 5.291667 5.291667 H 67.718323 62.426657 Z M 84.230098,10.31689 C 79.80042,9.438662 76.471108,5.860723 75.805376,1.263025 L 75.623398,0.006254 h 2.662047 c 2.499681,0 2.662045,0.03279 2.662045,0.537665 0,0.779608 0.727056,2.399248 1.401691,3.122494 0.760801,0.815626 2.370045,1.631508 3.217976,1.631508 h 0.671999 v 2.645833 c 0,2.945549 0.126204,2.796474 -2.009058,2.373136 z m 8.56121,0.0092 C 89.479821,9.328987 87.990949,5.601614 89.723351,2.645494 c 1.126707,-1.922582 3.590221,-2.975525 5.638485,-2.409972 4.056921,1.120171 5.350034,5.740522 2.425184,8.665365 -1.468363,1.468361 -3.206014,1.964088 -4.995712,1.425203 z M 102.11416,5.297874 V 0.006207 l 13.04018,0 v 0 5.291667 5.291667 0 l -13.04018,0 z' /%3E%3C/svg%3E%0A");
    -webkit-mask: var(--ribbon-pattern);
    mask: var(--ribbon-pattern);
}

.ltg-ribbon-museum.--vertical {
    width: 45px;
    height: auto;
    --ribbon-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='120.25313mm' width='10.589588mm' viewBox='0 0 10.589588 107.78769'%0A%3E%3Cpath  transform=%27rotate(-90) translate(-108)%27 style='fill:%23000000' d='m -6.7524348,5.29792 v -5.291667 0 H 5.5412415 V 5.29792 10.589587 H -6.7524348 v 0 z M 14.955862,10.258857 C 14.904292,10.076956 14.728569,9.435189 14.565377,8.832707 14.186285,7.433164 12.56255,5.933838 10.962519,5.505895 L 9.774575,5.188168 V 2.594084 0 l 1.124479,0.172266 c 2.712767,0.415588 5.689989,2.118595 7.054966,4.035527 0.94343,1.324927 1.834478,3.520317 2.026409,4.992731 l 0.181068,1.389063 h -2.555931 c -1.818346,0 -2.582992,-0.09544 -2.649704,-0.33073 z m 11.355171,-0.05932 C 24.92246,9.698433 23.382722,8.028266 23.000415,6.608481 22.474987,4.657197 23.077835,2.809605 24.706544,1.37958 26.190388,0.076747 27.057091,-0.031852 35.258553,0.0574 c 7.390439,0.08042 7.466861,0.08699 8.60707,0.73976 3.401489,1.947345 3.401489,7.054177 0,9.001521 -1.145167,0.655604 -1.185495,0.658899 -8.823341,0.720699 -6.14209,0.0497 -7.884064,-0.01411 -8.731249,-0.319843 z m 26.792776,0.14017 C 49.766495,9.272272 48.303114,5.602238 50.035852,2.645542 c 1.973275,-3.367138 7.029733,-3.340717 8.946361,0.04675 1.366549,2.415253 0.565304,5.648938 -1.73351,6.996133 -1.213472,0.711141 -3.053712,1.000298 -4.144894,0.651285 z M 62.426657,5.297921 V 0.006254 h 5.291666 5.291667 v 5.291667 5.291667 H 67.718323 62.426657 Z M 84.230098,10.31689 C 79.80042,9.438662 76.471108,5.860723 75.805376,1.263025 L 75.623398,0.006254 h 2.662047 c 2.499681,0 2.662045,0.03279 2.662045,0.537665 0,0.779608 0.727056,2.399248 1.401691,3.122494 0.760801,0.815626 2.370045,1.631508 3.217976,1.631508 h 0.671999 v 2.645833 c 0,2.945549 0.126204,2.796474 -2.009058,2.373136 z m 8.56121,0.0092 C 89.479821,9.328987 87.990949,5.601614 89.723351,2.645494 c 1.126707,-1.922582 3.590221,-2.975525 5.638485,-2.409972 4.056921,1.120171 5.350034,5.740522 2.425184,8.665365 -1.468363,1.468361 -3.206014,1.964088 -4.995712,1.425203 z M 102.11416,5.297874 V 0.006207 l 13.04018,0 v 0 5.291667 5.291667 0 l -13.04018,0 z' /%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1025px) {
    .ltg-ribbon-separator .container,
    .ltg-ribbon-separator-dots .container {
        width: 1024px;
    }

    .ltg-ribbon-separator .ribbon-filler,
    .ltg-ribbon-separator .string-left,
    .ltg-ribbon-separator .string-right {
        height: 50px;
    }

    .ltg-ribbon-separator .knot {
        width: 50px;
        height: 50px;
    }

    .ltg-ribbon-separator .knot-wrap {
        padding-left: 10.625px;
    }

    .ltg-ribbon-separator .string-left {
        margin-right: -25px;
    }

    .ltg-ribbon-separator .string-left + .knot-wrap {
        padding-right: 10.625px;
        padding-left: 0;
    }

    .ltg-ribbon-separator .string-right {
        margin-left: -25px;
    }
}

@media screen and (min-width: 1200px) {
    .ltg-ribbon-separator .container,
    .ltg-ribbon-separator-dots .container {
        width: 1140px;
    }
}