.scroll-overflow-x, .scroll-overflow-y {
    scrollbar-color: var(--tonal-color) var(--tonal-background-color);
    scrollbar-width: thin
}

@property --surface-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #000
}

@property --surface-background-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #fff
}

@property --primary-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #000
}

@property --primary-background-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #ff0
}

.primary {
    --normal-color: var(--md-sys-color-on-primary);
    --normal-background-color: var(--md-sys-color-primary);
    --tonal-color: var(--md-sys-color-on-primary-container);
    --tonal-background-color: var(--md-sys-color-primary-container)
}

.secondary {
    --normal-color: var(--md-sys-color-on-secondary);
    --normal-background-color: var(--md-sys-color-secondary);
    --tonal-color: var(--md-sys-color-on-secondary-container);
    --tonal-background-color: var(--md-sys-color-secondary-container)
}

.tertiary {
    --normal-color: var(--md-sys-color-on-tertiary);
    --normal-background-color: var(--md-sys-color-tertiary);
    --tonal-color: var(--md-sys-color-on-tertiary-container);
    --tonal-background-color: var(--md-sys-color-tertiary-container)
}

.surface-highest, .surface-high, .surface-low, .surface-lowest, .surface {
    --surface-color: var(--md-sys-color-on-surface);
    --surface-color-lower-emphasis: var(--md-sys-color-on-surface-variant);
    --surface-background-color: var(--md-sys-color-surface-container);
    --outline-color: var(--md-sys-color-outline);
    --shadow-color: var(--md-sys-color-shadow);
    --scrim-color: var(--md-sys-color-scrim);
    --inverse-surface-color: var(--md-sys-color-inverse-on-surface);
    --inverse-surface-background-color: var(--md-sys-color-inverse-surface);
    --inverse-surface-inverse-primary-color: var(--md-sys-color-inverse-primary);
    --normal-color: var(--md-sys-color-on-primary);
    --normal-background-color: var(--md-sys-color-primary);
    --tonal-color: var(--md-sys-color-on-primary);
    --tonal-background-color: var(--md-sys-color-primary)
}

.surface-lowest {
    --surface-background-color: var(--md-sys-color-surface-container-lowest)
}

.surface-low {
    --surface-background-color: var(--md-sys-color-surface-container-low)
}

.surface-high {
    --surface-background-color: var(--md-sys-color-surface-container-high)
}

.surface-highest {
    --surface-background-color: var(--md-sys-color-surface-container-highest)
}

.surface-violet {
    --surface-color: #efdbff;
    --surface-color: #efdbff;
    --surface-color-lower-emphasis: #bd9fdd;
    --surface-background-color: #270d43;
    --outline-color: #876ba5;
    --shadow-color: #000000;
    --scrim-color: #FFFFFF;
    --normal-color: #270d43;
    --normal-background-color: #d9bafa;
    --tonal-color: #efdbff;
    --tonal-background-color: #553b71
}

.surface-violet-inverse {
    --surface-color: #270d43;
    --surface-color-lower-emphasis: #553b71;
    --surface-background-color: #efdbff;
    --outline-color: #876ba5;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: var(--md-sys-color-tertiary-container);
    --normal-background-color: var(--md-sys-color-on-tertiary-container);
    --tonal-color: var(--md-sys-color-on-tertiary);
    --tonal-background-color: var(--md-sys-color-tertiary)
}

.surface-violet-inverse-low {
    --surface-color: #270d43;
    --surface-color-lower-emphasis: #553b71;
    --surface-background-color: #f9ecff;
    --outline-color: #876ba5;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: var(--md-sys-color-tertiary-container);
    --normal-background-color: var(--md-sys-color-on-tertiary-container);
    --tonal-color: var(--md-sys-color-on-tertiary);
    --tonal-background-color: var(--md-sys-color-tertiary)
}

.surface-blue {
    --surface-color: #d1e4ff;
    --surface-color-lower-emphasis: #a0cafd;
    --surface-background-color: #001d36;
    --outline-color: #507aa9;
    --shadow-color: #000000;
    --scrim-color: #ffffff;
    --normal-color: #001d36;
    --normal-background-color: #A0CAFD;
    --tonal-color: #FFFFFF;
    --tonal-background-color: #1a4975
}

.surface-blue-inverse {
    --surface-color: #001d36;
    --surface-color-lower-emphasis: #1a4975;
    --surface-background-color: #d1e4ff;
    --outline-color: #507aa9;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #eaf1ff;
    --normal-background-color: #003258;
    --tonal-color: #001d36;
    --tonal-background-color: #85aee0
}

.surface-blue-inverse-low {
    --surface-color: #001d36;
    --surface-color-lower-emphasis: #1a4975;
    --surface-background-color: #eaf1ff;
    --outline-color: #507aa9;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #eaf1ff;
    --normal-background-color: #003258;
    --tonal-color: #001d36;
    --tonal-background-color: #85aee0
}

.surface-green {
    --surface-color: #98f4d7;
    --surface-color-lower-emphasis: #00c19d;
    --surface-background-color: #002018;
    --outline-color: #006b56;
    --shadow-color: #000000;
    --scrim-color: #ffffff;
    --normal-color: #002018;
    --normal-background-color: #00e0b6;
    --tonal-color: #98f4d7;
    --tonal-background-color: #005140
}

.surface-green-inverse {
    --surface-color: #002018;
    --surface-color-lower-emphasis: #005140;
    --surface-background-color: #98f4d7;
    --outline-color: #00876d;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #e6fff4;
    --normal-background-color: #005140;
    --tonal-color: #002018;
    --tonal-background-color: #00e0b6
}

.surface-green-inverse-low {
    --surface-color: #002018;
    --surface-color-lower-emphasis: #005140;
    --surface-background-color: #b9ffe7;
    --outline-color: #00876d;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #e6fff4;
    --normal-background-color: #005140;
    --tonal-color: #002018;
    --tonal-background-color: #00e0b6
}

.surface-lemon {
    --surface-color: #f1ffd2;
    --surface-color-lower-emphasis: #b2cc83;
    --surface-background-color: #243600;
    --outline-color: #5c8300;
    --shadow-color: #000000;
    --scrim-color: #ffffff;
    --normal-color: #131f00;
    --normal-background-color: #9fd828;
    --tonal-color: #cfed97;
    --tonal-background-color: #364e00
}

.surface-lemon-inverse {
    --surface-color: #131f00;
    --surface-color-lower-emphasis: #364e00;
    --surface-background-color: #cfed97;
    --outline-color: #5c8300;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #f1ffd2;
    --normal-background-color: #364e00;
    --tonal-color: #0b1400;
    --tonal-background-color: #9fd828
}

.surface-lemon-inverse-low {
    --surface-color: #131f00;
    --surface-color-lower-emphasis: #364e00;
    --surface-background-color: #ddfca4;
    --outline-color: #5c8300;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #f1ffd2;
    --normal-background-color: #364e00;
    --tonal-color: #0b1400;
    --tonal-background-color: #9fd828
}

.surface-red {
    --surface-color: #FFF;
    --surface-color-lower-emphasis: #cca9a3;
    --surface-background-color: #540000;
    --outline-color: #904b40;
    --shadow-color: #000000;
    --scrim-color: #000000;
    --normal-color: #3a0905;
    --normal-background-color: #EC9F93;
    --tonal-color: #ffedea;
    --tonal-background-color: #6e1b1b
}

.surface-red-inverse {
    --surface-color: #320b05;
    --surface-color-lower-emphasis: #54302a;
    --surface-background-color: #ffdad4;
    --outline-color: #cc7b6f;
    --shadow-color: #000000;
    --scrim-color: #FFFFFF;
    --normal-color: #FFFFDB;
    --normal-background-color: #8F0000;
    --tonal-color: #681008;
    --tonal-background-color: #ffb4a8
}

.surface-red-inverse-low {
    --surface-color: #320b05;
    --surface-color-lower-emphasis: #54302a;
    --surface-background-color: #ffedea;
    --outline-color: #cc7b6f;
    --shadow-color: #000000;
    --scrim-color: #FFFFFF;
    --normal-color: #FFFFDB;
    --normal-background-color: #8F0000;
    --tonal-color: #681008;
    --tonal-background-color: #ffb4a8
}

.surface-gray {
    --surface-color: #d1e4ff;
    --surface-color-lower-emphasis: #a0cafd;
    --surface-background-color: #000000;
    --outline-color: #507aa9;
    --shadow-color: #000000;
    --scrim-color: #ffffff;
    --normal-color: #001d36;
    --normal-background-color: #A0CAFD;
    --tonal-color: #FFFFFF;
    --tonal-background-color: #1a4975
}

