@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)) {
    all: unset;
    display: revert
}

*,*:before,*:after {
    box-sizing: border-box
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

a,button {
    cursor: revert
}

ol,ul,menu,summary {
    list-style: none
}

ol {
    counter-reset: revert
}

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input,textarea {
    -webkit-user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}

:where(pre) {
    all: revert;
    box-sizing: border-box
}

::-moz-placeholder {
    color: unset
}

::placeholder {
    color: unset
}

:where([hidden]) {
    display: none
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto
}

:where([draggable=true]) {
    -webkit-user-drag: element
}

:where(dialog:modal) {
    all: revert;
    box-sizing: border-box
}

::-webkit-details-marker {
    display: none
}

@font-face {
    font-family: LexendWoff;
    font-display: fallback;
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 75% 125%;
    src: url(/wp-content/themes/diva/assets/fonts/lexend-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: LexendWoff;
    font-display: fallback;
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 75% 125%;
    src: url(/wp-content/themes/diva/assets/fonts/lexend-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

:root {
    --diva-global-line-height: calc(.25rem + 1.2em) ;
    --diva-global-font-size: 22px
}

* {
    line-height: var(--diva-global-line-height, );
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    font-size: 100%
}

body {
    font-size: var(--diva-global-font-size, );
    font-family: var(--diva-body-font-family, );
    font-optical-sizing: auto;
    font-weight: 400;
    accent-color: var(--diva-color-red, );
    color: var(--diva-color-foreground, )
}

h1,h2,h3,h4,h5,h6,.o-headline--size1,.o-headline--size2,.o-headline--size3,.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label,.o-headline--size4,.o-headline--size5,.o-headline--size6,.o-blockheading,.c-progressbox__title,.c-listbox__heading {
    display: flow-root;
    font-family: var(--diva-header-font-family, );
    font-size: var(--clamp, var(--diva-global-font-size, ));
    margin: calc(1.5rem + 1em) 0 1rem;
    color: var(--heading-color, currentColor);
    font-weight: 700;
    text-wrap: balance;
}

h1 svg,h2 svg,h3 svg,h4 svg,h5 svg,h6 svg,.o-headline--size1 svg,.o-headline--size2 svg,.o-headline--size3 svg,.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label svg,.o-headline--size4 svg,.o-headline--size5 svg,.o-headline--size6 svg,.o-blockheading svg,.c-progressbox__title svg,.c-listbox__heading svg {
    flex: 0 0 auto;
    height: 2.1em;
    width: 2.1em;
    margin-right: var(--diva-grid-gutter, )
}

h1:has(svg),h2:has(svg),h3:has(svg),h4:has(svg),h5:has(svg),h6:has(svg),.o-headline--size1:has(svg),.o-headline--size2:has(svg),.o-headline--size3:has(svg),.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label:has(svg),.o-headline--size4:has(svg),.o-headline--size5:has(svg),.o-headline--size6:has(svg),.o-blockheading:has(svg),.c-progressbox__title:has(svg),.c-listbox__heading:has(svg) {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row
}

h1:has(svg).u-text-center,h2:has(svg).u-text-center,h3:has(svg).u-text-center,h4:has(svg).u-text-center,h5:has(svg).u-text-center,h6:has(svg).u-text-center,.o-headline--size1:has(svg).u-text-center,.o-headline--size2:has(svg).u-text-center,.o-headline--size3:has(svg).u-text-center,.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label:has(svg).u-text-center,.o-headline--size4:has(svg).u-text-center,.o-headline--size5:has(svg).u-text-center,.o-headline--size6:has(svg).u-text-center,.o-blockheading:has(svg).u-text-center,.c-progressbox__title:has(svg).u-text-center,.c-listbox__heading:has(svg).u-text-center {
    text-wrap: auto;
    justify-content: center;
    word-break: auto-phrase
}

.o-headline__text {
    flex: 0 1 auto;
    text-align: left
}

h1,.o-headline--size1 {
    --clamp: clamp(1.5rem, 1.93vw + 1.02rem, 2.56rem)
}

h2,.o-headline--size2 {
    --clamp: clamp(1.38rem, 1.48vw + 1.01rem, 2.19rem)
}

h3,.o-headline--size3,.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label {
    --clamp: clamp(1.25rem, 1.14vw + .97rem, 1.88rem)
}

h4,.o-headline--size4 {
    --clamp: clamp(1.13rem, .79vw + .93rem, 1.56rem);
    font-weight: 750
}

h5,.o-headline--size5 {
    --clamp: clamp(1.13rem, .34vw + 1.04rem, 1.31rem);
    font-weight: 750
}

h6,.o-headline--size6 {
    --clamp: clamp(1rem, .23vw + .94rem, 1.13rem);
    font-weight: 750
}

.o-blockheading,.c-progressbox__title,.c-listbox__heading {
    box-sizing: content-box;
    margin: 0 0 var(--diva-global-margin, );
    background: var(--diva-color-foreground, );
    font-size: clamp(1.13rem,.34vw + 1.04rem,1.31rem);
    color: var(--diva-color-background, );
    padding-block:.5625em;padding-inline:var(--diva-padding-inline, );border: var(--diva-border-width, ) solid var(--diva-color-foreground, )
}

p {
    margin: 0 0 var(--diva-paragraph-margin, )
}

strong,b {
    font-weight: 700
}

em,i {
    font-style: italic
}

del {
    text-decoration: line-through
}

small {
    font-size: .875em
}

.u-lead {
    font-size: 1.125rem
}

a {
    text-decoration: underline;
    font-weight: 700
}

button {
    cursor: pointer
}

a:not(.c-button),a:not(.c-button):focus:not(:focus-visible),button:not(.c-button),button:focus:not(.c-button):not(:focus-visible) {
    transition: color .3s ease-in-out
}

@media (pointer: fine) {
    a:not(.c-button):hover,a:not(.c-button):focus-visible,a:not(.c-button):focus:not(:focus-visible):hover,a:not(.c-button):focus:not(:focus-visible):focus-visible,button:not(.c-button):hover,button:not(.c-button):focus-visible,button:focus:not(.c-button):not(:focus-visible):hover,button:focus:not(.c-button):not(:focus-visible):focus-visible {
        color:var(--diva-color-hover, )
    }
}

a[href^=http]:empty:before {
    content: attr(href)
}

svg {
    display: block;
    fill: currentColor;
    transition: fill .3s ease-in-out
}

ul:not([class^=c-]):not([class*=" c-"]),ol:not([class^=c-]):not([class*=" c-"]) {
    margin: 0 0 var(--diva-global-margin, ) 1.875rem;
    list-style-type: disc
}

p+ul:not([class^=c-]):not([class*=" c-"]),p+ol:not([class^=c-]):not([class*=" c-"]) {
    margin-top: calc(var(--diva-paragraph-margin, ) * -.25)
}

ul:not([class^=c-]):not([class*=" c-"]) li,ol:not([class^=c-]):not([class*=" c-"]) li {
    margin-block:calc(var(--diva-global-margin, ) / 4)}

ol: not([class^=c-]):not([class*=" c-"]) {
                        list-style-type:decimal
                    }

ol:not([class^=c-]):not([class*=" c-"]) ol li {
    list-style-type: lower-alpha
}

ol:not([class^=c-]):not([class*=" c-"]) ol ol li {
    list-style-type: lower-roman
}

html,body {
    margin: 0;
    padding: 0;
    background: var(--diva-color-background, );
    scroll-behavior: smooth
}

@media (min-width: 1024px) {
    html,body {
        overscroll-behavior:none
    }
}

html {
    scroll-padding-top: 5.625rem
}

@media (min-width: 1024px) {
    html {
        scroll-padding-top:13.125rem
    }
}

body:before {
    display: none;
    visibility: hidden
}

@media (min-width: 0) {
    body:before {
        content:"small"
    }
}

@media (min-width: 1024px) {
    body:before {
        content:"medium"
    }
}

@media (min-width: 1281px) {
    body:before {
        content:"large"
    }
}

@media (min-width: 1920px) {
    body:before {
        content:"xlarge"
    }
}

body {
    --diva-header-height: auto;
    --diva-footer-height: auto
}

@media (min-width: 1024px) {
    body {
        --diva-header-height: 7.5rem;
        --diva-footer-height: 4.0625rem
    }
}

.l-page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 18.75rem;
    overflow-x: clip
}

@media (min-width: 1024px) {
    .l-page-wrapper {
        padding-inline:.9375rem
    }
}

.l-page-header,.l-page-content,.l-page-footer {
    max-width: 1680px;
    margin: 0 auto
}

.l-page-header,.l-page-footer {
    box-sizing: content-box;
    z-index: 20;
    background: var(--diva-color-background, )
}

@media (min-width: 1024px) {
    .l-page-header,.l-page-footer {
        --diva-content-gutter: env(safe-area-inset-left, 0px);
        height: var(--diva-header-height, );
        position: sticky;
        top: 0;
        left: 0;
        right: 0
    }

    .l-page-header .l-container,.l-page-header .l-grid,.l-page-footer .l-container,.l-page-footer .l-grid {
        height: 100%
    }

    .l-page-header .l-grid,.l-page-footer .l-grid {
        flex-wrap: nowrap
    }
}

.l-page-header {
    view-transition-name: page-header;
    height: var(--diva-header-height, );
    border-bottom: var(--diva-fat-border-width, ) solid var(--diva-color-foreground, )
}

.l-page-footer {
    view-transition-name: page-footer;
    height: var(--diva-footer-height, );
    top: auto;
    bottom: 0
}

@media (min-width: 1024px) {
    .l-page-footer {
        border-top:var(--diva-fat-border-width, ) solid var(--diva-color-foreground, )
    }
}

.l-page-content {
    view-transition-name: none;
    z-index: 10;
    position: relative;
    isolation: isolate;
    overflow: clip
}

@media (min-width: 1024px) {
    .l-page-content {
        min-height:calc(100vh - var(--diva-header-height, ) - var(--diva-footer-height, ) - var(--diva-fat-border-width, ) * 2);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        border-inline:var(--diva-fat-border-width, ) solid var(--diva-color-foreground, )}

    .l-page-content: has(.l-page-sidebar) {
    padding-left:26.3125rem
}
}

.l-page-sidebar {
    position: relative;
    z-index: 1;
    container: sidebar;
    container-type: inline-size;
    --diva-color-background: var(--diva-color-white, );
    --diva-color-foreground: var(--diva-color-black, );
    background: var(--diva-color-background, )
}

@media (min-width: 1024px) {
    .l-page-sidebar {
        position:fixed;
        width: calc(26.875rem - var(--diva-fat-border-width, ));
        top: calc(var(--diva-header-height, ) + var(--diva-fat-border-width, ));
        bottom: calc(var(--diva-footer-height, ) + var(--diva-fat-border-width, ));
        transform: translate(-100%);
        border-right: var(--diva-border-width, ) solid var(--diva-color-foreground, );
        overflow-y: auto;
        overflow-x: hidden
    }
}

.l-page-main {
    container: main;
    container-type: inline-size;
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 1.875rem
}

.o-linkicon {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    margin-right: .3125em;
    vertical-align: -.3125em
}

@keyframes spin {
    0% {
        animation-timing-function: cubic-bezier(.5856,.0703,.4143,.9297);
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes buttonloader {
    0% {
        left: -1.375rem
    }

    to {
        left: .9375rem
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
}

@keyframes fade-out {
    to {
        opacity: 0
    }
}

@keyframes slide-up-in {
    0% {
        transform: translateY(10%)
    }
}

@keyframes slide-up-out {
    to {
        transform: translateY(-10%)
    }
}

.l-container {
    container: lcontainer;
    container-type: inline-size;
    width: 100%;
    margin: 0 auto
}

@container (min-width: 65.625rem) {
    .l-container {
        --diva-content-gutter: max(3.75rem, env(safe-area-inset-left))
    }
}

@container (min-width: 96.375rem) {
    .l-container {
        --diva-content-gutter: max(7.5rem, env(safe-area-inset-left))
    }
}

.l-container--content {
    padding-inline:var(--diva-content-gutter, )}

.l-container--content : not(.c-dialog__content)>.l-container {
                                                   padding-inline:0
                                               }

.l-grid {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--diva-grid-gutter, ) / -2);
    margin-right: calc(var(--diva-grid-gutter, ) / -2)
}

.l-grid--nowrap {
    flex-wrap: nowrap
}

.l-grid--gap-48 {
    gap: 3rem
}

.l-grid--collapsed {
    margin-left: 0;
    margin-right: 0
}

.l-grid--no-margin {
    --diva-grid-gutter: 0px
}

.l-grid--align-h-right {
    justify-content: flex-end
}

.l-grid--align-h-center {
    justify-content: center
}

.l-grid--align-h-space-between {
    justify-content: space-between
}

.l-grid--align-h-space-around {
    justify-content: space-around
}

.l-grid--align-v-center {
    align-items: center
}

.l-grid--align-v-bottom {
    align-items: flex-end
}

.l-grid .l-grid__cell,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
    flex: 0 0 auto;
    order: var(--order, 0);
    min-height: 0;
    min-width: 0;
    width: calc(100% - var(--diva-grid-gutter, ));
    margin-left: calc(var(--diva-grid-gutter, ) / 2);
    margin-right: calc(var(--diva-grid-gutter, ) / 2)
}

.l-grid .l-grid__cell--auto {
    flex: 1 1 0;
    width: auto
}

.l-grid .l-grid__cell--shrink,.l-grid .c-form__field--array [data-arrayfields=row] button[data-arrayfields=deleterow],.c-form__field--array [data-arrayfields=row] .l-grid button[data-arrayfields=deleterow] {
    flex: 0 1 auto;
    width: auto
}

.l-grid .l-grid__cell--fit-content {
    flex: 0 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.l-grid .l-grid__cell--no-margin {
    --diva-grid-gutter: 0px
}

.l-grid .l-grid__cell--align-self-centered {
    align-self: center
}

.l-grid .l-grid__cell--align-self-end {
    align-self: end
}

@media (min-width: 0) {
    .l-grid .l-grid__cell,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
        order:var(--small-order, var(--order))
    }

    .l-grid .l-grid__cell--small-1 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 1 - var(--diva-grid-gutter, ));
        width: calc(8.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-2 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 2 - var(--diva-grid-gutter, ));
        width: calc(16.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-3 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 3 - var(--diva-grid-gutter, ));
        width: calc(25% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-4 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 4 - var(--diva-grid-gutter, ));
        width: calc(33.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-5 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 5 - var(--diva-grid-gutter, ));
        width: calc(41.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-6 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 6 - var(--diva-grid-gutter, ));
        width: calc(50% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-7 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 7 - var(--diva-grid-gutter, ));
        width: calc(58.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-8 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 8 - var(--diva-grid-gutter, ));
        width: calc(66.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-9 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 9 - var(--diva-grid-gutter, ));
        width: calc(75% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-10 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 10 - var(--diva-grid-gutter, ));
        width: calc(83.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-11 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 11 - var(--diva-grid-gutter, ));
        width: calc(91.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-12 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 12 - var(--diva-grid-gutter, ));
        width: calc(100% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--small-auto {
        flex: 1 1 0;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--small-shrink {
        flex: 0 1 auto;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--small-fit-content {
        flex: 0 0 auto;
        width: -moz-fit-content;
        width: fit-content;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }
}

@media (min-width: 1024px) {
    .l-grid .l-grid__cell,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
        order:var(--medium-order, var(--order))
    }

    .l-grid .l-grid__cell--medium-1 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 1 - var(--diva-grid-gutter, ));
        width: calc(8.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-2 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 2 - var(--diva-grid-gutter, ));
        width: calc(16.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-3 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 3 - var(--diva-grid-gutter, ));
        width: calc(25% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-4 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 4 - var(--diva-grid-gutter, ));
        width: calc(33.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-5 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 5 - var(--diva-grid-gutter, ));
        width: calc(41.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-6 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 6 - var(--diva-grid-gutter, ));
        width: calc(50% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-7 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 7 - var(--diva-grid-gutter, ));
        width: calc(58.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-8 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 8 - var(--diva-grid-gutter, ));
        width: calc(66.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-9 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 9 - var(--diva-grid-gutter, ));
        width: calc(75% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-10 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 10 - var(--diva-grid-gutter, ));
        width: calc(83.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-11 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 11 - var(--diva-grid-gutter, ));
        width: calc(91.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-12 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 12 - var(--diva-grid-gutter, ));
        width: calc(100% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--medium-auto,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
        flex: 1 1 0;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--medium-shrink {
        flex: 0 1 auto;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--medium-fit-content {
        flex: 0 0 auto;
        width: -moz-fit-content;
        width: fit-content;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }
}

@container lcontainer (min-width: 43.75rem) {
    .l-grid .l-grid__cell,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
        order: var(--cmedium-order, var(--order))
    }

    .l-grid .l-grid__cell--cmedium-1 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 1 - var(--diva-grid-gutter, ));
        width: calc(8.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-2 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 2 - var(--diva-grid-gutter, ));
        width: calc(16.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-3 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 3 - var(--diva-grid-gutter, ));
        width: calc(25% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-4 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 4 - var(--diva-grid-gutter, ));
        width: calc(33.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-5 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 5 - var(--diva-grid-gutter, ));
        width: calc(41.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-6 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 6 - var(--diva-grid-gutter, ));
        width: calc(50% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-7 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 7 - var(--diva-grid-gutter, ));
        width: calc(58.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-8 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 8 - var(--diva-grid-gutter, ));
        width: calc(66.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-9 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 9 - var(--diva-grid-gutter, ));
        width: calc(75% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-10 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 10 - var(--diva-grid-gutter, ));
        width: calc(83.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-11 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 11 - var(--diva-grid-gutter, ));
        width: calc(91.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-12 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 12 - var(--diva-grid-gutter, ));
        width: calc(100% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-auto {
        flex: 1 1 0;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-shrink {
        flex: 0 1 auto;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--cmedium-fit-content {
        flex: 0 0 auto;
        width: -moz-fit-content;
        width: fit-content;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }
}

@container lcontainer (min-width: 63.9375rem) {
    .l-grid .l-grid__cell,.l-grid .c-form__field--array [data-arrayfields=row]>*,.c-form__field--array .l-grid [data-arrayfields=row]>* {
        order: var(--clarge-order, var(--order))
    }

    .l-grid .l-grid__cell--clarge-1 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 1 - var(--diva-grid-gutter, ));
        width: calc(8.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-2 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 2 - var(--diva-grid-gutter, ));
        width: calc(16.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-3 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 3 - var(--diva-grid-gutter, ));
        width: calc(25% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-4 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 4 - var(--diva-grid-gutter, ));
        width: calc(33.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-5 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 5 - var(--diva-grid-gutter, ));
        width: calc(41.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-6 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 6 - var(--diva-grid-gutter, ));
        width: calc(50% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-7 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 7 - var(--diva-grid-gutter, ));
        width: calc(58.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-8 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 8 - var(--diva-grid-gutter, ));
        width: calc(66.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-9 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 9 - var(--diva-grid-gutter, ));
        width: calc(75% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-10 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 10 - var(--diva-grid-gutter, ));
        width: calc(83.3333333333% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-11 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 11 - var(--diva-grid-gutter, ));
        width: calc(91.6666666667% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-12 {
        --grid-cell-width: calc((min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, )) / 12 * 12 - var(--diva-grid-gutter, ));
        width: calc(100% - var(--diva-grid-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-auto {
        flex: 1 1 0;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-shrink {
        flex: 0 1 auto;
        width: auto;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }

    .l-grid .l-grid__cell--clarge-fit-content {
        flex: 0 0 auto;
        width: -moz-fit-content;
        width: fit-content;
        --grid-cell-width: calc(min(1680px, 100vw) - var(--diva-content-gutter, ) - var(--diva-content-gutter, ))
    }
}

.c-logo {
    flex: 0 0 auto;
    width: 23.4375rem;
    display: block;
    max-width: 100%;
    margin: var(--diva-content-gutter, ) auto;
    margin-left: 0;
    padding-inline:var(--diva-content-gutter, ) 5rem;line-height: 1
}

@media (min-width: 1024px) {
    .c-logo {
        width:26.875rem;
        height: 5.75rem;
        margin: .875rem 0;
        padding: 0
    }
}

.c-logo img {
    height: auto
}

#main-nav {
    display: none
}

@media (min-width: 1281px) {
    #main-nav {
        display:block
    }

    .c-offcanvas__openbutton {
        display: none
    }
}

.c-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-column-gap: .9375rem;
    column-gap: .9375rem;
    margin: .9375rem -.9375rem
}

.c-menu__item {
    position: relative;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width: 1024px) {
    .c-menu__item {
        font-size:1.125rem
    }
}

.c-menu__item--light {
    font-weight: 400
}

.c-menu__item.is-active:after {
    content: "";
    display: block;
    height: var(--active-boder-width, var(--diva-fat-border-width, ));
    position: absolute;
    bottom: calc(.3125rem - var(--active-boder-width, var(--diva-fat-border-width, )));
    left: .9375rem;
    right: .9375rem;
    background-color: var(--diva-color-red, )
}

.c-menu .c-menu__link {
    display: inline-block;
    padding: .3125rem .9375rem;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none
}

.c-menu .c-menu__link,.c-menu .c-menu__link:focus:not(:focus-visible) {
    transition: color .3s ease-in-out;
    color: var(--diva-color-foreground, );
    text-decoration: none
}

@media (pointer: fine) {
    .c-menu .c-menu__link:hover,.c-menu .c-menu__link:focus-visible,.c-menu .c-menu__link:focus:not(:focus-visible):hover,.c-menu .c-menu__link:focus:not(:focus-visible):focus-visible {
        color:var(--diva-color-hover, )
    }
}

.c-menu--offcanvas {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    --active-boder-width: var(--diva-border-width, )
}

.c-menu--offcanvas .c-menu__item {
    font-size: 1.125rem
}

.c-menu--offcanvas .c-menu__link {
    padding: .4375rem calc(var(--diva-grid-gutter, ) / 2)
}

.c-menu__icon {
    width: 1.6875rem;
    height: 1.6875rem
}

.l-page-footer {
    color: var(--diva-color-foreground, )
}

@media (max-width: 1023px) {
    .l-page-footer {
        --diva-global-margin: .9375rem;
        --diva-color-background: #000;
        --diva-color-foreground: #fff
    }
}

.c-offcanvas {
    --diva-offcanvas-width: 26.875rem;
    position: fixed;
    z-index: 21;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    max-height: none;
    max-width: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.c-offcanvas[open] {
    animation: nav-open .5s ease
}

.c-offcanvas.nav-close {
    animation: nav-close .5s ease
}

@media (prefers-reduced-motion) {
    .c-offcanvas {
        animation: none!important;
        transition: none!important
    }
}

.c-offcanvas__body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
    height: 100%;
    max-width: var(--diva-offcanvas-width, );
    background: var(--diva-color-background, );
    overflow-y: auto;
    box-shadow: -.4375rem .4375rem .4375rem #0000001a;
    z-index: 21
}

.c-offcanvas__header {
    margin: 0 calc(var(--diva-grid-gutter, ) / 2)
}

.c-offcanvas__closebutton {
    position: fixed;
    top: 1.5rem;
    right: calc(var(--diva-grid-gutter, ) / 2);
    padding: .3125rem
}

.c-offcanvas__openbutton {
    position: absolute;
    top: 1.8125rem;
    right: calc(var(--diva-grid-gutter, ) / 2);
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .c-offcanvas__openbutton {
        top:2rem
    }
}

.c-offcanvas__openbutton svg {
    margin: 0 auto
}

.c-offcanvas-backdrop {
    z-index: 11;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0003
}

body:has(.c-offcanvas[open]):not(.nav-close) .c-offcanvas-backdrop {
    display: block;
    animation: nav-backdrop-open .5s ease
}

body:has(.c-offcanvas[open].nav-close) .c-offcanvas-backdrop {
    animation: nav-backdrop-close .5s ease
}

@keyframes nav-open {
    0% {
        transform: translate(var(--diva-offcanvas-width, ))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes nav-close {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate(var(--diva-offcanvas-width, ))
    }
}

@keyframes nav-backdrop-open {
    0% {
        background: #0000
    }

    to {
        background: #0003
    }
}

@keyframes nav-backdrop-close {
    0% {
        background: #0003
    }

    to {
        background: #0000
    }
}

.u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0
}

.u-sr-only-reset {
    position: relative;
    width: inherit;
    height: inherit;
    margin: initial;
    padding: initial;
    overflow: inherit;
    clip: auto;
    clip-path: initial;
    white-space: initial;
    border-width: initial
}

.u-hide {
    display: none!important
}

@media (min-width: 1024px) {
    .u-hide-medium {
        display:none!important
    }
}

@media (min-width: 1281px) {
    .u-hide-large {
        display:none!important
    }
}

@media screen and (max-width: 1023px) {
    .u-show-medium {
        display:none!important
    }
}

@media screen and (max-width: 1280px) {
    .u-show-large {
        display:none!important
    }
}

.u-line-clamp {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    line-clamp: var(--maxlines-small, 1);
    -webkit-line-clamp: var(--maxlines-small, 1)
}

@media (min-width: 1024px) {
    .u-line-clamp {
        line-clamp:var(--maxlines-medium, var(--maxlines-small, 1));
        -webkit-line-clamp: var(--maxlines-medium, var(--maxlines-small, 1))
    }
}

.u-text-center {
    text-align: center
}

.u-text-left {
    text-align: left
}

.u-text-right {
    text-align: right
}

.u-text-uppercase {
    text-transform: uppercase
}

.u-background--blue {
    background: #add8ec;
    --diva-color-background: #ADD8EC;
    --diva-color-foreground: #000000
}

.u-background--yellow {
    background: #fff6b0;
    --diva-color-background: #FFF6B0;
    --diva-color-foreground: #000000
}

.u-background--green {
    background: #cfedc7;
    --diva-color-background: #CFEDC7;
    --diva-color-foreground: #000000
}

.u-background--red {
    background: #ffc9db;
    --diva-color-background: #FFC9DB;
    --diva-color-foreground: #000000
}

.u-background--gray {
    background: #bfc0c1;
    --diva-color-background: #BFC0C1;
    --diva-color-foreground: #000000
}

.u-background--orange {
    background: #ffcf9c;
    --diva-color-background: #FFCF9c;
    --diva-color-foreground: #000000
}

.u-background--violet {
    background: #c4c6ed;
    --diva-color-background: #C4C6ED;
    --diva-color-foreground: #000000
}

.u-background--blue2 {
    background: #61aac8;
    --diva-color-background: #61AAC8;
    --diva-color-foreground: #000000
}

.u-background--blue3 {
    background: #166c88;
    --diva-color-background: #166C88;
    --diva-color-foreground: #ffffff
}

.u-background--yellow2 {
    background: #efdc62;
    --diva-color-background: #EFDC62;
    --diva-color-foreground: #000000
}

.u-background--yellow3 {
    background: #bfae1f;
    --diva-color-background: #BFAE1F;
    --diva-color-foreground: #000000
}

.u-background--green2 {
    background: #7dbc91;
    --diva-color-background: #7DBC91;
    --diva-color-foreground: #000000
}

.u-background--green3 {
    background: #007a51;
    --diva-color-background: #007A51;
    --diva-color-foreground: #ffffff
}

.u-background--red2 {
    background: #d86792;
    --diva-color-background: #D86792;
    --diva-color-foreground: #000000
}

.u-background--red3 {
    background: #9e3863;
    --diva-color-background: #9E3863;
    --diva-color-foreground: #ffffff
}

.u-background--gray25 {
    background: #eff0f0;
    --diva-color-background: #EFF0F0;
    --diva-color-foreground: #000000
}

.u-background--gray50 {
    background: #e0e0e1;
    --diva-color-background: #E0E0E1;
    --diva-color-foreground: #000000
}

.u-background--gray70 {
    background: #777;
    --diva-color-background: #777777;
    --diva-color-foreground: #000000
}

.u-background--gray80 {
    background: #595959;
    --diva-color-background: #595959;
    --diva-color-foreground: #ffffff
}

.u-background--gray95 {
    background: #444;
    --diva-color-background: #444;
    --diva-color-foreground: #ffffff
}

.u-background--white {
    background: #fff;
    --diva-color-background: #ffffff;
    --diva-color-foreground: #000000
}

.u-background--black,.u-background--foreground {
    background: #000;
    --diva-color-background: #000000;
    --diva-color-foreground: #ffffff
}

.u-background--background {
    background: #fff;
    --diva-color-background: #ffffff;
    --diva-color-foreground: #000000
}

.u-background--success {
    background: #cfedc7;
    --diva-color-background: #CFEDC7;
    --diva-color-foreground: #000000
}

.u-background--warning {
    background: #fff6b0;
    --diva-color-background: #FFF6B0;
    --diva-color-foreground: #000000
}

.u-background--error {
    background: #ffc9db;
    --diva-color-background: #FFC9DB;
    --diva-color-foreground: #000000
}

.u-background--hover {
    background: #9e3863;
    --diva-color-background: #9E3863;
    --diva-color-foreground: #ffffff
}

.u-background--focus {
    background: #bfae1f;
    --diva-color-background: #BFAE1F;
    --diva-color-foreground: #000000
}

.u-color--blue {
    color: #add8ec;
    --diva-color-foreground: #ADD8EC
}

.u-color--yellow {
    color: #fff6b0;
    --diva-color-foreground: #FFF6B0
}

.u-color--green {
    color: #cfedc7;
    --diva-color-foreground: #CFEDC7
}

.u-color--red {
    color: #ffc9db;
    --diva-color-foreground: #FFC9DB
}

.u-color--gray {
    color: #bfc0c1;
    --diva-color-foreground: #BFC0C1
}

.u-color--orange {
    color: #ffcf9c;
    --diva-color-foreground: #FFCF9c
}

.u-color--violet {
    color: #c4c6ed;
    --diva-color-foreground: #C4C6ED
}

.u-color--blue2 {
    color: #61aac8;
    --diva-color-foreground: #61AAC8
}

.u-color--blue3 {
    color: #166c88;
    --diva-color-foreground: #166C88
}

.u-color--yellow2 {
    color: #efdc62;
    --diva-color-foreground: #EFDC62
}

.u-color--yellow3 {
    color: #bfae1f;
    --diva-color-foreground: #BFAE1F
}

.u-color--green2 {
    color: #7dbc91;
    --diva-color-foreground: #7DBC91
}

.u-color--green3 {
    color: #007a51;
    --diva-color-foreground: #007A51
}

.u-color--red2 {
    color: #d86792;
    --diva-color-foreground: #D86792
}

.u-color--red3 {
    color: #9e3863;
    --diva-color-foreground: #9E3863
}

.u-color--gray25 {
    color: #eff0f0;
    --diva-color-foreground: #EFF0F0
}

.u-color--gray50 {
    color: #e0e0e1;
    --diva-color-foreground: #E0E0E1
}

.u-color--gray70 {
    color: #777;
    --diva-color-foreground: #777777
}

.u-color--gray80 {
    color: #595959;
    --diva-color-foreground: #595959
}

.u-color--gray95 {
    color: #444;
    --diva-color-foreground: #444
}

.u-color--white {
    color: #fff;
    --diva-color-foreground: #ffffff
}

.u-color--black,.u-color--foreground {
    color: #000;
    --diva-color-foreground: #000000
}

.u-color--background {
    color: #fff;
    --diva-color-foreground: #ffffff
}

.u-color--success {
    color: #007a51;
    --diva-color-foreground: #007A51
}

.u-color--warning {
    color: #bfae1f;
    --diva-color-foreground: #BFAE1F
}

.u-color--error,.u-color--hover {
    color: #9e3863;
    --diva-color-foreground: #9E3863
}

.u-color--focus {
    color: #bfae1f;
    --diva-color-foreground: #BFAE1F
}

.u-margin--0 {
    margin: 0!important
}

.u-margin--top-0 {
    margin-top: 0!important
}

.u-margin--right-0 {
    margin-right: 0!important
}

.u-margin--bottom-0 {
    margin-bottom: 0!important
}

.u-margin--left-0 {
    margin-left: 0!important
}

.u-margin--inline-0 {
    margin-inline:0!important}

.u-margin--block-0 {
    margin-block:0!important}

.u-padding--block-0 {
    padding-block:0!important}

.u-margin--15 {
    margin: .9375rem!important
}

.u-margin--top-15 {
    margin-top: .9375rem!important
}

.u-margin--right-15 {
    margin-right: .9375rem!important
}

.u-margin--bottom-15 {
    margin-bottom: .9375rem!important
}

.u-margin--left-15 {
    margin-left: .9375rem!important
}

.u-margin--inline-15 {
    margin-inline:.9375rem!important}

.u-margin--block-15 {
    margin-block:.9375rem!important}

.u-padding--block-15 {
    padding-block:.9375rem!important}

.u-margin--30 {
    margin: 1.875rem!important
}

.u-margin--top-30 {
    margin-top: 1.875rem!important
}

.u-margin--right-30 {
    margin-right: 1.875rem!important
}

.u-margin--bottom-30 {
    margin-bottom: 1.875rem!important
}

.u-margin--left-30 {
    margin-left: 1.875rem!important
}

.u-margin--inline-30 {
    margin-inline:1.875rem!important}

.u-margin--block-30 {
    margin-block:1.875rem!important}

.u-padding--block-30 {
    padding-block:1.875rem!important}

.u-margin--48 {
    margin: 3rem!important
}

.u-margin--top-48 {
    margin-top: 3rem!important
}

.u-margin--right-48 {
    margin-right: 3rem!important
}

.u-margin--bottom-48 {
    margin-bottom: 3rem!important
}

.u-margin--left-48 {
    margin-left: 3rem!important
}

.u-margin--inline-48 {
    margin-inline:3rem!important}

.u-margin--block-48 {
    margin-block:3rem!important}

.u-padding--block-48 {
    padding-block:3rem!important}

.u-margin--90 {
    margin: 5.625rem!important
}

.u-margin--top-90 {
    margin-top: 5.625rem!important
}

.u-margin--right-90 {
    margin-right: 5.625rem!important
}

.u-margin--bottom-90 {
    margin-bottom: 5.625rem!important
}

.u-margin--left-90 {
    margin-left: 5.625rem!important
}

.u-margin--inline-90 {
    margin-inline:5.625rem!important}

.u-margin--block-90 {
    margin-block:5.625rem!important}

.u-padding--block-90 {
    padding-block:5.625rem!important}

.u-margin--120 {
    margin: 7.5rem!important
}

.u-margin--top-120 {
    margin-top: 7.5rem!important
}

.u-margin--right-120 {
    margin-right: 7.5rem!important
}

.u-margin--bottom-120 {
    margin-bottom: 7.5rem!important
}

.u-margin--left-120 {
    margin-left: 7.5rem!important
}

.u-margin--inline-120 {
    margin-inline:7.5rem!important}

.u-margin--block-120 {
    margin-block:7.5rem!important}

.u-padding--block-120 {
    padding-block:7.5rem!important}

.u-margin--180 {
    margin: 11.25rem!important
}

.u-margin--top-180 {
    margin-top: 11.25rem!important
}

.u-margin--right-180 {
    margin-right: 11.25rem!important
}

.u-margin--bottom-180 {
    margin-bottom: 11.25rem!important
}

.u-margin--left-180 {
    margin-left: 11.25rem!important
}

.u-margin--inline-180 {
    margin-inline:11.25rem!important}

.u-margin--block-180 {
    margin-block:11.25rem!important}

.u-padding--block-180 {
    padding-block:11.25rem!important}

a.u-faux-link-overlay {
    z-index: 10;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    background: transparent;
    cursor: pointer
}

a.u-faux-link-overlay+* a,a.u-faux-link-overlay+* button {
    position: relative;
    z-index: 11
}

.u-no-deco {
    text-decoration: none
}

.u-weight-normal {
    font-weight: 400
}

.u-disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.u-sticky,.c-glossary__nav,.c-stickynav {
    z-index: 15;
    position: sticky;
    top: 0;
    display: block
}

@media (min-width: 1024px) {
    .u-sticky,.c-glossary__nav,.c-stickynav {
        top:calc(var(--diva-header-height, ) + var(--diva-fat-border-width, ))
    }
}

.u-block {
    display: block
}

.u-flex-wrap {
    flex-wrap: wrap!important
}

.u-whitespace-pre-wrap {
    white-space: pre-wrap
}

.u-align-self-start {
    align-self: flex-start
}

.u-justify-content-center {
    justify-content: center!important
}

.u-justify-content-left {
    justify-content: flex-start!important
}

.u-justify-content-right {
    justify-content: flex-end!important
}

a.u-faux-block-link-overlay {
    z-index: 10;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    background: transparent;
    cursor: pointer
}

.u-blink {
    animation: blink .5s
}

@keyframes blink {
    0% {
        opacity: .35
    }

    to {
        opacity: 1
    }
}

.u-align-self-start {
    align-self: start
}

.c-stickynav {
    transform: translate(-1px,-1px)
}

.c-stickynav menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    --background: var(--diva-color-white, )
}

@media (min-width: 1024px) {
    .c-stickynav menu {
        --background: var(--diva-color-gray50, )
    }
}

.c-stickynav li {
    flex: 0 0 auto;
    border-bottom: .125rem solid var(--diva-color-foreground, );
    background: var(--background);
    background-image: linear-gradient(0deg,var(--background) 7px,transparent 7px),linear-gradient(180deg,var(--background) 7px,transparent 7px),linear-gradient(90deg,var(--diva-color-foreground, ) 0px,transparent 2px)
}

@media (min-width: 1024px) {
    .c-stickynav li {
        background-image:none;
        border-right: var(--diva-border-width, ) solid var(--diva-color-foreground, );
        border-bottom-width: var(--diva-border-width, )
    }
}

.c-stickynav li:first-child {
    background-image: none
}

@media (max-width: 1023px) {
    .c-stickynav li:last-child {
        border-right:.125rem solid var(--diva-color-foreground, )
    }
}

.c-stickynav a {
    position: relative;
    display: block;
    padding: .5625rem 1.25rem .5rem;
    color: inherit;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: .025em
}

@media (min-width: 1024px) {
    .c-stickynav a {
        letter-spacing:0;
        padding: .8125rem 1.875rem .75rem;
        font-size: 1rem;
        font-weight: 700
    }
}

@media (max-width: 1023px) {
    .c-stickynav .is-active {
        box-shadow:inset 0 -.25rem 0 0 var(--diva-color-red, )
    }
}

.c-stickynav .is-active a {
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 1024px) {
    .c-stickynav .is-active a {
        background:var(--diva-color-foreground, );
        color: var(--diva-color-white, )
    }
}

.c-signet {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 3rem 0 var(--diva-global-margin, )
}

@media (max-width: 1023px) {
    .c-signet {
        justify-content:center
    }
}

.c-signet__image {
    display: block;
    width: auto;
    height: 2.9375rem;
    margin-right: var(--diva-global-margin, )
}

@media screen and (min-height: 900px) {
    .c-signet__image {
        height:4.375rem
    }
}

@media (max-width: 1023px) {
    .c-signet__image {
        height:2.9375rem
    }
}

.c-signet__text {
    max-width: 16.5625rem;
    font-size: .6875rem;
    text-wrap: balance
}

@media screen and (min-height: 900px) {
    .c-signet__text {
        font-size:.75rem;
        max-width: 13.4375rem
    }
}

@media (max-width: 1023px) {
    .c-signet__text {
        max-width:16.5625rem;
        font-size: .6875rem
    }
}

.c-form {
    margin: 0 0 var(--diva-global-margin, )
}

.c-form .c-arrayfield .c-form__field {
    margin-bottom: 0
}

.c-form__field {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 var(--diva-grid-gutter, )
}

.c-form__label {
    display: block;
    margin: 0 0 .25rem;
    font-weight: 700;
    color: currentColor
}

.c-form.c-form--werkzeug:not(:has(h1,h2,h3,h4,[class*=o-headline]))>:nth-child(1 of.c-form__field)>.c-form__label {
    margin-top: 0;
    padding-top: calc(1.5rem + 1em)
}

.c-form__optionallabel {
    color: var(--diva-color-foreground, );
    font-weight: 400;
    font-size: .875em;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.c-form__fieldhint {
    display: block;
    margin: -.125rem 0 .25rem;
    color: var(--diva-color-foreground, )
}

.c-form__fielderror {
    display: block;
    margin: .25rem 0;
    color: var(--diva-color-error, );
    font-weight: 700;
    font-size: .9375rem
}

.c-form input:not([type=radio]):not([type=checkbox]),.c-form textarea,.c-form select,.c-form button,.c-form .c-form__field--multiselect-toggle,.c-form .c-button {
    min-height: 3.125rem
}

.c-form input:not([type=radio]):not([type=checkbox]):-moz-read-only,.c-form textarea:-moz-read-only {
    border-color: var(--diva-color-gray, );
    color: var(--diva-color-gray70, );
    cursor: not-allowed
}

.c-form input:not([type=radio]):not([type=checkbox]):read-only,.c-form textarea:read-only {
    border-color: var(--diva-color-gray, );
    color: var(--diva-color-gray70, );
    cursor: not-allowed
}

.c-form input:not([type=radio]):not([type=checkbox]),.c-form textarea,.c-form .c-form__field--multiselect-toggle,.c-form select {
    width: 100%;
    padding: .625rem 1rem;
    font-weight: 400;
    font-size: 1rem;
    background-color: var(--diva-color-white, );
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    color: var(--diva-color-foreground, )
}

.c-form input:not([type=radio]):not([type=checkbox])::-moz-placeholder,.c-form textarea::-moz-placeholder,.c-form .c-form__field--multiselect-toggle::-moz-placeholder,.c-form select::-moz-placeholder {
    font-weight: 400;
    color: var(--diva-color-gray80, )
}

.c-form input:not([type=radio]):not([type=checkbox])::placeholder,.c-form textarea::placeholder,.c-form .c-form__field--multiselect-toggle::placeholder,.c-form select::placeholder {
    font-weight: 400;
    color: var(--diva-color-gray80, )
}

.c-form input:not([type=radio]):not([type=checkbox]):focus,.c-form textarea:focus,.c-form .c-form__field--multiselect-toggle:focus,.c-form select:focus {
    outline: .25rem solid var(--diva-color-focus, );
    outline-offset: -.25rem
}

.c-form textarea {
    height: auto;
    min-height: 9.0625rem;
    width: 100%;
    max-width: 100%
}

.c-form .c-form__dropdown-icon {
    position: relative;
    left: 100%
}

.c-form .c-form__dropdown-icon svg {
    pointer-events: none;
    display: block;
    position: absolute;
    top: -2.25rem;
    left: -2.25rem;
    width: 1.5rem;
    height: 1.5rem
}

.c-form__field--radio input,.c-form__field--checkbox input,.c-form__field--toggle input {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    position: absolute;
    left: 0;
    transform: translateY(-.0625rem);
    color: var(--diva-color-foreground, );
    margin: 0;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    background: var(--diva-color-white, )
}

.c-form__field--radio label,.c-form__field--checkbox label,.c-form__field--toggle label {
    cursor: pointer
}

.c-form__field--radio input:focus,.c-form__field--checkbox input:focus {
    border-color: var(--diva-color-focus, )
}

.c-form__field--checkbox+.c-form__field--checkbox,.c-form__field--toggle+.c-form__field--toggle {
    margin-top: calc(var(--diva-grid-gutter, ) * -.75)
}

.c-form__field--radio label {
    padding-left: 2.1875rem;
    margin-top: calc(var(--diva-grid-gutter, ) * .75)
}

.c-form__field--radio input {
    border-radius: 50%
}

.c-form__field--radio input:checked:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-clip: content-box;
    padding: .25rem;
    background-color: var(--diva-color-foreground, )
}

.c-form__field--checkbox {
    padding-left: 2.1875rem
}

.c-form__field--checkbox input:checked:before {
    content: "✓";
    position: absolute;
    top: -.25rem;
    right: 0;
    font-size: 1.0625rem;
    font-weight: 1000
}

.c-form__field--toggle {
    padding-left: 3.125rem
}

.c-form__field--toggle.c-form__field--small {
    font-size: .875rem
}

.c-form__field--toggle input {
    width: 2.375rem;
    height: 1.375rem;
    border-radius: .6875rem;
    transition-duration: .4s;
    transition-property: background;
    background: var(--diva-color-red, )
}

.c-form__field--toggle input:before {
    content: "";
    position: absolute;
    left: .125rem;
    bottom: .125rem;
    height: .625rem;
    width: .625rem;
    background-color: var(--diva-color-foreground, );
    transition: transform .4s ease-in-out;
    border-radius: 50%
}

.c-form__field--toggle input:checked {
    background: var(--diva-color-green, )
}

.c-form__field--toggle input:checked:before {
    transform: translate(1rem)
}

.c-form__field--multiselect {
    position: relative
}

.c-form__field--multiselect .c-form__field--checkbox {
    margin: 0 0 .9375rem .9375rem
}

@media (pointer: fine) {
    .c-form__field--multiselect:focus .c-form__field--multiselect-toggle,.c-form__field--multiselect:focus-within .c-form__field--multiselect-toggle {
        border:var(--diva-border-width, ) solid var(--diva-color-focus, )
    }

    .c-form__field--multiselect:focus .c-form__field--multiselect-list,.c-form__field--multiselect:focus-within .c-form__field--multiselect-list {
        border-inline:var(--diva-border-width, ) solid var(--diva-color-focus, );border-bottom: var(--diva-border-width, ) solid var(--diva-color-focus, )
    }
}

.c-form__field--multiselect-list {
    position: absolute;
    list-style: none;
    padding: .9375rem 0 0;
    left: 0;
    top: 100%;
    min-width: 100%;
    z-index: 2;
    background: var(--diva-color-white, );
    border-inline:var(--diva-border-width, ) solid var(--diva-color-foreground, );border-bottom: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    box-shadow: var(--diva-global-shadow, );
    transition: box-shadow .4s ease-in-out;
    display: none;
    max-height: 20rem;
    overflow-x: hidden;
    overflow-y: auto
}

.c-form__field--multiselect-list+span.c-form__dropdown-icon svg {
    transition: rotate .3s ease-in-out;
    rotate: 0deg;
    width: 1.5rem;
    height: 1.5rem
}

.c-form__field--multiselect-list.is-active {
    display: block
}

.c-form__field--multiselect-list.is-active+span.c-form__dropdown-icon svg {
    rotate: -180deg
}

.c-form__field--multiselect-list>li {
    white-space: nowrap
}

.c-form__field--multiselect-list>li>label {
    display: block;
    cursor: pointer
}

@media (pointer: fine) {
    .c-form__field--multiselect-list>li:focus,.c-form__field--multiselect-list>li:focus-within,.c-form__field--multiselect-list>li:hover {
        position:relative
    }

    .c-form__field--multiselect-list>li:focus:before,.c-form__field--multiselect-list>li:focus-within:before,.c-form__field--multiselect-list>li:hover:before {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% + .625rem);
        margin: -.3125rem 0 .3125rem;
        background-color: var(--diva-color-gray50, )
    }
}

.c-form__field--multiselect-toggle {
    display: block;
    padding: .3125rem .625rem;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    cursor: pointer
}

.c-form__field--multiselect-toggle span {
    margin-right: .375rem;
    overflow-wrap: break-word
}

.c-form__field--multiselect-toggle span:after {
    content: "·";
    margin-left: .375rem;
    display: inline-block
}

.c-form__field--multiselect-toggle span:last-child:after {
    content: ""
}

.c-form button,.c-form .c-button {
    margin: 0 0 var(--diva-grid-gutter, )
}

.c-form button:last-child,.c-form .c-button:last-child {
    margin-bottom: 0
}

.c-form__field.has-error:not(.is-dirty) input,.c-form__field.has-error:not(.is-dirty) textarea,.c-form__field.has-error:not(.is-dirty) select {
    border-color: var(--diva-color-error, )
}

.c-form__field input:not(:-moz-placeholder-shown):user-invalid,.c-form__field textarea:not(:-moz-placeholder-shown):user-invalid,.c-form__field select:not(:-moz-placeholder-shown):user-invalid {
    border-color: var(--diva-color-error, )
}

.c-form__field input:not(:placeholder-shown):user-invalid,.c-form__field textarea:not(:placeholder-shown):user-invalid,.c-form__field select:not(:placeholder-shown):user-invalid {
    border-color: var(--diva-color-error, )
}

.c-form__field input:not(:-moz-placeholder-shown):user-invalid+.c-form__validation svg,.c-form__field textarea:not(:-moz-placeholder-shown):user-invalid+.c-form__validation svg,.c-form__field select:not(:-moz-placeholder-shown):user-invalid+.c-form__validation svg {
    display: block!important;
    fill: var(--diva-color-error, )
}

.c-form__field input:not(:placeholder-shown):user-invalid+.c-form__validation svg,.c-form__field textarea:not(:placeholder-shown):user-invalid+.c-form__validation svg,.c-form__field select:not(:placeholder-shown):user-invalid+.c-form__validation svg {
    display: block!important;
    fill: var(--diva-color-error, )
}

.c-form__field input:not(:-moz-placeholder-shown):user-invalid:focus,.c-form__field textarea:not(:-moz-placeholder-shown):user-invalid:focus,.c-form__field select:not(:-moz-placeholder-shown):user-invalid:focus {
    border-color: var(--diva-color-focus, )
}

.c-form__field input:not(:placeholder-shown):user-invalid:focus,.c-form__field textarea:not(:placeholder-shown):user-invalid:focus,.c-form__field select:not(:placeholder-shown):user-invalid:focus {
    border-color: var(--diva-color-focus, )
}

.c-form__field input:not([type=radio]):not([type=checkbox])+.c-form__validation,.c-form__field textarea+.c-form__validation,.c-form__field select+.c-form__validation {
    position: relative;
    left: 100%
}

.c-form__field input:not([type=radio]):not([type=checkbox])+.c-form__validation svg,.c-form__field textarea+.c-form__validation svg,.c-form__field select+.c-form__validation svg {
    display: none;
    position: absolute;
    top: -2.25rem;
    left: -2rem;
    width: 1.375rem;
    height: 1.375rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    cursor: pointer
}

.c-form__field input:not([type=radio]):not([type=checkbox]):disabled,.c-form__field textarea:disabled,.c-form__field select:disabled {
    border-color: var(--diva-color-gray, )
}

.c-form__field input:not([type=radio]):not([type=checkbox]):disabled+.c-form__validation svg,.c-form__field textarea:disabled+.c-form__validation svg,.c-form__field select:disabled+.c-form__validation svg {
    display: block!important;
    fill: var(--diva-color-gray, )
}

.c-form__field:has(.c-form__fieldtoggle) input+.c-form__validation svg {
    left: -4.0625rem!important
}

.c-form__field:has(.c-form__fieldtoggle) input:not(:-moz-placeholder-shown):user-invalid {
    padding-right: 4.0625rem
}

.c-form__field:has(.c-form__fieldtoggle) input:not(:placeholder-shown):user-invalid,.c-form__field:has(.c-form__fieldtoggle) input.has-error:not(.is-dirty) {
    padding-right: 4.0625rem
}

.c-form .c-form__field input[type=password] {
    padding-right: 2.5rem
}

.c-form__fieldtoggle {
    position: absolute;
    left: 100%;
    top: 1.6875rem;
    height: 3.125rem
}

.c-form__fieldtoggle button {
    z-index: 99;
    position: relative;
    top: 0;
    left: -100%;
    bottom: 0;
    padding: 0 .875rem 0 0;
    margin: 0;
    line-height: 1;
    cursor: pointer
}

.c-form__fieldtoggle svg {
    width: 1.5rem;
    height: 1.5rem
}

.c-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: var(--button-width, auto);
    margin: 0 auto var(--diva-global-margin, );
    padding: .875rem 1.875rem .8125rem;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: var(--button-color, var(--diva-color-black, ));
    background-color: var(--button-backgroundcolor, var(--diva-color-red, ));
    transition: color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .4s ease-in-out;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    cursor: pointer
}

@media (min-width: 1024px) {
    .c-button {
        padding-inline:2.5rem
    }
}

@media (pointer: fine) {
    .c-button:not(.is-disabled):hover,.c-button:not(.is-disabled):focus,.c-button:not(.is-disabled):focus-visible {
        --button-color: var(--button-hover-color, var(--diva-color-red, )) !important;
        --button-backgroundcolor: var(--button-hover-backgroundcolor, #000) !important;
        box-shadow: var(--diva-global-shadow, )
    }
}

.c-button.c-button--blue {
    --button-backgroundcolor: #ADD8EC;
    --button-color: #000000;
    --button-hover-color: #ADD8EC
}

.c-button.c-button--yellow {
    --button-backgroundcolor: #FFF6B0;
    --button-color: #000000;
    --button-hover-color: #FFF6B0
}

.c-button.c-button--green {
    --button-backgroundcolor: #CFEDC7;
    --button-color: #000000;
    --button-hover-color: #CFEDC7
}

.c-button.c-button--red {
    --button-backgroundcolor: #FFC9DB;
    --button-color: #000000;
    --button-hover-color: #FFC9DB
}

.c-button.c-button--gray {
    --button-backgroundcolor: #BFC0C1;
    --button-color: #000000;
    --button-hover-color: #BFC0C1
}

.c-button.c-button--orange {
    --button-backgroundcolor: #FFCF9c;
    --button-color: #000000;
    --button-hover-color: #FFCF9c
}

.c-button.c-button--violet {
    --button-backgroundcolor: #C4C6ED;
    --button-color: #000000;
    --button-hover-color: #C4C6ED
}

.c-button.c-button--blue2 {
    --button-backgroundcolor: #61AAC8;
    --button-color: #000000;
    --button-hover-color: #61AAC8
}

.c-button.c-button--blue3 {
    --button-backgroundcolor: #166C88;
    --button-color: #ffffff;
    --button-hover-color: #166C88
}

.c-button.c-button--yellow2 {
    --button-backgroundcolor: #EFDC62;
    --button-color: #000000;
    --button-hover-color: #EFDC62
}

.c-button.c-button--yellow3 {
    --button-backgroundcolor: #BFAE1F;
    --button-color: #000000;
    --button-hover-color: #BFAE1F
}

.c-button.c-button--green2 {
    --button-backgroundcolor: #7DBC91;
    --button-color: #000000;
    --button-hover-color: #7DBC91
}

.c-button.c-button--green3 {
    --button-backgroundcolor: #007A51;
    --button-color: #ffffff;
    --button-hover-color: #007A51
}

.c-button.c-button--red2 {
    --button-backgroundcolor: #D86792;
    --button-color: #000000;
    --button-hover-color: #D86792
}

.c-button.c-button--red3 {
    --button-backgroundcolor: #9E3863;
    --button-color: #ffffff;
    --button-hover-color: #9E3863
}

.c-button.c-button--gray25 {
    --button-backgroundcolor: #EFF0F0;
    --button-color: #000000;
    --button-hover-color: #EFF0F0
}

.c-button.c-button--gray50 {
    --button-backgroundcolor: #E0E0E1;
    --button-color: #000000;
    --button-hover-color: #E0E0E1
}

.c-button.c-button--gray70 {
    --button-backgroundcolor: #777777;
    --button-color: #000000;
    --button-hover-color: #777777
}

.c-button.c-button--gray80 {
    --button-backgroundcolor: #595959;
    --button-color: #ffffff;
    --button-hover-color: #595959
}

.c-button.c-button--gray95 {
    --button-backgroundcolor: #444;
    --button-color: #ffffff;
    --button-hover-color: #444
}

.c-button.c-button--white {
    --button-backgroundcolor: #ffffff;
    --button-color: #000000;
    --button-hover-color: #ffffff
}

.c-button.c-button--black,.c-button.c-button--foreground {
    --button-backgroundcolor: #000000;
    --button-color: #ffffff;
    --button-hover-color: #000000
}

.c-button.c-button--background {
    --button-backgroundcolor: #ffffff;
    --button-color: #000000;
    --button-hover-color: #ffffff
}

.c-button.c-button--success {
    --button-backgroundcolor: #007A51;
    --button-color: #ffffff;
    --button-hover-color: #007A51
}

.c-button.c-button--warning {
    --button-backgroundcolor: #BFAE1F;
    --button-color: #000000;
    --button-hover-color: #BFAE1F
}

.c-button.c-button--error {
    --button-backgroundcolor: #9E3863;
    --button-color: #ffffff;
    --button-hover-color: #9E3863
}

.c-button.c-button--success-bg {
    --button-backgroundcolor: #CFEDC7;
    --button-color: #000000;
    --button-hover-color: #CFEDC7
}

.c-button.c-button--warning-bg {
    --button-backgroundcolor: #FFF6B0;
    --button-color: #000000;
    --button-hover-color: #FFF6B0
}

.c-button.c-button--error-bg {
    --button-backgroundcolor: #FFC9DB;
    --button-color: #000000;
    --button-hover-color: #FFC9DB
}

.c-button.c-button--hover {
    --button-backgroundcolor: #9E3863;
    --button-color: #ffffff;
    --button-hover-color: #9E3863
}

.c-button.c-button--focus {
    --button-backgroundcolor: #BFAE1F;
    --button-color: #000000;
    --button-hover-color: #BFAE1F
}

.c-button--block {
    display: flex
}

.c-button--round {
    border-radius: 6.25rem
}

.c-button svg {
    margin-inline:-.5625rem .5rem}

.c-button--small,.c-button--xs {
    padding-block:.3125rem}

.c-button--xs {
    padding-inline:var(--diva-button-padding-inline, .9375rem)}

.c-button--xs svg {
    margin-inline: var(--diva-button-svg-margin-inline, -.1875rem .1875rem)
}

.c-button.is-active {
    --button-color: var(--button-hover-color, var(--diva-color-red, )) !important;
    --button-backgroundcolor: var(--button-hover-backgroundcolor, #000) !important;
    box-shadow: var(--diva-global-shadow, )
}

.c-button.is-disabled {
    opacity: .6;
    cursor: not-allowed;
    --button-backgroundcolor: var(--diva-color-gray50, );
    --button-color: var(--diva-color-black, )
}

.c-button.is-loading {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .4s ease-in-out,padding .4s ease-in-out;
    pointer-events: none;
    cursor: wait;
    padding-inline:3.3125rem 1.6875rem;overflow: clip
}

.c-button.is-loading:before {
    content: "";
    display: block;
    position: absolute;
    left: 1.0625rem;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    border: var(--diva-border-width, ) solid currentColor;
    border-left-color: transparent;
    animation: spin 1s infinite linear .1s,buttonloader .4s 1 ease-out
}

.c-button+.c-button {
    margin-left: calc(var(--diva-global-margin, ) - 4px)
}

.o-buttonrow .c-button {
    padding-block:.3125rem;margin-inline:0}

.c-buttongroup {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--diva-global-margin, );
    margin: 0 0 var(--diva-global-margin, )
}

@container (min-width: 44.8125rem) {
    .c-buttongroup {
        flex-direction: row;
        justify-content: center
    }
}

@container (min-width: 39.5rem) {
    .c-buttongroup:has(>:last-child:nth-child(2)) {
        flex-direction: row;
        justify-content: center
    }
}

.c-buttongroup .c-button {
    margin: 0
}

.c-buttongroup span {
    align-self: center;
    font-size: .9375rem;
    margin: -.9375rem 0
}

.o-iconbutton {
    display: inline-block;
    margin: 0 -.61875rem var(--diva-global-margin, );
    padding: .5625rem
}

.o-buttonrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 0 0 var(--diva-global-margin, );
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: var(--diva-global-margin, )
}

.o-buttonrow>* {
    margin-block:0!important}

.c-listbox {
    --diva-grid-gutter: .9375rem;
    margin-bottom: var(--diva-global-margin, )
}

.c-listbox__heading {
    margin: 0;
    color: var(--diva-color-white, )
}

.c-listbox__rows {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-listbox__row {
    position: relative;
    padding: var(--diva-padding-block, ) var(--diva-padding-inline, ) calc(var(--diva-padding-block, ) - var(--diva-paragraph-margin, ));
    border-inline:var(--diva-border-width, ) solid var(--diva-color-foreground, );border-bottom: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    transition: box-shadow .4s ease-in-out;
    --diva-global-margin: .3125rem;
    --diva-paragraph-margin: .3125rem
}

@media (pointer: fine) {
    .c-listbox__row:hover {
        box-shadow:var(--diva-global-shadow, )
    }

    .c-listbox__row:has(button:focus-visible),.c-listbox__row:has(a:focus-visible) {
        box-shadow: var(--diva-focus-shadow, ),var(--diva-global-shadow, )
    }
}

.c-listbox__rowicon,.c-accordion__rowicon {
    display: inline;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -.875em
}

.c-listbox__title {
    padding-block:var(--diva-padding-block, )}

.c-listbox--light .c-listbox__heading {
    background: var(--diva-color-background, );
    color: var(--diva-color-foreground, );
    border-bottom: none;
    padding-top: .875em;
    padding-bottom: 0
}

.c-listbox--light .c-listbox__row:not(:last-child) {
    border-bottom: none;
    background-image: linear-gradient(90deg,var(--diva-color-background, ) var(--diva-padding-inline, ),transparent var(--diva-padding-inline, ),transparent calc(100% - var(--diva-padding-inline, )),var(--diva-color-background, ) calc(100% - var(--diva-padding-inline, ))),linear-gradient(0deg,var(--diva-color-foreground, ) 0px,transparent 2px)
}

@media (pointer: fine) {
    .c-listbox--light .c-listbox__row:hover,.c-listbox--light .c-listbox__row:focus-within {
        box-shadow:none
    }
}

.c-progressbar {
    container: progressbar;
    container-type: inline-size;
    position: relative;
    height: 2.3125rem;
    margin: .625rem 0 var(--diva-global-margin, );
    color: var(--diva-color-black, );
    --diva-color-background: var(--diva-color-white, )
}

.c-progressbar__progress {
    display: block;
    width: 100%;
    height: 2.3125rem;
    padding-inline:1rem 4rem;border-radius: 2.25rem;
    border: var(--diva-border-width, ) solid var(--diva-color-black, );
    background: var(--diva-color-background, );
    background-image: linear-gradient(90deg,var(--diva-color-background, ) 16px,transparent 16px,transparent calc(100% - 64px),var(--diva-color-background, ) calc(100% - 64px)),linear-gradient(0deg,transparent calc(50% - 1px),var(--diva-color-foreground, ) 50%,transparent calc(50% + 1px))
}

.c-progressbar__progress::-webkit-progress-bar {
    width: 100%;
    height: 100%;
    padding-block:.6875rem;height: 1.8125rem;
    background: transparent
}

.c-progressbar__progress::-webkit-progress-value {
    background: var(--diva-color-foreground, );
    box-sizing: border-box
}

.c-progressbar__progress::-moz-progress-bar {
    background: var(--diva-color-foreground, );
    height: .4375rem;
    margin-top: .6875rem;
    box-sizing: border-box
}

:not(.c-progressbox:has(.c-progressbar) *)>.c-progressbar>.c-progressbar__progress[value="100"][max="100"] {
    background: #00000026
}

@container progressbar (max-width: 16.8125rem) {
    .c-progressbar {
        width: 5.5rem
    }

    .c-progressbar .c-progressbar__progress {
        width: 5.5rem;
        background: var(--diva-color-background, )
    }

    .c-progressbar .c-progressbar__progress::-webkit-progress-bar {
        display: none
    }

    .c-progressbar .c-progressbar__progress::-webkit-progress-value {
        display: none
    }

    .c-progressbar .c-progressbar__progress::-moz-progress-bar {
        display: none
    }

    .c-progressbar .c-progressbar__value {
        left: 0;
        right: auto;
        text-align: center
    }
}

.c-progressbar__value {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 5.5rem;
    padding-top: .5rem;
    padding-inline:1.125rem;text-wrap: nowrap;
    font-weight: 700;
    font-size: .875rem;
    text-align: right
}

.c-progressbar--small {
    width: 5.5rem
}

.c-progressbar--small .c-progressbar__progress {
    width: 5.5rem;
    background: var(--diva-color-background, )
}

.c-progressbar--small .c-progressbar__progress::-webkit-progress-bar {
    display: none
}

.c-progressbar--small .c-progressbar__progress::-webkit-progress-value {
    display: none
}

.c-progressbar--small .c-progressbar__progress::-moz-progress-bar {
    display: none
}

.c-progressbar--small .c-progressbar__value {
    left: 0;
    right: auto;
    text-align: center
}

.c-progressbox {
    position: relative;
    margin-top: calc(var(--diva-fat-border-width, ) * -1);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch
}

@media (min-width: 1024px) {
    .c-progressbox {
        height:calc(100% + var(--diva-fat-border-width, ))
    }
}

.c-progressbox__titles>span {
    display: none
}

@media (min-width: 1024px) {
    .c-progressbox__titles>span {
        display:block
    }
}

.c-progressbox__titles>button {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .c-progressbox__titles>button {
        display:none
    }
}

.c-progressbox__title {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 0
}

.c-progressbox__contentwrap {
    flex: 1 0 auto;
    overflow: clip;
    height: 0;
    transition: height .4s ease-in-out;
    interpolate-size: allow-keywords;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    border-bottom: var(--diva-border-width, ) solid var(--diva-color-foreground, )
}

.is-open .c-progressbox__contentwrap {
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 1024px) {
    .c-progressbox__contentwrap {
        height:auto;
        flex-shrink: 1;
        border-bottom: none;
        overflow-y: auto
    }
}

.c-progressbox__content {
    flex: 1 0 auto;
    overflow-y: auto;
    padding: var(--diva-content-gutter, );
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .c-progressbox__content {
        padding-bottom:calc(var(--diva-content-gutter, ) + 2.3125rem)
    }
}

@media (min-width: 1024px) {
    .c-progressbox__footer {
        position:fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: auto
    }
}

.c-progressbox__progressbar {
    padding: var(--diva-content-gutter, );
    padding-top: 0
}

.c-progressbox__progressbar>* {
    margin: 0
}

.c-progressbox__exitbutton {
    padding: var(--diva-content-gutter, );
    padding-top: 0;
    margin-top: calc(0px - var(--diva-content-gutter, ) / 2)
}

.c-progressbox__exitbutton>* {
    margin: 0
}

@keyframes accordion_spin_open_out {
    0% {
        transform: rotate(270deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes accordion_spin_open_in {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-270deg)
    }
}

@keyframes accordion_spin_closebtn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-180deg)
    }
}

.c-accordion {
    --diva-grid-gutter: .9375rem;
    margin: 0 0 var(--diva-global-margin, );
    overflow: hidden;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    transition: box-shadow .4s ease-in-out;
    background: var(--diva-color-white, )
}

.c-accordion .c-accordion__toggle {
    transform: translate(-1px,1px);
    margin-bottom: 0
}

.c-accordion .c-accordion__toggle>span {
    position: relative;
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.c-accordion .c-accordion__open,.c-accordion .c-accordion__close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transform: rotate(0)
}

.c-accordion .c-accordion__open {
    transform: rotate(270deg)
}

.c-accordion[open] .c-accordion__open {
    transform: rotate(0)
}

.c-accordion.is-expanding .c-accordion__open {
    animation: accordion_spin_open_out .4s ease-in-out
}

.c-accordion.is-closing .c-accordion__open {
    animation: accordion_spin_open_in .4s ease-in-out
}

.c-accordion.is-closing .c-accordion__close,.c-accordion.is-expanding .c-accordion__close {
    animation: accordion_spin_closebtn .4s ease-in-out
}

@media (pointer: fine) {
    .c-accordion:hover {
        box-shadow:var(--diva-global-shadow, )
    }

    .c-accordion:has(.c-accordion__summary:focus-visible),.c-accordion:has(.c-accordion__summary button:focus-visible),.c-accordion:has(.c-accordion__summary a:focus-visible) {
        box-shadow: var(--diva-focus-shadow, ),var(--diva-global-shadow, )
    }

    .c-accordion:has(.c-accordion__summary:focus-visible) .c-accordion__title {
        color: var(--diva-color-hover, )
    }
}

.c-accordion__summary {
    position: relative;
    z-index: 1;
    padding: var(--diva-padding-block, ) var(--diva-padding-inline, ) calc(var(--diva-padding-block, ) - var(--diva-paragraph-margin, ));
    cursor: pointer;
    --diva-global-margin: .3125rem;
    --diva-paragraph-margin: .3125rem
}

.c-accordion__summary button,.c-accordion__summary .c-button {
    position: relative;
    z-index: 2
}

@media (pointer: fine) {
    .c-accordion__summary:focus-visible .c-accordion__toggle {
        color:var(--diva-color-hover, )
    }
}

.c-accordion__title {
    display: flex;
    align-items: center;
    transition: color .3s ease-in-out;
    padding-block:var(--diva-padding-block, );transform: translateY(1px)
}

.c-accordion__title-dialog-results {
    font-weight: 700;
    font-size: 1.125rem;
    margin-top: -2px;
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.c-accordion__content {
    --padding: var(--diva-padding-inline, ) var(--diva-padding-inline, ) calc(var(--diva-padding-inline, ) - var(--diva-paragraph-margin, ));
    padding: var(--padding);
    border-top: var(--diva-thin-border-width, ) solid var(--diva-color-foreground, )
}

.c-accordion--theme-dark .c-accordion__content {
    background-color: var(--diva-color-black, );
    border-top: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    color: var(--diva-color-white, )
}

.c-table {
    margin: var(--diva-global-margin, ) 0;
    max-width: 100%;
    overflow-x: auto
}

.c-table.has-overflow {
    max-width: calc(100% + var(--diva-content-gutter, ) * 2);
    margin-inline:calc(var(--diva-content-gutter, ) * -1);padding-left: var(--diva-content-gutter, )
}

.c-table:focus-visible {
    box-shadow: var(--diva-focus-shadow, )
}

.c-table table {
    width: 100%
}

.c-table th {
    font-weight: 700;
    border-bottom: var(--diva-border-width, ) solid var(--diva-color-foreground, )
}

.c-table tr {
    border-bottom: var(--diva-thin-border-width, ) solid var(--diva-color-foreground, )
}

.c-table th,.c-table td {
    padding: .5rem
}

.c-alert,.c-linkbox {
    --diva-grid-gutter: .9375rem;
    position: relative;
    margin-bottom: var(--diva-global-margin, );
    --transition: box-shadow .4s ease-in-out;
    transition: var(--transition);
    border: var(--diva-border-width, ) solid var(--diva-color-black, )
}

.c-alert.u-background--default,.c-linkbox.u-background--default {
    background: var(--diva-color-white, )
}

@media (pointer: fine) {
    .c-alert:hover,.c-linkbox:hover {
        box-shadow:var(--diva-global-shadow, )
    }

    .c-alert:has(button:focus-visible),.c-alert:has(a:focus-visible),.c-linkbox:has(button:focus-visible),.c-linkbox:has(a:focus-visible) {
        box-shadow: var(--diva-focus-shadow, ),var(--diva-global-shadow, )
    }
}

.c-alert>.l-grid,.c-linkbox>.l-grid {
    padding: var(--diva-padding-block, ) var(--diva-padding-inline, ) calc(var(--diva-padding-block, ) - var(--diva-paragraph-margin, ));
    color: var(--diva-color-foreground, );
    --diva-global-margin: .3125rem;
    --diva-paragraph-margin: .3125rem
}

.c-alert__content,.c-linkbox__content {
    padding-block:var(--diva-padding-block, )}

.c-alert__rowicon,.c-linkbox__rowicon {
    display: inline;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -.875em
}

.c-alert .o-buttonrow,.c-linkbox .o-buttonrow {
    margin: -.5rem 0
}

.c-glossary h2 {
    font-size: 3.75rem;
    margin-top: 2.0625rem;
    margin-left: calc(var(--diva-border-width, ) * -1);
    width: -moz-fit-content;
    width: fit-content;
    border: var(--diva-border-width, ) solid transparent
}

.c-glossary__nav {
    margin-inline:calc(var(--diva-content-gutter, ) * -1);padding: .3125rem 0 .3125rem calc(var(--diva-content-gutter, ) - .5rem);
    background-color: var(--diva-color-white, );
    overflow-x: auto
}

.c-glossary__nav.is-pinned {
    border-bottom: .125rem solid currentColor
}

.c-glossary__nav ul {
    display: flex;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.c-glossary__nav li {
    flex: 0 0 auto;
    font-size: 0
}

.c-glossary__nav li a,.c-glossary__nav li div {
    font-size: 1rem;
    display: inline-block;
    padding: .625rem .5rem .0625rem;
    text-decoration: none;
    font-weight: 400;
    border-bottom: transparent solid .5625rem
}

.c-glossary__nav li a:focus,.c-glossary__nav li div:focus {
    border-color: var(--diva-color-red, )
}

.c-glossary__nav li a.is-active,.c-glossary__nav li div.is-active {
    font-weight: 700;
    border-color: var(--diva-color-red, )
}

.c-glossary__nav li a.is-disabled,.c-glossary__nav li div.is-disabled {
    color: var(--diva-color-gray, )
}

.c-glossary__nav li span:not(.u-sr-only) {
    display: inline-block;
    font-size: 1rem;
    vertical-align: .0625rem
}

.c-glossary__nav li:last-child span:not(.u-sr-only) {
    display: none
}

.c-glossary__content {
    border-top: var(--diva-thin-border-width, ) solid var(--diva-color-foreground, );
    padding-top: var(--diva-global-margin, )
}

.c-glossary__item {
    margin-bottom: var(--diva-global-margin, )
}

.c-glossary__item dt,.c-glossary__item dd {
    display: inline
}

.c-glossary__item dt {
    font-weight: 700
}

.c-dialog,.c-dialog__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@media (min-width: 1024px) {
    .c-dialog,.c-dialog__overlay {
        inset-inline:calc(.9375rem + var(--diva-fat-border-width, ));
        top: calc(var(--diva-header-height, ) + var(--diva-fat-border-width, ));
        bottom: calc(var(--diva-footer-height, ) + var(--diva-fat-border-width, ));
        max-width: calc(1680px - var(--diva-fat-border-width, ) - var(--diva-fat-border-width, ))
    }
}

.c-dialog {
    z-index: 100;
    display: flex
}

.c-dialog[aria-hidden=true] {
    display: none
}

.c-dialog__overlay {
    background: var(--diva-color-black, );
    opacity: .8;
    animation: fade-in .4s both
}

@media (min-width: 1024px) {
    .c-dialog__overlay {
        background:var(--diva-color-background, )
    }
}

.c-dialog__title {
    margin-top: 0;
    padding-inline:var(--diva-content-gutter, ) 2.25rem}

.c-dialog__close {
    z-index: 2;
    position: fixed;
    top: 2.0625rem;
    right: 2.0625rem;
    cursor: pointer
}

.c-dialog__inner {
    z-index: 2;
    position: relative;
    margin: auto;
    animation: fade-in .4s .2s both,slide-up-in .4s .2s both;
    overflow: auto;
    overflow-x: clip;
    width: 100%;
    max-width: calc(100vw - 30px);
    max-height: calc(95vh - max(5vh,env(safe-area-inset-top)) - max(5vh,env(safe-area-inset-bottom)));
    box-shadow: var(--diva-global-shadow, );
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    --diva-color-background: var(--diva-color-white, );
    background-color: var(--diva-color-background, );
    transition: height .3s ease-in-out
}

@media (min-width: 1024px) {
    .c-dialog__inner {
        max-width:43.75rem;
        max-height: calc(90vh - var(--diva-header-height, ) - var(--diva-footer-height, ))
    }
}

.c-dialog__inner .c-form__submit {
    width: 100%
}

.c-dialog__content {
    padding: var(--diva-content-gutter, ) 0 0
}

.c-dialog__content,.c-dialog__content .l-container {
    --diva-content-gutter: 1.875rem
}

.c-dialog.is-animating-out .c-dialog__overlay {
    animation: fade-out .3s .1s both
}

.c-dialog.is-animating-out .c-dialog__inner {
    animation: fade-out .4s both,slide-up-out .4s both
}

@media (prefers-reduced-motion: reduce) {
    .c-dialog__overlay,.c-dialog__inner {
        animation: none
    }
}

.c-tableofcontents {
    position: relative;
    margin-bottom: var(--diva-global-margin, )
}

.c-tableofcontents:last-child {
    margin-bottom: calc(var(--diva-global-margin, ) * 3)
}

.c-tableofcontents:before {
    z-index: -2;
    content: "";
    display: block;
    position: absolute;
    inset-block: 1.5625rem;
    left: .6875rem;
    width: .125rem;
    background: var(--diva-color-foreground, )
}

.c-tableofcontents__item {
    position: relative;
    margin: 1.25rem 0;
    padding-left: 2.125rem
}

.c-tableofcontents__item:first-child {
    margin-top: 0
}

.c-tableofcontents__item:last-child {
    margin-bottom: 0
}

.c-tableofcontents__item:last-child:after {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    inset-block: 1.5625rem;
    left: .6875rem;
    width: .125rem;
    background: var(--diva-color-background, )
}

.c-tableofcontents__item:before {
    content: "";
    position: absolute;
    top: -.0625rem;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .625rem 0 0;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    border-radius: 50%;
    background: var(--diva-color-background, );
    box-shadow: 0 0 0 .1875rem var(--diva-color-background, )
}

.c-tableofcontents__item.is-done:before {
    background: var(--diva-color-green, )
}

.c-tableofcontents__item.is-current:before {
    background: var(--diva-color-yellow, )
}

.c-tableofcontents .c-tableofcontents {
    margin: .625rem 0 .625rem -.9375rem
}

.c-tableofcontents .o-buttonrow {
    margin: -.5rem 0
}

.c-tableofcontents__pagelist-item {
    position: relative;
    padding-left: 1.375rem;
    margin-left: .3125rem;
    margin-block:.3125rem;display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-tableofcontents__pagelist-item svg {
    position: absolute;
    left: 0;
    top: .1875rem;
    width: 1.125rem;
    height: 1.125rem
}

.c-tableofcontents__pagelist-item.is-current svg {
    height: 1rem;
    top: .25rem
}

.c-tableofcontents__pagelist-item a {
    text-decoration: none;
    font-weight: 400;
    font-size: .9375rem
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform,visibility,opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translate(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translate(-10px)
}

[data-tippy-root] {
    max-width: calc(100vw - 30px)
}

.c-tooltip {
    display: inline-block;
    cursor: pointer;
    font-weight: 700
}

.c-tooltip__icon,span.c-tooltip:after,.o-paragraph a:not(.u-no-linkicon)[href^="https://"]:after,.o-paragraph a:not(.u-no-linkicon)[href^="http://"]:after,.o-paragraph a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="https://"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="http://"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="https://"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="http://"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="https://"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="http://"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="/glossar#"]:after {
    display: inline-block;
    vertical-align: text-bottom;
    vertical-align: -.125rem;
    width: 1em;
    height: 1em;
    margin-left: -.0625rem
}

.tippy-box {
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    border-radius: 0;
    background-color: var(--diva-color-gray25, );
    color: var(--diva-color-foreground, );
    padding: .75rem;
    box-shadow: var(--diva-global-shadow, );
    font-size: 1rem;
    font-weight: 400
}

.tippy-box .c-button {
    margin-bottom: .3125rem
}

.o-paragraph a:not(.u-no-linkicon)[href^="https://"]:after,.o-paragraph a:not(.u-no-linkicon)[href^="http://"]:after,.o-paragraph a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="https://"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="http://"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="https://"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="http://"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="https://"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="http://"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="/glossar#"]:after {
    content: "";
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M117.18 188.74a12 12 0 0 1 0 17l-5.12 5.12A58.26 58.26 0 0 1 70.6 228a58.62 58.62 0 0 1-41.46-100.08l34.75-34.75a58.64 58.64 0 0 1 98.56 28.11 12 12 0 1 1-23.37 5.44 34.65 34.65 0 0 0-58.22-16.58l-34.75 34.75A34.62 34.62 0 0 0 70.57 204a34.41 34.41 0 0 0 24.49-10.14l5.11-5.12a12 12 0 0 1 17.01 0ZM226.83 45.17a58.65 58.65 0 0 0-82.93 0l-5.11 5.11a12 12 0 0 0 17 17l5.12-5.12a34.63 34.63 0 1 1 49 49l-34.81 34.7A34.39 34.39 0 0 1 150.61 156a34.63 34.63 0 0 1-33.69-26.72 12 12 0 0 0-23.38 5.44A58.64 58.64 0 0 0 150.56 180h.05a58.28 58.28 0 0 0 41.47-17.17l34.75-34.75a58.62 58.62 0 0 0 0-82.91Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M117.18 188.74a12 12 0 0 1 0 17l-5.12 5.12A58.26 58.26 0 0 1 70.6 228a58.62 58.62 0 0 1-41.46-100.08l34.75-34.75a58.64 58.64 0 0 1 98.56 28.11 12 12 0 1 1-23.37 5.44 34.65 34.65 0 0 0-58.22-16.58l-34.75 34.75A34.62 34.62 0 0 0 70.57 204a34.41 34.41 0 0 0 24.49-10.14l5.11-5.12a12 12 0 0 1 17.01 0ZM226.83 45.17a58.65 58.65 0 0 0-82.93 0l-5.11 5.11a12 12 0 0 0 17 17l5.12-5.12a34.63 34.63 0 1 1 49 49l-34.81 34.7A34.39 34.39 0 0 1 150.61 156a34.63 34.63 0 0 1-33.69-26.72 12 12 0 0 0-23.38 5.44A58.64 58.64 0 0 0 150.56 180h.05a58.28 58.28 0 0 0 41.47-17.17l34.75-34.75a58.62 58.62 0 0 0 0-82.91Z'/%3E%3C/svg%3E");
    margin-left: .25em
}

.o-paragraph a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-listbox__row a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-progressbox__content a:not(.u-no-linkicon)[href^="/glossar#"]:after,.c-glossary__item a:not(.u-no-linkicon)[href^="/glossar#"]:after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M108 84a16 16 0 1 1 16 16 16 16 0 0 1-16-16Zm128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108Zm-24 0a84 84 0 1 0-84 84 84.09 84.09 0 0 0 84-84Zm-72 36.68V132a20 20 0 0 0-20-20 12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20 12 12 0 0 0 4-23.32Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M108 84a16 16 0 1 1 16 16 16 16 0 0 1-16-16Zm128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108Zm-24 0a84 84 0 1 0-84 84 84.09 84.09 0 0 0 84-84Zm-72 36.68V132a20 20 0 0 0-20-20 12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20 12 12 0 0 0 4-23.32Z'/%3E%3C/svg%3E")
}

span.c-tooltip {
    text-decoration: underline
}

span.c-tooltip:after {
    content: "";
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M108 84a16 16 0 1 1 16 16 16 16 0 0 1-16-16Zm128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108Zm-24 0a84 84 0 1 0-84 84 84.09 84.09 0 0 0 84-84Zm-72 36.68V132a20 20 0 0 0-20-20 12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20 12 12 0 0 0 4-23.32Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M108 84a16 16 0 1 1 16 16 16 16 0 0 1-16-16Zm128 44A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108Zm-24 0a84 84 0 1 0-84 84 84.09 84.09 0 0 0 84-84Zm-72 36.68V132a20 20 0 0 0-20-20 12 12 0 0 0-4 23.32V168a20 20 0 0 0 20 20 12 12 0 0 0 4-23.32Z'/%3E%3C/svg%3E");
    margin-left: .25em
}

.shepherd-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -moz-column-gap: calc(var(--diva-global-margin, ) / 2);
    column-gap: calc(var(--diva-global-margin, ) / 2);
    row-gap: calc(var(--diva-global-margin, ) / 4);
    padding: 0 calc(var(--diva-content-gutter, ) * .5) calc(var(--diva-content-gutter, ) * .5)
}

@media (min-width: 1024px) {
    .shepherd-footer {
        padding:0 var(--diva-content-gutter, ) var(--diva-content-gutter, )
    }
}

.shepherd-footer .c-button {
    margin: 0
}

.shepherd-footer .shepherd-button:last-child {
    margin-right: 0
}

.shepherd-cancel-icon {
    background: transparent;
    border: none;
    color: #808080bf;
    cursor: pointer;
    font-size: 2em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    transition: color .5s ease
}

.shepherd-cancel-icon:hover {
    color: #000000bf
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
    color: #808080bf
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
    color: #000000bf
}

.shepherd-title {
    color: #000000bf;
    display: flex;
    flex: 1 0 auto;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.shepherd-header {
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: flex-end;
    line-height: 2em;
    padding: .75rem .75rem 0
}

.shepherd-has-title .shepherd-content .shepherd-header {
    background: #e6e6e6;
    padding: 1em
}

.shepherd-text {
    padding: calc(var(--diva-content-gutter, ) * .5)
}

.shepherd-text :first-child {
    margin-top: 0
}

@media (min-width: 1024px) {
    .shepherd-text {
        padding:var(--diva-content-gutter, )
    }
}

.shepherd-text p:last-child {
    margin-bottom: 0
}

.shepherd-content {
    animation: fade-in .2s .1s both,slide-up-in .2s .1s both;
    box-shadow: 0 1px 4px #0003;
    border: var(--diva-border-width, ) solid var(--diva-color-foreground, );
    border-radius: 0;
    background-color: var(--diva-color-gray25, );
    color: var(--diva-color-foreground, );
    box-shadow: var(--diva-global-shadow, );
    font-size: .875rem;
    font-weight: 400
}

.shepherd-content .c-button {
    margin-bottom: .3125rem
}

.shepherd-content__close {
    position: fixed;
    top: .625rem;
    right: .625rem;
    cursor: pointer;
    shape-outside: ellipse(100px 200px at 50% 50%)
}

@media (min-width: 1024px) {
    .shepherd-content__close {
        top:2.0625rem;
        right: 2.0625rem
    }
}

.shepherd-content.is-animating-out {
    animation: fade-out .4s both,slide-up-out .4s both
}

.shepherd-content:has(.shepherd-content__close) .shepherd-text {
    margin-right: 1.5625rem
}

@media (min-width: 1024px) {
    .shepherd-content:has(.shepherd-content__close) .shepherd-text {
        margin-right:3.75rem
    }
}

@media (min-width: 1024px) {
    .shepherd-content {
        font-size:1rem
    }
}

@media (min-width: 1024px) {
    .l-page-content .shepherd-element {
        top:calc(50% + (var(--diva-header-height, ) - var(--diva-footer-height, )) / 2)!important
    }
}

.shepherd-element {
    border: none;
    border-radius: 5px;
    margin: 0;
    max-width: 37.5rem;
    opacity: 0;
    outline: none;
    padding: 12px;
    transition: opacity .3s,visibility .3s;
    visibility: hidden;
    width: 100%;
    z-index: 11
}

.shepherd-element.is-animating-out .shepherd-content {
    animation: fade-out .4s both,slide-up-out .4s both
}

.shepherd-element.is-animating-out .shepherd-arrow,.shepherd-element.is-animating-out .shepherd-arrow:before {
    display: none
}

.shepherd-enabled.shepherd-element {
    opacity: 1;
    visibility: visible
}

.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before {
    box-sizing: border-box
}

.shepherd-arrow,.shepherd-arrow:before {
    animation: fade-in .22s .12s both,slide-up-in .22s .12s both;
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    z-index: -1
}

.shepherd-arrow:before {
    background: var(--diva-color-foreground, );
    content: "";
    transform: rotate(45deg);
    box-shadow: 0 1px 6px #0003
}

.shepherd-element[data-popper-placement^=top]>.shepherd-arrow {
    bottom: 4px
}

.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow {
    top: 4px
}

.shepherd-element[data-popper-placement^=left]>.shepherd-arrow {
    right: 3px
}

.shepherd-element[data-popper-placement^=right]>.shepherd-arrow {
    left: 3px
}

.shepherd-element.shepherd-centered>.shepherd-arrow {
    opacity: 0
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
    background-color: #e6e6e6
}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
    pointer-events: none
}

.shepherd-modal-overlay-container {
    z-index: 16;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    fill: var(--diva-color-background, );
    transition: opacity .3s ease-in-out
}

@media (min-width: 1024px) {
    .shepherd-modal-overlay-container {
        clip:rect(calc(var(--diva-header-height, ) + var(--diva-fat-border-width, )),calc(100vw - ((100vw - min(100vw - 1.875rem,1680px)) / 2 + var(--diva-fat-border-width, )) - var(--scrollbar-width, 0px)),calc(100vh - var(--diva-footer-height, ) - var(--diva-fat-border-width, )),calc((100vw - min(100vw - 1.875rem,1680px)) / 2 + var(--diva-fat-border-width, )))
    }
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    opacity: .8
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
    pointer-events: all
}

[data-media-player] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    position: relative;
    contain: style;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-media-player] * {
    box-sizing: border-box
}

:where([data-media-player][data-view-type=video]) {
    aspect-ratio: 16/9
}

[data-media-player]:focus,[data-media-player]:focus-visible {
    outline: none
}

[data-media-player][data-view-type=video][data-started]:not([data-controls]) {
    pointer-events: auto;
    cursor: none
}

[data-media-player] slot {
    display: contents
}

[data-media-provider] {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    border-radius: inherit;
    width: 100%;
    aspect-ratio: inherit;
    overflow: hidden
}

[data-media-player]:not([data-view-type=audio]) [data-media-provider],[data-media-player][data-fullscreen] [data-media-provider] {
    height: 100%
}

[data-media-player][data-view-type=audio] [data-media-provider] {
    display: contents;
    background-color: unset
}

[data-media-provider] audio {
    width: 100%
}

:where(video:not([width]):not([height]),iframe:not([width]):not([height])) {
    width: 100%;
    aspect-ratio: 16/9
}

:where([data-media-provider] video),:where([data-media-provider] iframe) {
    aspect-ratio: inherit;
    display: inline-block;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    touch-action: manipulation;
    border-radius: inherit;
    width: 100%
}

[data-media-provider] iframe {
    height: 100%
}

[data-media-player][data-view-type=audio] video,[data-media-player][data-view-type=audio] iframe {
    display: none
}

[data-media-player][data-fullscreen] video {
    height: 100%
}

[data-media-provider] iframe:not([src]) {
    display: none
}

iframe.vds-youtube[data-no-controls] {
    height: 1000%
}

.vds-blocker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: inherit;
    pointer-events: auto;
    border-radius: inherit;
    z-index: 1
}

