:focus {
    outline: none;
textarea {
    font-family: inherit;
    resize: vertical;
}
button, input, textarea {
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: unset;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0;
    text-indent: inherit;
    text-shadow: inherit;
    text-transform: inherit;
    word-spacing: inherit;
}
a[disabled], button[disabled] {
    cursor: default;
}
a:not([disabled]), button:not([disabled]) {
    cursor: pointer;
}
dl, ol, ul {
    margin: 0 0 1em;
    padding: 0;
}
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {
    margin-bottom: 0;
}
*, :after, :before {
    box-sizing: border-box;
}
body, html {
    margin: 0;
    padding: 0;
}
body {
    background-color: rgba(var(--color-surface-ground), 1);
    color: rgba(var(--color-text), 1);
    font-family: PolySans, Univers, Helvetica Neue, -apple-system, BlinkMacSystemFont, Helvetica, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    min-height: 100vh;
    scroll-behavior: smooth;
}
[hidden] {
    display: none!important;
}
picture, svg {
    display: block;
}
img, video {
    height: auto;
    width: 100%}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
@media (inverted-colors) {
    img, video {
    filter: invert(100%);
}
}hr, p {
    margin: 0;
}
hr {
    background-color: rgba(var(--color-white), 0);
    border: 0;
    border-bottom: 1px solid;
    height: 0;
}
blockquote {
    margin: 0 0 1em;
}
address {
    font-style: inherit;
    line-height: inherit;
    margin-bottom: 1em;
}
summary {
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
    font-size: unset;
    font-weight: unset;
    margin: unset;
}
:root {
    --color-white: 255, 255, 255;
    --color-black: 0, 0, 0;
    --color-primary: var(--color-white);
    --color-secondary: var(--color-black);
    --color-text: var(--color-black);
    --color-grey: 149, 149, 149;
    --color-status-info: 70, 190, 210;
    --color-status-success: 120, 200, 130;
    --color-status-warning: 255, 215, 80;
    --color-status-danger: 230, 120, 130;
    --color-surface-ground: var(--color-white);
    --color-surface-content: var(--color-black);
    --color-surface-border: var(--color-white);
    --default-component-text-color: var(--color-black);
    --default-component-background-color: var(--color-white);
    --default-component-padding-vertical: 1.6rem;
    --default-component-padding-horizontal: 1.6rem;
    --default-component-roundness: 0;
    --default-component-border-style: unset;
    --default-component-border-width: unset;
    --default-component-border-color: unset;
    --default-component-gap: 1.25rem;
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
@media (max-width:4000px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:3000px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:2000px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:1600px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:1200px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:900px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 11.2rem;
    --layout-size-xl-horizontal: 6.4rem;
    --layout-size-l-horizontal: 2.96rem;
    --layout-size-m-horizontal: 1.6rem;
    --layout-size-s-horizontal: .8rem;
    --layout-size-xs-horizontal: .56rem;
}
}@media (max-width:600px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 8.4rem;
    --layout-size-xl-horizontal: 4.8rem;
    --layout-size-l-horizontal: 2.22rem;
    --layout-size-m-horizontal: 1.2rem;
    --layout-size-s-horizontal: .6rem;
    --layout-size-xs-horizontal: .42rem;
}
}@media (min-width:4001px) {
    :root {
    --layout-size-none-horizontal: 0;
    --layout-size-xxl-horizontal: 14rem;
    --layout-size-xl-horizontal: 8rem;
    --layout-size-l-horizontal: 3.7rem;
    --layout-size-m-horizontal: 2rem;
    --layout-size-s-horizontal: 1rem;
    --layout-size-xs-horizontal: .7rem;
}
}@media (max-width:4000px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}@media (max-width:3000px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}@media (max-width:2000px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}@media (max-width:1600px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}@media (max-width:1200px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}@media (max-width:900px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 11.2rem;
    --layout-size-xl-vertical: 6.4rem;
    --layout-size-l-vertical: 2.96rem;
    --layout-size-m-vertical: 1.6rem;
    --layout-size-s-vertical: .8rem;
    --layout-size-xs-vertical: .56rem;
}
}@media (max-width:600px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 8.4rem;
    --layout-size-xl-vertical: 4.8rem;
    --layout-size-l-vertical: 2.22rem;
    --layout-size-m-vertical: 1.2rem;
    --layout-size-s-vertical: .6rem;
    --layout-size-xs-vertical: .42rem;
}
}@media (min-width:4001px) {
    :root {
    --layout-size-none-vertical: 0;
    --layout-size-xxl-vertical: 14rem;
    --layout-size-xl-vertical: 8rem;
    --layout-size-l-vertical: 3.7rem;
    --layout-size-m-vertical: 2rem;
    --layout-size-s-vertical: 1rem;
    --layout-size-xs-vertical: .7rem;
}
}div, div-flex, div-grid, section {
    --space-top: 0;
    --space-right: 0;
    --space-bottom: 0;
    --space-left: 0;
    --gap-column: 0;
    --gap-row: 0;
    -moz-column-gap: var(--gap-column);
    column-gap: var(--gap-column);
    padding: var(--space-top) var(--space-right) var(--space-bottom) var(--space-left);
    row-gap: var(--gap-row);
}
div-flex[space=none], div-grid[space=none], div[space=none], section[space=none] {
    --space-top: var(--layout-size-none-vertical);
    --space-right: var(--layout-size-none-horizontal);
    --space-bottom: var(--layout-size-none-vertical);
    --space-left: var(--layout-size-none-horizontal);
}
div-flex[gap=none], div-grid[gap=none], div[gap=none], section[gap=none] {
    --gap-column: var(--layout-size-none-horizontal);
    --gap-row: var(--layout-size-none-vertical);
}
div-flex[space=xxl], div-grid[space=xxl], div[space=xxl], section[space=xxl] {
    --space-top: var(--layout-size-xxl-vertical);
    --space-right: var(--layout-size-xxl-horizontal);
    --space-bottom: var(--layout-size-xxl-vertical);
    --space-left: var(--layout-size-xxl-horizontal);
}
div-flex[gap=xxl], div-grid[gap=xxl], div[gap=xxl], section[gap=xxl] {
    --gap-column: var(--layout-size-xxl-horizontal);
    --gap-row: var(--layout-size-xxl-vertical);
}
div-flex[space=xl], div-grid[space=xl], div[space=xl], section[space=xl] {
    --space-top: var(--layout-size-xl-vertical);
    --space-right: var(--layout-size-xl-horizontal);
    --space-bottom: var(--layout-size-xl-vertical);
    --space-left: var(--layout-size-xl-horizontal);
}
div-flex[gap=xl], div-grid[gap=xl], div[gap=xl], section[gap=xl] {
    --gap-column: var(--layout-size-xl-horizontal);
    --gap-row: var(--layout-size-xl-vertical);
}
div-flex[space=l], div-grid[space=l], div[space=l], section[space=l] {
    --space-top: var(--layout-size-l-vertical);
    --space-right: var(--layout-size-l-horizontal);
    --space-bottom: var(--layout-size-l-vertical);
    --space-left: var(--layout-size-l-horizontal);
}
div-flex[gap=l], div-grid[gap=l], div[gap=l], section[gap=l] {
    --gap-column: var(--layout-size-l-horizontal);
    --gap-row: var(--layout-size-l-vertical);
}
div-flex[space=m], div-grid[space=m], div[space=m], section[space=m] {
    --space-top: var(--layout-size-m-vertical);
    --space-right: var(--layout-size-m-horizontal);
    --space-bottom: var(--layout-size-m-vertical);
    --space-left: var(--layout-size-m-horizontal);
}
div-flex[gap=m], div-grid[gap=m], div[gap=m], section[gap=m] {
    --gap-column: var(--layout-size-m-horizontal);
    --gap-row: var(--layout-size-m-vertical);
}
div-flex[space=s], div-grid[space=s], div[space=s], section[space=s] {
    --space-top: var(--layout-size-s-vertical);
    --space-right: var(--layout-size-s-horizontal);
    --space-bottom: var(--layout-size-s-vertical);
    --space-left: var(--layout-size-s-horizontal);
}
div-flex[gap=s], div-grid[gap=s], div[gap=s], section[gap=s] {
    --gap-column: var(--layout-size-s-horizontal);
    --gap-row: var(--layout-size-s-vertical);
}
div-flex[space=xs], div-grid[space=xs], div[space=xs], section[space=xs] {
    --space-top: var(--layout-size-xs-vertical);
    --space-right: var(--layout-size-xs-horizontal);
    --space-bottom: var(--layout-size-xs-vertical);
    --space-left: var(--layout-size-xs-horizontal);
}
div-flex[gap=xs], div-grid[gap=xs], div[gap=xs], section[gap=xs] {
    --gap-column: var(--layout-size-xs-horizontal);
    --gap-row: var(--layout-size-xs-vertical);
}
div-flex[space-y=none], div-grid[space-y=none], div[space-y=none], section[space-y=none] {
    --space-top: var(--layout-size-none-vertical);
    --space-bottom: var(--layout-size-none-vertical);
}
div-flex[gap-y=none], div-grid[gap-y=none], div[gap-y=none], section[gap-y=none] {
    --gap-row: var(--layout-size-none-vertical);
}
div-flex[space-y=xxl], div-grid[space-y=xxl], div[space-y=xxl], section[space-y=xxl] {
    --space-top: var(--layout-size-xxl-vertical);
    --space-bottom: var(--layout-size-xxl-vertical);
}
div-flex[gap-y=xxl], div-grid[gap-y=xxl], div[gap-y=xxl], section[gap-y=xxl] {
    --gap-row: var(--layout-size-xxl-vertical);
}
div-flex[space-y=xl], div-grid[space-y=xl], div[space-y=xl], section[space-y=xl] {
    --space-top: var(--layout-size-xl-vertical);
    --space-bottom: var(--layout-size-xl-vertical);
}
div-flex[gap-y=xl], div-grid[gap-y=xl], div[gap-y=xl], section[gap-y=xl] {
    --gap-row: var(--layout-size-xl-vertical);
}
div-flex[space-y=l], div-grid[space-y=l], div[space-y=l], section[space-y=l] {
    --space-top: var(--layout-size-l-vertical);
    --space-bottom: var(--layout-size-l-vertical);
}
div-flex[gap-y=l], div-grid[gap-y=l], div[gap-y=l], section[gap-y=l] {
    --gap-row: var(--layout-size-l-vertical);
}
div-flex[space-y=m], div-grid[space-y=m], div[space-y=m], section[space-y=m] {
    --space-top: var(--layout-size-m-vertical);
    --space-bottom: var(--layout-size-m-vertical);
}
div-flex[gap-y=m], div-grid[gap-y=m], div[gap-y=m], section[gap-y=m] {
    --gap-row: var(--layout-size-m-vertical);
}
div-flex[space-y=s], div-grid[space-y=s], div[space-y=s], section[space-y=s] {
    --space-top: var(--layout-size-s-vertical);
    --space-bottom: var(--layout-size-s-vertical);
}
div-flex[gap-y=s], div-grid[gap-y=s], div[gap-y=s], section[gap-y=s] {
    --gap-row: var(--layout-size-s-vertical);
}
div-flex[space-y=xs], div-grid[space-y=xs], div[space-y=xs], section[space-y=xs] {
    --space-top: var(--layout-size-xs-vertical);
    --space-bottom: var(--layout-size-xs-vertical);
}
div-flex[gap-y=xs], div-grid[gap-y=xs], div[gap-y=xs], section[gap-y=xs] {
    --gap-row: var(--layout-size-xs-vertical);
}
div-flex[space-x=none], div-grid[space-x=none], div[space-x=none], section[space-x=none] {
    --space-left: var(--layout-size-none-horizontal);
    --space-right: var(--layout-size-none-horizontal);
}
div-flex[gap-x=none], div-grid[gap-x=none], div[gap-x=none], section[gap-x=none] {
    --gap-column: var(--layout-size-none-horizontal);
}
div-flex[space-x=xxl], div-grid[space-x=xxl], div[space-x=xxl], section[space-x=xxl] {
    --space-left: var(--layout-size-xxl-horizontal);
    --space-right: var(--layout-size-xxl-horizontal);
}
div-flex[gap-x=xxl], div-grid[gap-x=xxl], div[gap-x=xxl], section[gap-x=xxl] {
    --gap-column: var(--layout-size-xxl-horizontal);
}
div-flex[space-x=xl], div-grid[space-x=xl], div[space-x=xl], section[space-x=xl] {
    --space-left: var(--layout-size-xl-horizontal);
    --space-right: var(--layout-size-xl-horizontal);
}
div-flex[gap-x=xl], div-grid[gap-x=xl], div[gap-x=xl], section[gap-x=xl] {
    --gap-column: var(--layout-size-xl-horizontal);
}
div-flex[space-x=l], div-grid[space-x=l], div[space-x=l], section[space-x=l] {
    --space-left: var(--layout-size-l-horizontal);
    --space-right: var(--layout-size-l-horizontal);
}
div-flex[gap-x=l], div-grid[gap-x=l], div[gap-x=l], section[gap-x=l] {
    --gap-column: var(--layout-size-l-horizontal);
}
div-flex[space-x=m], div-grid[space-x=m], div[space-x=m], section[space-x=m] {
    --space-left: var(--layout-size-m-horizontal);
    --space-right: var(--layout-size-m-horizontal);
}
div-flex[gap-x=m], div-grid[gap-x=m], div[gap-x=m], section[gap-x=m] {
    --gap-column: var(--layout-size-m-horizontal);
}
div-flex[space-x=s], div-grid[space-x=s], div[space-x=s], section[space-x=s] {
    --space-left: var(--layout-size-s-horizontal);
    --space-right: var(--layout-size-s-horizontal);
}
div-flex[gap-x=s], div-grid[gap-x=s], div[gap-x=s], section[gap-x=s] {
    --gap-column: var(--layout-size-s-horizontal);
}
div-flex[space-x=xs], div-grid[space-x=xs], div[space-x=xs], section[space-x=xs] {
    --space-left: var(--layout-size-xs-horizontal);
    --space-right: var(--layout-size-xs-horizontal);
}
div-flex[gap-x=xs], div-grid[gap-x=xs], div[gap-x=xs], section[gap-x=xs] {
    --gap-column: var(--layout-size-xs-horizontal);
}
div-flex[space-top=none], div-grid[space-top=none], div[space-top=none], section[space-top=none] {
    --space-top: var(--layout-size-none-vertical)!important;
}
div-flex[space-right=none], div-grid[space-right=none], div[space-right=none], section[space-right=none] {
    --space-right: var(--layout-size-none-horizontal)!important;
}
div-flex[space-bottom=none], div-grid[space-bottom=none], div[space-bottom=none], section[space-bottom=none] {
    --space-bottom: var(--layout-size-none-vertical)!important;
}
div-flex[space-left=none], div-grid[space-left=none], div[space-left=none], section[space-left=none] {
    --space-left: var(--layout-size-none-horizontal)!important;
}
div-flex[space-top=xxl], div-grid[space-top=xxl], div[space-top=xxl], section[space-top=xxl] {
    --space-top: var(--layout-size-xxl-vertical)!important;
}
div-flex[space-right=xxl], div-grid[space-right=xxl], div[space-right=xxl], section[space-right=xxl] {
    --space-right: var(--layout-size-xxl-horizontal)!important;
}
div-flex[space-bottom=xxl], div-grid[space-bottom=xxl], div[space-bottom=xxl], section[space-bottom=xxl] {
    --space-bottom: var(--layout-size-xxl-vertical)!important;
}
div-flex[space-left=xxl], div-grid[space-left=xxl], div[space-left=xxl], section[space-left=xxl] {
    --space-left: var(--layout-size-xxl-horizontal)!important;
}
div-flex[space-top=xl], div-grid[space-top=xl], div[space-top=xl], section[space-top=xl] {
    --space-top: var(--layout-size-xl-vertical)!important;
}
div-flex[space-right=xl], div-grid[space-right=xl], div[space-right=xl], section[space-right=xl] {
    --space-right: var(--layout-size-xl-horizontal)!important;
}
div-flex[space-bottom=xl], div-grid[space-bottom=xl], div[space-bottom=xl], section[space-bottom=xl] {
    --space-bottom: var(--layout-size-xl-vertical)!important;
}
div-flex[space-left=xl], div-grid[space-left=xl], div[space-left=xl], section[space-left=xl] {
    --space-left: var(--layout-size-xl-horizontal)!important;
}
div-flex[space-top=l], div-grid[space-top=l], div[space-top=l], section[space-top=l] {
    --space-top: var(--layout-size-l-vertical)!important;
}
div-flex[space-right=l], div-grid[space-right=l], div[space-right=l], section[space-right=l] {
    --space-right: var(--layout-size-l-horizontal)!important;
}
div-flex[space-bottom=l], div-grid[space-bottom=l], div[space-bottom=l], section[space-bottom=l] {
    --space-bottom: var(--layout-size-l-vertical)!important;
}
div-flex[space-left=l], div-grid[space-left=l], div[space-left=l], section[space-left=l] {
    --space-left: var(--layout-size-l-horizontal)!important;
}
div-flex[space-top=m], div-grid[space-top=m], div[space-top=m], section[space-top=m] {
    --space-top: var(--layout-size-m-vertical)!important;
}
div-flex[space-right=m], div-grid[space-right=m], div[space-right=m], section[space-right=m] {
    --space-right: var(--layout-size-m-horizontal)!important;
}
div-flex[space-bottom=m], div-grid[space-bottom=m], div[space-bottom=m], section[space-bottom=m] {
    --space-bottom: var(--layout-size-m-vertical)!important;
}
div-flex[space-left=m], div-grid[space-left=m], div[space-left=m], section[space-left=m] {
    --space-left: var(--layout-size-m-horizontal)!important;
}
div-flex[space-top=s], div-grid[space-top=s], div[space-top=s], section[space-top=s] {
    --space-top: var(--layout-size-s-vertical)!important;
}
div-flex[space-right=s], div-grid[space-right=s], div[space-right=s], section[space-right=s] {
    --space-right: var(--layout-size-s-horizontal)!important;
}
div-flex[space-bottom=s], div-grid[space-bottom=s], div[space-bottom=s], section[space-bottom=s] {
    --space-bottom: var(--layout-size-s-vertical)!important;
}
div-flex[space-left=s], div-grid[space-left=s], div[space-left=s], section[space-left=s] {
    --space-left: var(--layout-size-s-horizontal)!important;
}
div-flex[space-top=xs], div-grid[space-top=xs], div[space-top=xs], section[space-top=xs] {
    --space-top: var(--layout-size-xs-vertical)!important;
}
div-flex[space-right=xs], div-grid[space-right=xs], div[space-right=xs], section[space-right=xs] {
    --space-right: var(--layout-size-xs-horizontal)!important;
}
div-flex[space-bottom=xs], div-grid[space-bottom=xs], div[space-bottom=xs], section[space-bottom=xs] {
    --space-bottom: var(--layout-size-xs-vertical)!important;
}
div-flex[space-left=xs], div-grid[space-left=xs], div[space-left=xs], section[space-left=xs] {
    --space-left: var(--layout-size-xs-horizontal)!important;
}
[margin-top=none] {
    margin-top: var(--layout-size-none-vertical);
}
[margin-right=none] {
    margin-right: var(--layout-size-none-horizontal);
}
[margin-bottom=none] {
    margin-bottom: var(--layout-size-none-vertical);
}
[margin-left=none] {
    margin-left: var(--layout-size-none-horizontal);
}
[margin-top=xxl] {
    margin-top: var(--layout-size-xxl-vertical);
}
[margin-right=xxl] {
    margin-right: var(--layout-size-xxl-horizontal);
}
[margin-bottom=xxl] {
    margin-bottom: var(--layout-size-xxl-vertical);
}
[margin-left=xxl] {
    margin-left: var(--layout-size-xxl-horizontal);
}
[margin-top=xl] {
    margin-top: var(--layout-size-xl-vertical);
}
[margin-right=xl] {
    margin-right: var(--layout-size-xl-horizontal);
}
[margin-bottom=xl] {
    margin-bottom: var(--layout-size-xl-vertical);
}
[margin-left=xl] {
    margin-left: var(--layout-size-xl-horizontal);
}
[margin-top=l] {
    margin-top: var(--layout-size-l-vertical);
}
[margin-right=l] {
    margin-right: var(--layout-size-l-horizontal);
}
[margin-bottom=l] {
    margin-bottom: var(--layout-size-l-vertical);
}
[margin-left=l] {
    margin-left: var(--layout-size-l-horizontal);
}
[margin-top=m] {
    margin-top: var(--layout-size-m-vertical);
}
[margin-right=m] {
    margin-right: var(--layout-size-m-horizontal);
}
[margin-bottom=m] {
    margin-bottom: var(--layout-size-m-vertical);
}
[margin-left=m] {
    margin-left: var(--layout-size-m-horizontal);
}
[margin-top=s] {
    margin-top: var(--layout-size-s-vertical);
}
[margin-right=s] {
    margin-right: var(--layout-size-s-horizontal);
}
[margin-bottom=s] {
    margin-bottom: var(--layout-size-s-vertical);
}
[margin-left=s] {
    margin-left: var(--layout-size-s-horizontal);
}
[margin-top=xs] {
    margin-top: var(--layout-size-xs-vertical);
}
[margin-right=xs] {
    margin-right: var(--layout-size-xs-horizontal);
}
[margin-bottom=xs] {
    margin-bottom: var(--layout-size-xs-vertical);
}
[margin-left=xs] {
    margin-left: var(--layout-size-xs-horizontal);
}
div-flex, div-flex[type=flex] {
    display: flex;
}
div-flex[type=inline-flex] {
    display: inline-flex;
}
div-flex[flow~=column] {
    flex-direction: column;
}
@media (max-width:4000px) {
    div-flex[flow~="4000px-column"] {
    flex-direction: column;
}
}@media (max-width:3000px) {
    div-flex[flow~="3000px-column"] {
    flex-direction: column;
}
}@media (max-width:2000px) {
    div-flex[flow~="2000px-column"] {
    flex-direction: column;
}
}@media (max-width:1600px) {
    div-flex[flow~="1600px-column"] {
    flex-direction: column;
}
}@media (max-width:1200px) {
    div-flex[flow~="1200px-column"] {
    flex-direction: column;
}
}@media (max-width:900px) {
    div-flex[flow~="900px-column"] {
    flex-direction: column;
}
}@media (max-width:600px) {
    div-flex[flow~="600px-column"] {
    flex-direction: column;
}
}div-flex[flow~=row] {
    flex-direction: row;
}
@media (max-width:4000px) {
    div-flex[flow~="4000px-row"] {
    flex-direction: row;
}
}@media (max-width:3000px) {
    div-flex[flow~="3000px-row"] {
    flex-direction: row;
}
}@media (max-width:2000px) {
    div-flex[flow~="2000px-row"] {
    flex-direction: row;
}
}@media (max-width:1600px) {
    div-flex[flow~="1600px-row"] {
    flex-direction: row;
}
}@media (max-width:1200px) {
    div-flex[flow~="1200px-row"] {
    flex-direction: row;
}
}@media (max-width:900px) {
    div-flex[flow~="900px-row"] {
    flex-direction: row;
}
}@media (max-width:600px) {
    div-flex[flow~="600px-row"] {
    flex-direction: row;
}
}div-flex[flow~=column-reverse] {
    flex-direction: column-reverse;
}
@media (max-width:4000px) {
    div-flex[flow~="4000px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:3000px) {
    div-flex[flow~="3000px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:2000px) {
    div-flex[flow~="2000px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:1600px) {
    div-flex[flow~="1600px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:1200px) {
    div-flex[flow~="1200px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:900px) {
    div-flex[flow~="900px-column-reverse"] {
    flex-direction: column-reverse;
}
}@media (max-width:600px) {
    div-flex[flow~="600px-column-reverse"] {
    flex-direction: column-reverse;
}
}div-flex[flow~=row-reverse] {
    flex-direction: row-reverse;
}
@media (max-width:4000px) {
    div-flex[flow~="4000px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:3000px) {
    div-flex[flow~="3000px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:2000px) {
    div-flex[flow~="2000px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:1600px) {
    div-flex[flow~="1600px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:1200px) {
    div-flex[flow~="1200px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:900px) {
    div-flex[flow~="900px-row-reverse"] {
    flex-direction: row-reverse;
}
}@media (max-width:600px) {
    div-flex[flow~="600px-row-reverse"] {
    flex-direction: row-reverse;
}
}div-flex[flow~=wrap] {
    flex-wrap: wrap;
}
div-flex[flow~=nowrap] {
    flex-wrap: nowrap;
}
div-flex[flow~=wrap-reverse] {
    flex-wrap: wrap-reverse;
}
div-flex[position="1"] {
    order: 1;
}
div-flex[position="2"] {
    order: 2;
}
div-flex[position="3"] {
    order: 3;
}
div-flex[position="4"] {
    order: 4;
}
div-flex[position="5"] {
    order: 5;
}
div-flex[justify-items=start] {
    justify-items: flex-start;
}
div-flex>[justify-self=start] {
    justify-self: flex-start;
}
div-flex[justify-items=end] {
    justify-items: flex-end;
}
div-flex>[justify-self=end] {
    justify-self: flex-end;
}
div-flex[justify-items=center] {
    justify-items: center;
}
div-flex>[justify-self=center] {
    justify-self: center;
}
div-flex[justify-items=stretch] {
    justify-items: stretch;
}
div-flex>[justify-self=stretch] {
    justify-self: stretch;
}
div-flex[justify-items=baseline] {
    justify-items: baseline;
}
div-flex>[justify-self=baseline] {
    justify-self: baseline;
}
div-flex[justify-content=start] {
    justify-content: flex-start;
}
div-flex[justify-content=end] {
    justify-content: flex-end;
}
div-flex[justify-content=center] {
    justify-content: center;
}
div-flex[justify-content=stretch] {
    justify-content: stretch;
}
div-flex[justify-content=space-around] {
    justify-content: space-around;
}
div-flex[justify-content=space-between] {
    justify-content: space-between;
}
div-flex[justify-content=space-evenly] {
    justify-content: space-evenly;
}
div-flex[align-items=start] {
    align-items: flex-start;
}
div-flex>[align-self=start] {
    align-self: flex-start;
}
div-flex[align-items=end] {
    align-items: flex-end;
}
div-flex>[align-self=end] {
    align-self: flex-end;
}
div-flex[align-items=center] {
    align-items: center;
}
div-flex>[align-self=center] {
    align-self: center;
}
div-flex[align-items=stretch] {
    align-items: stretch;
}
div-flex>[align-self=stretch] {
    align-self: stretch;
}
div-flex[align-items=baseline] {
    align-items: baseline;
}
div-flex>[align-self=baseline] {
    align-self: baseline;
}
div-flex[align-content=start] {
    align-content: flex-start;
}
div-flex[align-content=end] {
    align-content: flex-end;
}
div-flex[align-content=center] {
    align-content: center;
}
div-flex[align-content=stretch] {
    align-content: stretch;
}
div-flex[align-content=space-around] {
    align-content: space-around;
}
div-flex[align-content=space-between] {
    align-content: space-between;
}
div-flex[align-content=space-evenly] {
    align-content: space-evenly;
}
div-flex[place-items=start] {
    align-items: flex-start;
    justify-items: flex-start;
    place-items: flex-start;
}
div-flex>[place-self=start] {
    align-self: flex-start;
    justify-self: flex-start;
    place-self: flex-start;
}
div-flex[place-items=end] {
    align-items: flex-end;
    justify-items: flex-end;
    place-items: flex-end;
}
div-flex>[place-self=end] {
    align-self: flex-end;
    justify-self: flex-end;
    place-self: flex-end;
}
div-flex[place-items=center] {
    align-items: center;
    justify-items: center;
    place-items: center;
}
div-flex>[place-self=center] {
    align-self: center;
    justify-self: center;
    place-self: center;
}
div-flex[place-items=stretch] {
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
}
div-flex>[place-self=stretch] {
    align-self: stretch;
    justify-self: stretch;
    place-self: stretch;
}
div-flex[place-items=baseline] {
    align-items: baseline;
    justify-items: baseline;
    place-items: baseline;
}
div-flex>[place-self=baseline] {
    align-self: baseline;
    justify-self: baseline;
    place-self: baseline;
}
div-flex[place-content=start] {
    align-content: flex-start;
    justify-content: flex-start;
    place-content: flex-start;
}
div-flex[place-content=end] {
    align-content: flex-end;
    justify-content: flex-end;
    place-content: flex-end;
}
div-flex[place-content=center] {
    align-content: center;
    justify-content: center;
    place-content: center;
}
div-flex[place-content=stretch] {
    align-content: stretch;
    justify-content: stretch;
    place-content: stretch;
}
div-flex[place-content=space-around] {
    align-content: space-around;
    justify-content: space-around;
    place-content: space-around;
}
div-flex[place-content=space-between] {
    align-content: space-between;
    justify-content: space-between;
    place-content: space-between;
}
div-flex[place-content=space-evenly] {
    align-content: space-evenly;
    justify-content: space-evenly;
    place-content: space-evenly;
}
div-grid {
    display: grid;
}
div-grid[type=inline] {
    display: "inline-grid"}
div-grid[type=sub] {
    display: "subgrid"}
div-grid[flow~=row] {
    grid-auto-flow: row;
}
div-grid[flow~=row][flow~=dense] {
    grid-auto-flow: row dense;
}
div-grid[flow~=column] {
    grid-auto-flow: column;
}
div-grid[flow~=column][flow~=dense] {
    grid-auto-flow: column dense;
}
div-grid[flow~=dense] {
    grid-auto-flow: dense;
}
div-grid>[position="1"] {
    grid-area: a;
}
div-grid>[position="2"] {
    grid-area: b;
}
div-grid>[position="3"] {
    grid-area: c;
}
div-grid>[position="4"] {
    grid-area: d;
}
div-grid>[position="5"] {
    grid-area: e;
}
div-grid[justify-items=start] {
    justify-items: start;
}
div-grid>[justify-self=start] {
    justify-self: start;
}
div-grid[justify-items=end] {
    justify-items: end;
}
div-grid>[justify-self=end] {
    justify-self: end;
}
div-grid[justify-items=center] {
    justify-items: center;
}
div-grid>[justify-self=center] {
    justify-self: center;
}
div-grid[justify-items=stretch] {
    justify-items: stretch;
}
div-grid>[justify-self=stretch] {
    justify-self: stretch;
}
div-grid[justify-content=start] {
    justify-content: start;
}
div-grid[justify-content=end] {
    justify-content: end;
}
div-grid[justify-content=center] {
    justify-content: center;
}
div-grid[justify-content=stretch] {
    justify-content: stretch;
}
div-grid[justify-content=space-around] {
    justify-content: space-around;
}
div-grid[justify-content=space-between] {
    justify-content: space-between;
}
div-grid[justify-content=space-evenly] {
    justify-content: space-evenly;
}
div-grid[align-items=start] {
    align-items: start;
}
div-grid>[align-self=start] {
    align-self: start;
}
div-grid[align-items=end] {
    align-items: end;
}
div-grid>[align-self=end] {
    align-self: end;
}
div-grid[align-items=center] {
    align-items: center;
}
div-grid>[align-self=center] {
    align-self: center;
}
div-grid[align-items=stretch] {
    align-items: stretch;
}
div-grid>[align-self=stretch] {
    align-self: stretch;
}
div-grid[align-content=start] {
    align-content: start;
}
div-grid[align-content=end] {
    align-content: end;
}
div-grid[align-content=center] {
    align-content: center;
}
div-grid[align-content=stretch] {
    align-content: stretch;
}
div-grid[align-content=space-around] {
    align-content: space-around;
}
div-grid[align-content=space-between] {
    align-content: space-between;
}
div-grid[align-content=space-evenly] {
    align-content: space-evenly;
}
div-grid[place-items=start] {
    align-items: start;
    justify-items: start;
    place-items: start;
}
div-grid>[place-self=start] {
    align-self: start;
    justify-self: start;
    place-self: start;
}
div-grid[place-items=end] {
    align-items: end;
    justify-items: end;
    place-items: end;
}
div-grid>[place-self=end] {
    align-self: end;
    justify-self: end;
    place-self: end;
}
div-grid[place-items=center] {
    align-items: center;
    justify-items: center;
    place-items: center;
}
div-grid>[place-self=center] {
    align-self: center;
    justify-self: center;
    place-self: center;
}
div-grid[place-items=stretch] {
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
}
div-grid>[place-self=stretch] {
    align-self: stretch;
    justify-self: stretch;
    place-self: stretch;
}
div-grid[place-content=start] {
    align-content: start;
    justify-content: start;
    place-content: start;
}
div-grid[place-content=end] {
    align-content: end;
    justify-content: end;
    place-content: end;
}
div-grid[place-content=center] {
    align-content: center;
    justify-content: center;
    place-content: center;
}
div-grid[place-content=stretch] {
    align-content: stretch;
    justify-content: stretch;
    place-content: stretch;
}
div-grid[place-content=space-around] {
    align-content: space-around;
    justify-content: space-around;
    place-content: space-around;
}
div-grid[place-content=space-between] {
    align-content: space-between;
    justify-content: space-between;
    place-content: space-between;
}
div-grid[place-content=space-evenly] {
    align-content: space-evenly;
    justify-content: space-evenly;
    place-content: space-evenly;
}
div-grid[preset~=fit-xl] {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}
div-grid[preset~=fit-l] {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
div-grid[preset~=fit-m] {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
div-grid[preset~=fit-s] {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
div-grid[preset~=fit-xs] {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}
div-grid[preset~=columns-2] {
    grid-template-columns: repeat(2, 1fr);
}
div-grid[preset~=columns-3] {
    grid-template-columns: repeat(3, 1fr);
}
div-grid[preset~=columns-4] {
    grid-template-columns: repeat(4, 1fr);
}
div-grid[preset~=columns-5] {
    grid-template-columns: repeat(5, 1fr);
}
div-grid[preset~=overlay] {
    grid-template-areas: "overlay";
    grid-template-columns: 100%;
    grid-template-rows: 100%}
div-grid[preset~=overlay]>* {
    grid-area: overlay;
}
spacer-vertical {
    display: block;
    height: 100%;
    width: var(--spacer-size);
}
spacer-horizontal {
    display: block;
    height: var(--spacer-size);
    width: 100%}
spacer-horizontal[size=none] {
    --spacer-size: var(--layout-size-none-vertical);
}
spacer-vertical[size=none] {
    --spacer-size: var(--layout-size-none-horizontal);
}
spacer-horizontal[size=xxl] {
    --spacer-size: var(--layout-size-xxl-vertical);
}
spacer-vertical[size=xxl] {
    --spacer-size: var(--layout-size-xxl-horizontal);
}
spacer-horizontal[size=xl] {
    --spacer-size: var(--layout-size-xl-vertical);
}
spacer-vertical[size=xl] {
    --spacer-size: var(--layout-size-xl-horizontal);
}
spacer-horizontal[size=l] {
    --spacer-size: var(--layout-size-l-vertical);
}
spacer-vertical[size=l] {
    --spacer-size: var(--layout-size-l-horizontal);
}
spacer-horizontal[size=m] {
    --spacer-size: var(--layout-size-m-vertical);
}
spacer-vertical[size=m] {
    --spacer-size: var(--layout-size-m-horizontal);
}
spacer-horizontal[size=s] {
    --spacer-size: var(--layout-size-s-vertical);
}
spacer-vertical[size=s] {
    --spacer-size: var(--layout-size-s-horizontal);
}
spacer-horizontal[size=xs] {
    --spacer-size: var(--layout-size-xs-vertical);
}
spacer-vertical[size=xs] {
    --spacer-size: var(--layout-size-xs-horizontal);
}
img {
    display: block;
    height: auto;
    max-width: 100%;
    transition: opacity .25s ease;
}
img.lazyload, img.lazyloading, img.lazypreload {
    background-color: rgba(var(--color-surface-content), 1);
    opacity: 0;
}
img.lazyloaded {
    opacity: 1;
}
picture {
    display: block;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    user-drag: none;
}
picture[cover] img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%}
picture[contain] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%}
picture[position~=top] img {
    -o-object-position: top;
    object-position: top;
}
picture[position~=right] img {
    -o-object-position: right;
    object-position: right;
}
picture[position~=bottom] img {
    -o-object-position: bottom;
    object-position: bottom;
}
picture[position~=left] img {
    -o-object-position: left;
    object-position: left;
}
picture[position~=center] img {
    -o-object-position: center;
    object-position: center;
}
picture[draggable] {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: auto;
    -webkit-user-drag: initial;
    -webkit-touch-callout: initial;
    user-drag: initial;
}
@keyframes picture-fade {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}template-icons {
    display: none;
}
icon-frame {
    display: block;
}
button-icon[size=l] svg, icon-frame[size=l] svg {
    height: 3.5rem;
    width: 3.5rem;
}
button-icon[size=m] svg, icon-frame[size=m] svg {
    height: 2rem;
    width: 2rem;
}
button-icon[size=s] svg, icon-frame[size=s] svg {
    height: 1rem;
    width: 1rem;
}
button-icon svg, icon-frame svg {
    height: 100%;
    width: 100%}
[data-type=fill] {
    fill: currentColor;
    stroke: none;
    stroke-width: unset;
}
[data-type=stroke] {
    stroke: currentColor;
    fill: none;
}
html {
    scrollbar-color: rgba(var(--color-surface-content), 1) rgba(var(--color-surface-ground), 1);
    scrollbar-width: thin;
}
html ::-webkit-scrollbar {
    background-color: rgba(var(--color-surface-ground), 1);
}
html ::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-surface-content), 1);
    border-radius: 1rem;
}
body.no-scroll {
    overflow: hidden;
}
html {
    -webkit-marquee-increment: 0;
}
@media (max-width:4000px) {
    html {
    font-size: 1vw;
}
}@media (max-width:3000px) {
    html {
    font-size: 1vw;
}
}@media (max-width:2000px) {
    html {
    font-size: 21.25px;
}
}@media (max-width:1600px) {
    html {
    font-size: 18.75px;
}
}@media (max-width:1200px) {
    html {
    font-size: 17.5px;
}
}@media (max-width:900px) {
    html {
    font-size: 22.5px;
}
}@media (max-width:600px) {
    html {
    font-size: 22.5px;
}
}@media (min-width:4001px) {
    html {
    font-size: 1vw;
}
}body {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "kern", "liga";
    font-synthesis: none;
}
[text~=hyphens] {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%}
[text~=left] {
    text-align: left;
}
[text~=right] {
    text-align: right;
}
[text~=center] {
    text-align: center;
}
[text~=justify] {
    text-align: justify;
    text-justify: inter-character;
}
[text~=white] {
    color: rgba(var(--color-white), 1);
}
[text~=black] {
    color: rgba(var(--color-black), 1);
}
[text~=tinted] {
    color: rgba(var(--color-grey), 1);
}
[text~=column-1] {
    -moz-column-count: 1;
    column-count: 1;
}
[text~=column-1], [text~=column-2] {
    -webkit-hyphens: auto;
    hyphens: auto;
    orphans: 3;
    widows: 3;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%}
[text~=column-2] {
    -moz-column-count: 2;
    column-count: 2;
}
[text~=column-3] {
    -moz-column-count: 3;
    column-count: 3;
    -webkit-hyphens: auto;
    hyphens: auto;
    orphans: 3;
    widows: 3;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%}
[text~=dashed] {
    -webkit-text-decoration: dashed;
    text-decoration: dashed;
}
[text~=dotted] {
    -webkit-text-decoration: dotted;
    text-decoration: dotted;
}
[text~=double] {
    -webkit-text-decoration: double;
    text-decoration: double;
}
[text~=line-through] {
    text-decoration: line-through;
}
[text~=overline] {
    text-decoration: overline;
}
[text~=solid] {
    -webkit-text-decoration: solid;
    text-decoration: solid;
}
[text~=underline] {
    text-decoration: underline;
}
[text~=wavy] {
    -webkit-text-decoration: wavy;
    text-decoration: wavy;
}
[text~=xl] {
    line-height: 1.1;
}
[text~=l] {
    line-height: 1;
}
[text~=m] {
    line-height: 1.1;
}
[text~=s] {
    line-height: 1.25;
}
[text~=xs] {
    line-height: 1.4;
}
[text~=xxs] {
    line-height: 1.2;
}
@media (max-width:4000px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}@media (max-width:3000px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}@media (max-width:2000px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}@media (max-width:1600px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}@media (max-width:1200px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}@media (max-width:900px) {
    :root {
    --font-size-xl: 2.4rem;
    --font-size-l: 2.8rem;
    --font-size-m: 2.3rem;
    --font-size-s: 1.5rem;
    --font-size-xs: 1rem;
    --font-size-xxs: .8rem;
}
}@media (max-width:600px) {
    :root {
    --font-size-xl: 2.4rem;
    --font-size-l: 2.5rem;
    --font-size-m: 1.8rem;
    --font-size-s: 1.3rem;
    --font-size-xs: .8rem;
    --font-size-xxs: .8rem;
}
}@media (min-width:4001px) {
    :root {
    --font-size-xl: 4.8rem;
    --font-size-l: 4rem;
    --font-size-m: 3.2rem;
    --font-size-s: 2rem;
    --font-size-xs: 1.4rem;
    --font-size-xxs: 1rem;
}
}[text~=xl] {
    font-size: var(--font-size-xl);
}
[text~=l] {
    font-size: var(--font-size-l);
}
[text~=m] {
    font-size: var(--font-size-m);
}
[text~=s] {
    font-size: var(--font-size-s);
}
[text~=xs] {
    font-size: var(--font-size-xs);
}
[text~=xxs] {
    font-size: var(--font-size-xxs);
}
[text~=capitalize] {
    text-transform: capitalize;
}
[text~=uppercase] {
    text-transform: uppercase;
}
[text~=lowercase] {
    text-transform: lowercase;
}
[text~=full-width] {
    text-transform: full-width;
}
[text~="100"] {
    font-weight: 100;
}
[text~="200"] {
    font-weight: 200;
}
[text~="300"] {
    font-weight: 300;
}
[text~="400"] {
    font-weight: 400;
}
[text~="500"] {
    font-weight: 500;
}
[text~="600"] {
    font-weight: 600;
}
[text~="700"] {
    font-weight: 700;
}
[text~="800"] {
    font-weight: 800;
}
[text~="900"] {
    font-weight: 900;
}
[text~=width-xl] {
    display: inline-block;
    max-width: 60rem;
    width: 100%}
[text~=width-l] {
    display: inline-block;
    max-width: 50rem;
    width: 100%}
[text~=width-m] {
    display: inline-block;
    max-width: 30rem;
    width: 100%}
[text~=width-s] {
    display: inline-block;
    max-width: 20rem;
    width: 100%}
[text~=width-xs] {
    display: inline-block;
    max-width: 10rem;
    width: 100%}
::-moz-selection {
    background-color: var(--selection-background-color, rgba(var(--color-text), 1));
    color: var(--selection-color, rgba(var(--color-surface-ground), 1));
}
::selection {
    background-color: var(--selection-background-color, rgba(var(--color-text), 1));
    color: var(--selection-color, rgba(var(--color-surface-ground), 1));
}
a {
    color: rgba(var(--color-white), 1);
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease;
}
a[disabled] {
    pointer-events: none;
}
strong {
    font-weight: 800;
}
b {
    font-weight: 600;
}
code, kbd, samp, time, var {
    font-family: Monaco, Andale Mono, Courier New, Courier, -apple-system, BlinkMacSystemFont, Helvetica, Segoe UI, Roboto, Arial, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .9em;
}
code, kbd, mark {
    border-radius: .1rem;
    padding: .05rem .2rem;
}
code {
    background-color: rgba(var(--color-surface-border), 1);
    color: rgba(var(--color-text), 1);
    white-space: pre-wrap;
}
kbd {
    background-color: rgba(var(--color-text), 1);
}
kbd, mark {
    color: rgba(var(--color-surface-ground), 1);
}
mark {
    background-color: rgba(var(--color-primary), 1);
}
cite:before {
    content: "»";
    font-weight: 600;
    margin-right: .25em;
}
cite:after {
    content: "«";
    font-weight: 600;
    margin-left: .25em;
}
del {
    opacity: .5;
}
ins {
    font-weight: 600;
    text-decoration: none;
}
em {
    color: inherit;
    font-style: normal;
}
ol, ul {
    padding-left: 1em;
}
::marker {
    font-weight: 800;
}
dt {
    font-size: .8em;
    font-weight: 800;
    margin-top: 1em;
    text-transform: uppercase;
}
dd {
    margin-left: 0;
}
[contenteditable], input, textarea {
    caret-color: rgba(var(--color-text), 1);
}
[markdown] h1, [markdown] h2, [markdown] h3, [markdown] h4, [markdown] h5, [markdown] h6 {
    margin-bottom: 1rem;
}
[markdown] h1 {
    font-size: 3.5rem;
}
[markdown] h2 {
    font-size: 3rem;
}
[markdown] h3 {
    font-size: 2rem;
}
[markdown] h4 {
    font-size: 1.5rem;
}
[markdown] h5 {
    font-size: 1rem;
}
[markdown] h6 {
    font-size: .8rem;
}
[markdown] blockquote {
    border-left: .1rem solid rgba(var(--color-surface-ground), 1);
    padding-left: 1rem;
}
body {
    -webkit-print-color-adjust: economy;
    print-color-adjust: economy;
}
@media print {
    *, : after, :before {
    background: #fff!important;
    box-shadow: none!important;
    color: #000!important;
    text-shadow: none!important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")"}
abbr[title]:after {
    content: " (" attr(title) ")"}
a[href^="#"]:after {
    content: ""}
pre {
    white-space: pre-wrap!important;
}
blockquote, pre {
    border: 1px solid #999;
}
blockquote, img, pre, tr {
    page-break-inside: avoid;
}
h2, h3, p {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
[print-hidden] {
    display: none!important;
}
}accordion-frame {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    --accordion-content-height: 20rem;
    background-color: var(--component-background-color);
    border: var(--component-border-width) var(--component-border-color) var(--component-border-style);
    border-radius: var(--component-roundness);
    display: flex;
    flex-direction: column;
    padding-bottom: var(--component-padding-horizontal);
}
accordion-frame accordion-header {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: var(--component-padding-vertical) var(--component-padding-horizontal);
    padding-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
accordion-frame accordion-content {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    padding: 0 var(--component-padding-horizontal);
    transition: .2s ease-in-out;
    transition-property: padding, max-height;
}
accordion-frame accordion-content[open] {
    max-height: var(--accordion-content-height, 30rem);
    padding-top: var(--component-padding-vertical);
}
accordion-group accordion-frame:first-child {
    border-bottom: 0 solid rgba(var(--color-white), 0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
accordion-group accordion-frame:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
accordion-group accordion-frame:not(:first-child):not(:last-child) {
    border-bottom: 0 solid rgba(var(--color-white), 0);
    border-radius: 0;
}
accordion-group accordion-frame:first-child:last-child {
    border-bottom: var(--component-border-width) var(--component-border-color) solid;
}
card-frame {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    background-color: var(--component-background-color);
    border: var(--component-border-width) var(--component-border-color) var(--component-border-style);
    border-radius: 0;
    color: var(--component-text-color);
    display: flex;
    flex-direction: column;
    height: 100%}
card-frame>card-content {
    display: block;
    height: 100%;
    padding: var(--component-padding-vertical) var(--component-padding-horizontal);
    width: 100%}
modal-frame {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    bottom: 0;
    display: grid;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 1rem;
    place-content: center;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease, z-index 0s linear .3s;
    width: 100%;
    z-index: -100;
}
@media (max-width:900px) {
    modal-frame {
    padding: 0;
}
}modal-frame:before {
    background-color: rgba(var(--color-black), .5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: all;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
modal-frame modal-content {
    background-color: var(--component-background-color);
    border: var(--component-border-width) var(--component-border-color) solid;
    border-radius: var(--component-roundness);
    color: var(--component-text-color);
    display: flex;
    flex-direction: column;
    padding: var(--component-padding-vertical) var(--component-padding-horizontal);
    pointer-events: all;
    transform: scale(.9);
    transition: transform .3s ease-in-out;
    width: 100%}
modal-frame modal-content>:not(:last-child) {
    margin-bottom: 1em;
}
modal-frame[active] {
    opacity: 1;
    transition: opacity .3s ease, z-index 0s linear;
    z-index: 50;
}
modal-frame[active] modal-content {
    transform: scale(1);
    transition: opacity .3s ease, transform .3s ease-in-out;
}
modal-frame[motion=perspective] modal-content {
    position: relative;
    transform: scale(.9) perspective(75em) rotateX(15deg);
    z-index: 51;
}
modal-frame[motion=perspective][active] modal-content {
    transform: scale(1) perspective(75em) rotateX(0);
    transition: opacity .3s ease, transform .3s ease-in-out;
}
modal-frame[motion=reduced] modal-content {
    transform: unset;
    transition: unset;
}
modal-frame:not([size]) modal-content {
    height: 80vh;
    max-width: 30em;
}
modal-frame modal-header {
    display: flex;
    flex-direction: row;
}
modal-frame modal-header modal-text {
    width: 100%}
modal-frame modal-header modal-close {
    width: -moz-max-content;
    width: max-content;
}
modal-frame modal-header>* {
    align-self: center;
}
modal-frame modal-header>:not(:last-child) {
    margin-right: 1em;
}
modal-frame modal-scroll {
    display: block;
    height: 100%;
    overflow-y: scroll;
    scrollbar-color: rgba(var(--color-surface-ground), 1) rgba(var(--color-surface-content), 1);
    scrollbar-width: thin;
    width: 100%}
modal-frame modal-scroll ::-webkit-scrollbar {
    background-color: rgba(var(--color-surface-content), 1);
    width: .35em;
}
modal-frame modal-scroll ::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-surface-ground), 1);
    border-radius: var(--component-roundness);
}
modal-frame[size=s] modal-content {
    max-height: 60vh;
    max-width: 20em;
}
@media (max-width:900px) {
    modal-frame[size=s] modal-content {
    max-height: 100vh;
}
}modal-frame[size=m] modal-content {
    max-height: 80vh;
    max-width: 30em;
}
@media (max-width:900px) {
    modal-frame[size=m] modal-content {
    max-height: 100vh;
}
}modal-frame[size=l] modal-content {
    max-height: 90vh;
    max-width: 60em;
}
@media (max-width:900px) {
    modal-frame[size=l] modal-content {
    max-height: 100vh;
}
}modal-frame[size=full] modal-content {
    max-height: 100vh;
    max-width: 100%}
@media (max-width:900px) {
    modal-frame[size=full] modal-content {
    max-height: 100vh;
}
}table {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    --table-even-text-color: var(--component-text-color);
    --table-even-background-color: var(--component-background-color);
    --table-odd-text-color: var(--component-text-color);
    --table-odd-background-color: var(--component-background-color);
    border: var(--component-border-width) var(--component-border-style) var(--component-border-color);
    border-collapse: collapse;
    border-radius: var(--component-roundness);
}
thead {
    border-bottom: var(--component-border-width) var(--component-border-style) var(--component-border-color);
}
tfoot {
    border-top: var(--component-border-width) var(--component-border-style) var(--component-border-color);
}
td, th {
    padding: var(--component-padding-vertical) var(--component-padding-horizontal);
    text-align: left;
}
tr:nth-child(2n) {
    background-color: var(--table-even-background-color);
    color: var(--table-even-text-color);
}
tr:nth-child(odd) {
    background-color: var(--table-odd-background-color);
    color: var(--table-odd-text-color);
}
tr:not(:last-child) {
    border-bottom: var(--component-border-width) var(--component-border-style) var(--component-border-color);
}
label-frame {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    background-color: var(--component-background-color);
    border: var(--component-border-color) solid var(--component-border-width);
    border-radius: var(--component-roundness);
    color: var(--component-text-color);
    flex-direction: row;
    gap: var(--component-padding-vertical);
    padding: var(--component-padding-vertical) var(--component-padding-horizontal);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
label-frame, label-icon {
    display: flex;
    width: -moz-max-content;
    width: max-content;
}
label-icon {
    align-items: center;
    align-self: center;
    height: 100%}
label-icon img, label-icon svg {
    height: 1em;
    width: 1em;
}
label-icon svg {
    fill: currentColor;
}
label-text {
    color: currentColor;
    width: 100%}
button-group[direction=horizontal] {
    display: flex;
    flex-direction: row;
}
button-group[direction=horizontal]>a:first-child, button-group[direction=horizontal]>button-frame:first-child, button-group[direction=horizontal]>button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
button-group[direction=horizontal]>a:last-child, button-group[direction=horizontal]>button-frame:last-child, button-group[direction=horizontal]>button:last-child {
    border-bottom-left-radius: 0;
    border-left: 1px solid rgba(var(--color-white), .1);
    border-top-left-radius: 0;
}
button-group[direction=horizontal]>a:not(:first-child):not(:last-child), button-group[direction=horizontal]>button-frame:not(:first-child):not(:last-child), button-group[direction=horizontal]>button:not(:first-child):not(:last-child) {
    border-left: 1px solid rgba(var(--color-white), .1);
    border-radius: 0;
}
button-group[direction=vertical] {
    display: flex;
    flex-direction: column;
}
button-group[direction=vertical]>a, button-group[direction=vertical]>button, button-group[direction=vertical]>button-frame {
    justify-content: space-between;
    width: 100%}
button-group[direction=vertical]>a:first-child, button-group[direction=vertical]>button-frame:first-child, button-group[direction=vertical]>button:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
button-group[direction=vertical]>a:last-child, button-group[direction=vertical]>button-frame:last-child, button-group[direction=vertical]>button:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
button-group[direction=vertical]>a:not(:first-child):not(:last-child), button-group[direction=vertical]>button-frame:not(:first-child):not(:last-child), button-group[direction=vertical]>button:not(:first-child):not(:last-child) {
    border-radius: 0;
}
button-frame {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: .8rem;
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    background-color: var(--component-background-color);
    border: var(--component-border-width) solid var(--component-border-color);
    border-radius: var(--component-roundness);
    color: var(--component-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 1em;
    padding-bottom: var(--component-padding-vertical);
    padding-top: var(--component-padding-vertical);
    position: relative;
    transition: .2s ease-in-out;
    transition-property: background-color, border, color;
    width: -moz-max-content;
    width: max-content;
}
button-frame[disabled] {
    cursor: not-allowed;
    opacity: .5;
}
button-text {
    align-self: center;
    color: currentColor;
    padding-left: var(--component-padding-horizontal);
    padding-right: var(--component-padding-horizontal);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%}
button-text+button-icon {
    margin-left: calc(var(--component-padding-horizontal)*-1);
    padding-right: calc(var(--component-padding-horizontal)/2);
}
button-icon {
    align-items: center;
    align-self: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-left: var(--component-padding-vertical);
    padding-right: var(--component-padding-vertical);
    width: -moz-max-content;
    width: max-content;
}
button-icon img, button-icon svg {
    height: 1em;
    width: 1em;
}
button-icon svg {
    transition: .2s ease-in-out;
    transition-property: transform, opacity;
}
button-icon+button-text {
    justify-self: flex-start;
    padding-left: 0;
}
button-dropdown {
    color: var(--component-color-dropdown-text);
    opacity: 0;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    z-index: -1;
}
button-dropdown[position=top] {
    bottom: 100%;
    left: calc(var(--component-border-width)*-1);
    padding-bottom: 5px;
}
button-dropdown[position=bottom] {
    left: calc(var(--component-border-width)*-1);
    padding-top: 5px;
    top: 100%}
button-dropdown[position=left] {
    padding-right: 5px;
    right: 100%;
    top: calc(var(--component-border-width)*-1);
}
button-dropdown[position=right] {
    left: 100%;
    padding-left: 5px;
    top: calc(var(--component-border-width)*-1);
}
button-dropdown a, button-dropdown button, button-dropdown button-frame {
    width: 100%}
input, select, textarea {
    background-color: rgba(var(--color-surface-content), 1);
    border: .1rem solid rgba(var(--color-surface-content), 1);
    border-radius: 0;
    color: rgba(var(--color-text), 1);
    display: inline-block;
    padding: .4rem .8rem;
    transition: border-color .2s ease-in-out;
    width: 100%}
input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: .1rem solid rgba(var(--color-primary), 1);
    outline-style: none;
}
input:hover, select:hover, textarea:hover {
    border-color: rgba(var(--color-primary), 1);
}
input:invalid {
    border-color: rgba(var(--color-status-danger), 1);
}
input[type=checkbox]:not([variant=switch]), input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: .4rem;
    position: relative;
    width: unset;
}
input[type=checkbox]:not([variant=switch]):after, input[type=radio]:after {
    content: "";
    display: block;
    height: 90%;
    left: 5%;
    opacity: 0;
    position: absolute;
    top: 5%;
    width: 90%}
input[type=checkbox]:not([variant=switch]):checked:after, input[type=radio]:checked:after {
    opacity: 1;
}
input[type=checkbox]:not([variant=switch]):invalid, input[type=radio]:invalid {
    background-color: rgba(var(--color-status-danger), .5);
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=checkbox]:not([variant]):after {
    border-bottom: .1rem solid rgba(var(--color-text), 1);
    border-right: .1rem solid rgba(var(--color-text), 1);
    height: 60%;
    left: 35%;
    top: 15%;
    transform: rotate(30deg) scale(.8);
    transition: .2s ease-in-out;
    transition-property: transform, opacity;
    width: 30%}
input[type=checkbox]:not([variant]):checked:after {
    transform: rotate(45deg) scale(1);
}
input[type=checkbox][variant=switch] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: .8rem;
    position: relative;
    transition: .2s ease-in-out;
    transition-property: border background-color;
    width: 1.4rem;
}
input[type=checkbox][variant=switch]:after {
    background-color: rgba(var(--color-surface-ground), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-.1rem) translateY(-50%);
    transition: .2s ease-in-out;
    transition-property: transform left;
    width: 1rem;
}
input[type=checkbox][variant=switch]:checked {
    background-color: rgba(var(--color-primary), 1);
}
input[type=checkbox][variant=switch]:checked:after {
    border-color: rgba(var(--color-primary), 1);
    left: 100%;
    transform: translate(-100%) translateY(-50%);
}
input[type=radio] {
    border-radius: 100%}
input[type=radio]:after {
    background-color: rgba(var(--color-primary), 1);
    border-radius: 100%;
    height: 60%;
    left: 20%;
    top: 20%;
    transition: .2s ease-in-out;
    transition-property: transform, opacity;
    width: 60%}
input[type=radio]:after:hover {
    transform: scale(1);
}
input[type=color] {
    border: unset;
    height: .6rem;
    overflow: hidden;
    padding: 0;
    width: .6rem;
}
input[type=file] {
    background-color: unset;
    border: unset;
    padding-left: 0;
    position: relative;
}
input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type=range][variant=range-custom] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: unset;
    cursor: default;
    margin: unset;
    outline: 0;
    width: 100%}
input[type=range][variant=range-custom]::-moz-range-track, input[type=range][variant=range-custom]::-ms-track, input[type=range][variant=range-custom]::-webkit-slider-runnable-track {
    height: .3rem;
    width: 100%}
input[type=range][variant=range-custom]::-moz-range-thumb, input[type=range][variant=range-custom]::-ms-thumb, input[type=range][variant=range-custom]::-webkit-slider-thumb {
    background: rgba(var(--color-primary), 1);
    background-color: rgba(var(--color-primary), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
    height: 1rem;
    width: 1rem;
}
input[type=range][variant=range-custom]::-webkit-slider-runnable-track {
    background: rgba(var(--color-surface-content), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
}
input[type=range][variant=range-custom]::-moz-range-track {
    background: rgba(var(--color-surface-content), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
    height: .15rem;
}
input[type=range][variant=range-custom]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: .5rem 0;
    color: transparent;
}
input[type=range][variant=range-custom]::-ms-fill-lower, input[type=range][variant=range-custom]::-ms-fill-upper {
    background: rgba(var(--color-surface-content), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
}
input[type=range][variant=range-custom]::-ms-thumb {
    margin-top: .075rem;
}
input[type=range][variant=range-custom]:focus::-webkit-slider-runnable-track {
    background: rgba(var(--color-surface-content), 1);
}
input[type=range][variant=range-custom]:focus::-ms-fill-lower, input[type=range][variant=range-custom]:focus::-ms-fill-upper {
    background: rgba(var(--color-surface-content), 1);
}
input[type=range][variant=range-custom]:disabled::-moz-range-thumb, input[type=range][variant=range-custom]:disabled::-ms-fill-lower, input[type=range][variant=range-custom]:disabled::-ms-fill-upper, input[type=range][variant=range-custom]:disabled::-ms-thumb, input[type=range][variant=range-custom]:disabled::-webkit-slider-runnable-track, input[type=range][variant=range-custom]:disabled::-webkit-slider-thumb {
    cursor: not-allowed;
}
select {
    font-size: 1rem;
}
[variant=select-custom] {
    position: relative;
    width: 100%}
[variant=select-custom] select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%}
[variant=select-custom]:after {
    border-bottom: .1rem solid;
    border-right: .1rem solid;
    content: "";
    height: .5rem;
    position: absolute;
    right: 1rem;
    top: calc(50% - .125rem);
    transform: translateY(-50%) rotate(45deg);
    width: .5rem;
}
fieldset {
    align-items: center;
    border: .15em solid rgba(var(--color-surface-border), 1);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding: .8rem;
}
[variant=file-custom] {
    cursor: pointer;
    display: inline-block;
    min-height: 2.5rem;
    position: relative;
    width: 100%}
[variant=file-custom] input[type=file] {
    margin: 0;
    min-width: 14rem;
    opacity: 0;
    position: absolute;
    top: 0;
}
.file-custom__text {
    background-color: rgba(var(--color-surface-content), 1);
    border: .1rem solid;
    border-color: unset;
    border-radius: 0;
    color: rgba(var(--color-text), 1);
    display: block;
    line-height: 1.4;
    padding: .4rem 6rem .4rem .8rem;
    position: relative;
    z-index: 5;
}
.file-custom__browse {
    border-left-color: unset;
    border-left-style: solid;
    border-left-width: .1rem;
    border-radius: 0;
    bottom: 0;
    display: grid;
    height: 100%;
    padding: .4rem .8rem;
    place-content: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
}
file-names p {
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
    width: auto;
    word-break: keep-all;
}
file-names p:after {
    margin-left: .5rem;
}
progress-bar {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    --progress-bar-height: 1.5em;
    --progress-bar-indicator-color: rgba(var(--color-primary), 1);
    --value: 0;
    --counter: "";
    background-color: var(--component-background-color);
    border: var(--component-border-color) var(--component-border-style) var(--component-border-width);
    border-radius: var(--component-roundness);
    display: block;
    height: var(--progress-bar-height);
    overflow: hidden;
    position: relative;
    width: 100%}
progress-bar progress-indicator {
    background-color: var(--progress-bar-indicator-color);
    display: block;
    height: 100%;
    position: relative;
    width: calc(var(--value)*1%);
}
progress-bar progress-counter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
progress-bar progress-counter:before {
    content: var(--counter);
}
progress-bar progress-counter[position=left] {
    left: calc(var(--progress-bar-height)*.5);
}
progress-bar progress-counter[position=center] {
    left: 50%;
    transform: translate(-50%) translateY(-50%);
}
progress-bar progress-counter[position=right] {
    right: calc(var(--progress-bar-height)*.5);
}
progress-circle {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    --progress-circle-linecap: round;
    --progress-circle-height: 1.5em;
    --progress-circle-indicator-color: color(primary, 1);
    --value: 0;
    --counter: "";
    position: relative;
}
progress-circle progress-indicator svg {
    overflow: visible;
    transform: rotate(-90deg);
}
progress-circle progress-indicator ellipse {
    stroke: var(--progress-circle-indicator-color);
    stroke-width: var(--component-border-width);
    stroke-dasharray: calc(var(--value)*.01*283px) 283px;
    stroke-linecap: var(--progress-circle-linecap);
}
progress-circle progress-counter {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
progress-circle progress-counter:before {
    content: var(--counter);
}
dot-navigation {
    --component-text-color: var(--default-component-text-color);
    --component-background-color: var(--default-component-background-color);
    --component-padding-vertical: var(--default-component-padding-vertical);
    --component-padding-horizontal: var(--default-component-padding-horizontal);
    --component-roundness: var(--default-component-roundness);
    --component-border-style: var(--default-component-border-style);
    --component-border-width: var(--default-component-border-width);
    --component-border-color: var(--default-component-border-color);
    --component-gap: var(--default-component-gap);
    --dot-navigation-color: rgba(var(--color-primary), 1);
    --dot-navigation-size: 1.5em;
    display: grid;
    gap: var(--component-gap);
    grid-auto-flow: column;
}
dot-item {
    background-color: var(--dot-navigation-color);
    border: var(--component-border-color) var(--component-border-style) var(--component-border-width);
    border-radius: var(--component-roundness);
    cursor: pointer;
    display: block;
    height: var(--dot-navigation-size);
    transition: background-color .2s ease-in-out;
    width: var(--dot-navigation-size);
}
dot-item:not([pressed]) {
    background-color: var(--component-background-color);
}
[custom-cursor], [custom-cursor] * {
    cursor: none!important;
}
cursor-frame {
    --cursor-width: 100%;
    --cursor-height: 100%;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-white), 1);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
    --cursor-scale: .5;
    --cursor-scale-active: .4;
    --cursor-icon-scale: 1;
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 40px;
    z-index: 50;
}
cursor-frame cursor-content {
    background-color: var(--cursor-background-color);
    border: var(--cursor-border-width) solid var(--cursor-border-color);
    border-radius: 100%;
    color: var(--cursor-text-color);
    display: block;
    height: var(--cursor-height);
    position: absolute;
    transform: scale(var(--cursor-scale));
    transition: .2s ease-in-out;
    transition-property: width, height, opacity, color, background-color, border, border-radius, transform;
    width: var(--cursor-width);
    will-change: width, height, transform;
}
cursor-frame cursor-icons {
    display: block;
    height: 100%;
    position: relative;
    width: 100%}
cursor-frame cursor-icon {
    display: block;
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(var(--cursor-icon-scale));
    width: 100%}
cursor-frame cursor-icon svg {
    height: 100%;
    width: 100%;
    fill: var(--cursor-icon-color);
    stroke: var(--cursor-icon-color);
}
cursor-frame[invisible] cursor-content {
    opacity: 0;
}
cursor-templates {
    display: none;
}
slider-frame {
    display: block;
}
slider-frame[direction=horizontal] slider-content {
    grid-auto-flow: column;
    overflow-x: scroll;
}
slider-frame[direction=vertical] slider-content {
    grid-auto-flow: row;
    overflow-y: scroll;
}
slider-frame[infinite] {
    overflow: hidden;
    position: relative;
}
slider-frame[infinite][direction=horizontal] slider-content {
    overflow-x: hidden;
    width: -moz-max-content;
    width: max-content;
}
slider-frame[infinite][direction=vertical] slider-content {
    height: -moz-max-content;
    height: max-content;
    overflow-y: hidden;
}
slider-content {
    display: grid;
    gap: var(--component-gap);
    height: 100%;
    scrollbar-width: none;
    width: 100%}
slider-content::-webkit-scrollbar {
    display: none;
}
slider-content:focus {
    outline: 2px solid rgba(var(--color-text), .5);
}
slider-content[data-type=clone] {
    left: 0;
    position: absolute;
    top: 0;
}
slider-indicator, ticker-frame, ticker-item {
    display: block;
}
ticker-frame {
    height: 100%;
    overflow: hidden;
    width: 100%}
ticker-frame[direction=horizontal] ticker-content {
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
}
ticker-frame[direction=vertical] ticker-content {
    flex-direction: column;
    height: -moz-max-content;
    height: max-content;
}
ticker-content {
    display: flex;
}
gallery-frame, gallery-indicator {
    display: block;
}
gallery-content {
    display: grid;
    grid-template-areas: "overlay";
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%}
gallery-content:focus {
    outline: 2px solid rgba(var(--color-text), .5);
}
gallery-item {
    grid-area: overlay;
}
gallery-item[disabled] {
    display: none!important;
}
body {
    height: 100vh;
}
body, scroll-frame[direction=horizontal] {
    overflow: hidden;
}
scroll-frame[direction=vertical] {
    overflow: hidden;
    overflow-y: scroll;
}
@keyframes preset-fade {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}@keyframes preset-fadeInDown {
    0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}@keyframes preset-fadeInUp {
    0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}@keyframes preset-zoomIn {
    0% {
    opacity: 0;
}
50% {
    opacity: 1;
    transform: scale3d(.3, .3, .3);
}
0% {
    transform: scale3d(1);
}
}@keyframes preset-tossing {
    0%, to {
    transform: rotate(-5deg);
}
50% {
    transform: rotate(5deg);
}
}@keyframes preset-expandUp {
    0% {
    transform: translateY(100%) scale(.6) scaleY(.5);
}
60% {
    transform: translateY(-6%) scaleY(1.13);
}
75% {
    transform: translateY(4%);
}
to {
    transform: translateY(0) scale(1) scaleY(1);
}
}@keyframes preset-shakingX {
    0%, to {
    transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-.5rem, 0, 0);
}
20%, 40%, 60%, 80% {
    transform: translate3d(.5rem, 0, 0);
}
}@keyframes preset-shakingY {
    0%, to {
    transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -.5rem, 0);
}
20%, 40%, 60%, 80% {
    transform: translate3d(0, .5rem, 0);
}
}[data-text] {
    display: inline-block;
    word-break: keep-all;
}
[data-wrapper] {
    display: inline-block;
    margin-bottom: -.25em;
    overflow: hidden;
    padding-bottom: .25em;
}
@media screen and (prefers-reduced-motion:reduce) {
    * {
    animation-duration: .001ms!important;
    animation-iteration-count: 1!important;
    transition-duration: .001ms!important;
}
html ::-webkit-scrollbar {
    height: .35em;
    width: .35em;
}
html ::-webkit-scrollbar-thumb {
    border-radius: 0;
}
html.touch body {
    height: unset!important;
}
html.touch body, html.touch body scroll-frame {
    overflow: unset!important;
}
main, scroll-frame {
    overflow: hidden;
}
scroll-frame {
    animation: preset-fade .2s ease-in-out .2s both;
    display: block;
    height: 100vh;
    width: 100%}
scroll-frame[direction=horizontal] {
    overflow-x: scroll;
}
scroll-frame[direction=horizontal] scroll-content {
    display: grid;
    height: 100%;
    width: -moz-max-content;
    width: max-content;
}
scroll-frame[direction=horizontal] main {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 100vh;
    height: 100%}
scroll-content {
    position: relative;
}
header-logo {
    left: 50vw;
    position: absolute;
    top: 1rem;
    transform: translate3d(.00001px, .00001px, .00001px) translate(-50%);
    z-index: 5;
}
@media (max-width:900px) {
    header-logo {
    left: 1rem;
    transform: translate3d(.00001px, .00001px, .00001px);
}
}header-logo picture {
    width: 12rem;
}
@media (max-width:900px) {
    header-logo picture {
    width: 9rem;
}
}*, :after, :before {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-app-region: no-drag;
}
.splitter-box {
    background-color: rgba(var(--color-white), 1);
    height: 5rem;
    width: 5rem;
}
a {
    transition: color .2s ease-in-out;
}
a:hover {
    color: rgba(var(--color-white), 1);
}
slider-frame, slider-frame a {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
slider-frame a {
    display: block;
    position: relative;
}
slider-frame a:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
button-frame[variant~=fill] svg {
    height: 2rem;
    width: 2rem;
}
button-frame[variant~=fill].back svg {
    transform: rotate(180deg);
}
menu-background {
    background-color: rgba(var(--color-black), 1);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateY(100%);
    transition: opacity .3s ease-in-out, transform 0s linear .3s;
    width: 100%;
    z-index: 10;
}
menu-background[active] {
    opacity: .6;
    transform: translate3d(.00001px, .00001px, .00001px);
    transition: opacity .3s ease-in-out;
}
page-transition {
    background-color: rgba(var(--color-black), 1);
    bottom: 0;
    display: grid;
    height: 100vh;
    left: 0;
    place-items: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: 50;
}
page-transition picture {
    height: 12rem;
    width: 12rem;
    will-change: transform;
}
@keyframes transition-out {
    0% {
    transform: translate(0);
}
to {
    transform: translate(100%);
}
}@keyframes transition-out-image {
    0% {
    transform: translate(0);
}
to {
    opacity: 0;
    transform: translate(-30vw);
}
}em {
    margin: .2em;
    padding: 0;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
em:before {
    animation: clip-left .8s ease-in-out both;
    bottom: -.05em;
    content: "";
    left: -.2em;
    position: absolute;
    right: -.2em;
    top: -.1em;
    z-index: -1;
}
[text~=white] em {
    color: rgba(var(--color-black), 1);
}
[text~=white] em:before {
    background-color: rgba(var(--color-white), 1);
}
[text~=black] em {
    color: rgba(var(--color-white), 1);
}
[text~=black] em:before {
    background-color: rgba(var(--color-black), 1);
}
[scroll-text=slogan] {
    line-height: 1;
}
[scroll-text=slogan] em {
    margin: .3em;
}
[scroll-text=slogan] em:before {
    bottom: .1em;
    top: -.4em;
}
[platform-windows] [scroll-text=slogan] em:before {
    bottom: -.05em;
    top: -.1em;
}
@keyframes intro-picture {
    0% {
    opacity: 0;
    transform: scale(1.2);
}
to {
    opacity: 1;
    transform: scale(1);
}
}@keyframes splitter-move {
    0% {
    transform: translate(var(--translate-start)) rotate(var(--rotate-start));
}
to {
    transform: rotate(var(--rotate-end));
}
}@keyframes clip-up {
    0% {
    clip-path: inset(100% 0 0 0);
}
to {
    clip-path: inset(0 0 0 0);
}
}@keyframes clip-down {
    0% {
    clip-path: inset(0 0 100% 0);
}
to {
    clip-path: inset(0 0 0 0);
}
}@keyframes clip-left {
    0% {
    clip-path: inset(0 100% 0 0);
}
to {
    clip-path: inset(0 0 0 0);
}
}.header {
    position: fixed;
    top: 0;
    transform: translate3d(.00001px, .00001px, .00001px);
    z-index: 20;
}
.header--navigation {
    right: 0;
}
@media (min-width:901px) {
    .header--navigation {
    top: 50%;
    transform: translate3d(.00001px, -50%, .00001px);
}
}@media (max-width:900px) {
    .header--navigation {
    top: 0;
}
}.header--navigation__button {
    background-color: rgba(var(--color-black), 1);
    position: relative;
    z-index: 10;
}
@media (min-width:901px) {
    .header--navigation__button {
    transform: rotate(90deg) translateY(-1rem);
}
}@media (max-width:900px) {
    .header--navigation__button {
    display: grid;
    height: 4rem;
    place-content: center;
    width: 4rem;
}
}.header--navigation__overlay {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width:900px) {
    .header--navigation__overlay .splitter-box {
    display: none;
}
}.header--navigation__overlay>.splitter-box:first-child {
    height: 121vh;
    position: absolute;
    right: -16vw;
    top: -10%;
    transform: rotate(-7deg);
    width: 31rem;
}
.header--navigation__overlay>.splitter-box:nth-child(2) {
    height: 40vh;
    position: absolute;
    right: 0;
    top: 110px;
    transform: rotate(9deg);
    width: 33rem;
}
.header--navigation__overlay>.splitter-box:nth-child(3) {
    height: 50vh;
    position: absolute;
    right: 0;
    top: 40%;
    transform: rotate(-3deg);
    width: 28rem;
}
.header--navigation__sidebar {
    display: grid;
    grid-template-areas: "a";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: 100vh;
    position: absolute;
    right: 0;
    transition: transform .5s cubic-bezier(.45, 0, .55, 1);
    will-change: transform;
}
@media (min-width:901px) {
    .header--navigation__sidebar {
    top: 50%;
    transform: translateY(-50%);
}
}@media (max-width:900px) {
    .header--navigation__sidebar {
    top: 0;
    width: 100vw;
}
}.header--navigation__content {
    z-index: 1;
}
@media (max-width:900px) {
    .header--navigation__content {
    background-color: rgba(var(--color-white), 1);
    padding: 0;
}
}@media (min-width:901px) {
    .header--navigation: not([active]) .header--navigation__sidebar {
    transform: translateY(-50%) translate(120%);
}
}@media (max-width:900px) {
    .header--navigation: not([active]) .header--navigation__sidebar {
    transform: translate(100%);
}
}.header--navigation a {
    transition: transform .2s ease-in-out;
}
@media (max-width:900px) {
    .header--navigation a {
    font-size: 2rem;
    margin-bottom: 1rem;
}
}.header--navigation a:hover {
    color: rgba(var(--color-black), 1);
    transform: translate3d(1rem, 0, 0);
}
[namespace~=home] footer, [namespace~=home] footer .splitter-box, [namespace~=imprint] footer, [namespace~=imprint] footer .splitter-box, [namespace~=jobs] footer, [namespace~=jobs] footer .splitter-box {
    background-color: rgba(var(--color-black), 1);
}
scroll-frame[direction=horizontal] footer {
    margin-left: -5vw;
}
.namespace-error footer {
    display: none;
}
.footer {
    height: 100%;
    position: relative;
}
.footer>.splitter-box:first-child {
    height: 40vh;
    left: -10%;
    min-height: 27rem;
    position: absolute;
    top: -5%;
    transform: rotate(-3deg);
    width: 12rem;
}
.footer>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 70vh;
    left: -3%;
    min-height: 40rem;
    position: absolute;
    transform: rotate(2deg);
    width: 10rem;
}
.footer-content {
    height: 100%;
    width: 50rem;
}
.footer h2, .footer__legal {
    mix-blend-mode: difference;
}
scroll-frame[direction=vertical] .footer>.splitter-box:first-child {
    height: 8rem;
    left: -5%;
    min-height: 0;
    position: absolute;
    top: -10%;
    transform: rotate(2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .footer>.splitter-box:nth-child(2) {
    bottom: unset;
    height: 8rem;
    left: unset;
    min-height: 0;
    position: absolute;
    right: -5%;
    top: -1%;
    transform: rotate(-1deg);
    width: 70vw;
}
scroll-frame[direction=vertical] .footer-content {
    height: 25rem;
    padding-bottom: var(--layout-size-l-vertical);
    padding-top: var(--layout-size-l-vertical);
    width: 100%}
@media (max-width:900px) {
    scroll-frame[direction=vertical] .footer-content {
    padding-left: var(--layout-size-m-horizontal);
    padding-right: var(--layout-size-m-horizontal);
}
}scroll-frame[direction=vertical] .footer__legal {
    flex-direction: column;
}
scroll-frame[direction=vertical] .footer__legal p {
    margin-bottom: .6rem;
}
cursor-frame cursor-content {
    border-radius: 0;
}
.cursor__text {
    display: grid;
    place-content: center;
}
cursor-frame[variant=drag] {
    --cursor-width: 100px;
    --cursor-height: 50px;
    --cursor-scale: 1;
    --cursor-icon-scale: 1;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-black), 1);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=drag] cursor-icon[identifier=drag] {
    opacity: 1;
}
cursor-frame[variant=drag][active] {
    --cursor-width: 100px;
    --cursor-height: 100px;
    --cursor-scale: .8;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-black), 1);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=drag][active] cursor-icon[identifier=drag] {
    opacity: 0;
    opacity: 1;
}
cursor-frame[variant=drag-arrow] {
    --cursor-width: 60px;
    --cursor-height: 60px;
    --cursor-scale: 1;
    --cursor-icon-scale: 1;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-black), 0);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=drag-arrow] cursor-icon[identifier=drag-arrow] {
    opacity: 1;
}
cursor-frame[variant=drag-arrow][active] {
    --cursor-width: 60px;
    --cursor-height: 60px;
    --cursor-scale: .8;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-black), 0);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=drag-arrow][active] cursor-icon[identifier=drag-arrow] {
    opacity: 0;
    opacity: 1;
}
cursor-frame[variant=link] {
    --cursor-width: 20px;
    --cursor-height: 20px;
    --cursor-scale: 1;
    --cursor-icon-scale: 1;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-white), 1);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=link] cursor-icon[identifier=none] {
    opacity: 1;
}
cursor-frame[variant=link][active] {
    --cursor-width: 20px;
    --cursor-height: 20px;
    --cursor-scale: .95;
    --cursor-border-width: unset;
    --cursor-border-color: unset;
    --cursor-background-color: rgba(var(--color-white), 1);
    --cursor-text-color: rgba(var(--color-white), 1);
    --cursor-icon-color: rgba(var(--color-white), 1);
}
cursor-frame[variant=link][active] cursor-icon[identifier=none] {
    opacity: 0;
    opacity: 1;
}
cursor-frame[variant=drag-arrow] {
    mix-blend-mode: difference;
}
@media (orientation:portrait) {
    cursor-icon[identifier=drag-arrow] svg {
    transform: rotate(90deg);
}
}cursor-frame[variant=link] {
    mix-blend-mode: difference;
}
cursor-frame[variant=link] cursor-content {
    transform: rotate(135deg);
    transition: transform .2s ease-in-out;
}
[namespace^=error] footer, [namespace^=error] header {
    display: none;
}
.error {
    background-color: rgba(var(--color-black), 1);
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
}
@media (min-width:901px) {
    .error br {
    display: none;
}
}@media (max-width:900px) {
    .error {
    padding-top: 3rem;
}
}.offline {
    background-color: rgba(var(--color-black), 1);
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
}
@media (max-width:900px) {
    .offline {
    padding-top: 3rem;
}
}body[animate-content] .home-intro__overlay>.splitter-box:nth-child(2) {
    animation: clip-down .8s ease-in-out both;
}
body[animate-content] .home-intro__picture {
    animation: intro-picture 2s cubic-bezier(.5, 1, .89, 1);
}
body[animate-content] .home-projects>.splitter-box:nth-child(2) {
    animation: clip-up .8s ease-in-out both;
}
.home-intro {
    height: 100%;
    width: 95vw;
}
.home-intro__content {
    grid-template-columns: max-content auto;
    height: 100%;
    position: relative;
}
.home-intro__overlay {
    background-color: rgba(var(--color-white), 1);
    height: 100vh;
    position: relative;
    transform: translate3d(.00001px, .00001px, .00001px);
    width: 10rem;
    z-index: 3;
}
.home-intro__overlay>.splitter-box:first-child {
    height: 60vh;
    left: 11%;
    min-height: 20rem;
    position: absolute;
    top: -20px;
    transform: rotate(5deg);
    width: 12rem;
}
.home-intro__overlay>.splitter-box:nth-child(2) {
    bottom: 31%;
    height: 50vh;
    left: 60%;
    min-height: 22rem;
    position: absolute;
    transform: rotate(1deg);
    width: 9.5rem;
    --translate-start: -4rem, 0;
    --rotate-start: 3deg;
    --rotate-end: 1deg;
}
.home-intro__overlay>.splitter-box:nth-child(3) {
    bottom: -20px;
    height: 60vh;
    left: 24%;
    min-height: 25rem;
    position: absolute;
    transform: rotate(-3deg);
    width: 10rem;
}
.home-intro__slogan {
    font-size: min(7vh, var(--font-size-xl));
    left: -8rem;
    max-width: 40rem;
    min-height: -moz-max-content;
    min-height: max-content;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-91deg) scale(1.05);
    transform-origin: center;
    width: 100vh;
}
@media (max-height:800px) {
    .home-intro__slogan {
    left: -19vh;
}
}.home-projects {
    height: 100%;
    position: relative;
}
.home-projects, .home-projects .splitter-box {
    background-color: rgba(var(--color-black), 1);
}
.home-projects>.splitter-box:first-child {
    height: 60vh;
    left: -5%;
    min-height: 50rem;
    position: absolute;
    transform: rotate(3deg);
    width: 10rem;
}
.home-projects>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 40vh;
    left: -12%;
    min-height: 27rem;
    position: absolute;
    transform: rotate(-4deg);
    width: 12rem;
    --translate-start: 4rem, 0;
    --rotate-start: 0;
    --rotate-end: -4deg;
}
.home-projects__slider {
    height: 100vh;
    width: 45rem;
}
.home-projects__slider--vertical {
    display: none;
}
.home-projects__layout>gallery-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.home-projects__project {
    display: block;
    flex: 1;
    position: relative;
    transition: flex .2s ease-in-out;
}
.home-projects__project>picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.home-projects__project:hover {
    flex-grow: 5;
}
.home-about {
    background-color: rgba(var(--color-black), 1);
    display: flex;
    height: 100%;
    padding-right: 10rem;
    position: relative;
}
.home-about div-grid {
    height: 100%}