.surface-yellow {
    --surface-color: #fff0c7;
    --surface-color-lower-emphasis: #ffe17b;
    --surface-background-color: #2f2500;
    --outline-color: #8e7500;
    --shadow-color: #000000;
    --scrim-color: #ffffff
}

.cards, .page-section {
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
    outline: none
}

:root {
    --md-sys-color-primary: rgb(141 74 92);
    --md-sys-color-primary: rgb(141 2 76);
    --md-sys-color-surface-tint: rgb(141 74 92);
    --md-sys-color-on-primary: rgb(255 255 255);
    --md-sys-color-primary-container: rgb(255 217 224);
    --md-sys-color-on-primary-container: rgb(58 7 26);
    --md-sys-color-secondary: rgb(54 97 142);
    --md-sys-color-on-secondary: rgb(255 255 255);
    --md-sys-color-secondary-container: rgb(209 228 255);
    --md-sys-color-on-secondary-container: rgb(0 29 54);
    --md-sys-color-tertiary: rgb(109 83 139);
    --md-sys-color-on-tertiary: rgb(255 255 255);
    --md-sys-color-tertiary-container: rgb(239 219 255);
    --md-sys-color-on-tertiary-container: rgb(39 13 67);
    --md-sys-color-error: rgb(186 26 26);
    --md-sys-color-on-error: rgb(255 255 255);
    --md-sys-color-error-container: rgb(255 218 214);
    --md-sys-color-on-error-container: rgb(65 0 2);
    --md-sys-color-background: rgb(255 248 247);
    --md-sys-color-on-background: rgb(34 25 27);
    --md-sys-color-surface: rgb(255 248 247);
    --md-sys-color-on-surface: rgb(34 25 27);
    --md-sys-color-surface-variant: rgb(243 221 224);
    --md-sys-color-on-surface-variant: rgb(81 67 70);
    --md-sys-color-outline: rgb(132 115 118);
    --md-sys-color-outline-variant: rgb(214 194 197);
    --md-sys-color-shadow: rgb(0 0 0);
    --md-sys-color-scrim: rgb(0 0 0);
    --md-sys-color-inverse-surface: rgb(56 46 48);
    --md-sys-color-inverse-on-surface: rgb(254 237 239);
    --md-sys-color-inverse-primary: rgb(255 177 195);
    --md-sys-color-primary-fixed: rgb(255 217 224);
    --md-sys-color-on-primary-fixed: rgb(58 7 26);
    --md-sys-color-primary-fixed-dim: rgb(255 177 195);
    --md-sys-color-on-primary-fixed-variant: rgb(113 51 68);
    --md-sys-color-secondary-fixed: rgb(209 228 255);
    --md-sys-color-on-secondary-fixed: rgb(0 29 54);
    --md-sys-color-secondary-fixed-dim: rgb(160 202 253);
    --md-sys-color-on-secondary-fixed-variant: rgb(26 73 117);
    --md-sys-color-tertiary-fixed: rgb(239 219 255);
    --md-sys-color-on-tertiary-fixed: rgb(39 13 67);
    --md-sys-color-tertiary-fixed-dim: rgb(217 186 250);
    --md-sys-color-on-tertiary-fixed-variant: rgb(85 59 113);
    --md-sys-color-surface-dim: rgb(231 214 216);
    --md-sys-color-surface-bright: rgb(255 248 247);
    --md-sys-color-surface-container-lowest: rgb(255 255 255);
    --md-sys-color-surface-container-low: rgb(255 240 242);
    --md-sys-color-surface-container: rgb(251 234 236);
    --md-sys-color-surface-container-high: rgb(245 228 230);
    --md-sys-color-surface-container-highest: rgb(239 222 225);
    --md-extended-color-green-color: rgb(17 107 86);
    --md-extended-color-green-on-color: rgb(255 255 255);
    --md-extended-color-green-color-container: rgb(163 242 216);
    --md-extended-color-green-on-color-container: rgb(0 32 24);
    --md-extended-color-lime-color: rgb(80 101 40);
    --md-extended-color-lime-on-color: rgb(255 255 255);
    --md-extended-color-lime-color-container: rgb(210 236 159);
    --md-extended-color-lime-on-color-container: rgb(19 31 0);
    --md-extended-color-yellow-color: rgb(112 93 13);
    --md-extended-color-yellow-on-color: rgb(255 255 255);
    --md-extended-color-yellow-color-container: rgb(253 225 134);
    --md-extended-color-yellow-on-color-container: rgb(35 27 0);
    --print-color: #000000;
    --print-border-color: #aaaaaa;
    --print-background-color: #ffffff
}

body, section, header, footer, main, aside, nav, article {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    font-display: swap
}

img {
    margin: 0;
    border: none;
    outline: none
}

table {
    max-width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--outline-color)
}

table td {
    vertical-align: top;
    border: 1px solid var(--outline-color)
}

.team {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1em;
    width: 100%;
    box-sizing: border-box
}

.team .team-member {
    padding: 1em
}

.team .team-image {
    aspect-ratio: 1;
    width: 200px;
    height: 200px;
    overflow: hidden;
    clip-path: circle(50%)
}

body > header {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-flow: row wrap;
    gap: 16px;
    padding: 16px;
    z-index: 101;
    box-sizing: border-box;
    background-color: var(--surface-background-color)
}

body > header .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-flow: row wrap;
    flex-grow: 1
}

body > header .logo img {
    max-width: 70%
}

body > header > .buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-flow: row wrap
}

body > header > .buttons:last-child {
    display: none
}

body > header nav {
    margin: 0;
    padding: 0;
    display: none;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 100000
}

body > header nav ul {
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 360px;
    max-width: 80%;
    list-style: none;
    flex-direction: column;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background: var(--surface-background-color) url("/media/logo/ados-sestricky-logo.svg") no-repeat 36px 24px;
    flex-grow: 1;
    padding-top: 75px;
    background-size: 256px 51px;
    background-size: 171px 34px
}

body > header nav ul li {
    margin: 0;
    padding: 4px 12px;
    box-sizing: border-box
}

body > header nav ul li a {
    width: 100%
}

@media only screen and (max-width: 360px) {
    body > header > .logo img {
        width: 150px
    }
}

@media only screen and (min-width: 992px) {
    body > header > .buttons {
        display: none
    }

    body > header > .logo {
        flex-grow: 1;
        flex-shrink: 0
    }

    body > header > nav {
        position: inherit;
        top: inherit;
        left: inherit;
        height: inherit;
        width: inherit;
        background: inherit;
        z-index: inherit;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        align-content: center;
        flex-grow: 1
    }

    body > header > nav ul {
        position: inherit;
        top: inherit;
        left: inherit;
        height: inherit;
        width: inherit;
        max-width: inherit;
        list-style: none;
        flex-direction: row;
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
        background: inherit;
        padding: 0;
        background-size: inherit;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        margin: 0
    }

    body > header > nav ul li {
        margin: 0;
        padding: 4px 4px;
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center
    }

    body > header > nav ul li a {
        width: inherit
    }
}

@media only screen and (min-width: 1200px) {
    body > header > .buttons:last-child {
        display: block
    }
}

@media print {
    body > header {
        display: none
    }
}

.page-section {
    position: relative;
    overflow: visible;
    color: var(--surface-color);
    background-color: var(--surface-background-color)
}