[data-ended] .vds-blocker {
    background-color: #000
}

.vds-icon:focus {
    outline: none
}

.vds-google-cast {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #dedede;
    font-family: sans-serif;
    font-weight: 500
}

.vds-google-cast svg {
    --size: max(18%, 40px);
    width: var(--size);
    height: var(--size);
    margin-bottom: 8px
}

.vds-google-cast-info {
    font-size: calc(var(--media-height) / 100 * 6)
}

:where(.vds-buffering-indicator) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1
}

:where(.vds-buffering-indicator) :where(.vds-buffering-icon,.vds-buffering-spinner) {
    opacity: 0;
    pointer-events: none;
    transition: var(--media-buffering-transition, opacity .2s ease)
}

:where(.vds-buffering-indicator) :where(.vds-buffering-icon,svg.vds-buffering-spinner,.vds-buffering-spinner svg) {
    width: var(--media-buffering-size, 96px);
    height: var(--media-buffering-size, 96px)
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track,circle[data-part=track]) {
    color: var(--media-buffering-track-color, #f5f5f5);
    opacity: var(--media-buffering-track-opacity, .25);
    stroke-width: var(--media-buffering-track-width, 8)
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill,circle[data-part=track-fill]) {
    color: var(--media-buffering-track-fill-color, var(--media-brand));
    opacity: var(--media-buffering-track-fill-opacity, .75);
    stroke-width: var(--media-buffering-track-fill-width, 9);
    stroke-dasharray: 100;
    stroke-dashoffset: var(--media-buffering-track-fill-offset, 50)
}

:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner) {
    opacity: 1;
    animation: var(--media-buffering-animation, vds-buffering-spin 1s linear infinite)
}