.home-about__ticker {
    margin-right: -.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translate(47%) rotate(-87deg);
    transform-origin: center;
    width: 100vw;
}
.home-about__ticker ticker-item p {
    margin-right: 1rem;
}
.home-team {
    background-color: rgba(var(--color-white), 1);
    position: relative;
}
.home-team>.splitter-box:first-child {
    height: 53vh;
    left: -5%;
    min-height: 21rem;
    position: absolute;
    top: -5%;
    transform: rotate(-2deg);
    width: 12rem;
}
.home-team>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 50vh;
    left: -2%;
    min-height: 30rem;
    position: absolute;
    transform: rotate(3deg);
    width: 10rem;
}
.home-team__slider {
    height: 100vh;
}
.home-team__slider:not([scrolling]) slider-item[spotlight] .home-team__image {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.home-team__slider:not([scrolling]) slider-item[spotlight] p {
    opacity: 1;
}
.home-team__slider[scrolling] slider-item {
    transform: scale(.9);
}
.home-team__slider slider-item {
    background-color: rgba(var(--color-white), 1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    will-change: transform, opacity;
}
.home-team__slider slider-item[spotlight] {
    position: relative;
    z-index: 20;
}
.home-team__slider slider-item:not([spotlight]) h3 {
    opacity: .5;
}
.home-team__slider slider-item:not([spotlight]) p {
    opacity: 0;
}
.home-team__grid {
    display: none;
}
.home-team__layout {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    height: 100%;
    overflow-y: unset!important;
    padding-bottom: 4rem;
    padding-left: 10rem;
    padding-right: 10rem;
}
.home-team__layout[spotlight-parent] {
    overflow-x: visible!important;
    z-index: 10;
}
.home-team__layout:not([data-type=clone]) {
    position: relative;
}
.home-team__image {
    height: 20rem;
    left: 65%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.8);
    transition: opacity .2s cubic-bezier(.5, 1, .89, 1), transform .2s cubic-bezier(.5, 1, .89, 1);
    width: 20rem;
}
.home-team__image img {
    -o-object-fit: left;
    object-fit: left;
}
.home-team__item {
    display: block;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    width: -moz-max-content;
    width: max-content;
}
.home-team__text {
    mix-blend-mode: difference;
}
.home-partner__ticker ticker-frame {
    height: 100vh;
}
.home-partner__ticker ticker-item {
    display: grid;
    gap: 2rem;
    place-items: center;
}
.home-partner__ticker ticker-item>* {
    filter: grayscale(100%);
    transition: filter .2s ease-in-out;
}
.home-partner__ticker ticker-item>:hover {
    filter: grayscale(0);
}
.home-partner__ticker ticker-item .square-item {
    width: 11rem;
}
.home-partner__ticker ticker-item .landscape-item {
    width: 16rem;
}
scroll-frame[direction=vertical] .home-intro {
    height: 72vh;
    width: 100%}
scroll-frame[direction=vertical] .home-intro__content {
    grid-template-columns: 1fr;
    grid-template-rows: max-content auto;
}
scroll-frame[direction=vertical] .home-intro__overlay {
    height: 0;
    width: 100%}
scroll-frame[direction=vertical] .home-intro__overlay .splitter-box {
    display: none;
}
scroll-frame[direction=vertical] .home-intro__slogan {
    filter: invert(1);
    left: 50%;
    top: 74vh;
    transform: translate(-50%);
    transform-origin: center;
}
scroll-frame[direction=vertical] .home-projects {
    margin-top: -2rem;
    padding-top: 12rem;
    width: 100%}
@media (min-width:901px) {
    scroll-frame[direction=vertical] .home-projects {
    padding-top: 20rem;
}
}scroll-frame[direction=vertical] .home-projects__content {
    padding: 0;
}
scroll-frame[direction=vertical] .home-projects>.splitter-box:first-child {
    height: 5rem;
    left: -5%;
    min-height: 0;
    top: -5%;
    transform: rotate(3deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .home-projects>.splitter-box:nth-child(2) {
    bottom: 0;
    height: 5rem;
    left: 50%;
    min-height: 0;
    top: -2%;
    transform: rotate(-2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .home-projects__slider {
    display: none;
}
scroll-frame[direction=vertical] .home-projects__slider--vertical {
    display: block;
}
scroll-frame[direction=vertical] .home-projects__slider--vertical slider-content {
    gap: 1rem;
}
scroll-frame[direction=vertical] .home-projects__slider--vertical slider-content>:first-child {
    margin-left: var(--layout-size-m-horizontal);
}
scroll-frame[direction=vertical] .home-projects__slider--vertical slider-content>:last-child {
    margin-right: var(--layout-size-m-horizontal);
}
scroll-frame[direction=vertical] .home-projects__slider--vertical slider-item {
    height: 20rem;
    width: 15rem;
}
scroll-frame[direction=vertical] .home-projects__slider--vertical a {
    height: 100%}
scroll-frame[direction=vertical] .home-about {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    padding: 0;
    position: static;
}
scroll-frame[direction=vertical] .home-about div-grid {
    margin: 0;
    padding: var(--layout-size-xl-vertical) var(--layout-size-m-horizontal) var(--layout-size-xxl-vertical);
}
scroll-frame[direction=vertical] .home-about__ticker {
    padding-bottom: 1rem;
    position: static;
    transform: rotate(3deg);
}
@media (min-width:601px) {
    scroll-frame[direction=vertical] .home-about__ticker {
    transform: rotate(-2deg);
}
}scroll-frame[direction=vertical] .home-team {
    padding: unset;
}
scroll-frame[direction=vertical] .home-team>.splitter-box:first-child {
    height: 8rem;
    left: -5%;
    min-height: 0;
    top: -5%;
    transform: rotate(3deg);
    width: 60vw;
}
@media (max-width:600px) {
    scroll-frame[direction=vertical] .home-team>.splitter-box: first-child {
    top: -1%}
}scroll-frame[direction=vertical] .home-team>.splitter-box:nth-child(2) {
    bottom: 0;
    height: 5rem;
    left: 50%;
    min-height: 0;
    top: -2%;
    transform: rotate(-2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .home-team__content {
    padding: 4rem 1rem 1rem;
    position: relative;
    z-index: 2;
}
scroll-frame[direction=vertical] .home-team__slider {
    display: none;
}
scroll-frame[direction=vertical] .home-team__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width:900px) {
    scroll-frame[direction=vertical] .home-team__grid {
    gap: 2rem;
}
}@media (max-width:600px) {
    scroll-frame[direction=vertical] .home-team__grid {
    grid-template-columns: 1fr;
}
}scroll-frame[direction=vertical] .home-team__grid-content {
    display: grid;
    gap: 1rem;
    grid-template-rows: 15rem auto;
}
@media (min-width:901px) {
    scroll-frame[direction=vertical] .home-team__grid-content {
    grid-template-rows: 30rem auto;
}
}@media (max-width:600px) {
    scroll-frame[direction=vertical] .home-team__grid-content {
    grid-template-rows: 19rem auto;
}
}scroll-frame[direction=vertical] .home-partner {
    padding: 8rem 0 10rem;
}
@media (max-width:900px) {
    scroll-frame[direction=vertical] .home-partner {
    padding: 3rem 0 7rem;
}
}scroll-frame[direction=vertical] .home-partner__ticker ticker-frame {
    height: auto;
}
scroll-frame[direction=vertical] .home-partner__ticker ticker-item {
    gap: 2rem;
    grid-auto-flow: column;
    padding-right: 2rem;
}
scroll-frame[direction=vertical] .home-partner .landscape-item {
    width: 10rem;
}
@media (min-width:901px) {
    scroll-frame[direction=vertical] .home-partner .landscape-item {
    width: 14rem;
}
}scroll-frame[direction=vertical] .home-partner .square-item {
    width: 7rem;
}
@media (min-width:901px) {
    scroll-frame[direction=vertical] .home-partner .square-item {
    width: 11rem;
}
}body[animate-content] .job-intro__picture {
    animation: intro-picture 2s cubic-bezier(.5, 1, .89, 1);
}
.job-intro {
    background-color: rgba(var(--color-black), 1);
    height: 100%;
    width: 90vw;
}
.job-intro__content {
    grid-template-columns: max-content auto;
    height: 100%;
    position: relative;
}
.job-intro__overlay {
    height: 100%;
    position: relative;
    transform: translate3d(.00001px, .00001px, .00001px);
    width: 10rem;
    z-index: 3;
}
.job-intro__overlay .splitter-box {
    background-color: rgba(var(--color-black), 1);
}
.job-intro__overlay>.splitter-box:first-child {
    height: 23rem;
    left: 19%;
    position: absolute;
    top: -19px;
    transform: rotate(-1deg);
    width: 12rem;
}
.job-intro__overlay>.splitter-box:nth-child(2) {
    bottom: 48%;
    height: 17rem;
    left: 69%;
    position: absolute;
    transform: rotate(2deg);
    width: 10rem;
}
.job-intro__overlay>.splitter-box:nth-child(3) {
    bottom: -5%;
    height: 45rem;
    left: 19%;
    position: absolute;
    transform: rotate(-3deg);
    width: 10rem;
}
.job-intro__slogan {
    left: -12rem;
    min-height: -moz-max-content;
    min-height: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-91deg);
    transform-origin: center;
    width: 43rem;
}
.job-intro__slogan .subline {
    display: block;
    margin-left: 16rem;
}
@media (min-width:901px) {
    .job-intro__slogan .mobile-subline: before {
    content: " "}
.job-intro__slogan .mobile-subline br {
    display: none;
}
}.job-entries {
    background-color: rgba(var(--color-white), 1);
    height: 100%;
    padding-right: 12rem;
    position: relative;
}
.job-entries>.splitter-box:first-child {
    height: 55vh;
    left: -12%;
    position: absolute;
    top: -5%;
    transform: rotate(5deg);
    width: 12rem;
}
.job-entries>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 50rem;
    left: -5%;
    position: absolute;
    transform: rotate(-1deg);
    width: 10rem;
}
.job-entries__slider {
    height: 100vh;
}
.job-entries__accordion {
    display: none;
}
.job-entries__layout {
    background-color: rgba(var(--color-white), 1);
    gap: .2rem;
    padding-left: 5rem;
    padding-right: 5rem;
}
.job-entries__layout[scrolling] slider-item {
    transform: scale(.9);
}
.job-entries__layout slider-item {
    transform: scale(1);
    transition: transform .2s ease-in-out;
}
.job-entries__layout>:first-child {
    margin-top: 25vh;
}
.job-entries__layout>:last-child {
    margin-bottom: 40vh;
}
.job-entries__box {
    padding: 2rem 3rem 3rem;
}
.job-entries__box .splitter-box {
    height: 0;
    opacity: 0;
    width: 0;
}
.job-entries__box p {
    color: rgba(var(--color-black), 1);
    z-index: 2;
}
.job-entries__box[active], .job-entries__box[active] .splitter-box {
    background-color: rgba(var(--color-black), 1);
}
.job-entries__box[active] .splitter-box {
    opacity: 1;
}
.job-entries__box[active]>.splitter-box:first-child {
    height: 7rem;
    left: -5%;
    position: absolute;
    top: -6%;
    transform: rotate(-2deg);
    width: 20rem;
}
.job-entries__box[active]>.splitter-box:nth-child(2) {
    bottom: -9%;
    height: 6rem;
    position: absolute;
    right: -5%;
    transform: rotate(1deg);
    width: 18rem;
}
.job-entries__box[active] .job-entries__description {
    max-height: 20rem;
}
.job-entries__box[active] p {
    color: rgba(var(--color-white), 1);
}
.job-entries__description {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    will-change: max-height;
    z-index: 2;
}
.job-entries__ticker {
    margin-right: -.7rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translate(46%) rotate(-87deg);
    width: 100vw;
}
.job-entries__ticker ticker-item p {
    margin-right: .5rem;
}
.job-about {
    height: 100%;
    position: relative;
}
.job-about, .job-about .splitter-box {
    background-color: rgba(var(--color-black), 1);
}
.job-about>.splitter-box:first-child {
    height: 25rem;
    left: -5%;
    position: absolute;
    top: -5%;
    transform: rotate(-2deg);
    width: 12rem;
}
.job-about>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 70vh;
    left: -2%;
    position: absolute;
    transform: rotate(3deg);
    width: 10rem;
}
.job-about div-grid {
    height: 100%;
    position: relative;
    z-index: 5;
}
.job-application {
    height: 100%;
    position: relative;
}
.job-application, .job-application .splitter-box {
    background-color: rgba(var(--color-white), 1);
}
.job-application>.splitter-box:first-child {
    height: 29rem;
    left: -6%;
    position: absolute;
    top: -5%;
    transform: rotate(0);
    width: 12rem;
}
.job-application>.splitter-box:nth-child(2) {
    bottom: -5%;
    height: 70vh;
    left: -4%;
    position: absolute;
    transform: rotate(3deg);
    width: 10rem;
}
.job-application div-grid {
    height: 100%;
    mix-blend-mode: difference;
    position: relative;
    z-index: 5;
}
scroll-frame[direction=vertical] .job-intro {
    height: 70vh;
    width: 100%}
scroll-frame[direction=vertical] .job-intro__content {
    grid-template-columns: 1fr;
    grid-template-rows: max-content auto;
}
scroll-frame[direction=vertical] .job-intro__overlay {
    height: 0;
    width: 100%}
scroll-frame[direction=vertical] .job-intro__overlay .splitter-box {
    display: none;
}
scroll-frame[direction=vertical] .job-intro__slogan {
    left: 50%;
    top: 70vh;
    transform: translate(-50%) rotate(-1deg);
}
scroll-frame[direction=vertical] .job-intro__slogan .subline {
    margin-left: 0;
}
scroll-frame[direction=vertical] .job-intro__slogan [text] {
    color: rgba(var(--color-black), 1);
}
scroll-frame[direction=vertical] .job-intro__slogan>:last-child {
    margin-left: 13rem;
}
scroll-frame[direction=vertical] .job-entries, scroll-frame[direction=vertical] .job-entries__content {
    padding: unset;
}
scroll-frame[direction=vertical] .job-entries>.splitter-box:first-child {
    height: 5rem;
    left: -5%;
    min-height: 0;
    top: -5%;
    transform: rotate(3deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .job-entries>.splitter-box:nth-child(2) {
    bottom: 0;
    height: 5rem;
    left: 50%;
    min-height: 0;
    top: -2%;
    transform: rotate(-2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .job-entries__slider {
    display: none;
}
scroll-frame[direction=vertical] .job-entries__accordion {
    display: block;
    padding-bottom: 8rem;
    padding-top: 15rem;
    position: relative;
    z-index: 2;
}
scroll-frame[direction=vertical] .job-entries__box {
    padding: 1rem 2rem 2rem;
    transition: padding .2s ease-in-out;
    will-change: padding;
}
scroll-frame[direction=vertical] .job-entries__box[active] {
    padding: 3rem 2rem;
}
scroll-frame[direction=vertical] .job-entries__box[active] .job-entries__arrow {
    fill: rgba(var(--color-white), 1);
    transform: rotate(180deg);
}
scroll-frame[direction=vertical] .job-entries__arrow {
    height: 1.5rem;
    width: 1.5rem;
    fill: rgba(var(--color-black), 1);
    transition: transform .2s ease-in-out;
}
scroll-frame[direction=vertical] .job-entries__ticker {
    margin: unset;
    padding-bottom: 2.5rem;
    position: static;
    transform: rotate(2deg);
}
scroll-frame[direction=vertical] .job-about {
    margin: unset;
    padding: unset;
    width: 100%}
scroll-frame[direction=vertical] .job-about>.splitter-box:first-child {
    height: 5rem;
    left: -5%;
    min-height: 0;
    top: -9%;
    transform: rotate(2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .job-about>.splitter-box:nth-child(2) {
    bottom: 0;
    height: 8rem;
    left: 54%;
    min-height: 0;
    top: -13%;
    transform: rotate(-2deg);
    width: 70vw;
}
scroll-frame[direction=vertical] .job-about div-grid {
    padding: var(--layout-size-xl-vertical) var(--layout-size-m-horizontal) var(--layout-size-xxl-vertical);
}
scroll-frame[direction=vertical] .job-application {
    margin: unset;
    padding: unset;
    width: 100%}
scroll-frame[direction=vertical] .job-application>.splitter-box:first-child {
    height: 10rem;
    left: -5%;
    min-height: 0;
    top: -9%;
    transform: rotate(2deg);
    width: 60vw;
}
scroll-frame[direction=vertical] .job-application>.splitter-box:nth-child(2) {
    bottom: 0;
    height: 10rem;
    left: 54%;
    min-height: 0;
    top: -13%;
    transform: rotate(-2deg);
    width: 70vw;
}
scroll-frame[direction=vertical] .job-application div-grid {
    padding: var(--layout-size-xl-vertical) var(--layout-size-m-horizontal) var(--layout-size-xxl-vertical);
}
.legal {
    max-width: 55rem;
}
@media (max-width:900px) {
    .legal {
    padding-left: var(--layout-size-m-horizontal);
    padding-right: var(--layout-size-m-horizontal);
}
}.outdated-browser-wrapper {
    height: 100%;
    line-height: 100vh;
    min-height: 100%;
    text-align: center;
}
.outdated-browser-logo {
    color: rgba(var(--color-black), 1);
    margin-bottom: 1.4em;
}
.outdated-browser-logo svg {
    display: inline-block;
    height: 60px;
    width: 60px;
}
.outdated-browser-logo svg path {
    stroke: rgba(var(--color-black), 1);
    stroke-width: 2px;
}
.outdated-browser-entries {
    display: inline-block;
    line-height: 1.2;
    padding: 0 10%;
    width: 100%}
.outdated-browser-name {
    color: rgba(var(--color-black), 1);
    font-size: 1.2em;
}
.outdated-browser-version {
    background-color: rgba(var(--color-black), 1);
    border-radius: 3px;
    box-shadow: inset 0 -1px #1b1f231f;
    color: rgba(var(--color-white), 1);
    display: inline-block;
    font-size: .9em;
    font-weight: 600;
    margin-top: 1.4em;
    padding: .2em .9em;
}
.outdated-browser-entry {
    display: inline-block;
    line-height: 1.4;
    min-width: -moz-min-content;
    min-width: min-content;
    padding: 2em 1em;
    white-space: nowrap;
    width: 14.2%}
.outdated-browser-entry:active, .outdated-browser-entry:focus, .outdated-browser-entry:hover {
    background-color: rgba(var(--color-black), .2);
    border-radius: 6px;
}
.outdated-browser-platform {
    height: 22px;
    margin-top: 1.4em;
    text-align: center;
    width: 100%}
.outdated-browser-platform svg {
    display: inline-block;
    height: 22px;
    width: 22px;
}
@media (min-width:1601px) {
    .outdated-browser-entry {
    width: 14.2%}
}@media (min-width:901px) and (max-width:1600px) {
    .outdated-browser-wrapper {
    padding: 50px 0;
}
.outdated-browser-entries {
    display: block;
    padding-top: 20vh;
}
.outdated-browser-entry {
    width: 25%}
}@media (max-width:900px) {
    .outdated-browser-wrapper {
    padding: 50px 0;
}
.outdated-browser-entries {
    display: block;
}
.outdated-browser-entry {
    width: 100%}
}@supports (display:grid) {
    .outdated-browser-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: normal;
    min-height: 100vh;
}
.outdated-browser-entries {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    grid-gap: 20px;
    margin-bottom: 50px;
}
.outdated-browser-entry {
    width: auto;
}
}.markdown h1 {
    font-size: var(--font-size-l);
}
.markdown h1, .markdown h2 {
    padding-bottom: var(--layout-size-xs-vertical);
    padding-top: var(--layout-size-m-vertical);
}
.markdown h2 {
    font-size: var(--font-size-m);
}
.markdown h3 {
    font-size: var(--font-size-s);
}
.markdown h3, .markdown h4 {
    padding-bottom: var(--layout-size-xs-vertical);
    padding-top: var(--layout-size-m-vertical);
}
.markdown h4 {
    font-size: var(--font-size-xs);
}
.markdown h5 {
    padding-top: var(--layout-size-m-vertical);
}
.markdown h5, .markdown p {
    font-size: var(--font-size-xxs);
    padding-bottom: var(--layout-size-xs-vertical);
}
.markdown p {
    line-height: 1.2;
}
.markdown a, .markdown p {
    color: rgba(var(--color-grey), 1);
}
cursor-frame {
    transition: mix-blend-mode .2s .1s;
}
cursor-frame:not([variant]) {
    mix-blend-mode: difference;
}