.page-section::after {
    position: absolute;
    top: calc(100% - 2px);
    content: "";
    display: block;
    height: 26px;
    width: 100%;
    z-index: 2;
    clip-path: polygon(100% 0%, 0% 0%, 0% 98.21%, 2% 96.52%, 4% 91.56%, 6% 83.72%, 8% 73.59%, 10% 61.94%, 12% 49.65%, 14% 37.66%, 16% 26.88%, 18% 18.13%, 20% 12.06%, 22% 9.15%, 24% 9.62%, 26% 13.42%, 28% 20.27%, 30% 29.65%, 32% 40.85%, 34% 53.01%, 36% 65.22%, 38% 76.54%, 40% 86.11%, 42% 93.22%, 44% 97.31%, 46% 98.09%, 48% 95.48%, 50% 89.69%, 52% 81.15%, 54% 70.53%, 56% 58.61%, 58% 46.31%, 60% 34.56%, 62% 24.26%, 64% 16.18%, 66% 10.94%, 68% 8.94%, 70% 10.33%, 72% 15%, 74% 22.6%, 76% 32.56%, 78% 44.11%, 80% 56.37%, 82% 68.43%, 84% 79.36%, 86% 88.32%, 88% 94.65%, 90% 97.86%, 92% 97.71%, 94% 94.2%, 96% 87.61%, 98% 78.43%, 100% 67.37%);
    clip-path: polygon(100% 0%, 0% 0%, 0% 90%, 2% 88.34%, 4% 83.5%, 6% 75.88%, 8% 66.12%, 10% 55.01%, 12% 43.49%, 14% 32.52%, 16% 22.99%, 18% 15.7%, 20% 11.26%, 22% 10.03%, 24% 12.12%, 26% 17.35%, 28% 25.29%, 30% 35.28%, 32% 46.49%, 34% 57.99%, 36% 68.83%, 38% 78.11%, 40% 85.05%, 42% 89.09%, 44% 89.89%, 46% 87.37%, 48% 81.76%, 50% 73.51%, 52% 63.31%, 54% 52.01%, 56% 40.54%, 58% 29.86%, 60% 20.84%, 62% 14.25%, 64% 10.62%, 66% 10.26%, 68% 13.19%, 70% 19.18%, 72% 27.72%, 74% 38.12%, 76% 49.5%, 78% 60.92%, 80% 71.43%, 82% 80.17%, 84% 86.4%, 86% 89.62%, 88% 89.55%, 90% 86.19%, 92% 79.84%, 94% 71.01%, 96% 60.43%, 98% 48.99%, 100% 37.64%)
}

.page-section::before {
    position: relative;
    display: block;
    content: "";
    height: 26px;
    width: 100%;
    z-index: 0
}

.page-section.no-wave::after {
    display: none
}

.page-section::before, .page-section::after {
    color: var(--surface-color);
    background-color: var(--surface-background-color)
}

.page-section .container {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 26px 0;
    overflow: hidden;
    box-sizing: border-box
}

.page-section .container.horizontal-padding {
    padding-left: 16px;
    padding-right: 16px
}

.page-section .container .columns {
    column-count: auto;
    column-width: 500px;
    column-fill: balance;
    column-gap: 32px;
    text-align: justify;
    orphans: 6;
    column-rule-style: none
}

.page-section .container .columns > * {
    break-inside: avoid
}

@media only screen and (min-width: 992px) {
    .page-section::after {
        height: 36px;
        clip-path: polygon(100% 0%, 0% 0%, 0% 98.21%, 1.33% 96.52%, 2.67% 91.56%, 4% 83.72%, 5.33% 73.59%, 6.67% 61.94%, 8% 49.65%, 9.33% 37.66%, 10.67% 26.88%, 12% 18.13%, 13.33% 12.06%, 14.67% 9.15%, 16% 9.62%, 17.33% 13.42%, 18.67% 20.27%, 20% 29.65%, 21.33% 40.85%, 22.67% 53.01%, 24% 65.22%, 25.33% 76.54%, 26.67% 86.11%, 28% 93.22%, 29.33% 97.31%, 30.67% 98.09%, 32% 95.48%, 33.33% 89.69%, 34.67% 81.15%, 36% 70.53%, 37.33% 58.61%, 38.67% 46.31%, 40% 34.56%, 41.33% 24.26%, 42.67% 16.18%, 44% 10.94%, 45.33% 8.94%, 46.67% 10.33%, 48% 15%, 49.33% 22.6%, 50.67% 32.56%, 52% 44.11%, 53.33% 56.37%, 54.67% 68.43%, 56% 79.36%, 57.33% 88.32%, 58.67% 94.65%, 60% 97.86%, 61.33% 97.71%, 62.67% 94.2%, 64% 87.61%, 65.33% 78.43%, 66.67% 67.37%, 68% 55.25%, 69.33% 43.01%, 70.67% 31.57%, 72% 21.81%, 73.33% 14.45%, 74.67% 10.07%, 76% 8.98%, 77.33% 11.29%, 78.67% 16.81%, 80% 25.12%, 81.33% 35.58%, 82.67% 47.42%, 84% 59.72%, 85.33% 71.56%, 86.67% 82.03%, 88% 90.34%, 89.33% 95.85%, 90.67% 98.16%, 92% 97.08%, 93.33% 92.69%, 94.67% 85.34%, 96% 75.57%, 97.33% 64.13%, 98.67% 51.89%, 100% 39.78%);
        clip-path: polygon(100% 100%, 0% 100%, 0% 90%, 1.43% 88.15%, 2.86% 82.78%, 4.29% 74.37%, 5.71% 63.72%, 7.14% 51.79%, 8.57% 39.71%, 10% 28.57%, 11.43% 19.41%, 12.86% 13.08%, 14.29% 10.16%, 15.71% 10.92%, 17.14% 15.3%, 18.57% 22.88%, 20% 32.97%, 21.43% 44.63%, 22.86% 56.79%, 24.29% 68.32%, 25.71% 78.16%, 27.14% 85.39%, 28.57% 89.36%, 30% 89.68%, 31.43% 86.34%, 32.86% 79.65%, 34.29% 70.21%, 35.71% 58.9%, 37.14% 46.77%, 38.57% 34.94%, 40% 24.5%, 41.43% 16.42%, 42.86% 11.44%, 44.29% 10.03%, 45.71% 12.3%, 47.14% 18.07%, 48.57% 26.78%, 50% 37.64%, 51.43% 49.64%, 52.86% 61.68%, 54.29% 72.63%, 55.71% 81.5%, 57.14% 87.45%, 58.57% 89.94%, 60% 88.74%, 61.43% 83.96%, 62.86% 76.05%, 64.29% 65.72%, 65.71% 53.94%, 67.14% 41.8%, 68.57% 30.42%, 70% 20.84%, 71.43% 13.96%, 72.86% 10.41%, 74.29% 10.52%, 75.71% 14.28%, 77.14% 21.34%, 78.57% 31.05%, 80% 42.5%, 81.43% 54.66%, 82.86% 66.38%, 84.29% 76.59%, 85.71% 84.34%, 87.14% 88.92%, 88.57% 89.9%, 90% 87.19%, 91.43% 81.05%, 92.86% 72.04%, 94.29% 60.99%, 95.71% 48.92%, 97.14% 36.96%, 98.57% 26.2%, 100% 17.64%);
        clip-path: polygon(100% 0%, 0% 0%, 0% 90%, 1.43% 88.15%, 2.86% 82.78%, 4.29% 74.37%, 5.71% 63.72%, 7.14% 51.79%, 8.57% 39.71%, 10% 28.57%, 11.43% 19.41%, 12.86% 13.08%, 14.29% 10.16%, 15.71% 10.92%, 17.14% 15.3%, 18.57% 22.88%, 20% 32.97%, 21.43% 44.63%, 22.86% 56.79%, 24.29% 68.32%, 25.71% 78.16%, 27.14% 85.39%, 28.57% 89.36%, 30% 89.68%, 31.43% 86.34%, 32.86% 79.65%, 34.29% 70.21%, 35.71% 58.9%, 37.14% 46.77%, 38.57% 34.94%, 40% 24.5%, 41.43% 16.42%, 42.86% 11.44%, 44.29% 10.03%, 45.71% 12.3%, 47.14% 18.07%, 48.57% 26.78%, 50% 37.64%, 51.43% 49.64%, 52.86% 61.68%, 54.29% 72.63%, 55.71% 81.5%, 57.14% 87.45%, 58.57% 89.94%, 60% 88.74%, 61.43% 83.96%, 62.86% 76.05%, 64.29% 65.72%, 65.71% 53.94%, 67.14% 41.8%, 68.57% 30.42%, 70% 20.84%, 71.43% 13.96%, 72.86% 10.41%, 74.29% 10.52%, 75.71% 14.28%, 77.14% 21.34%, 78.57% 31.05%, 80% 42.5%, 81.43% 54.66%, 82.86% 66.38%, 84.29% 76.59%, 85.71% 84.34%, 87.14% 88.92%, 88.57% 89.9%, 90% 87.19%, 91.43% 81.05%, 92.86% 72.04%, 94.29% 60.99%, 95.71% 48.92%, 97.14% 36.96%, 98.57% 26.2%, 100% 17.64%)
    }

    .page-section::before {
        height: 36px
    }
}

@media print {
    .page-section {
        border-bottom: 1px dotted var(--print-border-color)
    }
}