@keyframes vds-buffering-spin {
    to {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion) {
    :where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner) {
        animation-duration: 8s
    }
}

:where(.vds-button) {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    outline: none;
    border: none;
    border-radius: var(--media-button-border-radius, 8px);
    width: var(--media-button-size, 40px);
    height: var(--media-button-size, 40px);
    transition: transform .2s ease-out;
    contain: layout style;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    flex-shrink: 0
}

.vds-button {
    border: var(--media-button-border);
    color: var(--media-button-color, var(--media-controls-color, #f5f5f5));
    padding: var(--media-button-padding, 0px)
}

:where([data-fullscreen] .vds-button) {
    width: var(--media-fullscreen-button-size, 42px);
    height: var(--media-fullscreen-button-size, 42px)
}

@media screen and (max-width: 599px) {
    :where([data-fullscreen] .vds-button) {
        width:var(--media-sm-fullscreen-button-size, 42px);
        height: var(--media-sm-fullscreen-button-size, 42px)
    }
}

:where(.vds-button .vds-icon) {
    width: var(--media-button-icon-size, 80%);
    height: var(--media-button-icon-size, 80%);
    border-radius: var(--media-button-border-radius, 8px)
}

:where(.vds-menu-button .vds-icon) {
    display: flex!important
}

:where(.vds-button[aria-hidden=true]) {
    display: none!important
}

@media (hover: hover) and (pointer: fine) {
    .vds-button:hover {
        background-color:var(--media-button-hover-bg, rgb(255 255 255/.2))
    }

    .vds-button:hover {
        transform: var(--media-button-hover-transform, scale(1.05));
        transition: var(--media-button-hover-transition, transform .2s ease-in)
    }

    .vds-button[aria-expanded=true] {
        transform: unset
    }
}

@media (pointer: coarse) {
    .vds-button:hover {
        border-radius:var(--media-button-touch-hover-border-radius, 100%);
        background-color: var(--media-button-touch-hover-bg, rgb(255 255 255/.2))
    }
}

:where(.vds-button:focus) {
    outline: none
}

:where(.vds-button[data-focus],.vds-button:focus-visible) {
    box-shadow: var(--media-focus-ring)
}

:where(.vds-live-button) {
    min-width: auto;
    min-height: auto;
    width: var(--media-live-button-width, 40px);
    height: var(--media-live-button-height, 40px);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    outline: none;
    border: none
}

:where(.vds-live-button-text) {
    font-family: var(--media-font-family, sans-serif);
    font-size: var(--media-live-button-font-size, 12px);
    font-weight: var(--media-live-button-font-weight, 600);
    letter-spacing: var(--media-live-button-letter-spacing, 1.5px);
    transition: color .3s ease
}

.vds-live-button-text {
    background-color: var(--media-live-button-bg, #8a8a8a);
    border-radius: var(--media-live-button-border-radius, 2px);
    color: var(--media-live-button-color, #161616);
    padding: var(--media-live-button-padding, 1px 4px)
}

:where(.vds-live-button[data-focus] .vds-live-button-text) {
    box-shadow: var(--media-focus-ring)
}

:where(.vds-live-button[data-edge]) {
    cursor: unset
}

.vds-live-button[data-edge] .vds-live-button-text {
    background-color: var(--media-live-button-edge-bg, #dc2626);
    color: var(--media-live-button-edge-color, #f5f5f5)
}

@media (pointer: fine) {
    :where(.vds-live-button:hover) {
        background-color:unset
    }
}

.vds-button:not([data-paused]) .vds-play-icon,.vds-button[data-ended] .vds-play-icon,.vds-button[data-paused] .vds-pause-icon,.vds-button[data-ended] .vds-pause-icon,.vds-button:not([data-ended]) .vds-replay-icon,.vds-button[data-active] .vds-pip-enter-icon,.vds-button:not([data-active]) .vds-pip-exit-icon,.vds-button[data-active] .vds-fs-enter-icon,.vds-button:not([data-active]) .vds-fs-exit-icon,.vds-button:not([data-active]) .vds-cc-on-icon,.vds-button[data-active] .vds-cc-off-icon,.vds-button:not([data-muted]) .vds-mute-icon,.vds-button:not([data-state=low]) .vds-volume-low-icon,.vds-button:not([data-state=high]) .vds-volume-high-icon {
    display: none
}

:where(.vds-captions) {
    --overlay-padding: var(--media-captions-padding, 1%);
    --cue-color: var(--media-user-text-color, var(--media-cue-color, white));
    --cue-bg-color: var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, .7)));
    --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5));
    --cue-font-size: calc(var(--cue-default-font-size) * var(--media-user-font-size, 1));
    --cue-line-height: var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2));
    --cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * .6));
    --cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * .4));
    --cue-padding: var(--cue-padding-y) var(--cue-padding-x);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    contain: layout style;
    margin: var(--overlay-padding);
    font-size: var(--cue-font-size);
    font-family: var(--media-user-font-family, sans-serif);
    box-sizing: border-box;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    word-spacing: normal;
    word-break: break-word
}

:where([data-fullscreen][data-orientation=portrait] .vds-captions) {
    --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5))
}

:where([data-view-type=audio] .vds-captions) {
    position: relative;
    margin: 0
}

:where(.vds-captions[aria-hidden=true]) {
    opacity: 0;
    visibility: hidden
}

.vds-captions[data-example] {
    opacity: 1!important;
    visibility: visible!important
}

:where([data-view-type=video] .vds-captions [data-part=cue-display][data-example]) {
    --cue-text-align: center;
    --cue-width: 100%;
    --cue-top: 90%;
    --cue-left: 0%
}

:where([data-view-type=audio] .vds-captions [data-part=cue-display]) {
    --cue-width: 100%;
    position: relative!important
}

:where(.vds-captions [data-part=cue-display]) {
    position: absolute;
    direction: ltr;
    overflow: visible;
    contain: content;
    top: var(--cue-top);
    left: var(--cue-left);
    right: var(--cue-right);
    bottom: var(--cue-bottom);
    width: var(--cue-width, auto);
    height: var(--cue-height, auto);
    box-sizing: border-box;
    transform: var(--cue-transform);
    text-align: var(--cue-text-align);
    writing-mode: var(--cue-writing-mode, unset);
    white-space: pre-line;
    unicode-bidi: plaintext;
    min-width: -moz-min-content;
    min-width: min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
    border-radius: var(--media-cue-display-border-radius)
}