.hambac {
    display: inline-flex;
    width: 18px;
    height: 16px;
    line-height: 18px;
    position: relative;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 1px
}

.hambac:before {
    position: absolute;
    bottom: calc(50% - 1px);
    left: 0;
    width: 18px;
    content: "";
    height: 2px;
    background: #fff
}

.button, button, .icon-button {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    display: inline-block;
    padding: 0 24px;
    font-weight: 500;
    font-size: 14pt;
    letter-spacing: .1pt;
    height: 40px;
    line-height: 38px;
    text-decoration: none;
    cursor: pointer;
    color: var(--normal-color);
    background-color: var(--normal-background-color);
    border: 1px solid var(--normal-background-color)
}

.button:visited, button:visited, .icon-button:visited {
    color: var(--normal-color);
    border-color: var(--normal-background-color);
    border: 1px solid var(--normal-background-color)
}

.button:hover, button:hover, .icon-button:hover {
    color: var(--normal-color);
    border-color: color-mix(in srgb, var(--scrim-color) 8%, var(--normal-background-color));
    background-color: color-mix(in srgb, var(--scrim-color) 8%, var(--normal-background-color));
    box-shadow: 2px 2px 3px color-mix(in srgb, var(--shadow-color) 75%, transparent)
}

.button:active, .button:focus, button:active, button:focus, .icon-button:active, .icon-button:focus {
    color: var(--normal-color);
    border-color: color-mix(in srgb, var(--scrim-color) 10%, var(--normal-background-color));
    background-color: color-mix(in srgb, var(--scrim-color) 10%, var(--normal-background-color));
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none
}

.button[data-theme~=left-icon], button[data-theme~=left-icon], .icon-button[data-theme~=left-icon] {
    padding-left: 16px
}

.button[data-theme~=left-icon] > i, button[data-theme~=left-icon] > i, .icon-button[data-theme~=left-icon] > i {
    margin-right: 8px
}

.button[data-theme~=right-icon], button[data-theme~=right-icon], .icon-button[data-theme~=right-icon] {
    padding-right: 16px
}

.button[data-theme~=right-icon] > i, button[data-theme~=right-icon] > i, .icon-button[data-theme~=right-icon] > i {
    margin-left: 8px
}

.icon-button {
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    outline: none;
    border-radius: 100px;
    display: inline-block;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center
}

.button + .button, .button + button, .button .icon-button, button + .button, button + button, button .icon-button, .icon-button + .button, .icon-button + button, .icon-button .icon-button {
    margin-left: 8px
}

.button[data-theme~=tonal], button[data-theme~=tonal], .icon-button[data-theme~=tonal] {
    color: var(--tonal-color);
    background-color: var(--tonal-background-color);
    border: 1px solid var(--tonal-background-color)
}

.button[data-theme~=tonal]:visited, button[data-theme~=tonal]:visited, .icon-button[data-theme~=tonal]:visited {
    color: var(--tonal-color);
    background-color: var(--tonal-background-color);
    border: 1px solid var(--tonal-background-color)
}

.button[data-theme~=tonal]:hover, button[data-theme~=tonal]:hover, .icon-button[data-theme~=tonal]:hover {
    border: 1px solid var(--tonal-background-color);
    box-shadow: 2px 2px 3px color-mix(in srgb, var(--shadow-color) 75%, transparent)
}

.button[data-theme~=tonal]:active, .button[data-theme~=tonal]:focus, button[data-theme~=tonal]:active, button[data-theme~=tonal]:focus, .icon-button[data-theme~=tonal]:active, .icon-button[data-theme~=tonal]:focus {
    border-color: color-mix(in srgb, var(--scrim-color) 8%, var(--tonal-background-color));
    background-color: color-mix(in srgb, var(--scrim-color) 8%, var(--tonal-background-color));
    box-shadow: none
}

.button[data-theme~=outline], button[data-theme~=outline], .icon-button[data-theme~=outline] {
    color: var(--normal-background-color);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--outline-color)
}

.button[data-theme~=outline]:visited, button[data-theme~=outline]:visited, .icon-button[data-theme~=outline]:visited {
    color: var(--normal-background-color);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--outline-color)
}

.button[data-theme~=outline]:hover, button[data-theme~=outline]:hover, .icon-button[data-theme~=outline]:hover {
    background-color: color-mix(in srgb, var(--scrim-color) 8%, transparent);
    box-shadow: none
}

.button[data-theme~=outline]:active, .button[data-theme~=outline]:focus, button[data-theme~=outline]:active, button[data-theme~=outline]:focus, .icon-button[data-theme~=outline]:active, .icon-button[data-theme~=outline]:focus {
    border: 1px solid var(--normal-background-color);
    background-color: color-mix(in srgb, var(--scrim-color) 10%, transparent);
    box-shadow: none
}

.button[data-theme~=text], button[data-theme~=text], .icon-button[data-theme~=text] {
    color: var(--normal-background-color);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0)
}

.button[data-theme~=text]:visited, button[data-theme~=text]:visited, .icon-button[data-theme~=text]:visited {
    color: var(--normal-background-color);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0)
}

.button[data-theme~=text]:hover, button[data-theme~=text]:hover, .icon-button[data-theme~=text]:hover {
    background-color: color-mix(in srgb, var(--scrim-color) 8%, transparent);
    box-shadow: none
}

.button[data-theme~=text]:active, .button[data-theme~=text]:focus, button[data-theme~=text]:active, button[data-theme~=text]:focus, .icon-button[data-theme~=text]:active, .icon-button[data-theme~=text]:focus {
    background-color: color-mix(in srgb, var(--scrim-color) 10%, transparent);
    box-shadow: none
}

.button-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px
}

.button-box .button, .button-box button, .button-box .icon-button {
    margin: 0
}

@media print {
    .button, button, .icon-button {
        display: none
    }
}