.vds-captions [data-part=cue-display] {
    padding: var(--media-cue-display-padding)
}

:where(.vds-captions[data-dir=rtl] [data-part=cue-display]) {
    direction: rtl
}

:where(.vds-captions [data-part=cue]) {
    display: inline-block;
    contain: content;
    font-variant: var(--media-user-font-variant);
    border: var(--media-cue-border, unset);
    border-radius: var(--media-cue-border-radius, 2px);
    -webkit-backdrop-filter: var(--media-cue-backdrop, blur(8px));
    backdrop-filter: var(--media-cue-backdrop, blur(8px));
    line-height: var(--cue-line-height);
    box-sizing: border-box;
    box-shadow: var(--media-cue-box-shadow, var(--cue-box-shadow));
    white-space: var(--cue-white-space, pre-wrap);
    outline: var(--cue-outline);
    text-shadow: var(--media-user-text-shadow, var(--cue-text-shadow))
}

.vds-captions [data-part=cue] {
    background-color: var(--cue-bg-color);
    color: var(--cue-color);
    padding: var(--cue-padding)
}

:where(.vds-captions [data-part=cue-display][data-vertical] [data-part=cue]) {
    --cue-padding: var(--cue-padding-x) var(--cue-padding-y)
}

:where(.vds-captions [data-part=region]) {
    --anchor-x-percent: calc(var(--region-anchor-x) / 100);
    --anchor-x: calc(var(--region-width) * var(--anchor-x-percent));
    --anchor-y-percent: calc(var(--region-anchor-y) / 100);
    --anchor-y: calc(var(--region-height) * var(--anchor-y-percent));
    --vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%);
    --vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100);
    --vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent));
    position: absolute;
    display: inline-flex;
    flex-flow: column;
    justify-content: flex-start;
    width: var(--region-width);
    height: var(--region-height);
    min-height: 0px;
    max-height: var(--region-height);
    writing-mode: horizontal-tb;
    top: var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y)));
    left: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));
    right: var(--region-right);
    bottom: var(--region-bottom);
    overflow: hidden;
    overflow-wrap: break-word;
    box-sizing: border-box
}