.cards {
    display: flex;
    gap: 12px 8px;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    max-width: 100%;
    padding: 2px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

.cards.align-left {
    justify-content: flex-start
}

.cards > * {
    border-radius: 12px;
    min-width: 300px;
    width: 30%;
    max-width: 400px;
    position: relative;
    background-color: color-mix(in srgb, var(--normal-background-color) 6%, transparent);
    text-decoration: none
}

.cards > * > .media {
    border-radius: 12px;
    background: rgba(0, 0, 0, .04);
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    aspect-ratio: 1
}

.cards > * > .media.ratio-16-9 {
    aspect-ratio: 16/9
}

.cards > * > .media.ratio-4-3 {
    aspect-ratio: 4/3
}

.cards > * > .media > img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cards > * > *[class^=label-text-], .cards > * > *[class^=headline-], .cards > * > *[class^=title-], .cards > * > *[class^=body-text-] {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 1.2em;
    box-sizing: border-box
}

.cards > * > .title-l {
    font-weight: 600
}

.cards > * > *[class^=body-text-] {
    font-weight: 300
}

@media print {
    .cards > * {
        border: 1px solid var(--print-border-color)
    }
}

hr {
    border: none;
    background: none;
    border-top: 2px solid var(--outline-color);
    width: 100%;
    margin: 1em auto
}

a, a:visited {
    color: var(--normal-background-color);
    text-decoration: underline;
    font-weight: 500
}

.display-text-s, .display-text-m, .display-text-l {
    font-weight: 400;
    font-size: 57pt;
    letter-spacing: -0.25pt;
    line-height: 64pt;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.display-text-l {
    font-weight: 400;
    font-size: 45pt;
    letter-spacing: 0;
    line-height: 52pt
}

.display-text-m {
    font-weight: 400;
    font-size: 36pt;
    letter-spacing: 0;
    line-height: 44pt
}

.display-text-s {
    font-size: 28pt;
    line-height: 36pt
}

@media only screen and (min-width: 768px) {
    .display-text-l {
        font-weight: 400;
        font-size: 57pt;
        letter-spacing: -0.25pt;
        line-height: 64pt
    }

    .display-text-m {
        font-weight: 400;
        font-size: 45pt;
        letter-spacing: 0;
        line-height: 52pt
    }

    .display-text-s {
        font-weight: 400;
        font-size: 36pt;
        letter-spacing: 0;
        line-height: 44pt
    }
}

.headline-s, .headline-m, .headline-l, .timeline .step-title-main {
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    font-size: 32pt;
    line-height: 40pt;
    display: block;
    box-sizing: border-box
}

.headline-l, .timeline .step-title-main {
    font-size: 32pt;
    line-height: 40pt
}

.headline-m {
    font-size: 28pt;
    line-height: 36pt
}

.headline-s {
    font-size: 24pt;
    line-height: 32pt
}

.title-s, .title-m, .title-l, .timeline .step-start, .timeline .step-title {
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    font-size: 22pt;
    line-height: 28pt;
    display: block;
    box-sizing: border-box
}

.title-l, .timeline .step-start, .timeline .step-title {
    font-size: 22pt;
    line-height: 28pt
}

.title-m {
    font-size: 16pt;
    line-height: 24pt;
    font-weight: 500;
    letter-spacing: .15pt
}

.title-s {
    font-size: 14pt;
    line-height: 20pt;
    font-weight: 500;
    letter-spacing: .1pt
}

.body-text-s, .body-text-m, .timeline .step-description, .body-text-l {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    line-height: 24pt;
    box-sizing: border-box
}

.body-text-l {
    font-weight: 400;
    font-size: 16pt;
    letter-spacing: .5pt;
    line-height: 24pt
}

.body-text-m, .timeline .step-description {
    font-weight: 400;
    font-size: 14pt;
    letter-spacing: .25pt;
    line-height: 20pt
}

.body-text-s {
    font-weight: 400;
    font-size: 12pt;
    letter-spacing: .4pt;
    line-height: 16pt
}

.label-text-s, .label-text-m, .label-text-l {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    line-height: 24pt;
    box-sizing: border-box;
    font-weight: 500
}

.label-text-l {
    font-weight: 500;
    font-size: 14pt;
    letter-spacing: .1pt;
    line-height: 20pt
}

.label-text-l .prominent {
    font-weight: 700
}

.label-text-m {
    font-weight: 500;
    font-size: 12pt;
    letter-spacing: .5pt;
    line-height: 16pt
}

.label-text-m .prominent {
    font-weight: 700
}

.label-text-s {
    font-weight: 500;
    font-size: 11pt;
    letter-spacing: .5pt;
    line-height: 16pt
}

.fw100 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 100 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw200 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 200 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw300 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw400 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw500 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw600 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw700 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 700 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw800 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 800 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw900 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.fw1000 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 1000 !important;
    font-style: normal;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712
}

.symbol {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal !important;
    font-size: 1em !important;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24
}

.symbol[data-theme=inverse] {
    color: var(--surface-background-color);
    background-color: var(--surface-color-lower-emphasis);
    padding: 1px;
    border-radius: 2px
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.single-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.lower-emphasis {
    --outline-color: var(--md-sys-color-outline-variant);
    color: var(--surface-color-lower-emphasis);
    font-weight: 300
}

.lower-emphasis a, .lower-emphasis a:visited {
    color: var(--normal-background-color);
    font-weight: 400
}

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

.text-align-justify {
    text-align: justify
}

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

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

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

.block {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.flex-align-left {
    justify-content: flex-start
}

.flex-align-center {
    justify-content: center
}

.flex-align-right {
    justify-content: flex-end
}

.margin-align-center {
    margin-left: auto;
    margin-right: auto
}

.youtube-video iframe {
    display: block;
    border: none;
    aspect-ratio: 16/9;
    max-width: 100%
}

.scroll-overflow-x {
    overflow-x: auto
}

.scroll-overflow-y {
    overflow-x: auto
}

.only-print {
    display: none
}

@media print {
    * {
        color: var(--print-color) !important;
        background-color: var(--print-background-color) !important;
        border-color: var(--print-border-color) !important
    }

    .print-break {
        page-break-after: always
    }

    .disable-print {
        display: none
    }

    .only-print {
        display: block
    }
}

.max-width-50 {
    max-width: 50px !important
}

.max-height-50 {
    max-height: 50px !important
}

.max-width-100 {
    max-width: 100px !important
}

.max-height-100 {
    max-height: 100px !important
}

.max-width-150 {
    max-width: 150px !important
}

.max-height-150 {
    max-height: 150px !important
}

.max-width-200 {
    max-width: 200px !important
}

.max-height-200 {
    max-height: 200px !important
}

.max-width-250 {
    max-width: 250px !important
}

.max-height-250 {
    max-height: 250px !important
}

.max-width-300 {
    max-width: 300px !important
}

.max-height-300 {
    max-height: 300px !important
}

.max-width-350 {
    max-width: 350px !important
}

.max-height-350 {
    max-height: 350px !important
}

.max-width-400 {
    max-width: 400px !important
}

.max-height-400 {
    max-height: 400px !important
}

.max-width-450 {
    max-width: 450px !important
}

.max-height-450 {
    max-height: 450px !important
}

.max-width-500 {
    max-width: 500px !important
}

.max-height-500 {
    max-height: 500px !important
}

.max-width-550 {
    max-width: 550px !important
}

.max-height-550 {
    max-height: 550px !important
}

.max-width-600 {
    max-width: 600px !important
}

.max-height-600 {
    max-height: 600px !important
}

.max-width-650 {
    max-width: 650px !important
}

.max-height-650 {
    max-height: 650px !important
}

.max-width-700 {
    max-width: 700px !important
}

.max-height-700 {
    max-height: 700px !important
}

.width-auto {
    width: auto
}

.height-auto {
    height: auto
}

.width-full {
    width: 100%
}

.mt0 {
    margin-top: 0em !important
}

.mt0r {
    margin-top: 0rem !important
}

.pt0 {
    padding-top: 0em !important
}

.pt0r {
    padding-top: 0rem !important
}

.mr0 {
    margin-right: 0em !important
}

.mr0r {
    margin-right: 0rem !important
}

.pr0 {
    padding-right: 0em !important
}

.pr0r {
    padding-right: 0rem !important
}

.mb0 {
    margin-bottom: 0em !important
}

.mb0r {
    margin-bottom: 0rem !important
}

.pb0 {
    padding-bottom: 0em !important
}

.pb0r {
    padding-bottom: 0rem !important
}

.ml0 {
    margin-left: 0em !important
}

.ml0r {
    margin-left: 0rem !important
}

.pl0 {
    padding-left: 0em !important
}

.pl0r {
    padding-left: 0rem !important
}

.m0 {
    margin: 0em !important
}

.m0r {
    margin: 0rem !important
}

.p0 {
    padding: 0em !important
}

.p0r {
    padding: 0rem !important
}

.mt1_2 {
    margin-top: 0.5em !important
}

.mt1_2r {
    margin-top: 0.5rem !important
}

.pt1_2 {
    padding-top: 0.5em !important
}

.pt1_2r {
    padding-top: 0.5rem !important
}

.mr1_2 {
    margin-right: 0.5em !important
}

.mr1_2r {
    margin-right: 0.5rem !important
}

.pr1_2 {
    padding-right: 0.5em !important
}

.pr1_2r {
    padding-right: 0.5rem !important
}

.mb1_2 {
    margin-bottom: 0.5em !important
}

.mb1_2r {
    margin-bottom: 0.5rem !important
}

.pb1_2 {
    padding-bottom: 0.5em !important
}

.pb1_2r {
    padding-bottom: 0.5rem !important
}

.ml1_2 {
    margin-left: 0.5em !important
}

.ml1_2r {
    margin-left: 0.5rem !important
}

.pl1_2 {
    padding-left: 0.5em !important
}

.pl1_2r {
    padding-left: 0.5rem !important
}

.m1_2 {
    margin: 0.5em !important
}

.m1_2r {
    margin: 0.5rem !important
}

.p1_2 {
    padding: 0.5em !important
}

.p1_2r {
    padding: 0.5rem !important
}

.mt1 {
    margin-top: 1em !important
}

.mt1r {
    margin-top: 1rem !important
}

.pt1 {
    padding-top: 1em !important
}

.pt1r {
    padding-top: 1rem !important
}

.mr1 {
    margin-right: 1em !important
}

.mr1r {
    margin-right: 1rem !important
}

.pr1 {
    padding-right: 1em !important
}

.pr1r {
    padding-right: 1rem !important
}

.mb1 {
    margin-bottom: 1em !important
}

.mb1r {
    margin-bottom: 1rem !important
}

.pb1 {
    padding-bottom: 1em !important
}

.pb1r {
    padding-bottom: 1rem !important
}

.ml1 {
    margin-left: 1em !important
}

.ml1r {
    margin-left: 1rem !important
}

.pl1 {
    padding-left: 1em !important
}

.pl1r {
    padding-left: 1rem !important
}

.m1 {
    margin: 1em !important
}

.m1r {
    margin: 1rem !important
}

.p1 {
    padding: 1em !important
}

.p1r {
    padding: 1rem !important
}

.mt2 {
    margin-top: 2em !important
}

.mt2r {
    margin-top: 2rem !important
}

.pt2 {
    padding-top: 2em !important
}

.pt2r {
    padding-top: 2rem !important
}

.mr2 {
    margin-right: 2em !important
}

.mr2r {
    margin-right: 2rem !important
}

.pr2 {
    padding-right: 2em !important
}

.pr2r {
    padding-right: 2rem !important
}

.mb2 {
    margin-bottom: 2em !important
}

.mb2r {
    margin-bottom: 2rem !important
}

.pb2 {
    padding-bottom: 2em !important
}

.pb2r {
    padding-bottom: 2rem !important
}

.ml2 {
    margin-left: 2em !important
}

.ml2r {
    margin-left: 2rem !important
}

.pl2 {
    padding-left: 2em !important
}

.pl2r {
    padding-left: 2rem !important
}

.m2 {
    margin: 2em !important
}

.m2r {
    margin: 2rem !important
}

.p2 {
    padding: 2em !important
}

.p2r {
    padding: 2rem !important
}

.mt3 {
    margin-top: 3em !important
}

.mt3r {
    margin-top: 3rem !important
}

.pt3 {
    padding-top: 3em !important
}

.pt3r {
    padding-top: 3rem !important
}

.mr3 {
    margin-right: 3em !important
}

.mr3r {
    margin-right: 3rem !important
}

.pr3 {
    padding-right: 3em !important
}

.pr3r {
    padding-right: 3rem !important
}

.mb3 {
    margin-bottom: 3em !important
}

.mb3r {
    margin-bottom: 3rem !important
}

.pb3 {
    padding-bottom: 3em !important
}

.pb3r {
    padding-bottom: 3rem !important
}

.ml3 {
    margin-left: 3em !important
}

.ml3r {
    margin-left: 3rem !important
}

.pl3 {
    padding-left: 3em !important
}

.pl3r {
    padding-left: 3rem !important
}

.m3 {
    margin: 3em !important
}

.m3r {
    margin: 3rem !important
}

.p3 {
    padding: 3em !important
}

.p3r {
    padding: 3rem !important
}

.mt4 {
    margin-top: 4em !important
}

.mt4r {
    margin-top: 4rem !important
}

.pt4 {
    padding-top: 4em !important
}

.pt4r {
    padding-top: 4rem !important
}

.mr4 {
    margin-right: 4em !important
}

.mr4r {
    margin-right: 4rem !important
}

.pr4 {
    padding-right: 4em !important
}

.pr4r {
    padding-right: 4rem !important
}

.mb4 {
    margin-bottom: 4em !important
}

.mb4r {
    margin-bottom: 4rem !important
}

.pb4 {
    padding-bottom: 4em !important
}

.pb4r {
    padding-bottom: 4rem !important
}

.ml4 {
    margin-left: 4em !important
}

.ml4r {
    margin-left: 4rem !important
}

.pl4 {
    padding-left: 4em !important
}

.pl4r {
    padding-left: 4rem !important
}

.m4 {
    margin: 4em !important
}

.m4r {
    margin: 4rem !important
}

.p4 {
    padding: 4em !important
}

.p4r {
    padding: 4rem !important
}

.mt5 {
    margin-top: 5em !important
}

.mt5r {
    margin-top: 5rem !important
}

.pt5 {
    padding-top: 5em !important
}

.pt5r {
    padding-top: 5rem !important
}

.mr5 {
    margin-right: 5em !important
}

.mr5r {
    margin-right: 5rem !important
}

.pr5 {
    padding-right: 5em !important
}

.pr5r {
    padding-right: 5rem !important
}

.mb5 {
    margin-bottom: 5em !important
}

.mb5r {
    margin-bottom: 5rem !important
}

.pb5 {
    padding-bottom: 5em !important
}

.pb5r {
    padding-bottom: 5rem !important
}

.ml5 {
    margin-left: 5em !important
}

.ml5r {
    margin-left: 5rem !important
}

.pl5 {
    padding-left: 5em !important
}

.pl5r {
    padding-left: 5rem !important
}

.m5 {
    margin: 5em !important
}

.m5r {
    margin: 5rem !important
}

.p5 {
    padding: 5em !important
}

.p5r {
    padding: 5rem !important
}

.timeline .step-description, .timeline .step-title, .timeline .step-title-main, .timeline .step-start {
    position: relative;
    margin-left: -300px;
    padding-left: 3rem;
    border-left: 2px solid var(--outline-color)
}

.timeline .step-description:before, .timeline .step-title:before, .timeline .step-title-main:before, .timeline .step-start:before {
    position: absolute;
    min-height: 100%;
    width: 300px;
    display: block;
    text-align: right;
    box-sizing: border-box;
    padding-right: 3rem;
    left: -300px;
    font-size: .75em;
    font-weight: 700
}

.timeline .step-start {
    margin-left: 300px;
    height: 3rem
}

.timeline .step-start:before {
    content: attr(data-step-name);
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.timeline .step-title-main {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: 300px
}

.timeline .step-title-main:before {
    content: attr(data-step-name);
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.timeline .step-title {
    margin-left: 300px
}

.timeline .step-title:before {
    content: attr(data-step-name);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--surface-color-lower-emphasis)
}

.timeline .step-title:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    border-radius: 100%;
    border: 2px solid var(--outline-color);
    box-sizing: border-box;
    background-color: var(--surface-background-color);
    width: 16px;
    height: 16px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.timeline .step-title:first-child {
    margin-top: 3rem
}

.timeline .step-description {
    margin-left: 300px;
    padding-bottom: 3rem
}

.timeline .step-description:before {
    content: ""
}

@media only screen and (max-width: 768px) {
    .timeline .step-title, .timeline .step-start, .timeline .step-title-main, .timeline .step-description {
        margin-left: 1rem;
        padding-left: 1rem
    }

    .timeline .step-title:before, .timeline .step-start:before, .timeline .step-title-main:before, .timeline .step-description:before {
        display: none;
        position: relative;
        left: 0;
        text-align: left;
        width: auto
    }

    .timeline .step-start {
        height: 1rem
    }

    .timeline .step-description {
        padding-bottom: 1rem
    }

    .timeline .step-title-main {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .timeline .step-title {
        padding-top: 1rem
    }

    .timeline .step-title:after {
        display: block;
        position: absolute;
        left: -1px;
        font-size: .75em;
        top: calc(1rem + .75em);
        text-align: left
    }
}

@keyframes wideImageAnimation {
    from {
        object-position: 0% 50%
    }
    to {
        object-position: 100% 50%
    }
}

figure.widest, figure.wider, figure.wide, figure.highest, figure.higher, figure.high, figure.circle, figure.square {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

figure.widest > .mask, figure.wider > .mask, figure.wide > .mask, figure.highest > .mask, figure.higher > .mask, figure.high > .mask, figure.circle > .mask, figure.square > .mask {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    aspect-ratio: 1;
    position: relative;
    border-radius: 16px
}

figure.widest > .mask > img, figure.wider > .mask > img, figure.wide > .mask > img, figure.highest > .mask > img, figure.higher > .mask > img, figure.high > .mask > img, figure.circle > .mask > img, figure.square > .mask > img, figure.widest > .mask > amp-img img, figure.wider > .mask > amp-img img, figure.wide > .mask > amp-img img, figure.highest > .mask > amp-img img, figure.higher > .mask > amp-img img, figure.high > .mask > amp-img img, figure.circle > .mask > amp-img img, figure.square > .mask > amp-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: wideImageAnimation 5s linear infinite alternate
}

figure[data-theme~=disable-border-radius].widest > .mask, figure[data-theme~=disable-border-radius].wider > .mask, figure[data-theme~=disable-border-radius].wide > .mask, figure[data-theme~=disable-border-radius].highest > .mask, figure[data-theme~=disable-border-radius].higher > .mask, figure[data-theme~=disable-border-radius].high > .mask, figure[data-theme~=disable-border-radius].circle > .mask, figure[data-theme~=disable-border-radius].square > .mask {
    border-radius: 0
}

figure[data-theme~=with-simple-wave].widest > .mask, figure[data-theme~=with-simple-wave].wider > .mask, figure[data-theme~=with-simple-wave].wide > .mask, figure[data-theme~=with-simple-wave].highest > .mask, figure[data-theme~=with-simple-wave].higher > .mask, figure[data-theme~=with-simple-wave].high > .mask, figure[data-theme~=with-simple-wave].circle > .mask, figure[data-theme~=with-simple-wave].square > .mask {
    border-radius: 0
}

figure[data-theme~=with-simple-wave].widest > .mask::after, figure[data-theme~=with-simple-wave].wider > .mask::after, figure[data-theme~=with-simple-wave].wide > .mask::after, figure[data-theme~=with-simple-wave].highest > .mask::after, figure[data-theme~=with-simple-wave].higher > .mask::after, figure[data-theme~=with-simple-wave].high > .mask::after, figure[data-theme~=with-simple-wave].circle > .mask::after, figure[data-theme~=with-simple-wave].square > .mask::after {
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
    display: block;
    height: 10%;
    background: var(--surface-background-color);
    width: calc(100% + 2px);
    z-index: 2;
    clip-path: polygon(100% 0%, 0% 0%, 0% 90%, 4% 88.74%, 8% 85.05%, 12% 79.16%, 16% 71.43%, 20% 62.36%, 24% 52.51%, 28% 42.5%, 32% 32.97%, 36% 24.5%, 40% 17.64%, 44% 12.81%, 48% 10.32%, 52% 10.32%, 56% 12.81%, 60% 17.64%, 64% 24.5%, 68% 32.97%, 72% 42.5%, 76% 52.51%, 80% 62.36%, 84% 71.43%, 88% 79.16%, 92% 85.05%, 96% 88.74%, 100% 90%)
}

figure[data-theme~=with-simple-wave].widest > .mask::before, figure[data-theme~=with-simple-wave].wider > .mask::before, figure[data-theme~=with-simple-wave].wide > .mask::before, figure[data-theme~=with-simple-wave].highest > .mask::before, figure[data-theme~=with-simple-wave].higher > .mask::before, figure[data-theme~=with-simple-wave].high > .mask::before, figure[data-theme~=with-simple-wave].circle > .mask::before, figure[data-theme~=with-simple-wave].square > .mask::before {
    position: absolute;
    bottom: -1px;
    left: -1px;
    content: "";
    display: block;
    height: 7%;
    background: var(--surface-background-color);
    width: calc(100% + 2px);
    z-index: 2;
    clip-path: polygon(100% 100%, 0% 100%, 0% 10%, 4% 11.26%, 8% 14.95%, 12% 20.84%, 16% 28.57%, 20% 37.64%, 24% 47.49%, 28% 57.5%, 32% 67.03%, 36% 75.5%, 40% 82.36%, 44% 87.19%, 48% 89.68%, 52% 89.68%, 56% 87.19%, 60% 82.36%, 64% 75.5%, 68% 67.03%, 72% 57.5%, 76% 47.49%, 80% 37.64%, 84% 28.57%, 88% 20.84%, 92% 14.95%, 96% 11.26%, 100% 10%)
}

figure[data-theme~=with-surface-wave].widest > .mask, figure[data-theme~=with-surface-wave].wider > .mask, figure[data-theme~=with-surface-wave].wide > .mask, figure[data-theme~=with-surface-wave].highest > .mask, figure[data-theme~=with-surface-wave].higher > .mask, figure[data-theme~=with-surface-wave].high > .mask, figure[data-theme~=with-surface-wave].circle > .mask, figure[data-theme~=with-surface-wave].square > .mask {
    border-radius: 0
}

figure[data-theme~=with-surface-wave].widest > .mask::after, figure[data-theme~=with-surface-wave].wider > .mask::after, figure[data-theme~=with-surface-wave].wide > .mask::after, figure[data-theme~=with-surface-wave].highest > .mask::after, figure[data-theme~=with-surface-wave].higher > .mask::after, figure[data-theme~=with-surface-wave].high > .mask::after, figure[data-theme~=with-surface-wave].circle > .mask::after, figure[data-theme~=with-surface-wave].square > .mask::after {
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
    display: block;
    height: 26px;
    background: var(--surface-background-color);
    width: calc(100% + 2px);
    z-index: 2;
    clip-path: polygon(100% 0%, 0% 0%, 0% 90%, 2% 88.34%, 4% 83.5%, 6% 75.88%, 8% 66.12%, 10% 55.01%, 12% 43.49%, 14% 32.52%, 16% 22.99%, 18% 15.7%, 20% 11.26%, 22% 10.03%, 24% 12.12%, 26% 17.35%, 28% 25.29%, 30% 35.28%, 32% 46.49%, 34% 57.99%, 36% 68.83%, 38% 78.11%, 40% 85.05%, 42% 89.09%, 44% 89.89%, 46% 87.37%, 48% 81.76%, 50% 73.51%, 52% 63.31%, 54% 52.01%, 56% 40.54%, 58% 29.86%, 60% 20.84%, 62% 14.25%, 64% 10.62%, 66% 10.26%, 68% 13.19%, 70% 19.18%, 72% 27.72%, 74% 38.12%, 76% 49.5%, 78% 60.92%, 80% 71.43%, 82% 80.17%, 84% 86.4%, 86% 89.62%, 88% 89.55%, 90% 86.19%, 92% 79.84%, 94% 71.01%, 96% 60.43%, 98% 48.99%, 100% 37.64%)
}

figure[data-theme~=with-surface-wave].widest > .mask::before, figure[data-theme~=with-surface-wave].wider > .mask::before, figure[data-theme~=with-surface-wave].wide > .mask::before, figure[data-theme~=with-surface-wave].highest > .mask::before, figure[data-theme~=with-surface-wave].higher > .mask::before, figure[data-theme~=with-surface-wave].high > .mask::before, figure[data-theme~=with-surface-wave].circle > .mask::before, figure[data-theme~=with-surface-wave].square > .mask::before {
    position: absolute;
    bottom: -1px;
    left: -1px;
    content: "";
    display: block;
    height: 26px;
    background: var(--surface-background-color);
    width: calc(100% + 2px);
    z-index: 2;
    clip-path: polygon(100% 100%, 0% 100%, 0% 90%, 2% 88.34%, 4% 83.5%, 6% 75.88%, 8% 66.12%, 10% 55.01%, 12% 43.49%, 14% 32.52%, 16% 22.99%, 18% 15.7%, 20% 11.26%, 22% 10.03%, 24% 12.12%, 26% 17.35%, 28% 25.29%, 30% 35.28%, 32% 46.49%, 34% 57.99%, 36% 68.83%, 38% 78.11%, 40% 85.05%, 42% 89.09%, 44% 89.89%, 46% 87.37%, 48% 81.76%, 50% 73.51%, 52% 63.31%, 54% 52.01%, 56% 40.54%, 58% 29.86%, 60% 20.84%, 62% 14.25%, 64% 10.62%, 66% 10.26%, 68% 13.19%, 70% 19.18%, 72% 27.72%, 74% 38.12%, 76% 49.5%, 78% 60.92%, 80% 71.43%, 82% 80.17%, 84% 86.4%, 86% 89.62%, 88% 89.55%, 90% 86.19%, 92% 79.84%, 94% 71.01%, 96% 60.43%, 98% 48.99%, 100% 37.64%)
}

figure.bordered > .mask {
    border: 1px solid var(--outline-color)
}

figure.square > .mask > img, figure.square > .mask > amp-img img {
    animation: inherit
}

figure.circle > .mask {
    aspect-ratio: 1;
    border-radius: 50%
}

figure.circle > .mask > img, figure.circle > .mask > amp-img img {
    animation: inherit
}

figure.high > .mask {
    aspect-ratio: 3/4
}

figure.high > .mask > img, figure.high > .mask > amp-img img {
    animation: inherit
}

figure.higher > .mask {
    aspect-ratio: 9/16
}

figure.higher > .mask > img, figure.higher > .mask > amp-img img {
    animation: inherit
}

figure.highest > .mask {
    aspect-ratio: 9/20
}

figure.highest > .mask > img, figure.highest > .mask > amp-img img {
    animation: inherit
}

figure.wider > .mask > img, figure.wider > .mask > amp-img img {
    animation: wideImageAnimation 12.5s linear infinite alternate
}

figure.widest > .mask > img, figure.widest > .mask > amp-img img {
    animation: wideImageAnimation 20s linear infinite alternate
}

@media only screen and (min-width: 768px) {
    figure.wide > .mask {
        aspect-ratio: 16/7
    }

    figure.wide > .mask > img, figure.wide > .mask > amp-img img {
        animation: wideImageAnimation 2s linear infinite alternate;
        animation: inherit
    }

    figure.wider > .mask {
        aspect-ratio: 20/7
    }

    figure.wider > .mask > img, figure.wider > .mask > amp-img img {
        animation: wideImageAnimation 3s linear infinite alternate;
        animation: inherit
    }

    figure.widest > .mask {
        aspect-ratio: 28/7
    }

    figure.widest > .mask > img, figure.widest > .mask > amp-img img {
        animation: wideImageAnimation 4s linear infinite alternate;
        animation: inherit
    }
}

figcaption.top-arrow {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    background-color: var(--surface-background-color);
    padding: 1em;
    border: 1px solid var(--outline-color);
    z-index: 4;
    border-radius: 16px;
    margin-top: 1em;
    max-width: 350px;
    margin-left: 1em;
    margin-right: 1em;
    box-shadow: 2px 2px 6px var(--shadow-color)
}

figcaption.top-arrow:before {
    content: " ";
    position: absolute;
    transform: rotate(0);
    width: 0;
    height: 0;
    top: -60px;
    left: 80%;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 60px solid var(--outline-color);
    border-bottom: 60px solid #000;
    box-shadow: none
}

@media only screen and (min-width: 992px) {
    figcaption.top-arrow {
        position: relative;
        overflow: visible;
        box-sizing: border-box;
        background-color: var(--surface-background-color);
        padding: 1em;
        border: 1px solid var(--outline-color);
        z-index: 4;
        border-radius: 16px;
        margin-top: -50px;
        max-width: 300px;
        margin-left: 70%;
        margin-right: 1em
    }

    figcaption.top-arrow:before {
        content: " ";
        position: absolute;
        transform: rotate(-45deg);
        width: 0;
        height: 0;
        top: -82px;
        left: -36px;
        border-left: 5px solid rgba(0, 0, 0, 0);
        border-right: 5px solid rgba(0, 0, 0, 0);
        border-bottom: 100px solid var(--outline-color);
        border-bottom: 100px solid #000;
        z-index: 2
    }

    figure.high[data-theme~=with-surface-wave] > .mask, figure.higher[data-theme~=with-surface-wave] > .mask, figure.highest[data-theme~=with-surface-wave] > .mask {
        border-radius: 16px
    }

    figure.high[data-theme~=with-surface-wave] > .mask::after, figure.higher[data-theme~=with-surface-wave] > .mask::after, figure.highest[data-theme~=with-surface-wave] > .mask::after {
        display: none
    }

    figure.high[data-theme~=with-surface-wave] > .mask::before, figure.higher[data-theme~=with-surface-wave] > .mask::before, figure.highest[data-theme~=with-surface-wave] > .mask::before {
        display: none
    }

    figure.wide[data-theme~=with-surface-wave] > .mask, figure.wider[data-theme~=with-surface-wave] > .mask, figure.widest[data-theme~=with-surface-wave] > .mask, figure.square[data-theme~=with-surface-wave] > .mask {
        border-radius: 0
    }

    figure.wide[data-theme~=with-surface-wave] > .mask::after, figure.wider[data-theme~=with-surface-wave] > .mask::after, figure.widest[data-theme~=with-surface-wave] > .mask::after, figure.square[data-theme~=with-surface-wave] > .mask::after {
        position: absolute;
        top: -1px;
        left: -1px;
        content: "";
        display: block;
        height: 36px;
        background: var(--surface-background-color);
        width: calc(100% + 2px);
        z-index: 2;
        clip-path: polygon(100% 0%, 0% 0%, 0% 90%, 1.43% 88.15%, 2.86% 82.78%, 4.29% 74.37%, 5.71% 63.72%, 7.14% 51.79%, 8.57% 39.71%, 10% 28.57%, 11.43% 19.41%, 12.86% 13.08%, 14.29% 10.16%, 15.71% 10.92%, 17.14% 15.3%, 18.57% 22.88%, 20% 32.97%, 21.43% 44.63%, 22.86% 56.79%, 24.29% 68.32%, 25.71% 78.16%, 27.14% 85.39%, 28.57% 89.36%, 30% 89.68%, 31.43% 86.34%, 32.86% 79.65%, 34.29% 70.21%, 35.71% 58.9%, 37.14% 46.77%, 38.57% 34.94%, 40% 24.5%, 41.43% 16.42%, 42.86% 11.44%, 44.29% 10.03%, 45.71% 12.3%, 47.14% 18.07%, 48.57% 26.78%, 50% 37.64%, 51.43% 49.64%, 52.86% 61.68%, 54.29% 72.63%, 55.71% 81.5%, 57.14% 87.45%, 58.57% 89.94%, 60% 88.74%, 61.43% 83.96%, 62.86% 76.05%, 64.29% 65.72%, 65.71% 53.94%, 67.14% 41.8%, 68.57% 30.42%, 70% 20.84%, 71.43% 13.96%, 72.86% 10.41%, 74.29% 10.52%, 75.71% 14.28%, 77.14% 21.34%, 78.57% 31.05%, 80% 42.5%, 81.43% 54.66%, 82.86% 66.38%, 84.29% 76.59%, 85.71% 84.34%, 87.14% 88.92%, 88.57% 89.9%, 90% 87.19%, 91.43% 81.05%, 92.86% 72.04%, 94.29% 60.99%, 95.71% 48.92%, 97.14% 36.96%, 98.57% 26.2%, 100% 17.64%)
    }

    figure.wide[data-theme~=with-surface-wave] > .mask::before, figure.wider[data-theme~=with-surface-wave] > .mask::before, figure.widest[data-theme~=with-surface-wave] > .mask::before, figure.square[data-theme~=with-surface-wave] > .mask::before {
        position: absolute;
        bottom: -1px;
        left: -1px;
        content: "";
        display: block;
        height: 36px;
        background: var(--surface-background-color);
        width: calc(100% + 2px);
        z-index: 2;
        clip-path: polygon(100% 100%, 0% 100%, 0% 90%, 1.43% 88.15%, 2.86% 82.78%, 4.29% 74.37%, 5.71% 63.72%, 7.14% 51.79%, 8.57% 39.71%, 10% 28.57%, 11.43% 19.41%, 12.86% 13.08%, 14.29% 10.16%, 15.71% 10.92%, 17.14% 15.3%, 18.57% 22.88%, 20% 32.97%, 21.43% 44.63%, 22.86% 56.79%, 24.29% 68.32%, 25.71% 78.16%, 27.14% 85.39%, 28.57% 89.36%, 30% 89.68%, 31.43% 86.34%, 32.86% 79.65%, 34.29% 70.21%, 35.71% 58.9%, 37.14% 46.77%, 38.57% 34.94%, 40% 24.5%, 41.43% 16.42%, 42.86% 11.44%, 44.29% 10.03%, 45.71% 12.3%, 47.14% 18.07%, 48.57% 26.78%, 50% 37.64%, 51.43% 49.64%, 52.86% 61.68%, 54.29% 72.63%, 55.71% 81.5%, 57.14% 87.45%, 58.57% 89.94%, 60% 88.74%, 61.43% 83.96%, 62.86% 76.05%, 64.29% 65.72%, 65.71% 53.94%, 67.14% 41.8%, 68.57% 30.42%, 70% 20.84%, 71.43% 13.96%, 72.86% 10.41%, 74.29% 10.52%, 75.71% 14.28%, 77.14% 21.34%, 78.57% 31.05%, 80% 42.5%, 81.43% 54.66%, 82.86% 66.38%, 84.29% 76.59%, 85.71% 84.34%, 87.14% 88.92%, 88.57% 89.9%, 90% 87.19%, 91.43% 81.05%, 92.86% 72.04%, 94.29% 60.99%, 95.71% 48.92%, 97.14% 36.96%, 98.57% 26.2%, 100% 17.64%)
    }
}

@media only screen and (min-width: 1200px) {
    figcaption.xl-right {
        box-sizing: border-box;
        background-color: var(--surface-background-color);
        padding: 1em;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        z-index: 3;
        right: 0;
        bottom: 16px;
        max-width: 35%;
        position: absolute;
        font-weight: 500;
        font-size: 11pt;
        letter-spacing: .5pt;
        line-height: 16pt
    }

    figcaption.xl-right[data-theme~=with-opacity] {
        background-color: rgba(0, 0, 0, .7);
        color: #fff
    }
}

figure.disable-animation > .mask > img, figure.disable-animation > .mask > amp-img img {
    animation: inherit
}