:where(.vds-captions [data-part=region][data-scroll=up]) {
    justify-content: end
}

:where(.vds-captions [data-part=region][data-active][data-scroll=up]) {
    transition: top .433s
}

:where(.vds-captions [data-part=region]>[data-part=cue-display]) {
    position: relative;
    width: auto;
    left: var(--cue-offset);
    height: var(--cue-height, auto);
    text-align: var(--cue-text-align);
    unicode-bidi: plaintext;
    margin-top: 2px
}

:where(.vds-captions [data-part=region] [data-part=cue]) {
    position: relative;
    border-radius: 0
}

:where(.vds-chapter-title) {
    --color: var(--media-chapter-title-color, rgba(255 255 255 / .64));
    display: inline-block;
    font-family: var(--media-font-family, sans-serif);
    font-size: var(--media-chapter-title-font-size, 16px);
    font-weight: var(--media-chapter-title-font-weight, 400);
    color: var(--color);
    flex: 1 1 0%;
    padding-inline:6px;overflow: hidden;
    text-align: start;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vds-chapter-title:before {
    content: var(--media-chapter-title-separator, "•");
    display: inline-block;
    margin-right: var(--media-chapter-title-separator-gap, 6px);
    color: var(--media-chapter-title-separator-color, var(--color))
}

.vds-chapter-title:empty:before {
    content: "";
    margin: 0
}

:where(.vds-controls),:where(.vds-controls-group) {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

:where([data-view-type=audio] .vds-controls) {
    display: inline-block;
    max-width: 100%
}

:where([data-view-type=video] .vds-controls) {
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding: var(--media-controls-padding, 0px);
    transition: var(--media-controls-out-transition, opacity .2s ease-out)
}

:where([data-view-type=video] .vds-controls[data-visible]) {
    opacity: 1;
    visibility: visible;
    transition: var(--media-controls-in-transition, opacity .2s ease-in)
}

:where(.vds-controls-spacer) {
    flex: 1 1 0%;
    pointer-events: none
}

:where(.vds-gestures) {
    display: contents
}

:where(.vds-gesture) {
    position: absolute;
    display: block;
    contain: content;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none!important
}

:where(.vds-icon svg) {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

:where(.vds-kb-action.hidden) {
    opacity: 0
}

:where(.vds-kb-text-wrapper) {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: var(--media-kb-text-top, 10%);
    z-index: 20;
    pointer-events: none
}

:where(.vds-kb-text) {
    display: inline-block;
    font-size: var(--media-kb-text-size, 150%);
    font-family: var(--media-font-family, sans-serif);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: var(--media-kb-border-radius, 2.5px);
    pointer-events: none
}

.vds-kb-text {
    color: var(--media-kb-text-color, var(--default-color));
    background-color: var(--media-kb-text-bg, var(--default-bg));
    padding: var(--media-kb-text-padding, 10px 20px)
}

.light .vds-kb-text {
    --default-color: #1a1a1a;
    --default-bg: rgb(240 240 240 / .6)
}

.dark .vds-kb-text {
    --default-color: #f5f5f5;
    --default-bg: rgb(10 10 10 / .6)
}

:where(.vds-kb-text:empty) {
    display: none
}

:where(.vds-kb-bezel) {
    --size: var(--media-kb-bezel-size, 52px);
    position: absolute;
    left: 50%;
    top: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    margin-left: calc(-1 * var(--size) / 2);
    margin-right: calc(-1 * var(--size) / 2);
    z-index: 20;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: var(--media-kb-bezel-bg, var(--default-bg));
    animation: var(--media-kb-bezel-animation, vds-bezel-fade .35s linear 1 normal forwards);
    border-radius: var(--media-kb-bezel-border-radius, calc(var(--size) / 2));
    pointer-events: none
}

.vds-kb-bezel:not(:has(svg)) {
    display: none!important
}

.light .vds-kb-bezel {
    --default-bg: rgb(255 255 255 / .6)
}

.dark .vds-kb-bezel {
    --default-bg: rgb(10 10 10 / .6)
}

@media (prefers-reduced-motion) {
    :where(.vds-kb-bezel) {
        animation: none
    }
}

:where(.vds-kb-bezel:has(slot:empty)) {
    opacity: 0
}

:where(.vds-kb-action[data-action=seek-forward] .vds-kb-bezel) {
    top: 45%;
    left: unset;
    right: 10%
}

:where(.vds-kb-action[data-action=seek-backward] .vds-kb-bezel) {
    top: 45%;
    left: 10%
}

:where(.vds-kb-icon) {
    --size: var(--media-kb-icon-size, 38px);
    width: var(--size);
    height: var(--size)
}

.vds-kb-icon {
    color: var(--media-kb-icon-color, var(--default-color))
}

.light .vds-kb-icon {
    --default-color: #1a1a1a
}

.dark .vds-kb-icon {
    --default-color: #f5f5f5
}

@keyframes vds-bezel-fade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

:where(.vds-menu-items) {
    --color-inverse: var(--media-menu-color-inverse, var(--default-inverse));
    --color-gray-50: var(--media-menu-color-gray-50, var(--default-gray-50));
    --color-gray-100: var(--media-menu-color-gray-100, var(--default-gray-100));
    --color-gray-200: var(--media-menu-color-gray-200, var(--default-gray-200));
    --color-gray-300: var(--media-menu-color-gray-300, var(--default-gray-300));
    --color-gray-400: var(--media-menu-color-gray-400, var(--default-gray-400));
    --text-color: var(--media-menu-text-color, var(--default-text));
    --text-secondary-color: var(--media-menu-text-secondary-color, var(--default-text-secondary));
    --root-border: var(--media-menu-border, var(--default-root-border))
}

.light .vds-menu-items {
    --default-inverse: black;
    --default-gray-50: rgb(80 80 80 / .15);
    --default-gray-100: rgb(80 80 80 / .45);
    --default-gray-200: rgb(235 235 235 / .6);
    --default-gray-300: rgb(238 238 238);
    --default-gray-400: rgb(250 250 250);
    --default-text: #1a1a1a;
    --default-text-secondary: #6b6b6b;
    --default-root-border: 1px solid rgb(10 10 10 / .1)
}

.dark .vds-menu-items {
    --default-inverse: white;
    --default-gray-50: rgb(245 245 245 / .1);
    --default-gray-100: rgb(245 245 245 / .45);
    --default-gray-200: rgb(10 10 10 / .6);
    --default-gray-300: rgb(27 27 27);
    --default-gray-400: rgb(10 10 10);
    --default-text: #f5f5f5;
    --default-text-secondary: #8a8a8a;
    --default-root-border: 1px solid rgb(255 255 255 / .1)
}

:where(.vds-menu-items) {
    --font-family: var(--media-font-family, sans-serif);
    --font-size: var(--media-menu-font-size, 14px);
    --font-weight: var(--media-menu-font-weight, 500);
    --root-bg: var(--media-menu-bg, var(--color-gray-400));
    --root-padding: var(--media-menu-padding, 12px);
    --root-border-radius: var(--media-menu-border-radius, 4px);
    --divider: var(--media-menu-divider, 1px solid var(--color-gray-50));
    --section-bg: var(--media-menu-section-bg, var(--color-gray-300));
    --section-border: var(--media-menu-section-border);
    --section-divider: var(--media-menu-section-divider, var(--divider));
    --top-bar-bg: var(--media-menu-top-bar-bg, var(--color-gray-200));
    --top-bar-divider: var(--media-menu-divider, transparent);
    --text-hint-color: var(--media-menu-hint-color, var(--text-secondary-color));
    --chapter-divider: var(--media-chapters-divider, var(--divider));
    --chapter-active-bg: var(--media-chapters-item-active-bg, var(--color-gray-50));
    --chapter-active-border-left: var(--media-chapters-item-active-border-left);
    --chapter-progress-bg: var(--media-chapters-progress-bg, var(--color-inverse));
    --chapter-time-font-size: var(--media-chapters-time-font-size, 12px);
    --chapter-time-font-weight: var(--media-chapters-time-font-weight, 500);
    --chapter-time-gap: var(--media-chapters-time-gap, 6px);
    --chapter-duration-bg: var(--media-chapters-duration-bg);
    --item-border: var(--media-menu-item-border, 0);
    --item-bg: var(--media-menu-item-bg, transparent);
    --item-hover-bg: var(--media-menu-item-hover-bg, var(--color-gray-50));
    --item-icon-size: var(--media-menu-item-icon-size, 18px);
    --item-padding: var(--media-menu-item-padding, 10px);
    --item-min-height: var(--media-menu-item-height, 40px);
    --item-border-radius: var(--media-menu-item-border-radius, 2px);
    --scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, transparent);
    --scrollbar-thumb-bg: var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50));
    --webkit-scrollbar-bg: var(--color-gray-400);
    --webkit-scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, var(--color-gray-50));
    --checkbox-bg: var(--media-menu-checkbox-bg, var(--color-gray-100));
    --checkbox-active-bg: var(--media-menu-checkbox-bg-active, #1ba13f);
    --checkbox-handle-bg: var(--media-menu-checkbox-handle-bg, #f5f5f5);
    --checkbox-handle-border: var(--media-menu-checkbox-handle-border);
    --radio-icon-color: var(--media-menu-radio-icon-color, var(--text-color))
}

:where(.vds-menu[data-root] media-menu[data-root]) {
    display: contents
}

:where(.vds-menu) {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight)
}

:where(.vds-menu[data-disabled][data-root]) {
    display: none
}

:where(.vds-menu[data-submenu]) {
    display: inline-block
}

:where(.vds-menu-items:focus) {
    outline: none
}

:where(.vds-menu-item:focus,.vds-radio:focus) {
    outline: none
}

:where(.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]) {
    outline: none;
    box-shadow: var(--media-focus-ring)
}

:where(.vds-menu[data-open] .vds-tooltip-content) {
    display: none!important
}

.vds-menu-items [data-hidden] {
    display: none!important
}

@media (prefers-reduced-motion: no-preference) {
    :where(.vds-menu-items) {
        scroll-behavior: smooth
    }
}

:where(.vds-menu-items) {
    box-sizing: border-box;
    min-width: var(--media-menu-min-width, 280px);
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
    transform: translateZ(0)
}

:where(.vds-menu-items)::-webkit-scrollbar {
    background-color: var(--webkit-scrollbar-bg);
    border-radius: var(--root-border-radius);
    height: 6px;
    width: 5px
}

:where(.vds-menu-items)::-webkit-scrollbar-track {
    background-color: var(--webkit-scrollbar-track-bg);
    border-radius: 4px
}

:where(.vds-menu-items)::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
    border-radius: 4px
}

:where(.vds-menu-items)::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-thumb-bg)
}

:where(.vds-menu-button) {
    outline: none;
    box-sizing: border-box
}

:where(.vds-menu-button .vds-rotate-icon) {
    transition: transform .2s ease-out
}

:where(.vds-menu-button[aria-expanded=true] .vds-rotate-icon) {
    transform: rotate(var(--media-menu-icon-rotate-deg, 90deg));
    transition: transform .2s ease-in
}

:where(.vds-menu-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (prefers-reduced-motion) {
    :where(.vds-menu-button .vds-rotate-icon) {
        transition: unset
    }
}

:where(.vds-menu-items) {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    transition: height .35s ease
}

@media (prefers-reduced-motion) {
    :where(.vds-menu-items) {
        transition: unset
    }
}

:where(.vds-menu-items[data-root]) {
    background-color: var(--root-bg);
    border-radius: var(--root-border-radius);
    box-shadow: var(--media-menu-box-shadow);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    height: var(--menu-height, auto);
    will-change: width,height;
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    z-index: 9999999;
    box-sizing: border-box;
    max-height: var(--media-menu-max-height, 250px);
    filter: var(--media-menu-filter, drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06)))
}

.vds-menu-items[data-root] {
    border: var(--root-border);
    padding: var(--root-padding)
}

:where([data-view-type=video]) :where(.vds-menu-items[data-root]) {
    max-height: var(--media-menu-video-max-height, calc(var(--player-height) * .7))
}

:where(.vds-menu-items[data-transition=height]) {
    --scrollbar-thumb-bg: rgba(0, 0, 0, 0);
    pointer-events: none;
    overflow: hidden
}

.vds-menu-button[aria-disabled=true],.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled] {
    display: none
}

:where(.vds-menu-items[data-root]) {
    --enter-transform: translateY(0px);
    --exit-transform: translateY(12px)
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
    --enter-transform: translateY(-24px)
}

:where(.vds-menu-items[data-root][aria-hidden=true]) {
    animation: var(--media-menu-exit-animation, vds-menu-exit .2s ease-out)
}

:where(.vds-menu-items[data-root][aria-hidden=false]) {
    animation: var(--media-menu-enter-animation, vds-menu-enter .3s ease-out);
    animation-fill-mode: forwards
}

:where(.vds-menu-items[data-placement~=bottom]) {
    --enter-transform: translateY(0);
    --exit-transform: translateY(-12px)
}

@keyframes vds-menu-enter {
    0% {
        opacity: 0;
        transform: var(--exit-transform)
    }

    to {
        opacity: 1;
        transform: var(--enter-transform)
    }
}

@keyframes vds-menu-exit {
    0% {
        opacity: 1;
        transform: var(--enter-transform)
    }

    to {
        opacity: 0;
        transform: var(--exit-transform)
    }
}

@media (prefers-reduced-motion) {
    :where(.vds-menu-items) {
        animation: none;
        opacity: 1
    }
}

:where(media-menu-portal) {
    display: contents
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
    position: fixed;
    left: 16px;
    right: 16px;
    top: unset;
    bottom: 0;
    max-height: var(--media-sm-menu-portrait-max-height, 40vh);
    max-height: var(--media-sm-menu-portrait-max-height, 40dvh)
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
    max-width: 480px;
    margin: 0 auto
}

@media (orientation: landscape) and (pointer: coarse) {
    :where(.vds-menu-items[data-root]:not([data-placement])) {
        max-height:var(--media-sm-menu-landscape-max-height, min(70vh, 400px));
        max-height: var(--media-sm-menu-landscape-max-height, min(70dvh, 400px))
    }
}

:where(.vds-menu[data-submenu] .vds-menu-button) {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

:where(.vds-menu-items[data-submenu]) {
    width: 100%
}

:where(.vds-menu[aria-hidden=true]),:where(.vds-menu-items[data-submenu][aria-hidden=true]) {
    display: none
}

:where(.vds-menu-item,.vds-radio) {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--item-border-radius);
    box-sizing: border-box;
    min-height: var(--item-min-height);
    font-size: var(--font-size);
    outline: none
}

.vds-menu-item,.vds-radio {
    color: var(--text-color);
    background-color: var(--item-bg);
    padding: var(--item-padding)
}

.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus] {
    cursor: pointer;
    background-color: var(--item-hover-bg)
}

@media (hover: hover) and (pointer: fine) {
    .vds-menu-item[role]:hover,.vds-radio:hover {
        cursor:pointer;
        background-color: var(--item-hover-bg)
    }
}

:where(.vds-menu-items[data-submenu]) {
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

:where(.vds-menu-item[aria-expanded=true]) {
    font-weight: 700;
    border-radius: 0;
    border-top-left-radius: var(--item-border-radius);
    border-top-right-radius: var(--item-border-radius)
}

.vds-menu-item[aria-expanded=true] {
    border-bottom: var(--top-bar-divider)
}

:where(.vds-menu-item[aria-expanded=true]) {
    position: sticky;
    top: calc(-1 * var(--root-padding));
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    margin-bottom: 4px
}

.vds-menu-item[aria-expanded=true] {
    background-color: var(--top-bar-bg)
}

:where(.vds-menu-item-label) {
    flex: 1 0 0%;
    text-align: start
}

:where(.vds-menu-item .vds-icon,.vds-radio .vds-icon) {
    --size: var(--item-icon-size);
    width: var(--size);
    height: var(--size);
    margin-right: var(--media-menu-item-icon-spacing, 6px)
}

:where(.vds-menu-open-icon,.vds-menu-close-icon) {
    --size: var(--media-menu-arrow-icon-size, 18px);
    width: var(--size);
    height: var(--size)
}

:where(.vds-menu-item-hint,.vds-menu-open-icon,.vds-radio-hint) {
    color: var(--text-hint-color);
    font-size: var(--media-menu-hint-font-size, 13px);
    font-weight: var(--media-menu-hint-font-weight, 400)
}

:where(.vds-menu-items .vds-menu-open-icon) {
    margin-right: 0
}

:where(.vds-menu-items) :where(.vds-menu-item-hint,.vds-menu-open-icon) {
    margin-left: auto
}

:where(.vds-menu-items) :where(.vds-menu-item-hint+.vds-menu-open-icon),:where(.vds-menu-item-hint+media-icon .vds-menu-open-icon),:where(.vds-menu-item-hint+slot>.vds-menu-open-icon) {
    margin-left: 2px
}

:where(.vds-menu-item[aria-hidden=true]),:where(.vds-menu-item[aria-expanded=true] .vds-menu-open-icon) {
    display: none!important
}

:where(.vds-menu-items) :where(.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]) :where(.vds-menu-open-icon) {
    opacity: 0
}

:where(.vds-menu-close-icon),:where(.vds-menu-item[aria-expanded=true]>.vds-icon) {
    display: none!important
}

:where(.vds-menu-item[aria-expanded=true] .vds-menu-close-icon) {
    display: inline!important;
    margin-left: calc(-1 * var(--item-padding) / 2)
}

:where(.vds-menu-checkbox) {
    --checkbox-width: var(--media-menu-checkbox-width, 40px);
    --checkbox-height: var(--media-menu-checkbox-height, 18px);
    --checkbox-top: calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2);
    --checkbox-diameter: var( --media-menu-checkbox-handle-diameter, calc(var(--checkbox-height) - 2px) );
    --checkbox-gap: var(--media-menu-checkbox-gap, 2.5px);
    position: relative;
    display: inline-block;
    width: var(--checkbox-width);
    height: var(--checkbox-height);
    border-radius: calc(var(--checkbox-height) / 2);
    transition: .3s all ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    pointer-events: auto
}

.vds-menu-checkbox {
    background-color: var(--checkbox-bg)
}

:where(.vds-menu-checkbox:focus-visible) {
    outline: none;
    box-shadow: var(--media-focus-ring)
}

.vds-menu-checkbox[aria-checked=true] {
    background-color: var(--checkbox-active-bg)
}

:where(.vds-menu-checkbox):after {
    content: "";
    display: inline-block;
    width: var(--checkbox-diameter);
    height: var(--checkbox-diameter);
    border-radius: calc(var(--checkbox-diameter) / 2);
    position: absolute;
    top: var(--checkbox-top);
    transform: translate(var(--checkbox-gap));
    transition: .3s all ease-in-out;
    border: var(--checkbox-handle-border);
    box-sizing: border-box
}

.vds-menu-checkbox:after {
    background-color: var(--checkbox-handle-bg)
}

:where(.vds-menu-checkbox[aria-checked=true]):after {
    transform: translate(calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap)))
}

@media (prefers-reduced-motion: no-preference) {
    :where(.vds-menu-checkbox[data-active]):after {
        width: calc(var(--checkbox-width) - var(--checkbox-gap) * 2)
    }
}

:where(.vds-menu-checkbox[aria-checked=true][data-active]):after {
    transform: translate(var(--checkbox-gap))
}

:where(.vds-menu-items .vds-slider) {
    --media-slider-track-bg: var(--media-menu-slider-track-bg, var(--color-gray-50));
    --media-slider-track-fill-bg: var(--media-menu-slider-track-fill-bg, var(--color-inverse));
    --media-slider-height: var(--media-menu-slider-height, 32px);
    --track-focus-height: var(--track-height) !important
}

:where(.vds-menu-items .vds-slider-thumb) {
    opacity: 1!important
}

:where(.vds-menu-slider-item.group) {
    flex-direction: column
}

:where(.vds-menu-slider-title) {
    margin-top: 4px
}

:where(.vds-menu-slider-body) {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 6px
}

:where(.vds-menu-slider-item .vds-icon) {
    margin: 0;
    color: var(--text-hint-color)
}

:where(.vds-menu-slider-item[data-min] .vds-icon.down,.vds-menu-slider-item[data-max] .vds-icon.up) {
    color: var(--text-color);
    animation: .6s ease-in-out vds-slider-icon;
    transition: all 1.2s ease
}

@keyframes vds-slider-icon {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.25)
    }

    to {
        transform: scale(1)
    }
}

:where(.vds-menu-items .vds-slider-track-fill) {
    transition: opacity .3s ease
}

:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill) {
    opacity: 0
}

:where(.vds-radio-group) {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column
}

.vds-radio {
    cursor: pointer;
    contain: content;
    padding-left: calc(var(--item-icon-size) + var(--item-padding))
}

.vds-radio[aria-checked=true] {
    padding-left: 0
}

.vds-radio .vds-icon {
    display: none;
    color: var(--radio-icon-color)
}

.vds-radio[aria-checked=true] .vds-icon {
    display: inline-block;
    margin-left: 6px
}

:where(.vds-radio-hint) {
    margin-left: auto
}

.vds-color-picker {
    width: 32px;
    height: 32px;
    border: 0;
    background-color: transparent;
    outline: none
}

.vds-color-picker::-webkit-color-swatch {
    border-radius: 2px
}

.vds-color-picker::-moz-color-swatch {
    border-radius: 2px
}

.vds-color-picker:focus-visible::-webkit-color-swatch {
    box-shadow: var(--media-focus-ring)
}

.vds-color-picker:focus-visible::-moz-color-swatch {
    box-shadow: var(--media-focus-ring)
}

:where(.vds-menu-section) {
    width: 100%
}

:where(.vds-menu-item+.vds-menu-section) {
    margin-top: 8px
}

:where(.vds-menu-section+.vds-menu-section) {
    margin-top: 24px
}

:where(.vds-menu-section:first-child) {
    margin-top: 8px
}

:where(.vds-menu-section:last-child) {
    margin-bottom: 8px
}

:where(.vds-menu-section-title),:where(.vds-menu-slider-title) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-secondary-color);
    font-size: var(--media-menu-section-header-font-size, 12px);
    font-weight: var(--media-menu-section-header-font-weight, 500);
    padding-inline:2px}

:where(.vds-menu-section-body) {
    width: 100%
}

:where(.vds-menu-section-title+.vds-menu-section-body) {
    margin-top: var(--media-menu-section-gap, 8px)
}

.vds-menu-section-body {
    background-color: var(--section-bg);
    border: var(--section-border);
    border-radius: var(--media-menu-section-border-radius, 2px)
}

:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)) {
    border-bottom: var(--section-divider)
}

:where(.vds-menu-section-body .vds-menu:last-child>.vds-menu-item) {
    border-bottom: unset
}

.vds-menu-section[data-open],.vds-menu-section[data-open]>.vds-menu-section-body {
    display: contents!important;
    background-color: transparent!important
}

.vds-menu-section[data-open]>.vds-menu-section-title,.vds-menu-section[data-open]>.vds-menu-section-body>:not([data-open]) {
    display: none
}

:where(.vds-chapters-menu-items) {
    min-width: var(--media-chapters-min-width, var(--media-menu-min-width, 220px))
}

.vds-chapters-menu-items {
    padding: var(--media-chapters-padding, 0)
}

:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])) {
    min-width: var(--media-chapters-with-thumbnails-min-width, 300px)
}

:where(.vds-chapter-radio) {
    border-radius: 0
}

.vds-chapter-radio {
    border-bottom: var(--chapter-divider);
    padding: var(--item-padding)
}

.vds-chapter-radio[aria-checked=true] {
    padding-left: var(--item-padding)
}

:where(.vds-chapter-radio:last-child) {
    border-bottom: 0
}

.vds-chapter-radio[aria-checked=true] {
    background-color: var(--chapter-active-bg);
    border-left: var(--chapter-active-border-left)
}

:where(.vds-chapter-radio[aria-checked=true]):after {
    content: " ";
    width: var(--progress);
    height: var(--media-chapters-progress-height, 4px);
    position: absolute;
    bottom: 0;
    left: 0
}

.vds-chapter-radio[aria-checked=true]:after {
    border-radius: var(--media-chapters-progress-border-radius, 0);
    background-color: var(--chapter-progress-bg)
}

.vds-chapters-radio-group :where(.vds-thumbnail) {
    margin-right: var(--media-chapters-thumbnail-gap, 12px);
    flex-shrink: 0;
    min-width: var(--media-chapters-thumbnail-min-width, 100px);
    min-height: var(--media-chapters-thumbnail-min-height, 56px);
    max-width: var(--media-chapters-thumbnail-max-width, 120px);
    max-height: var(--media-chapters-thumbnail-max-height, 68px)
}

.vds-chapters-radio-group .vds-thumbnail {
    border: var(--media-chapters-thumbnail-border, 0)
}

:where(.vds-chapters-radio-group .vds-chapter-radio-label) {
    color: var(--text-secondary-color);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    white-space: nowrap
}

:where(.vds-chapter-radio[aria-checked=true] .vds-chapter-radio-label) {
    color: var(--text-color)
}

:where(.vds-chapters-radio-group .vds-chapter-radio-start-time) {
    display: inline-block;
    letter-spacing: var(--media-chapters-start-time-letter-spacing, .4px);
    border-radius: var(--media-chapters-start-time-border-radius, 2px);
    font-size: var(--chapter-time-font-size);
    font-weight: var(--chapter-time-font-weight);
    margin-top: var(--chapter-time-gap)
}

.vds-chapters-radio-group .vds-chapter-radio-start-time {
    color: var(--text-secondary-color);
    background-color: var(--section-bg);
    padding: var(--media-chapters-start-time-padding, 1px 4px)
}

:where(.vds-chapters-radio-group .vds-chapter-radio-duration) {
    color: var(--text-hint-color);
    font-size: var(--chapter-time-font-size);
    font-weight: var(--chapter-time-font-weight);
    margin-top: var(--chapter-time-gap)
}

.vds-chapters-radio-group .vds-chapter-radio-duration {
    background-color: var(--chapter-duration-bg);
    border-radius: var(--media-chapters-duration-border-radius, 2px)
}

.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail,media-thumbnail) {
    display: none
}

:where(.vds-chapter-radio-content) {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content) {
    width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) {
    margin-top: 0;
    margin-left: auto
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration) {
    margin-top: 4px;
    flex-basis: 100%
}

.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within {
    padding: var(--media-chapters-focus-padding, 4px)
}

:where(.vds-poster) {
    display: block;
    contain: content;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0;
    pointer-events: none;
    box-sizing: border-box;
    transition: opacity .2s ease-out;
    background-color: var(--media-poster-bg, black)
}

:where(.vds-poster img) {
    -o-object-fit: inherit;
    object-fit: inherit;
    -o-object-position: inherit;
    object-position: inherit;
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box
}

.vds-poster :where(img) {
    border: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

:where(.vds-poster[data-hidden]) {
    display: none
}

:where(.vds-poster[data-visible]) {
    opacity: 1
}

.vds-poster:not(:defined),.vds-poster img:not([src]) {
    display: none
}

:where(.vds-slider) {
    --width: var(--media-slider-width, 100%);
    --height: var(--media-slider-height, 48px);
    --thumb-size: var(--media-slider-thumb-size, 15px);
    --thumb-focus-size: var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1));
    --track-width: var(--media-slider-track-width, 100%);
    --track-height: var(--media-slider-track-height, 5px);
    --track-focus-width: var(--media-slider-focused-track-width, var(--track-width));
    --track-focus-height: var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25));
    display: inline-flex;
    align-items: center;
    width: var(--width);
    height: var(--height);
    margin: 0 calc(var(--thumb-size) / 2);
    position: relative;
    contain: layout style;
    outline: none;
    pointer-events: auto;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

:where(.vds-slider[aria-hidden=true]) {
    display: none!important
}

:where(.vds-slider[aria-disabled=true]) {
    cursor: unset
}

:where(.vds-slider:focus) {
    outline: none
}

:where(.vds-slider:not([data-chapters])[data-focus],.vds-slider:not([data-chapters]):focus-visible) :where(.vds-slider-track) {
    box-shadow: var(--media-focus-ring)
}

:where(.vds-slider .vds-slider-track) {
    z-index: 0;
    position: absolute;
    width: var(--track-width);
    height: var(--track-height);
    top: 50%;
    left: 0;
    border-radius: var(--media-slider-track-border-radius, 2px);
    transform: translateY(-50%) translateZ(0);
    background-color: var(--media-slider-track-bg, rgb(255 255 255/.3));
    contain: strict
}

:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-track) {
    outline-offset: var(--thumb-size)
}

:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track) {
    width: var(--track-focus-width);
    height: var(--track-focus-height)
}

:where(.vds-slider .vds-slider-track-fill) {
    z-index: 2;
    background-color: var(--media-slider-track-fill-bg, var(--media-brand));
    width: var(--slider-fill, 0%);
    will-change: width
}

:where(.vds-slider .vds-slider-thumb) {
    position: absolute;
    top: 50%;
    left: var(--slider-fill);
    opacity: 0;
    contain: layout size style;
    width: var(--thumb-size);
    height: var(--thumb-size);
    border: var(--media-slider-thumb-border, 1px solid #cacaca);
    border-radius: var(--media-slider-thumb-border-radius, 9999px);
    background-color: var(--media-slider-thumb-bg, #fff);
    transform: translate(-50%,-50%) translateZ(0);
    transition: opacity .15s ease-in;
    pointer-events: none;
    will-change: left;
    z-index: 2
}

:where(.vds-slider[data-dragging],.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-thumb) {
    box-shadow: var(--media-slider-focused-thumb-shadow, 0 0 0 4px hsla(0, 0%, 100%, .4))
}

:where(.vds-slider[data-active] .vds-slider-thumb) {
    opacity: 1;
    transition: var(--media-slider-thumb-transition, opacity .2s ease-in, box-shadow .2s ease)
}

:where(.vds-slider[data-dragging] .vds-slider-thumb) {
    width: var(--thumb-focus-size);
    height: var(--thumb-focus-size)
}

:where(.vds-slider-value) {
    display: inline-block;
    contain: content;
    font-size: 14px;
    font-family: var(--media-font-family, sans-serif)
}

:where(.vds-slider-thumbnail) {
    display: block;
    contain: content;
    box-sizing: border-box
}

:where(.vds-slider-video) {
    background-color: #000;
    box-sizing: border-box;
    contain: content;
    display: inline-block;
    border: var(--media-thumbnail-border, 1px solid white)
}

:where(.vds-slider-video video) {
    display: block;
    height: auto;
    width: 156px
}

:where(.vds-slider-video[data-loading]) {
    opacity: 0
}

:where(.vds-slider-video[data-hidden],.vds-slider-video[data-hidden] video) {
    display: none;
    width: 0px
}

:where(.vds-slider .vds-slider-preview) {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    background-color: var(--media-slider-preview-bg);
    border-radius: var(--media-slider-preview-border-radius, 2px);
    pointer-events: none;
    transition: opacity .2s ease-out;
    will-change: left,opacity;
    contain: layout paint style
}

:where(.vds-slider-preview[data-visible]) {
    opacity: 1;
    transition: opacity .2s ease-in
}

.vds-slider-value {
    background-color: var(--media-slider-value-bg, black);
    border-radius: var(--media-slider-value-border-radius, 2px);
    border: var(--media-slider-value-border);
    color: var(--media-slider-value-color, white);
    padding: var(--media-slider-value-padding, 1px 10px)
}

:where(.vds-slider-video:not([data-hidden])+.vds-slider-chapter-title,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-chapter-title) {
    margin-top: var(--media-slider-chapter-title-gap, 6px)
}

:where(.vds-slider-video:not([data-hidden])+.vds-slider-value,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-value,.vds-slider-chapter-title+.vds-slider-value) {
    margin-top: var(--media-slider-value-gap, 2px)
}

:where(.vds-slider[aria-orientation=vertical]) {
    --width: var(--media-slider-width, 48px);
    --height: var(--media-slider-height, 100%);
    --track-width: var(--media-slider-track-width, 4px);
    --track-height: var(--media-slider-track-height, 100%);
    --track-focus-width: var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25));
    --track-focus-height: var(--media-slider-focused-track-height, var(--track-height));
    margin: calc(var(--thumb-size) / 2) 0
}

:where(.vds-slider[aria-orientation=vertical] .vds-slider-track) {
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) translateZ(0)
}

:where(.vds-slider[aria-orientation=vertical] .vds-slider-track-fill) {
    width: var(--track-width);
    height: var(--slider-fill);
    will-change: height;
    transform: translate(-50%) translateZ(0)
}

:where(.vds-slider[aria-orientation=vertical] .vds-slider-progress) {
    top: unset;
    bottom: 0;
    width: var(--track-width);
    height: var(--slider-progress, 0%);
    will-change: height
}

:where(.vds-slider[aria-orientation=vertical] .vds-slider-thumb) {
    top: unset;
    bottom: var(--slider-fill);
    left: 50%;
    will-change: bottom;
    transform: translate(-50%,50%) translateZ(0)
}

:where(.vds-slider[aria-orientation=vertical] .vds-slider-preview) {
    will-change: bottom,opacity
}

:where([data-live] .vds-time-slider .vds-slider-track-fill) {
    background-color: var(--media-slider-track-fill-live-bg, #dc2626)
}

:where(.vds-time-slider .vds-slider-progress) {
    z-index: 1;
    left: 0;
    width: var(--slider-progress, 0%);
    will-change: width;
    background-color: var(--media-slider-track-progress-bg, rgb(255 255 255/.5))
}

:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value) {
    display: none
}

:where(.vds-slider-steps) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

:where(.vds-slider-step) {
    width: var(--media-slider-step-width, 2.5px);
    height: calc(var(--track-height) + 1px);
    background-color: var(--media-slider-step-color, rgb(124, 124, 124));
    opacity: 0;
    transition: opacity .3s ease
}

:where(.vds-slider[data-active] .vds-slider-step) {
    opacity: 1
}

:where(.vds-time-slider .vds-slider-chapters) {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    contain: layout style;
    border-radius: var(--media-slider-track-border-radius, 1px)
}

:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-chapters) {
    box-shadow: var(--media-focus-ring);
    height: var(--track-height)
}

:where(.vds-time-slider .vds-slider-chapter) {
    margin-right: 2px
}

:where(.vds-time-slider .vds-slider-chapter:last-child) {
    margin-right: 0
}

:where(.vds-time-slider .vds-slider-chapter) {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    will-change: height,transform;
    contain: layout style;
    border-radius: var(--media-slider-track-border-radius, 1px)
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill) {
    width: var(--chapter-fill, 0%);
    will-change: width
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress) {
    width: var(--chapter-progress, 0%);
    will-change: width
}

@media (hover: hover) and (pointer: fine) {
    :where(.vds-time-slider:hover .vds-slider-chapters) {
        contain:strict
    }

    :where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)) {
        transform: var(--media-slider-chapter-hover-transform, scaleY(2));
        transition: var(--media-slider-chapter-hover-transition, transform .1s cubic-bezier(.4, 0, 1, 1))
    }
}

:where(.vds-time-slider .vds-slider-chapter-title) {
    font-family: var(--media-font-family, sans-serif);
    font-size: var(--media-slider-chapter-title-font-size, 14px);
    color: var(--media-slider-chapter-title-color, #f5f5f5);
    background-color: var(--media-slider-chapter-title-bg)
}

:where(.vds-thumbnail) {
    --min-width: var(--media-thumbnail-min-width, 140px);
    --max-width: var(--media-thumbnail-max-width, 180px);
    --aspect-ratio: var(--media-thumbnail-aspect-ratio, var(--thumbnail-aspect-ratio));
    display: block;
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    background-color: var(--media-thumbnail-bg, black);
    contain: strict;
    overflow: hidden;
    box-sizing: border-box;
    min-width: var(--min-width);
    min-height: var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio)));
    max-width: var(--max-width);
    max-height: var(--media-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio)))
}

.vds-thumbnail {
    border: var(--media-thumbnail-border, 1px solid white)
}

:where(.vds-thumbnail img) {
    min-width: unset!important;
    max-width: unset!important;
    will-change: width,height,transform
}

:where(.vds-thumbnail[data-loading] img) {
    opacity: 0
}

:where(.vds-thumbnail[aria-hidden=true]) {
    display: none!important
}

:where(.vds-time-group) {
    display: flex;
    align-items: center
}

.vds-time-divider {
    margin: 0 var(--media-time-divider-gap, 2.5px);
    color: var(--media-time-divider-color, #e0e0e0)
}

:where(.vds-time) {
    display: inline-block;
    contain: content;
    font-size: var(--media-time-font-size, 15px);
    font-weight: var(--media-time-font-weight, 400);
    font-family: var(--media-font-family, sans-serif);
    border-radius: var(--media-time-border-radius, 2px);
    letter-spacing: var(--media-time-letter-spacing, .025em)
}

.vds-time {
    outline: 0;
    color: var(--media-time-color, var(--default-color));
    background-color: var(--media-time-bg);
    border: var(--media-time-border);
    padding: var(--media-time-padding, 2px)
}

:where(.vds-time:focus-visible) {
    box-shadow: var(--media-focus-ring)
}

.light .vds-time {
    --default-color: rgb(10 10 10)
}

.dark .vds-time {
    --default-color: #f5f5f5
}

:where(.vds-tooltip,media-tooltip) {
    display: contents
}

:where(.vds-tooltip-content) {
    display: inline-block;
    box-sizing: border-box;
    font-family: var(--media-font-family, sans-serif);
    font-size: var(--media-tooltip-font-size, 13px);
    font-weight: var(--media-tooltip-font-weight, 500);
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
    will-change: transform,opacity
}

.vds-tooltip-content {
    border-radius: var(--media-tooltip-border-radius, 2px);
    background-color: var(--media-tooltip-bg-color, var(--default-bg));
    border: var(--media-tooltip-border, var(--default-border));
    color: var(--media-tooltip-color, var(--default-color));
    padding: var(--media-tooltip-padding, 2px 8px)
}

.light .vds-tooltip-content {
    --default-color: #1a1a1a;
    --default-bg: white;
    --default-border: 1px solid rgb(0 0 0 / .2)
}

.dark .vds-tooltip-content {
    --default-color: #f5f5f5;
    --default-bg: black;
    --default-border: 1px solid rgb(255 255 255 / .1)
}

:where(.vds-menu .vds-menu-button[role=button][data-pressed] .vds-tooltip-content) {
    opacity: 0;
    display: none
}

:where(.vds-tooltip-content) {
    --enter-transform: translateY(0px) scale(1);
    --exit-transform: translateY(12px) scale(.8)
}

:where(.vds-tooltip-content:not([data-visible])) {
    animation: var(--media-tooltip-exit-animation, vds-tooltip-exit .2s ease-out)
}

:where(.vds-tooltip-content[data-visible]) {
    animation: var(--media-tooltip-enter-animation, vds-tooltip-enter .2s ease-in);
    animation-fill-mode: forwards
}

:where(.vds-tooltip-content[data-placement~=bottom]) {
    --enter-transform: translateY(0) scale(1);
    --exit-transform: translateY(-12px) scale(.8)
}

:where(.vds-tooltip-content[data-placement~=left]) {
    --enter-transform: translateX(0) scale(1);
    --exit-transform: translateX(12px) scale(.8)
}

:where(.vds-tooltip-content[data-placement~=right]) {
    --enter-transform: translateX(0) scale(1);
    --exit-transform: translateX(-12px) scale(.8)
}

@keyframes vds-tooltip-enter {
    0% {
        opacity: 0;
        transform: var(--exit-transform)
    }

    to {
        opacity: 1;
        transform: var(--enter-transform)
    }
}

@keyframes vds-tooltip-exit {
    0% {
        opacity: 1;
        transform: var(--enter-transform)
    }

    to {
        opacity: 0;
        transform: var(--exit-transform)
    }
}

@media (prefers-reduced-motion) {
    :where(.vds-tooltip-content) {
        animation: none
    }

    :where(.vds-tooltip-content[data-visible]) {
        opacity: 1
    }
}

[data-media-player]:not([data-paused]) .vds-play-tooltip-text,[data-media-player][data-paused] .vds-pause-tooltip-text,[data-media-player][data-pip] .vds-pip-enter-tooltip-text,[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,[data-media-player][data-captions] .vds-cc-off-tooltip-text,[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,[data-media-player][data-muted] .vds-unmute-tooltip-text {
    display: none
}

[data-media-player] .vds-video-layout:not([data-match]) {
    display: none!important
}

[data-media-player][data-layout=video] {
    background-color: var(--video-bg, black)
}

[data-media-player][data-layout=video]:not([data-fullscreen]) {
    border-radius: var(--video-border-radius, 6px);
    border: var(--video-border, 1px solid rgb(255 255 255/.1))
}

:where(.vds-video-layout) {
    --media-brand: var(--video-brand, #f5f5f5);
    --media-font-family: var(--video-font-family, sans-serif);
    --media-controls-color: var(--video-controls-color, #f5f5f5);
    --media-tooltip-y-offset: 6px;
    --media-menu-y-offset: 6px;
    --media-focus-ring-color: var(--video-focus-ring-color, rgb(78 156 246));
    --media-focus-ring: var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color));
    color: var(--video-controls-color, #f5f5f5);
    display: contents
}

:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls) {
    border-radius: var(--video-border-radius, 6px);
    box-shadow: var(--media-focus-ring)
}

:where(.vds-video-layout .vds-controls[data-visible]) {
    border-radius: var(--video-border-radius, 6px);
    background-image: linear-gradient(to top,rgb(0 0 0/.6),10%,transparent,95%,rgb(0 0 0/.3))
}

.vds-video-layout .vds-controls-group {
    align-items: center;
    display: flex;
    pointer-events: auto;
    z-index: 0;
    padding: 4px 6px
}

.vds-video-layout .vds-controls-group:first-child {
    z-index: 50
}

.vds-video-layout .vds-controls-group:nth-last-child(2) {
    padding: 0 12px;
    z-index: 11;
    margin-bottom: -16px
}

.vds-video-layout:not([data-sm]) .vds-controls-group:last-child {
    --media-menu-y-offset: 26px;
    --media-tooltip-y-offset: 26px;
    --media-slider-preview-offset: 26px;
    z-index: 10
}

:where(.vds-video-layout .vds-button) {
    margin-right: 2.5px
}

:where(.vds-video-layout[data-sm] .vds-chapter-title) {
    font-size: var(--video-sm-chapter-title-font-size, 15px)
}

:where([data-fullscreen] .vds-video-layout .vds-chapter-title) {
    font-size: var(--video-fullscreen-chapter-title-font-size, 16px)
}

:where(.vds-video-layout:not([data-sm]) .vds-mute-button) {
    margin-left: -2.5px;
    margin-right: -5px
}

:where(.vds-video-layout[data-sm]) {
    --media-button-size: var(--video-sm-button-size, 36px)
}

:where(.vds-video-layout .vds-time-slider) {
    --media-slider-height: 45px;
    flex-grow: 0
}

:where(.vds-video-layout .vds-slider-thumbnail) {
    --media-thumbnail-border: var(--video-slider-thumbnail-border, 1px solid #f5f5f5);
    border-radius: var(--video-slider-thumbnail-border-radius, 2px)
}

.vds-video-layout .vds-time-slider .vds-slider-value {
    background-color: var(--video-time-bg, unset);
    text-shadow: -1px -1px 0 #333333,1px -1px 0 #333333,-1px 1px 0 #333333,1px 1px 0 #333333
}

:where(.vds-video-layout[data-sm] .vds-time) {
    text-shadow: unset
}

:where(.vds-video-layout[data-lg] .vds-volume) {
    --gap: var(--video-volume-gap, 10px);
    display: contents
}

:where(.vds-video-layout[data-lg] .vds-volume-popup) {
    display: contents
}

:where(.vds-video-layout[data-lg] .vds-volume-slider) {
    margin: 0;
    max-width: 0;
    transition: all .15s ease
}

:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) {
    margin-left: var(--gap);
    opacity: 1;
    visibility: visible;
    max-width: var(--video-volume-slider-max-width, 72px)
}

.vds-video-layout[data-lg] .vds-volume-slider:after {
    content: "";
    position: fixed;
    top: 0;
    left: calc(-1 * var(--gap));
    width: var(--gap);
    height: 100%;
    z-index: 1;
    pointer-events: auto
}

:where(.vds-video-layout[data-sm] .vds-volume) {
    --media-slider-height: var(--video-volume-height, 96px);
    --media-slider-preview-offset: calc(-200% - 6px) ;
    --gap: var(--video-volume-gap, 10px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

:where(.vds-video-layout[data-sm] .vds-volume-popup) {
    display: block;
    position: absolute;
    top: calc(100% + var(--gap));
    left: 50%;
    opacity: 0;
    transform: translate(-50%);
    transition: opacity .15s ease-out,visibility .15s ease-out;
    border-radius: var(--video-volume-border-radius, 8px);
    filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0/.05)));
    visibility: hidden
}

.vds-video-layout[data-sm] .vds-mute-button:after {
    content: "";
    position: fixed;
    bottom: calc(-1 * var(--gap));
    right: 0;
    width: 100%;
    height: var(--gap);
    z-index: 1;
    pointer-events: auto
}

.vds-video-layout .vds-volume-popup {
    background-color: var(--video-volume-bg, var(--media-menu-bg, var(--default-bg)));
    border: var(--video-volume-border, var(--default-border))
}

.light .vds-video-layout .vds-volume-popup,.vds-video-layout.light .vds-volume-popup {
    --default-bg: rgb(250 250 250);
    --default-border: 1px solid rgb(10 10 10 / .1)
}

.dark .vds-video-layout .vds-volume-popup,.vds-video-layout.dark .vds-volume-popup {
    --default-bg: rgb(10 10 10);
    --default-border: 1px solid rgb(255 255 255 / .1)
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup),:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup) {
    transition: opacity .15s ease-in,visibility .15s ease-in;
    opacity: 1;
    visibility: visible
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content) {
    display: none!important
}

:where(.vds-video-layout .vds-time[data-type=current]) {
    margin-right: 2px
}

:where(.vds-video-layout .vds-time[data-type=current][remainder]) {
    margin-left: 2px
}

.vds-video-layout .vds-time {
    --default-color: #f5f5f5 !important
}

:where([data-preview] .vds-video-layout .vds-captions) {
    opacity: 0
}

:where(.vds-video-layout .vds-captions) {
    z-index: 10;
    transition: var(--video-captions-transition, bottom .3s ease-in-out)
}

@media (min-width: 980px) {
    :where([data-fullscreen] .vds-video-layout .vds-captions) {
        bottom:var(--video-lg-fullscreen-captions-offset, 54px)
    }
}

:where([data-media-player][data-controls] .vds-video-layout .vds-captions) {
    bottom: var(--video-captions-offset, 78px)
}

:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions) {
    bottom: var(--video-sm-captions-offset, 48px)
}

:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) {
    width: 100%;
    text-align: center;
    text-shadow: -1px -1px 0 #212121,1px -1px 0 #212121,-1px 1px 0 #212121,1px 1px 0 #212121
}

:where(.vds-video-layout .vds-gesture) {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

:where(.vds-video-layout .vds-gesture[action="seek:-10"]) {
    width: var(--video-gesture-seek-width, 20%);
    z-index: 1
}

:where(.vds-video-layout .vds-gesture[action="seek:10"]) {
    left: unset;
    right: 0;
    width: var(--video-gesture-seek-width, 20%);
    z-index: 1
}

@media (pointer: coarse) {
    :where(.vds-video-layout .vds-gesture[action="toggle:paused"]) {
        display:none
    }
}

@media not (pointer: coarse) {
    :where([data-media-player] .vds-video-layout .vds-gesture[action="toggle:controls"]) {
        display:none
    }
}

:where(.vds-video-layout .vds-live-button) {
    margin-left: 12px
}

:where(.vds-video-layout:not([data-sm]) .vds-time-group) {
    margin-left: 10px
}

:where(.vds-video-layout[data-sm] .vds-time) {
    font-size: var(--video-sm-time-font-size, 14px)
}

:where([data-fullscreen] .vds-video-layout .vds-time) {
    font-size: var(--video-fullscreen-time-font-size, 16px)
}

:where(.vds-video-layout .vds-load-container) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 99
}

:where([data-media-player][data-load=play]:not([data-started]) .vds-video-layout[data-match] .vds-load-container) {
    display: flex
}

:where(.vds-video-layout .vds-load-container .vds-play-button) {
    --size: var(--video-load-button-size, 56px);
    --color: var(--video-load-button-color, rgb(0 0 0 / .8));
    --bg-color: var(--video-load-button-bg, var(--media-brand));
    --media-button-hover-transform: 0;
    --media-button-border: var(--video-load-button-border, var(--color));
    --media-button-hover-bg: var(--video-load-button-bg, var(--media-brand));
    width: var(--size);
    height: var(--size);
    pointer-events: auto;
    margin-bottom: 2px;
    overflow: hidden
}

.vds-video-layout .vds-load-container .vds-play-button {
    border-radius: var(--video-load-button-border-radius, 100%);
    color: var(--color)
}

.vds-video-layout .vds-load-container .vds-play-button {
    background-color: var(--bg-color)
}

:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button) {
    --size: var(--video-sm-load-button-size, 48px);
    --media-button-hover-transform: translateY(0%);
    width: var(--size);
    height: var(--size);
    transform: translateY(0)
}

:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)) {
    pointer-events: none
}

:where(.vds-video-layout[data-sm] .vds-controls-group:last-child) {
    z-index: 2;
    margin-top: -2.5px;
    margin-bottom: -6px
}

:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child) {
    margin-bottom: 0
}

.vds-video-layout[data-sm] .vds-controls-group {
    padding: 2px
}

:where(.vds-video-layout[data-sm]) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-time-divider,.vds-chapter-title) {
    transition: opacity .15s ease
}

:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm]) :where(.vds-button .vds-slider,.vds-time-group) {
    opacity: 0;
    visibility: hidden
}

:where(.vds-video-layout[data-sm] .vds-time-slider) {
    transition: transform .1s linear
}

@media (pointer: coarse) {
    :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture])) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-chapter-title,.vds-time-divider,.vds-captions,.vds-live-button) {
        opacity:0
    }

    :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider) {
        --track-height: var(--video-sm-slider-focus-track-height, 12px);
        transform: translateY(-6px);
        transition: transform .1s linear
    }
}

:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button) {
    --size: var(--video-sm-play-button-size, 45px);
    --media-button-hover-transform: translateY(25%);
    width: var(--size);
    height: var(--size);
    transform: translateY(25%);
    border-radius: 100%;
    pointer-events: auto;
    margin-bottom: 2px;
    overflow: hidden
}

.vds-video-layout[data-sm] .vds-controls .vds-play-button {
    background-color: var(--video-sm-play-button-bg, rgba(0 0 0/.6))
}

:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm] .vds-controls-group:not(:nth-child(3))) {
    opacity: 0;
    visibility: hidden
}

:where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
    --media-buffering-size: 64px;
    transform: translate(-2px,-4px)
}

:where(.vds-video-layout .vds-start-duration .vds-time) {
    position: absolute;
    right: 8px;
    bottom: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    z-index: 10
}

.vds-video-layout .vds-start-duration .vds-time {
    padding: var(--video-sm-start-duration-padding, 3px 6px);
    color: var(--video-sm-start-duration-color, var(--video-controls-color));
    background-color: var(--video-sm-start-duration-bg, rgba(0 0 0/.64))
}

:where([data-started] .vds-video-layout .vds-start-duration .vds-time) {
    display: none
}

:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time) {
    opacity: 0
}

:where(.vds-video-layout[data-sm] .vds-time[data-type=current]) {
    margin-left: 8px
}

:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
    margin-bottom: -16px
}

@media (orientation: portrait) {
    :where([data-fullscreen] .vds-video-layout .vds-captions) {
        bottom:30lvh;
        bottom: 10dvh
    }
}

@media (orientation: landscape) {
    :where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
        margin-bottom:-12px
    }
}

.c-videoplayer {
    position: relative;
    margin: var(--diva-global-margin, ) 0;
    aspect-ratio: 16/9
}

.c-videoplayer [data-media-player] {
    display: none;
    --video-border-radius: 0;
    --video-bg: var(--diva-color-black, );
    --video-font-family: var(--diva-body-font-family, );
    aspect-ratio: 16/9
}

.c-videoplayer .vds-slider-thumb {
    --media-slider-thumb-bg: var(--diva-color-red, );
    box-shadow: 0 0 0 .25rem #fff
}

.c-videoplayer .vds-buffering-spinner svg {
    fill: none
}

.c-videoplayer .vds-video-layout .vds-load-container .vds-play-tooltip media-play-button {
    display: none
}

.c-videoplayer figcaption {
    position: absolute;
    z-index: 2;
    top: .75rem;
    left: .75rem;
    font-size: .75rem;
    color: var(--diva-color-white, )
}

.c-videoplayer__play-icon {
    display: block;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,.8))
}

.c-videoplayer__toggle-btn {
    display: block;
    position: absolute;
    z-index: 2;
    width: -moz-fit-content;
    width: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.c-videoplayer__toggle-btn svg {
    fill: var(--diva-color-white, );
    width: 4.6875rem;
    height: 4.6875rem
}

.c-videoplayer__toggle-btn.hide-play .c-videoplayer__play-icon {
    display: none
}

.c-videoplayer__poster {
    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.c-videoplayer.hide-poster-caption .c-videoplayer__poster,.c-videoplayer.hide-poster-caption figcaption {
    display: none
}

.c-image {
    position: relative;
    width: var(--width, 100%);
    max-width: 100%;
    margin: 0 0 var(--diva-global-margin, );
    overflow: hidden
}

.c-image img,.c-image picture {
    max-inline-size: 100%;
    block-size: auto;
    display: block;
    width: var(--width, 100%);
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--aspectratio, 16/9);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.c-image--center {
    margin-right: auto;
    margin-left: auto
}

.c-image--right {
    margin-right: 0;
    margin-left: auto
}

.c-image figcaption {
    margin-top: .625rem;
    text-align: right
}

.c-gridlist {
    --diva-global-margin: .3125rem;
    --diva-paragraph-margin: .3125rem
}

.c-gridlist>.l-grid:not(:first-child) {
    padding-top: .3125rem
}

.c-gridlist>.l-grid:not(:last-child) {
    border-bottom: var(--diva-thin-border-width, ) solid var(--diva-color-foreground, )
}

@media (max-width: 1023px) {
    .c-gridlist>.l-grid:not(:last-child) {
        padding-bottom:.9375rem
    }
}

.c-tag {
    display: flex;
    align-items: center;
    background-color: var(--diva-color-gray50, );
    border-radius: 2.5rem;
    padding: .3125rem .75rem
}

.c-tag__label {
    display: block;
    font-size: .875rem;
    font-weight: 600
}

.c-tag svg {
    display: block;
    margin-right: .1875rem
}

:root {
    color-scheme: light;
    --diva-body-font-family: LexendWoff, Lexend, system-ui, sans-serif;
    --diva-header-font-family: var(--diva-body-font-family, );
    --diva-global-margin: 1.875rem;
    --diva-paragraph-margin: 1rem;
    --diva-padding-inline: .9375rem;
    --diva-padding-block: .625rem;
    --diva-border-width: .25rem;
    --diva-thin-border-width: .125rem;
    --diva-fat-border-width: .25rem;
    --diva-grid-gutter: 1.875rem;
    --diva-content-gutter: max(1.5rem, env(safe-area-inset-left));
    --diva-global-shadow: .4375rem .4375rem .4375rem rgba(0, 0, 0, .15);
    --diva-focus-shadow: inset 0 0 0 .3125rem var(--diva-color-red, );
    --diva-color-blue: #ADD8EC;
    --diva-color-yellow: #FFF6B0;
    --diva-color-green: #CFEDC7;
    --diva-color-red: #FFC9DB;
    --diva-color-gray: #BFC0C1;
    --diva-color-orange: #FFCF9c;
    --diva-color-violet: #C4C6ED;
    --diva-color-blue2: #61AAC8;
    --diva-color-blue3: #166C88;
    --diva-color-yellow2: #EFDC62;
    --diva-color-yellow3: #BFAE1F;
    --diva-color-green2: #7DBC91;
    --diva-color-green3: #007A51;
    --diva-color-red2: #D86792;
    --diva-color-red3: #9E3863;
    --diva-color-gray25: #EFF0F0;
    --diva-color-gray50: #E0E0E1;
    --diva-color-gray70: #777777;
    --diva-color-gray80: #595959;
    --diva-color-gray95: #444;
    --diva-color-white: #ffffff;
    --diva-color-black: #000000;
    --diva-color-foreground: #000000;
    --diva-color-background: #ffffff;
    --diva-color-success: #007A51;
    --diva-color-warning: #BFAE1F;
    --diva-color-error: #9E3863;
    --diva-color-success-bg: #CFEDC7;
    --diva-color-warning-bg: #FFF6B0;
    --diva-color-error-bg: #FFC9DB;
    --diva-color-hover: #9E3863;
    --diva-color-focus: #BFAE1F
}

@media (min-width: 1024px) {
    :root {
        --diva-fat-border-width: .5625rem;
        --diva-padding-inline: 1.5625rem
    }
}

@media (min-width: 1024px) {
    :root {
        --diva-content-gutter: max(1.875rem, env(safe-area-inset-left))
    }
}

@view-transition {
    navigation: auto;
}

@media (prefers-reduced-motion) {
    ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) {
        animation: none!important
    }
}