:root {
    --token-spacing-list: 12px;
    --token-spacing-all-none: 0;
    --token-spacing-all-xxs: 4px;
    --token-spacing-all-xs: 8px;
    --token-spacing-all-s: 12px;
    --token-spacing-all-base: 16px;
    --token-spacing-all-m: 24px;
    --token-spacing-all-l: 32px;
    --token-spacing-all-xl: 40px;
    --token-spacing-all-xxl: 64px;
    --token-spacing-all-xxxl: 96px;
    --token-corner-radius-none: 0;
    --token-corner-radius-all-s: 4px;
    --token-corner-radius-all-base: 8px;
    --token-corner-radius-all-m: 12px;
    --token-corner-radius-all-l: 16px;
    --token-corner-radius-all-xl: 32px;
    --token-corner-radius-all-max: 160px;
    --token-corner-radius-cards: 16px;
    --token-corner-radius-cells: 16px;
    --token-blur-med: 56px;
    --token-blur-high: 96px
}

:root .ar-theme--dark {
    --token-color-foreground-fg-1: #ededed;
    --token-color-foreground-fg-1-hover: #fff;
    --token-color-foreground-fg-2: hsla(0, 0%, 93%, .6);
    --token-color-foreground-fg-2-hover: hsla(0, 0%, 93%, .8);
    --token-color-foreground-fg-3: hsla(0, 0%, 93%, .4);
    --token-color-foreground-fg-3-hover: hsla(0, 0%, 93%, .6);
    --token-color-foreground-fg-4: hsla(0, 0%, 93%, .08);
    --token-color-foreground-fg-4-hover: hsla(0, 0%, 93%, .3);
    --token-color-foreground-fg-disabled: hsla(0, 0%, 93%, .3);
    --token-color-foreground-inverse-fg-1: #1d232a;
    --token-color-foreground-inverse-fg-2: rgba(29, 35, 42, .6);
    --token-color-foreground-fg-dark-static: #1d232a;
    --token-color-foreground-fg-light-static: #ededed;
    --token-color-foreground-brand-fg: #69c350;
    --token-color-foreground-brand-fg-hover: #88d568;
    --token-color-foreground-success-fg: #88d568;
    --token-color-foreground-success-fg-hover: #9ee178;
    --token-color-foreground-info-fg: #00b0db;
    --token-color-foreground-info-fg-hover: #00d8ed;
    --token-color-foreground-warning-fg: #f7b55c;
    --token-color-foreground-warning-fg-hover: #fad381;
    --token-color-foreground-error-fg: #f94d5f;
    --token-color-foreground-error-fg-hover: #fb596e;
    --token-color-background-bg-on-app-canvas: rgba(40, 46, 53, .85);
    --token-color-background-inverse-bg-on-app-canvas: hsla(0, 0%, 100%, .6);
    --token-color-background-bg-1: hsla(0, 0%, 93%, .05);
    --token-color-background-bg-1-hover: hsla(0, 0%, 93%, .1);
    --token-color-background-bg-2: hsla(0, 0%, 93%, .08);
    --token-color-background-bg-2-hover: hsla(0, 0%, 93%, .15);
    --token-color-background-inverse-bg-1: #ededed;
    --token-color-background-bg-disabled: hsla(0, 0%, 93%, .05);
    --token-color-background-bg-app-canvas: #1d232a;
    --token-color-background-brand-bg: #69c350;
    --token-color-background-brand-bg-hover: #88d568;
    --token-color-background-success-bg: #88d568;
    --token-color-background-success-bg-hover: #9ee178;
    --token-color-background-info-bg: #00b0db;
    --token-color-background-info-bg-hover: #00d8ed;
    --token-color-background-warning-bg: #f7b55c;
    --token-color-background-warning-bg-hover: #fad381;
    --token-color-background-error-bg: #f94d5f;
    --token-color-background-error-bg-hover: #fb596e;
    --token-color-background-ambient-mode-bg: rgba(29, 35, 42, .85);
    --token-color-stroke-sk-1: #ededed;
    --token-color-stroke-sk-1-hover: #fff;
    --token-color-stroke-sk-2: hsla(0, 0%, 93%, .5);
    --token-color-stroke-sk-2-hover: hsla(0, 0%, 93%, .1);
    --token-color-stroke-sk-3: hsla(0, 0%, 93%, .08);
    --token-color-stroke-sk-3-hover: hsla(0, 0%, 93%, .1);
    --token-color-stroke-sk-disabled: hsla(0, 0%, 93%, .2);
    --token-color-stroke-brand-sk: #69c350;
    --token-color-stroke-brand-sk-hover: #88d568;
    --token-color-stroke-success-sk: #88d568;
    --token-color-stroke-success-sk-hover: #9ee178;
    --token-color-stroke-info-sk: #00b0db;
    --token-color-stroke-info-sk-hover: #00d8ed;
    --token-color-stroke-warning-sk: #d5943c;
    --token-color-stroke-warning-sk-hover: #fad381;
    --token-color-stroke-error-sk: #d51a29;
    --token-color-stroke-error-sk-hover: #fb596e;
    --token-elevation-top-navigation-elevated: rgba(40, 46, 53, .6);
    --token-elevation-bottom-navigation-elevated: rgba(40, 46, 53, .6);
    --token-elevation-navigation-rail-elevated: rgba(29, 35, 42, .6);
    --token-elevation-navigation-rail: rgba(40, 46, 53, .4);
    --token-elevation-pop-up-menu: rgba(40, 46, 53, .6);
    --token-overlay-overlay-brighter: hsla(0, 0%, 100%, .5);
    --token-overlay-overlay-darkener: rgba(29, 35, 42, .3);
    --token-overlay-overlay-modal: rgba(0, 0, 0, .6);
    --token-color-shadow-wide: rgba(0, 0, 0, .4);
    --token-color-shadow-brand: rgba(105, 195, 80, .7);
    --token-color-message-success-bg: rgba(105, 195, 80, .1);
    --token-color-message-info-bg: rgba(0, 199, 230, .1);
    --token-color-message-neutral-bg: hsla(0, 0%, 93%, .08);
    --token-color-message-alert-bg: rgba(247, 181, 92, .1);
    --token-color-message-error-bg: rgba(247, 59, 73, .1);
    --token-color-misc-spot-price-very-low: #268111
}

:root .ar-theme--light {
    --token-color-foreground-fg-1: #3a4045;
    --token-color-foreground-fg-1-hover: #1d232a;
    --token-color-foreground-fg-2: rgba(87, 92, 97, .6);
    --token-color-foreground-fg-2-hover: rgba(87, 92, 97, .8);
    --token-color-foreground-fg-3: rgba(87, 92, 97, .4);
    --token-color-foreground-fg-3-hover: rgba(87, 92, 97, .6);
    --token-color-foreground-fg-4: rgba(29, 35, 42, .05);
    --token-color-foreground-fg-4-hover: rgba(87, 92, 97, .3);
    --token-color-foreground-fg-disabled: rgba(58, 64, 69, .3);
    --token-color-foreground-inverse-fg-1: #ededed;
    --token-color-foreground-inverse-fg-2: rgba(29, 35, 42, .6);
    --token-color-foreground-fg-dark-static: #1d232a;
    --token-color-foreground-fg-light-static: #ededed;
    --token-color-foreground-brand-fg: #69c350;
    --token-color-foreground-brand-fg-hover: #88d568;
    --token-color-foreground-success-fg: #88d568;
    --token-color-foreground-success-fg-hover: #9ee178;
    --token-color-foreground-info-fg: #00b0db;
    --token-color-foreground-info-fg-hover: #00d8ed;
    --token-color-foreground-warning-fg: #f7b55c;
    --token-color-foreground-warning-fg-hover: #fad381;
    --token-color-foreground-error-fg: #f94d5f;
    --token-color-foreground-error-fg-hover: #fb596e;
    --token-color-background-bg-on-app-canvas: hsla(0, 0%, 100%, .6);
    --token-color-background-inverse-bg-on-app-canvas: rgba(40, 46, 53, .85);
    --token-color-background-bg-1: hsla(0, 0%, 100%, .7);
    --token-color-background-bg-1-hover: #fff;
    --token-color-background-bg-2: rgba(87, 92, 97, .1);
    --token-color-background-bg-2-hover: rgba(87, 92, 97, .15);
    --token-color-background-inverse-bg-1: #3a4045;
    --token-color-background-bg-disabled: rgba(29, 35, 42, .05);
    --token-color-background-bg-app-canvas: #f4f4f4;
    --token-color-background-brand-bg: #69c350;
    --token-color-background-brand-bg-hover: #88d568;
    --token-color-background-success-bg: #88d568;
    --token-color-background-success-bg-hover: #9ee178;
    --token-color-background-info-bg: #00b0db;
    --token-color-background-info-bg-hover: #00d8ed;
    --token-color-background-warning-bg: #f7b55c;
    --token-color-background-warning-bg-hover: #fad381;
    --token-color-background-error-bg: #f94d5f;
    --token-color-background-error-bg-hover: #fb596e;
    --token-color-background-ambient-mode-bg: hsla(0, 0%, 100%, .6);
    --token-color-stroke-sk-1: #3a4045;
    --token-color-stroke-sk-1-hover: #1d232a;
    --token-color-stroke-sk-2: rgba(29, 35, 42, .4);
    --token-color-stroke-sk-2-hover: rgba(29, 35, 42, .1);
    --token-color-stroke-sk-3: rgba(29, 35, 42, .08);
    --token-color-stroke-sk-3-hover: rgba(29, 35, 42, .1);
    --token-color-stroke-sk-disabled: rgba(29, 35, 42, .2);
    --token-color-stroke-brand-sk: #69c350;
    --token-color-stroke-brand-sk-hover: #88d568;
    --token-color-stroke-success-sk: #88d568;
    --token-color-stroke-success-sk-hover: #9ee178;
    --token-color-stroke-info-sk: #00b0db;
    --token-color-stroke-info-sk-hover: #00d8ed;
    --token-color-stroke-warning-sk: #d5943c;
    --token-color-stroke-warning-sk-hover: #fad381;
    --token-color-stroke-error-sk: #d51a29;
    --token-color-stroke-error-sk-hover: #fb596e;
    --token-elevation-top-navigation-elevated: hsla(0, 0%, 89%, .7);
    --token-elevation-bottom-navigation-elevated: hsla(0, 0%, 89%, .7);
    --token-elevation-navigation-rail-elevated: hsla(0, 0%, 89%, .7);
    --token-elevation-navigation-rail: hsla(0, 0%, 89%, .7);
    --token-elevation-pop-up-menu: hsla(0, 0%, 89%, .7);
    --token-overlay-overlay-brighter: hsla(0, 0%, 100%, .5);
    --token-overlay-overlay-darkener: rgba(29, 35, 42, .3);
    --token-overlay-overlay-modal: rgba(0, 0, 0, .6);
    --token-color-shadow-wide: rgba(0, 0, 0, .1);
    --token-color-shadow-wide-dark: rgba(0, 0, 0, .4);
    --token-color-shadow-brand: rgba(105, 195, 80, .7);
    --token-color-message-success-bg: rgba(105, 195, 80, .1);
    --token-color-message-info-bg: rgba(0, 199, 230, .1);
    --token-color-message-neutral-bg: rgba(87, 92, 97, .1);
    --token-color-message-alert-bg: rgba(247, 181, 92, .1);
    --token-color-message-error-bg: rgba(247, 59, 73, .1);
    --token-color-misc-spot-price-very-low: #268111
}

.ar-debug--screen {
    padding: 20px;
    background-color: #000;
    font-size: 12px;
    display: flex;
    gap: 20px;
    font-family: Courier New, Courier, monospace;
    white-space: pre
}

.ar-debug--screen table {
    border-color: orange
}

.ar-debug--screen table thead td {
    background-color: orange;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.ar-debug--screen table td {
    border: 1px solid orange;
    color: #000;
    background-color: #fff;
    padding: 10px 5px
}

html {
    overflow-x: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ar-color-foreground-fg-1 {
    color: var(--token-color-foreground-fg-1)
}

.ar-color-foreground-fg-2 {
    color: var(--token-color-foreground-fg-2)
}

.ar-color-foreground-fg-3 {
    color: var(--token-color-foreground-fg-3)
}

.ar-color-foreground-fg-4 {
    color: var(--token-color-foreground-fg-4)
}

.ar-color-foreground-inverse-fg-1 {
    color: var(--token-color-foreground-inverse-fg-1)
}

body {
    font-family: Averta, Lexend, Helvetica, sans-serif
}

.ar-size--xl {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

.ar-size--xl .ar-text--size-super {
    font-size: 11.614rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -.438px
}

.ar-size--xl .ar-text--size-huge {
    font-size: 8.157rem;
    font-style: normal;
    font-weight: 800;
    line-height: 80%;
    letter-spacing: -.979px
}

.ar-size--xl .ar-text--size-ms7,
.ar-size--xl h1 {
    font-size: 6.275rem;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -.502px
}

.ar-size--xl .ar-text--size-ms6,
.ar-size--xl h2 {
    font-size: 4.827rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -.193px
}

.ar-size--xl .ar-text--size-ms5,
.ar-size--xl h3 {
    font-size: 3.713rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%
}

.ar-size--xl .ar-text--size-ms4,
.ar-size--xl h4 {
    font-size: 2.856rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .457px
}

.ar-size--xl .ar-text--size-ms3,
.ar-size--xl h5 {
    font-size: 2.197rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .088px
}

.ar-size--xl .ar-text--size-ms2,
.ar-size--xl h6 {
    font-size: 1.69rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .135px
}

.ar-size--xl .ar-text--size-ms1 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .54px
}

.ar-size--xl .ar-text--size-ms0 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

.ar-size--xl .ar-text--size-ms-1 {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-size--xl .ar-text--size-ms-2 {
    font-size: .625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 3px;
    text-transform: uppercase
}

@media screen and (max-width:900px) {
    .ar-size--xl {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        letter-spacing: .48px
    }

    .ar-size--xl .ar-text--size-super {
        font-size: 4.11rem;
        font-style: normal;
        font-weight: 800;
        line-height: 100%;
        letter-spacing: -.438px
    }

    .ar-size--xl .ar-text--size-huge {
        font-size: 2.566rem;
        font-style: normal;
        font-weight: 700;
        line-height: 105%;
        letter-spacing: -.308px
    }

    .ar-size--xl .ar-text--size-ms7,
    .ar-size--xl h1 {
        font-size: 2.281rem;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: -.182px
    }

    .ar-size--xl .ar-text--size-ms6,
    .ar-size--xl h2 {
        font-size: 2.027rem;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: -.081px
    }

    .ar-size--xl .ar-text--size-ms5,
    .ar-size--xl h3 {
        font-size: 1.802rem;
        font-style: normal;
        font-weight: 700;
        line-height: 110%
    }

    .ar-size--xl .ar-text--size-ms4,
    .ar-size--xl h4 {
        font-size: 1.602rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%
    }

    .ar-size--xl .ar-text--size-ms3,
    .ar-size--xl h5 {
        font-size: 1.424rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: .057px
    }

    .ar-size--xl .ar-text--size-ms2,
    .ar-size--xl h6 {
        font-size: 1.266rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: .101px
    }

    .ar-size--xl .ar-text--size-ms1 {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        letter-spacing: .54px
    }

    .ar-size--xl .ar-text--size-ms0 {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        letter-spacing: .48px
    }

    .ar-size--xl .ar-text--size-ms-1 {
        font-size: .8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: .455px
    }

    .ar-size--xl .ar-text--size-ms-2 {
        font-size: .625rem;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 3px;
        text-transform: uppercase
    }
}

.ar-size--xs {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

.ar-size--xs .ar-text--size-super {
    font-size: 4.11rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -.438px
}

.ar-size--xs .ar-text--size-huge {
    font-size: 2.566rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -.308px
}

.ar-size--xs .ar-text--size-ms7,
.ar-size--xs h1 {
    font-size: 2.281rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.182px
}

.ar-size--xs .ar-text--size-ms6,
.ar-size--xs h2 {
    font-size: 2.027rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.081px
}

.ar-size--xs .ar-text--size-ms5,
.ar-size--xs h3 {
    font-size: 1.802rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%
}

.ar-size--xs .ar-text--size-ms4,
.ar-size--xs h4 {
    font-size: 1.602rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%
}

.ar-size--xs .ar-text--size-ms3,
.ar-size--xs h5 {
    font-size: 1.424rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .057px
}

.ar-size--xs .ar-text--size-ms2,
.ar-size--xs h6 {
    font-size: 1.266rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .101px
}

.ar-size--xs .ar-text--size-ms1 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .54px
}

.ar-size--xs .ar-text--size-ms0 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

.ar-size--xs .ar-text--size-ms-1 {
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-size--xs .ar-text--size-ms-2 {
    font-size: .625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 3px;
    text-transform: uppercase
}

.ar-feature-card--wysiwyg a,
li a,
p a {
    color: var(--token-color-foreground-brand-fg);
    cursor: pointer;
    background-image: linear-gradient(var(--token-color-foreground-brand-fg) 0 0);
    padding-bottom: 2px;
    background-position: 0 100%;
    background-size: 0 1.5px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s;
    text-decoration: none
}

.ar-feature-card--wysiwyg a:hover,
li a:hover,
p a:hover {
    background-size: 100% 1.5px
}

a.ar-link {
    color: var(--token-color-foreground-fg-1);
    cursor: pointer;
    background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
    padding-bottom: 2px;
    background-position: 0 100%;
    background-size: 0 1.5px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s;
    text-decoration: none
}

a.ar-link:hover {
    background-size: 100% 1.5px
}

span[style="text-decoration: underline;"],
u {
    border-style: inset;
    text-decoration: none !important;
    box-shadow: inset 0 -5px 0 0 #88d568
}

i[class*=" icon-"]:before,
i[class^=icon-]:before {
    font-style: normal;
    font-weight: 400 !important;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ar-icon--size-x16 {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-family: AuroraIcons-x16 !important
}

.ar-icon--size-x24 {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: AuroraIcons-x24 !important
}

.ar-icon--size-x32 {
    font-size: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-family: AuroraIcons-x32 !important
}

.ar-icon--size-x40 {
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: AuroraIcons-x40 !important
}

.ar-icon--size-x48 {
    font-size: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-family: AuroraIcons-x48 !important
}

.ar-icon--size-x64 {
    font-size: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-family: AuroraIcons-x64 !important
}

.ar-icon--size-x80 {
    font-size: 80px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-family: AuroraIcons-x80 !important
}

.ar-icon--size-x96 {
    font-size: 96px;
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-family: AuroraIcons-x96 !important
}

.ar-icon--size-x120 {
    font-size: 120px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-family: AuroraIcons-x120 !important
}

.ar-text--style-bold {
    font-weight: 700 !important
}

.ar-text--style-regular {
    font-weight: 400
}

.ar-text--style-light {
    font-weight: 300
}

strong {
    font-weight: 800
}

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

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

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

ul {
    padding: 10px 0 0 20px;
    margin: 0;
    margin-bottom: var(--token-spacing-all-s)
}

ol {
    padding: 0;
    margin: 0
}

pre.ar-preformatted {
    border-radius: var(--token-corner-radius-all-m);
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    text-align: center;
    margin-bottom: var(--token-spacing-all-m)
}

.ar-table {
    border-radius: var(--token-corner-radius-all-base);
    overflow: hidden
}

.ar-table td,
.ar-table th {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-m);
    border: 1.5px solid var(--token-color-foreground-inverse-fg-1);
    color: var(--token-color-foreground-fg-1);
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-table th,
.ar-table thead,
.ar-table thead td {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-brand-bg);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px;
    font-weight: 700;
    white-space: nowrap
}

.ar-table th *,
.ar-table thead *,
.ar-table thead td * {
    white-space: nowrap
}

.ar-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.ar-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--token-corner-radius-all-base)
}

.ar-product-media {
    flex: none
}

.ar-product-media img,
.ar-product-media video {
    max-width: 100%;
    height: auto;
    display: block
}

.ar-product-media video {
    aspect-ratio: 3/2;
    object-fit: cover
}

.ar-search-results {
    min-height: calc(100dvh - 96px - 324px - 107.6px);
    padding-top: 32px
}

@media(max-width:1200px) {
    .ar-search-results {
        min-height: calc(100dvh - 96px - 519.19px - 107.6px)
    }
}

.ar-error {
    max-width: 680px;
    padding: var(--token-spacing-all-m);
    text-align: center;
    box-sizing: border-box;
    min-height: calc(100dvh - 96px - 324px)
}

.ar-error h1 {
    font-size: 6.275rem;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -.502px
}

.ar-error h4 {
    font-size: 2.856rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .457px
}

.ar-error--fullwidth {
    width: 100%
}

@media(max-width:1200px) {
    .ar-error {
        min-height: calc(100dvh - 96px - 519.19px)
    }
}

.ar-loading-spinner .animated-path {
    stroke-dasharray: 4 5;
    stroke-dashoffset: 0;
    animation: dashAnimation var(--animation-duration) infinite
}

.ar-loading-spinner .animated-path.path-1 {
    animation-delay: 0s
}

.ar-loading-spinner .animated-path.path-2 {
    animation-delay: calc(var(--animation-duration)*1/12)
}

.ar-loading-spinner .animated-path.path-3 {
    animation-delay: calc(var(--animation-duration)*2/12)
}

.ar-loading-spinner .animated-path.path-4 {
    animation-delay: calc(var(--animation-duration)*3/12)
}

.ar-loading-spinner .animated-path.path-5 {
    animation-delay: calc(var(--animation-duration)*4/12)
}

.ar-loading-spinner .animated-path.path-6 {
    animation-delay: calc(var(--animation-duration)*5/12)
}

.ar-loading-spinner .animated-path.path-7 {
    animation-delay: calc(var(--animation-duration)*6/12)
}

.ar-loading-spinner .animated-path.path-8 {
    animation-delay: calc(var(--animation-duration)*7/12)
}

.ar-loading-spinner .animated-path.path-9 {
    animation-delay: calc(var(--animation-duration)*8/12)
}

.ar-loading-spinner .animated-path.path-10 {
    animation-delay: calc(var(--animation-duration)*9/12)
}

.ar-loading-spinner .animated-path.path-11 {
    animation-delay: calc(var(--animation-duration)*10/12)
}

.ar-loading-spinner .animated-path.path-12 {
    animation-delay: calc(var(--animation-duration)*11/12)
}

@keyframes dashAnimation {
    0% {
        stroke-dasharray: 4 5
    }

    25% {
        stroke-dasharray: 1 5
    }

    50% {
        stroke-dasharray: 4 5
    }
}

.ar-btn {
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid transparent;
    transition: background-color .2s ease, color .2s ease;
    white-space: nowrap
}

.ar-btn.ar-btn--disabled {
    pointer-events: none;
    cursor: default
}

.ar-btn.ar-btn--full {
    width: 100%
}

.ar-btn span {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    min-height: 24px
}

.ar-btn:focus-visible {
    outline: 3px solid var(--token-color-foreground-fg-1);
    outline-offset: 3px
}

.ar-btn--no-pointer {
    pointer-events: none
}

.ar-btn-size--small {
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-btn-size--small span {
    padding: 0 var(--token-spacing-all-xs)
}

.ar-btn-size--small.ar-btn-notext {
    padding: var(--token-spacing-all-xs);
    gap: var(--token-spacing-all-xs)
}

.ar-btn-size--medium {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-btn-size--medium span {
    padding: 0 var(--token-spacing-all-xs)
}

.ar-btn-size--medium.ar-btn-notext {
    padding: var(--token-spacing-all-s);
    gap: var(--token-spacing-all-s)
}

.ar-btn-size--large {
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-btn-size--large span {
    padding: 0 var(--token-spacing-all-xs);
    height: var(--token-spacing-all-m)
}

.ar-btn-size--large.ar-btn-notext {
    padding: var(--token-spacing-all-base);
    gap: var(--token-spacing-all-base)
}

.ar-btn-size--xlarge {
    padding: var(--token-spacing-all-m) var(--token-spacing-all-xl);
    border-radius: var(--token-corner-radius-all-m)
}

.ar-btn-size--xlarge span {
    padding: 0 var(--token-spacing-all-s);
    height: var(--token-spacing-all-m)
}

.ar-btn-size--xlarge.ar-btn-notext {
    padding: var(--token-spacing-all-m);
    gap: var(--token-spacing-all-m)
}

.ar-btn-size--xxlarge {
    padding: var(--token-spacing-all-m) var(--token-spacing-all-xxl);
    border-radius: var(--token-corner-radius-all-m);
    font-size: 1.125rem
}

.ar-btn-size--xxlarge span {
    padding: 0 var(--token-spacing-all-base);
    height: var(--token-spacing-all-l)
}

.ar-btn-size--xxlarge.ar-btn-notext {
    padding: var(--token-spacing-all-l);
    gap: var(--token-spacing-all-l)
}

.ar-btn-style--neutral {
    color: var(--token-color-foreground-fg-1);
    background-color: var(--token-color-background-bg-2)
}

.ar-btn-style--neutral:active,
.ar-btn-style--neutral:hover {
    background-color: var(--token-color-background-bg-2-hover)
}

.ar-btn-style--neutral.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled);
    background-color: var(--token-color-background-bg-disabled)
}

.ar-btn-style--accent {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-btn-style--accent:active,
.ar-btn-style--accent:hover {
    background-color: var(--token-color-background-brand-bg-hover)
}

.ar-btn-style--accent.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled);
    background-color: var(--token-color-background-bg-disabled)
}

.ar-btn-style--accentBrand {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-brand-bg)
}

.ar-btn-style--accentBrand:active,
.ar-btn-style--accentBrand:hover {
    background-color: var(--token-color-background-brand-bg-hover)
}

.ar-btn-style--accentBrand.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled);
    background-color: var(--token-color-background-bg-disabled)
}

.ar-btn-style--destructive {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-error-bg)
}

.ar-btn-style--destructive:active,
.ar-btn-style--destructive:hover {
    background-color: var(--token-color-background-error-bg-hover)
}

.ar-btn-style--destructive.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled);
    background-color: var(--token-color-background-bg-disabled)
}

.ar-btn-style--outline {
    background-color: transparent;
    color: var(--token-color-foreground-fg-1);
    border: 1.5px solid var(--token-color-foreground-fg-1)
}

.ar-btn-style--outline:active,
.ar-btn-style--outline:hover {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-btn-style--outline.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled);
    border: 1.5px solid var(--token-color-foreground-fg-disabled)
}

.ar-btn-style--outline.ar-btn--clicked {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-btn-style--ghost {
    color: var(--token-color-foreground-fg-1)
}

.ar-btn-style--ghost:active,
.ar-btn-style--ghost:hover {
    background-color: var(--token-color-background-bg-2)
}

.ar-btn-style--ghost.ar-btn--disabled {
    color: var(--token-color-foreground-fg-disabled)
}

.ar-btn-simple {
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1.5px solid transparent;
    text-decoration: none !important;
    position: relative;
    height: var(--token-spacing-all-xl)
}

.ar-btn-simple span {
    padding: 0 var(--token-spacing-all-xs)
}

.ar-btn-simple i {
    padding: var(--token-spacing-all-xs)
}

.ar-btn-simple.ar-btn-simple-disabled,
.ar-btn-simple:active {
    color: var(--token-color-foreground-fg-disabled) !important
}

.ar-btn-simple.ar-btn-simple-disabled {
    pointer-events: none
}

.ar-btn-simple:hover .ar-tooltip {
    display: block
}

.ar-btn-simple .ar-tooltip {
    padding: var(--token-spacing-all-xs);
    gap: var(--token-spacing-all-xs);
    border-radius: var(--token-corner-radius-all-base);
    background-color: var(--token-color-background-bg-2);
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px;
    position: absolute;
    display: none;
    top: 40px
}

.ar-btn-simple-style--default {
    color: var(--token-color-foreground-fg-1)
}

.ar-btn-simple-style--default:hover {
    color: var(--token-color-foreground-fg-2)
}

.ar-btn-simple-style--accent {
    color: var(--token-color-foreground-brand-fg)
}

.ar-btn-simple-style--accent:hover {
    color: var(--token-color-foreground-brand-fg-hover)
}

.ar-card {
    border-radius: var(--token-corner-radius-cards);
    background-repeat: no-repeat
}

.ar-card,
.ar-card.ar-element-theme--light {
    background-color: var(--token-color-background-bg-1)
}

.ar-card.ar-element-theme--light {
    color: var(--token-color-foreground-fg-1)
}

.ar-card.ar-element-theme--dark {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-card.ar-card--banner {
    padding: var(--token-spacing-all-none) var(--token-spacing-all-xxl);
    height: 350px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative
}

.ar-card.ar-card--banner .ar-card--content--flag {
    color: var(--token-color-foreground-brand-fg)
}

.ar-card.ar-card--banner .ar-card--content {
    z-index: 2
}

.ar-card.ar-card--banner .ar-card--video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ar-card .ar-card--video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    z-index: 0
}

.ar-card.ar-card--highlight {
    padding: var(--token-spacing-all-m) var(--token-spacing-all-m);
    height: 470px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start
}

.ar-card.ar-card--highlight .ar-card--content .ar-card--content--flag {
    color: var(--token-color-foreground-brand-fg)
}

.ar-card.ar-card--highlight:hover {
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide)
}

.ar-card.ar-card--category {
    padding: var(--token-spacing-all-m) var(--token-spacing-all-m);
    height: 280px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end
}

.ar-card.ar-card--feature-card {
    box-sizing: border-box;
    justify-content: space-between;
    max-width: 100%;
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide)
}

.ar-card.ar-card--feature-card.ar-card--feature-card--image {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-m)
}

.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content .pimcore_wysiwyg>*,
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content>* {
    margin-bottom: var(--token-spacing-all-s)
}

.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content .pimcore_wysiwyg>:last-child,
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content>:last-child {
    margin-bottom: 0
}

.ar-card.ar-card--feature-card.ar-card--feature-card--icon .ar-card--content {
    flex-direction: column;
    align-items: center;
    gap: var(--token-spacing-all-base);
    text-align: center
}

.ar-card.ar-card--feature-card ol,
.ar-card.ar-card--feature-card ul {
    list-style: initial;
    padding-left: 15px
}

.ar-card.ar-card--feature-card .ar-card--content {
    width: 100%
}

.ar-card.ar-card--feature-card .ar-card--content img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.ar-card.ar-card--feature-card--large {
    width: 100%
}

.ar-card.ar-card--feature-card--small {
    width: calc(50% - var(--token-spacing-all-m)/2)
}

.ar-card.ar-card--feature-card--image {
    padding: var(--token-spacing-all-m)
}

.ar-card.ar-card--feature-card--icon {
    padding: var(--token-spacing-all-xl) var(--token-spacing-all-m)
}

.ar-card--lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
    background: rgba(0, 0, 0, .8)
}

.ar-card--lightbox:target {
    display: flex;
    justify-content: center;
    align-items: center
}

.ar-card--lightbox img {
    display: block;
    height: auto !important;
    max-width: 90vw !important;
    max-height: 100%;
    background: var(--token-color-background-bg-1-hover);
    padding: var(--token-spacing-all-l);
    border-radius: var(--token-corner-radius-cards) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-card--lightbox--image {
    width: 100%
}

@media(max-width:1200px) {
    .ar-card.ar-card--banner {
        padding: var(--token-spacing-all-none) var(--token-spacing-all-xl)
    }

    .ar-card.ar-card--feature-card--large {
        width: 100%
    }

    .ar-card.ar-card--feature-card--small {
        width: calc(50% - var(--token-spacing-all-m)/2)
    }

    .ar-card.ar-card--feature-card-header .ar-card--content .ar-card--feature-card-header--video {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9
    }

    .ar-card.ar-card--feature-card-image {
        width: 100%;
        height: auto
    }

    .ar-card.ar-card--feature-card-image img {
        width: 100%;
        height: auto;
        object-fit: contain
    }
}

@media(max-width:767px) {
    .ar-card.ar-card--feature-card--small {
        width: 100%
    }
}

.ar-anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden
}

.ar-feature-card {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-radius: var(--token-corner-radius-all-base);
    background: var(--token-color-background-bg-1-hover);
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide)
}

.ar-feature-card--hide {
    display: none
}

.ar-feature-card--lightbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: var(--token-color-background-inverse-bg-on-app-canvas);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    animation: lightboxFadeInBackground .3s ease-out forwards
}

.ar-feature-card--lightbox--inner {
    height: auto;
    max-height: 90%;
    background: #fff;
    border-radius: var(--token-corner-radius-all-m);
    padding: var(--token-spacing-all-m);
    margin: var(--token-spacing-all-base);
    position: relative;
    opacity: 0;
    transform: scale(.95);
    animation: lightboxContentFadeIn .3s ease-out .1s forwards
}

.ar-feature-card--lightbox img {
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important
}

.ar-feature-card--double-card {
    width: 100%
}

.ar-feature-card--double-card>.ar-feature-card {
    max-width: calc(50% - var(--token-spacing-all-m)/2)
}

.ar-feature-card--spacer {
    height: 24px
}

.ar-feature-card--wysiwyg a {
    color: var(--token-color-foreground-brand-fg)
}

.ar-feature-card--wysiwyg>* {
    margin-bottom: var(--token-spacing-all-s)
}

.ar-feature-card--wysiwyg>:last-child {
    margin-bottom: 0
}

.ar-feature-card--img--box {
    margin: var(--token-spacing-all-m);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-feature-card--media img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: var(--token-corner-radius-all-s)
}

.ar-feature-card--media ul {
    list-style-type: circle;
    margin-bottom: 0
}

.ar-feature-card--media--text {
    padding: 0 var(--token-spacing-all-m) var(--token-spacing-all-m);
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-m)
}

.ar-feature-card--icon {
    padding: var(--token-spacing-all-xl);
    text-align: center
}

.ar-feature-card--youtube {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    padding: var(--token-spacing-all-m)
}

.ar-feature-card--youtube--wrapper {
    width: calc(100% - var(--token-spacing-all-m)*2);
    height: 100%;
    border-radius: var(--token-corner-radius-all-base);
    overflow: hidden
}

.ar-feature-card--youtube--iframe {
    width: 100%;
    height: 100%
}

.ar-feature-card--zoom-in {
    cursor: zoom-in
}

.ar-feature-card--zoom-out {
    cursor: zoom-out
}

.ar-feature-card--video {
    box-sizing: border-box;
    width: 100%;
    display: block
}

.ar-feature-card--video--box {
    overflow: hidden;
    border-radius: var(--token-corner-radius-all-s);
    margin: var(--token-spacing-all-m)
}

.ar-feature-card--1 {
    max-width: 1008px
}

.ar-feature-card--2 {
    max-width: 488px
}

.ar-feature-card--4 {
    max-width: 228px
}

@keyframes lightboxFadeInBackground {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes lightboxContentFadeIn {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@media(max-width:767px) {

    .ar-feature-card--1,
    .ar-feature-card--2,
    .ar-feature-card--4 {
        max-width: 100%
    }
}

@media(max-width:480px) {
    .ar-feature-card--double-card {
        flex-wrap: wrap
    }

    .ar-feature-card--double-card>.ar-feature-card {
        max-width: 100%
    }
}

.ar-feature-card--lightbox--icon {
    position: absolute;
    top: 16px;
    right: 16px
}

.ar-category-card {
    border-radius: var(--token-spacing-all-base);
    text-decoration: none;
    cursor: default
}

.ar-category-card--dark {
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-category-card--dark .ar-category-card--a--inner-text {
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-category-card--dark:hover {
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide-dark)
}

.ar-category-card--light {
    background-color: var(--token-color-background-bg-1)
}

.ar-category-card--light .ar-category-card--a--inner-text {
    color: var(--token-color-foreground-fg-1)
}

.ar-category-card--light:hover {
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide)
}

.ar-category-card--clickable {
    cursor: pointer
}

.ar-category-card--width--3 {
    grid-column: span 3
}

.ar-category-card--width--4 {
    grid-column: span 4
}

.ar-category-card--width--6 {
    grid-column: span 6
}

.ar-category-card--width--8 {
    grid-column: span 8
}

.ar-category-card--width--12 {
    grid-column: span 12
}

.ar-category-card--a {
    border-radius: var(--token-spacing-all-base);
    position: relative;
    box-sizing: border-box;
    background-position: top;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    display: block;
    align-items: flex-start;
    min-width: 280px;
    width: 100%;
    max-width: 1216px
}

.ar-category-card--a:not(.ar-items-end) .ar-category-card--a--caption .ar-category-card--a--inner-text {
    padding: var(--token-spacing-all-xs) 0 var(--token-spacing-all-base) 0
}

.ar-category-card--a--label {
    color: var(--token-color-foreground-brand-fg)
}

.ar-category-card--a--dark .ar-category-card--a--inner-text {
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-category-card--a--light .ar-category-card--a--inner-text {
    color: var(--token-color-foreground-fg-1)
}

.ar-category-card--a--small {
    height: 280px
}

.ar-category-card--a--large {
    height: 470px
}

.ar-category-card--a--background-video {
    border-radius: var(--token-spacing-all-base);
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0
}

.ar-category-card--a--caption {
    z-index: 1;
    position: relative;
    padding: var(--token-spacing-all-m)
}

.ar-category-card--a--isBanner {
    height: 350px
}

.ar-category-card--a--isBanner h4 {
    font-size: 41.05px;
    font-weight: 800;
    line-height: 105%;
    letter-spacing: -.308px
}

.ar-category-card--a--isBanner h6 {
    font-size: 27.04px;
    line-height: 130%;
    letter-spacing: .135px
}

.ar-category-card--a--isBanner .ar-category-card--a--caption {
    padding: 0 var(--token-spacing-all-xxl)
}

.ar-category-card--a--isBanner .ar-category-card--a--inner-text {
    padding: var(--token-spacing-all-xs) 0 var(--token-spacing-all-m) 0
}

.ar-article-card {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    background-color: var(--token-color-background-bg-1-hover);
    border-radius: var(--token-corner-radius-all-base);
    transition: box-shadow .2s ease;
    overflow: hidden;
    grid-column: span 3;
    display: flex;
    flex-direction: column
}

.ar-article-card:hover {
    box-shadow: 0 0 var(--shadows-shadow-xl, 48px) 0 var(--color-shadow-shadow-wide, rgba(0, 0, 0, .1));
    -webkit-backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2));
    backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2))
}

.ar-article-card .ar-article-card--link {
    text-decoration: none;
    cursor: pointer
}

.ar-article-card .ar-flag--wrapper {
    margin-top: -29px
}

.ar-article-card .ar-article-card__header img {
    border-top-left-radius: var(--token-corner-radius-all-base);
    display: block;
    border-top-right-radius: var(--token-corner-radius-all-base)
}

.ar-article-card .ar-article-card__header video {
    aspect-ratio: 3/2
}

.ar-article-card .ar-article-card__header-placeholder {
    background-color: var(--token-color-background-bg-2);
    border-top-left-radius: var(--token-corner-radius-all-base);
    border-top-right-radius: var(--token-corner-radius-all-base)
}

.ar-article-card .ar-article-card__content {
    padding: var(--token-spacing-all-m)
}

.ar-article-card .ar-article-card__content--description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: -moz-fit-content;
    height: fit-content;
    text-overflow: ellipsis
}

.ar-top--specs {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-xs)
}

.ar-top--specs .ar-top--specs--entry {
    font-size: .8125rem;
    font-style: normal;
    line-height: 120%;
    letter-spacing: .455px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-xxs)
}

.ar-top--specs .ar-top--specs--entry .ar-top--spec--value,
.ar-top--specs .ar-top--specs--entry .ar-top--spec--value p {
    color: var(--token-color-foreground-fg-2)
}

.ar-input-wrapper {
    width: 100%
}

.ar-input--submit {
    font-size: 16px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    letter-spacing: .48px;
    width: 100%
}

.ar-input {
    border-radius: var(--token-corner-radius-all-m);
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    align-self: stretch;
    box-sizing: border-box;
    border: 1px solid transparent;
    min-height: 64px;
    caret-color: var(--token-color-foreground-brand-fg)
}

.ar-input--cancel,
.ar-input--show-password {
    color: var(--token-color-foreground-fg-2);
    cursor: pointer
}

.ar-input--disabled {
    color: var(--token-color-foreground-fg-2)
}

.ar-input--focus {
    color: red;
    border-color: var(--token-color-foreground-fg-2)
}

.ar-input--container {
    width: 100%
}

.ar-input--label {
    color: var(--token-color-foreground-fg-2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-input--input {
    border: none;
    background-color: transparent;
    color: var(--token-color-foreground-fg-1)
}

.ar-input--input:focus {
    outline: none
}

.ar-input--input::placeholder {
    color: var(--token-color-foreground-fg-2);
    font-size: 16px
}

.ar-input--input:-moz-read-only {
    color: var(--token-color-foreground-fg-disabled)
}

.ar-input--input:read-only {
    color: var(--token-color-foreground-fg-disabled)
}

.ar-input--icon {
    color: var(--token-color-foreground-fg-2)
}

.ar-input--icon:first-child {
    margin-right: var(--token-spacing-all-s)
}

.ar-input--icon:last-child {
    margin-left: var(--token-spacing-all-s)
}

.ar-input--divider {
    width: 2px;
    height: 30px;
    background-color: var(--token-color-stroke-sk-3)
}

.ar-input--error {
    border-color: var(--token-color-foreground-error-fg)
}

.ar-input--success {
    border-color: var(--token-color-foreground-success-fg)
}

.ar-input--message {
    color: var(--token-color-foreground-fg-2);
    margin: var(--token-spacing-all-xss) var(--token-spacing-all-base)
}

.ar-input--message--error {
    color: var(--token-color-foreground-error-fg)
}

.ar-input--message--success {
    color: var(--token-color-foreground-success-fg)
}

.ar-input--select.ar-input--select-minified {
    padding: 0;
    border: none;
    background-color: transparent;
    text-align: right;
    cursor: pointer;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-input--select.ar-input--select-minified:focus {
    outline: none
}

.ar-input--select.ar-input--select-minified::placeholder {
    font-size: 16px
}

.ar-sub-nav--wrapper {
    padding: 0 var(--token-spacing-all-l)
}

.ar-sub-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1216px;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.ar-sub-nav--items {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(10, minmax(max-content, auto));
    overflow-x: auto;
    scrollbar-width: none;
    align-items: top;
    scroll-behavior: smooth;
    grid-gap: var(--token-spacing-all-xxs);
    gap: var(--token-spacing-all-xxs)
}

.ar-sub-nav--arrow {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ar-sub-nav--arrow-r {
    border-left: 1px solid var(--token-color-stroke-sk-3);
    position: absolute;
    right: -24px;
    top: 0;
    bottom: 0
}

.ar-sub-nav--arrow-l {
    border-right: 1px solid var(--token-color-stroke-sk-3);
    position: absolute;
    left: -24px;
    top: 0;
    bottom: 0
}

.ar-sub-nav--scrollable--end .ar-sub-nav--arrow-r,
.ar-sub-nav--scrollable--start .ar-sub-nav--arrow-l {
    display: none
}

.ar-sub-nav-item {
    box-sizing: border-box;
    height: 100%;
    border-radius: var(--token-corner-radius-all-base);
    cursor: pointer;
    color: var(--token-color-foreground-fg-1);
    text-decoration: none;
    transition: background-color .2s ease;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: var(--token-spacing-all-base);
    flex: 1 1
}

.ar-sub-nav-item--icon {
    transition: color .2s ease
}

.ar-sub-nav-item--title {
    margin-top: var(--token-spacing-all-xxs);
    margin-bottom: var(--token-spacing-all-xs);
    text-align: center;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-sub-nav-item--flag {
    background-color: var(--token-color-foreground-brand-fg);
    border-radius: 2px;
    padding: 4px 6px;
    color: var(--token-color-foreground-inverse-fg-1);
    font-size: 8px;
    line-height: 100%;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase
}

.ar-sub-nav-item--active {
    background-color: var(--token-color-background-bg-2)
}

.ar-sub-nav-item:hover {
    background-color: var(--token-color-background-bg-2-hover)
}

.ar-sub-nav-item:hover .ar-sub-nav-item--title {
    color: var(--token-color-foreground-fg-1-hover)
}

.ar-sub-nav-item:hover .ar-sub-nav-item--flag {
    box-shadow: 0 0 12px 0 rgba(105, 195, 80, .5)
}

.ar-nav--main-content {
    position: relative
}

@media(min-width:992px) {
    .ar-search {
        position: relative
    }
}

.ar-search {
    box-sizing: border-box;
    justify-content: center;
    height: 48px;
    background-color: var(--token-color-background-bg-2);
    border-radius: var(--token-corner-radius-all-base);
    flex: 1 1
}

.ar-search--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ar-search--bar {
    padding: 0 var(--token-spacing-all-s);
    display: flex;
    align-items: center
}

.ar-search--icon:before {
    color: var(--token-color-foreground-fg-2) !important;
    font-size: 24px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.ar-search .ar-search--input {
    flex: 1 1;
    border: none;
    outline: none;
    background-color: transparent;
    caret-color: var(--token-color-foreground-brand-fg);
    padding-left: var(--token-spacing-all-xs);
    color: var(--token-color-foreground-fg-1)
}

.ar-search .ar-search--input::placeholder {
    color: var(--token-color-foreground-fg-3)
}

.ar-search--loading,
.ar-search--no-results {
    padding: var(--token-spacing-all-l) 0;
    display: flex;
    align-items: center;
    color: var(--token-color-foreground-fg-2)
}

.ar-search--wrapper {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-s)
}

.ar-search--active {
    border-radius: var(--token-corner-radius-all-base) var(--token-corner-radius-all-base) 0 0;
    background-color: #fff
}

.ar-search--active-minimal {
    background-color: var(--token-color-background-bg-2);
    border: 1.5px solid var(--token-color-stroke-sk-3)
}

.ar-search--active-full {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 0 var(--shadows-shadow-xl, 48px) 0 var(--color-shadow-shadow-wide, rgba(0, 0, 0, .1))
}

.ar-search--active .ar-search--results {
    display: block
}

.ar-search--results {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: var(--token-color-background-bg-on-app-canvas);
    border-radius: var(--token-corner-radius-all-base);
    background-color: #fff;
    padding: 0;
    z-index: 990;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide);
    display: none;
    padding: 48px var(--token-spacing-all-s) 0 var(--token-spacing-all-s);
    margin-top: -48px;
    z-index: -1
}

.ar-search--results-minimal {
    top: 100px;
    z-index: 1;
    border-radius: var(--token-corner-radius-all-m);
    box-sizing: border-box;
    padding: var(--token-spacing-all-xs)
}

.ar-search--results--focused {
    background-color: var(--token-color-background-bg-2)
}

.ar-search--results--scrollable-content {
    overflow-y: auto;
    height: 100%;
    max-height: calc(100vh - 72px)
}

@media screen and (max-width:1775px) {
    .ar-search--results--scrollable-content {
        max-height: calc(100vh - 96px)
    }
}

.ar-search--results--scrollable-content--footer {
    padding: var(--token-spacing-all-s)
}

.ar-search--results--scrollable-content--footer a {
    cursor: pointer
}

@media(max-width:767px) {
    .ar-search--results-minimal {
        width: 100%;
        position: absolute;
        left: 0
    }

    .ar-search--results .ar-amount-btn,
    .ar-search--results .ar-shipping-info {
        display: none
    }

    .ar-search--results .ar-search-item--main-info {
        flex-direction: row-reverse
    }
}

.ar-search-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
    cursor: pointer;
    gap: var(--token-spacing-all-base)
}

.ar-search-item:hover {
    background-color: var(--token-color-background-bg-2-hover);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-search-item--left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--token-spacing-all-base)
}

.ar-search-item--main-info {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-xxs)
}

.ar-search-item--title {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-s)
}

.ar-filter--container {
    position: relative
}

.ar-filter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: var(--token-spacing-all-m) 0;
    overflow-x: auto;
    padding-bottom: var(--token-spacing-all-xxs)
}

.ar-filter--popup {
    position: absolute;
    right: 0;
    top: 44px;
    background-color: #fff;
    border-radius: var(--token-corner-radius-all-m);
    box-shadow: 0 0 var(--shadows-shadow-xl, 48px) 0 var(--color-shadow-shadow-wide, rgba(0, 0, 0, .1));
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med, 64px) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med, 64px) / 2));
    padding: var(--token-spacing-all-xs);
    z-index: 4;
    width: 100%;
    max-width: 200px
}

.ar-filter--popup p {
    cursor: pointer;
    padding: var(--token-spacing-all-s);
    border-radius: var(--token-corner-radius-all-base);
    font-size: 14px;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.ar-filter--popup p:hover,
.ar-filter--popup__selected {
    background-color: var(--token-color-background-bg-2)
}

@media(max-width:767px) {
    .ar-filter {
        gap: var(--token-spacing-all-s);
        height: max-content
    }
}

@media(max-width:992px) {
    .ar-filter--inner {
        flex-wrap: nowrap !important
    }
}

.ar-amount-btn {
    box-sizing: border-box;
    text-decoration: none;
    border-radius: var(--token-corner-radius-all-base);
    background-color: var(--token-color-background-bg-2);
    color: var(--token-color-foreground-fg-1);
    padding: var(--token-spacing-all-xxs)
}

.ar-amount-btn--disabled {
    background-color: var(--token-color-background-disabled);
    color: var(--token-color-foreground-fg-disabled);
    cursor: not-allowed
}

.ar-amount-btn--action {
    padding: var(--token-spacing-all-s);
    cursor: pointer;
    display: flex;
    align-items: center
}

.ar-amount-btn--small .ar-amount-btn--action {
    padding: var(--token-spacing-all-xs)
}

.ar-amount-btn input[type=number i] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    color: var(--token-color-foreground-fg-1)
}

.ar-amount-btn input[type=number]::-webkit-inner-spin-button,
.ar-amount-btn input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.ar-amount-btn--input {
    border: none;
    background-color: transparent;
    text-align: center
}

.ar-amount-btn--input:focus {
    outline: none
}

.ar-ic-btn {
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--token-corner-radius-all-base);
    border: 1.5px solid transparent;
    transition: background-color .2s ease, color .2s ease;
    text-decoration: none;
    box-sizing: border-box
}

.ar-ic-btn-size--small {
    padding: calc(8px - 1.5px)
}

.ar-ic-btn-size--medium {
    padding: calc(12px - 1.5px)
}

.ar-ic-btn-size--large {
    padding: calc(16px - 1.5px)
}

.ar-ic-btn-size--xlarge {
    padding: calc(20px - 1.5px);
    border-radius: var(--token-corner-radius-all-m)
}

.ar-ic-btn-style--neutral-enabled {
    background-color: var(--token-color-background-bg-2);
    color: var(--token-color-foreground-fg-1)
}

.ar-ic-btn-style--neutral-enabled:hover {
    background-color: var(--token-color-background-bg-2-hover);
    color: var(--token-color-foreground-fg-1-hover)
}

.ar-ic-btn-style--neutral-disabled {
    background-color: var(--token-color-background-bg-disabled);
    color: var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn-style--accent-enabled {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-ic-btn-style--accent-enabled:hover {
    background-color: var(--token-color-background-brand-bg-hover)
}

.ar-ic-btn-style--accent-disabled {
    background-color: var(--token-color-background-bg-disabled);
    color: var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn-style--accentBrand-enabled {
    background-color: var(--token-color-background-brand-bg);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-ic-btn-style--accentBrand-enabled:hover {
    background-color: var(--token-color-foreground-brand-fg-hover);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-ic-btn-style--accentBrand-disabled {
    background-color: var(--token-color-background-bg-disabled);
    color: var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn-style--destructive-enabled {
    background-color: var(--token-color-background-error-bg);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-ic-btn-style--destructive-enabled:hover {
    background-color: var(--token-color-background-error-bg-hover);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-ic-btn-style--destructive-disabled {
    background-color: var(--token-color-background-bg-disabled);
    color: var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn-style--outline-enabled {
    background-color: transparent;
    color: var(--token-color-foreground-fg-1);
    border: 1.5px solid var(--token-color-foreground-fg-1)
}

.ar-ic-btn-style--outline-enabled:hover {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-ic-btn-style--outline-disabled {
    background-color: transparent;
    color: var(--token-color-foreground-fg-disabled);
    border: 1.5px solid var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn-style--ghost {
    background-color: transparent
}

.ar-ic-btn-style--ghost-enabled,
.ar-ic-btn-style--ghost-enabled:hover {
    color: var(--token-color-foreground-fg-1)
}

.ar-ic-btn-style--ghost-enabled:hover {
    background-color: var(--token-color-background-bg-2-hover)
}

.ar-ic-btn-style--ghost-enabled:active {
    color: var(--token-color-foreground-fg-2)
}

.ar-ic-btn-style--ghost-disabled {
    color: var(--token-color-foreground-fg-disabled);
    pointer-events: none
}

.ar-ic-btn:focus-visible {
    outline: 3px solid var(--token-color-foreground-fg-1);
    outline-offset: 3px
}

.ar-ic-tv-btn {
    outline-offset: 3px
}

.ar-ic-tv-btn:focus {
    outline: none
}

.ar-ic-tv-btn:hover.ar-ic-btn-style--neutral-enabled {
    outline: 3px solid var(--token-color-foreground-fg-1)
}

.ar-ic-tv-btn:hover.ar-ic-btn-style--accent-enabled {
    outline: 3px solid var(--token-color-background-brand-bg-hover)
}

.ar-ic-tv-btn:hover.ar-ic-btn-style--outline-enabled {
    outline: 3px solid var(--token-color-background-inverse-bg-1)
}

.ar-ic-tv-btn:hover.ar-ic-btn-style--ghost-enabled {
    outline: 3px solid var(--token-color-foreground-fg-2)
}

.ar-btn-ic-top {
    color: var(--token-color-foreground-fg-1);
    display: inline-flex;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: background-color .2s ease, color .2s ease;
    border-radius: var(--token-corner-radius-all-m);
    min-width: 180px;
    padding: var(--token-spacing-all-s) var(--token-spacing-all-l);
    outline-offset: 3px;
    background: var(--token-color-background-bg-2);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2))
}

.ar-btn-ic-top:active,
.ar-btn-ic-top:hover {
    background: var(--token-color-background-bg-2-hover)
}

.ar-btn-ic-top:focus-visible {
    outline: 3px solid var(--token-color-background-inverse-bg-1)
}

.ar-btn-ic-top--disabled {
    background-color: var(--token-color-background-bg-disabled);
    pointer-events: none
}

.ar-btn-ic-top--disabled,
.ar-btn-ic-top--disabled i[class*=ar-icon] {
    color: var(--token-color-foreground-fg-disabled)
}

.ar-btn-ic-top-style--neutral i {
    color: var(--token-color-foreground-fg-1)
}

.ar-btn-ic-top-style--accent i {
    color: var(--token-color-foreground-brand-fg)
}

.ar-btn-ic-top-style--warning i {
    color: var(--token-color-foreground-warning-fg)
}

.ar-btn-ic-top-style--destructive i {
    color: var(--token-color-foreground-error-fg)
}

.ar-tv-btn {
    outline-offset: 3px
}

.ar-tv-btn:focus {
    outline: none
}

.ar-tv-btn:hover.ar-btn-style--neutral {
    outline: 3px solid var(--token-color-foreground-fg-1)
}

.ar-tv-btn:hover.ar-btn-style--accent {
    outline: 3px solid var(--token-color-background-brand-bg-hover)
}

.ar-tv-btn:hover.ar-btn-style--destructive {
    outline: 3px solid var(--token-color-background-error-bg-hover)
}

.ar-tv-btn:hover.ar-btn-style--outline {
    outline: 3px solid var(--token-color-background-inverse-bg-1)
}

.ar-tv-btn:hover.ar-btn-style--ghost {
    outline: 3px solid var(--token-color-foreground-fg-2)
}

.ar-radio-btn {
    gap: 16px;
    padding-left: var(--token-spacing-all-base);
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-m);
    cursor: pointer
}

.ar-radio-btn label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: var(--token-spacing-all-base) 0
}

.ar-radio-btn input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    background-color: var(--token-color-background-inverse-fg-1);
    font: inherit;
    width: 24px;
    height: 24px;
    border: .15em solid var(--token-color-stroke-sk-2);
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    place-items: center
}

.ar-radio-btn input[type=radio]:checked {
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-radio-btn input[type=radio]:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    background-color: var(--token-color-foreground-inverse-fg-1)
}

.ar-radio-btn input[type=radio]:checked:before {
    transform: scale(1)
}

.ar-shipping-info {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-xs);
    padding: var(--token-spacing-all-xs) 0;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-shipping-info--status {
    border-radius: var(--token-corner-radius-all-base);
    padding: 6px;
    display: inline-block
}

.ar-shipping-info--status--in-stock {
    background-color: var(--token-color-foreground-brand-fg)
}

.ar-shipping-info--status--low-stock {
    background-color: var(--token-color-foreground-brand-fg-hover)
}

.ar-shipping-info--status--out-of-stock {
    background-color: #feda01
}

.ar-shipping-info--status--not-in-stock {
    background-color: var(--token-color-foreground-warning-fg)
}

.ar-shipping-info--info {
    color: var(--token-color-foreground-fg-2)
}

.ar-shipping-info--message {
    color: var(--token-color-foreground-fg-1)
}

.ar-color-picker--wrapper {
    flex-direction: column
}

.ar-color-picker,
.ar-color-picker--wrapper {
    display: flex;
    gap: var(--token-spacing-all-xs)
}

.ar-color-picker {
    flex-wrap: wrap;
    align-items: center;
    width: max-content;
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-m);
    border-radius: var(--token-corner-radius-all-xl);
    background-color: var(--token-color-background-bg-2);
    color: var(--token-color-foreground-fg-1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-color-picker--selected {
    background-color: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-color-picker--color {
    width: 16px;
    height: 16px;
    border-radius: var(--token-corner-radius-all-base)
}

.ar-article-description {
    box-sizing: border-box;
    border: 1.5px solid var(--token-color-foreground-brand-fg);
    border-radius: var(--token-corner-radius-all-m);
    padding: var(--token-spacing-all-l);
    width: 440px
}

.ar-article-description .ar-article--description--sku {
    color: var(--token-color-foreground-fg-2)
}

.ar-article-description .ar-article--description--sku,
.ar-article-description p {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-article-description p {
    color: var(--token-color-foreground-fg-1)
}

.ar-article-description--content a {
    color: var(--token-color-foreground-brand-fg)
}

.ar-article-description ul {
    padding-top: 0;
    padding-left: var(--token-spacing-all-base);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-article-description ul li {
    list-style: circle
}

.ar-article-description ul:last-child {
    margin-bottom: 0
}

.ar-article-description .ar-article-description--divider {
    height: 1.5px;
    width: 100%;
    background-color: var(--token-color-stroke-sk-3);
    margin: var(--token-spacing-all-m) 0
}

.ar-article-description--shipping {
    width: max-content
}

.ar-gallery {
    width: 520px;
    height: 700px
}

.ar-gallery .ar-gallery--button-prev {
    margin-left: -23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-gallery .ar-gallery--button-next {
    margin-right: -23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-gallery .ar-gallery--main {
    position: relative;
    background-color: #fff;
    border-radius: var(--token-corner-radius-all-m);
    overflow: hidden
}

.ar-gallery .ar-gallery--main .ar-gallery--badges {
    position: absolute;
    right: 16px;
    bottom: 16px
}

.ar-gallery .ar-gallery--main .ar-gallery--main-image {
    width: 100%;
    aspect-ratio: 3/2;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-gallery .ar-gallery--thumbnails {
    max-width: 422px;
    width: 100%;
    padding-bottom: var(--token-spacing-all-s);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    display: flex;
    gap: var(--token-spacing-all-base);


}



.ar-gallery .ar-gallery--thumbnails video {
    display: block
}

.ar-gallery .ar-gallery--thumbnails::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0
}

.ar-gallery .ar-gallery--thumbnail {
    min-width: calc((100% - var(--token-spacing-all-base)*2)/3);
    border-radius: var(--token-corner-radius-all-m);
    border: 1.5px solid transparent;
    background-color: var(--token-color-background-bg-1);
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    
}

.ar-gallery .ar-gallery--thumbnail img {
    width: 100%;
    height: 100%
}

.ar-gallery .ar-gallery--thumbnail--active {
    border: 1.5px solid var(--token-color-foreground-brand-fg)
}

.ar-gallery .ar-galery--slider {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--token-spacing-all-base);
    margin: var(--token-spacing-all-base) auto 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(max-width:1200px) {
    .ar-article-description {
        width: 100%
    }

    .ar-gallery {
        display: none;
        width: 100%;
        height: max-content
    }

    .ar-gallery .ar-gallery--main-image {
        object-fit: cover;
        margin: 0 auto
    }
}

@media(max-width:480px) {
    .ar-gallery .ar-gallery--thumbnails .ar-gallery--thumbnail {
        min-width: calc((100% - var(--token-spacing-all-base)*1)/2)
    }
}

.ar-breadcrumb--active {
    color: var(--token-color-foreground-brand-fg)
}

.ar-breadcrumb--a {
    font-weight: 400;
    cursor: pointer
}

.ar-product-cards {
    margin: 0 auto;
    width: 1008px;
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-m)
}

.ar-product-cards table {
    border-collapse: collapse;
    width: 100%
}

.ar-product-cards table td,
.ar-product-cards table th {
    padding: var(--token-spacing-all-base)
}

.ar-product-cards table tr:not(:first-child) td {
    vertical-align: middle
}

.ar-product-cards table tr:hover td {
    background-color: var(--token-color-background-bg-2)
}

.ar-product-cards table tr:hover td:first-child {
    border-top-left-radius: var(--token-corner-radius-all-base);
    border-bottom-left-radius: var(--token-corner-radius-all-base)
}

.ar-product-cards table tr:hover td:last-child {
    border-top-right-radius: var(--token-corner-radius-all-base);
    border-bottom-right-radius: var(--token-corner-radius-all-base)
}

.ar-product-cards .ar-product-cards--area-bottom a {
    color: var(--token-color-foreground-brand-fg);
    text-decoration: underline !important;
    cursor: pointer
}

.ar-product-cards .ar-product-cards--area-bottom a:hover {
    text-decoration: none !important;
    color: var(--token-color-foreground-brand-fg-hover)
}

.ar-product-cards--area-bottom {
    width: 100%;
    overflow-x: auto
}

@media(max-width:1200px) {
    .ar-product-cards {
        width: 90%
    }
}

@media(max-width:767px) {
    .ar-product-cards {
        width: 100%
    }
}

.ar-product-cards--columns {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--token-spacing-all-m);
    align-items: flex-start
}

@media(max-width:767px) {
    .ar-product-cards--columns {
        flex-direction: column
    }
}

.ar-product-cards--columns--column {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--token-spacing-all-m)
}

@media(max-width:767px) {
    .ar-product-cards--columns--column {
        width: 100%;
        display: contents
    }
}

.ar-product-cards--columns--column .ar-product-cards--columns--card img {
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

@media(max-width:767px) {
    .ar-product-cards--columns--column .ar-product-cards--columns--card:nth-child(2n-1) {
        order: 1
    }

    .ar-product-cards--columns--column .ar-product-cards--columns--card:nth-child(2n) {
        order: 2
    }
}

.ar-specifications {
    margin: 0 auto;
    max-width: 1000px
}

.ar-specifications img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ar-specifications--divider {
    height: 1px;
    background-color: var(--token-color-foreground-fg-1);
    width: 100%
}

.ar-specifications .ar-specification--headline {
    color: var(--token-color-foreground-fg-1);
    font-size: 27.04px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .135px;
    margin-bottom: var(--token-spacing-all-l)
}

.ar-specifications .ar-specification--category {
    border-top: 1px solid var(--color-stroke-sk-2, rgba(29, 35, 42, .4));
    padding: var(--token-spacing-all-m) 0
}

.ar-specifications .ar-specification--category:last-child {
    border-bottom: 1px solid var(--color-stroke-sk-2, rgba(29, 35, 42, .4))
}

.ar-specifications .ar-specification--category header {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: .72px;
    padding: var(--token-spacing-all-base) var(--token-spacing-all-s)
}

.ar-specifications .ar-specification--category .ar-specification--entry {
    padding: var(--token-spacing-all-base) var(--token-spacing-all-s);
    display: flex;
    gap: var(--token-spacing-all-base);
    border-radius: var(--token-corner-radius-all-base);
    cursor: default
}

.ar-specifications .ar-specification--category .ar-specification--entry:hover {
    background: var(--token-color-background-bg-2)
}

.ar-specifications .ar-specification--category .ar-specification--entry dd,
.ar-specifications .ar-specification--category .ar-specification--entry dt {
    flex: 1 1;
    color: var(--token-color-foreground-fg-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

.ar-specifications .ar-specification--category .ar-specification--entry dd {
    color: var(--token-color-foreground-fg-2)
}

.ar-specifications .ar-sepcifictaions--downloads {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--token-spacing-all-m);
    flex-wrap: wrap;
    margin-top: var(--token-spacing-all-l);
    margin-bottom: var(--token-spacing-all-l)
}

.ar-inthebox {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1008px;
    margin: 0 auto
}

.ar-inthebox--entry p,
.ar-inthebox--entry strong {
    min-width: 50px
}

.ar-inthebox .ar-itb--list {
    margin: var(--token-spacing-all-xxl) 0;
    padding: var(--token-spacing-all-l) var(--token-spacing-all-xxl);
    box-sizing: border-box;
    border-top: 1px solid var(--token-color-foreground-fg-1);
    border-bottom: 1px solid var(--token-color-foreground-fg-1);
    width: 100%
}

@media(max-width:992px) {
    .ar-inthebox .ar-itb--list {
        padding: var(--token-spacing-all-l) var(--token-spacing-all-l)
    }
}

@media(max-width:767px) {
    .ar-specifications {
        margin: 0 auto;
        max-width: 90%
    }

    .ar-specifications .ar-specification--category div {
        flex-direction: column
    }

    .ar-inthebox .ar-itb--list {
        padding: var(--token-spacing-all-base) var(--token-spacing-all-base)
    }
}

.ar-flag {
    background: red;
    padding: 5px var(--token-spacing-all-xs);
    display: inline-block;
    color: var(--token-color-foreground-inverse-fg-1);
    border-radius: var(--token-corner-radius-all-s);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: .5px;
    text-transform: uppercase
}

.ar-flag--green,
.ar-flag--new,
.ar-flag--updated {
    background: var(--token-color-foreground-brand-fg)
}

.ar-flag--green:hover,
.ar-flag--new:hover,
.ar-flag--updated:hover {
    box-shadow: 0 0 12px 0 rgba(105, 195, 80, .5)
}

.ar-flag--sale {
    background: #d51a29
}

.ar-flag--sale:hover {
    box-shadow: 0 0 12px 0 rgba(249, 77, 95, .5)
}

.ar-select--container {
    position: relative;
    box-sizing: border-box;
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-s);
    width: 100%;
    align-self: stretch;
    max-height: 64px;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--token-spacing-all-xs)
}

.ar-select--container-transparent {
    background-color: transparent
}

.ar-select--container-filled {
    background-color: var(--token-color-background-bg-1);
    padding-left: var(--token-spacing-all-base)
}

.ar-select--icon {
    color: var(--token-color-foreground-fg-2)
}

.ar-select--label {
    font-size: .875rem;
    letter-spacing: .42px;
    color: var(--token-color-foreground-fg-2)
}

.ar-select,
.ar-select--label {
    font-style: normal;
    font-weight: 400;
    line-height: 135%
}

.ar-select {
    cursor: pointer;
    border: none;
    width: 100%;
    background-color: transparent;
    font-size: 1rem;
    letter-spacing: .48px;
    color: var(--token-color-foreground-fg-1)
}

.ar-select--search-input:focus-visible {
    outline: none
}

.ar-select--current-value {
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    color: var(--token-color-foreground-fg-1)
}

.ar-select:focus {
    outline: none
}

.ar-select--dropdown {
    position: absolute;
    width: max-content;
    background-color: var(--token-color-background-bg-1);
    -webkit-backdrop-filter: blur(var(--token-blur-med));
    backdrop-filter: blur(var(--token-blur-med));
    border: 1px solid var(--token-color-stroke-sk-3);
    border-radius: var(--token-corner-radius-all-m);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    margin-top: var(--token-spacing-all-xs);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.ar-select--dropdown-top {
    left: 0;
    right: 0;
    bottom: 100%
}

.ar-select--dropdown-bottom {
    top: 100%;
    left: 0;
    right: 0;
    width: 100%
}

.ar-select--dropdown-search {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    background: var(--token-color-background-bg-on-app-canvas);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2))
}

.ar-select--dropdown-search,
.ar-select--option {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base)
}

.ar-select--option {
    cursor: pointer
}

.ar-select--option:hover {
    background-color: var(--token-color-background-bg-2)
}

.ar-checkbox {
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ar-checkbox input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    height: 0;
    width: 0
}

.ar-checkbox svg {
    flex: none
}

.ar-checkbox i {
    color: var(--token-color-stroke-sk-2) !important
}

.ar-checkbox--checkmark {
    font-size: 24px
}

.ar-pill {
    cursor: pointer;
    border-radius: var(--token-corner-radius-all-max);
    white-space: nowrap;
    background-color: var(--token-color-background-bg-2);
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-m);
    width: max-content;
    height: 20px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-pill:hover {
    background-color: var(--token-color-background-bg-2-hover)
}

.ar-pill:active {
    background-color: var(--token-color-background-bg-disabled);
    color: var(--token-color-foreground-fg-disabled)
}

.ar-pill--selected,
.ar-pill--selected:hover {
    background-color: var(--token-color-background-inverse-bg-1)
}

.ar-pill--selected p {
    color: var(--token-color-foreground-inverse-fg-1);
    font-weight: 700
}

.ar-quickorder-item {
    box-sizing: border-box;
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-xs);
    gap: var(--token-spacing-all-s)
}

.ar-quickorder-item--search {
    flex: 1 1
}

.ar-quickorder-item--amount {
    width: 116px
}

.ar-quickorder-item--amount .ar-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ar-quickorder-item--amount input {
    text-align: center;
    box-sizing: border-box;
    height: 48px;
    justify-content: center;
    background-color: var(--token-color-background-bg-2);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-quickorder-item--index {
    width: 33px;
    text-align: center
}

.ar-quickorder-item--desc {
    width: 361px
}

.ar-quickorder-item--price-1,
.ar-quickorder-item--price-2 {
    width: 80px;
    text-align: center
}

.ar-quickorder-item--disabled {
    cursor: not-allowed;
    visibility: hidden
}

.ar-quickorder--titles {
    color: var(--token-color-foreground-fg-2);
    gap: var(--token-spacing-all-s)
}

.ar-quickorder--titles .ar-quickorder--title:first-child {
    width: 40px
}

.ar-quickorder--titles .ar-quickorder--title:nth-child(2) {
    flex: 1 1;
    max-width: 523px
}

.ar-quickorder--titles .ar-quickorder--title:nth-child(3) {
    width: 116px;
    text-align: center
}

.ar-quickorder--titles .ar-quickorder--title:nth-child(4) {
    width: 361px
}

.ar-quickorder--titles .ar-quickorder--title:nth-child(5) {
    width: 80px;
    text-align: center
}

.ar-quickorder--titles .ar-quickorder--title:last-child {
    width: 48px
}

@media(max-width:767px) {
    .ar-flex.ar-quickorder--titles {
        display: none
    }

    .ar-quickorder-item {
        position: relative
    }

    .ar-quickorder-item--index {
        order: 1
    }

    .ar-quickorder-item--search {
        width: 66%;
        order: 2
    }

    .ar-quickorder-item--desc {
        width: 100%;
        text-align: center;
        order: 4
    }

    .ar-quickorder-item--close {
        order: 3
    }

    .ar-quickorder-item--price-1 {
        width: 20%;
        order: 5
    }

    .ar-quickorder-item--button {
        order: 6
    }

    .ar-quickorder-item--price-2 {
        width: 20%;
        order: 7
    }
}

.ar-cart-titles {
    justify-content: space-between
}

.ar-cart-titles .ar-cart-title {
    text-align: center;
    color: var(--token-color-foreground-fg-2)
}

.ar-cart-titles .ar-cart-title:first-child {
    text-align: left;
    min-width: 560px
}

.ar-cart-titles .ar-cart-title:last-child {
    flex: 0 1
}

.ar-cart--buttons {
    display: flex;
    flex-wrap: wrap
}

.ar-cart-prices {
    min-width: 400px
}

@media screen and (max-width:992px) {
    .ar-flex .ar-cart-titles {
        display: none
    }
}

@media(max-width:767px) {
    .ar-cart-prices {
        min-width: 100%
    }

    .ar-cart--buttons .ar-btn span {
        display: none
    }
}

.ar-cart-item {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--token-color-background-bg-1-hover);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-cart-item--special {
    background-color: var(--token-color-background-bg-2) !important
}

.ar-cart-item--special:not(.ar-cart-item--summary) {
    padding: var(--token-spacing-all-s) 0
}

.ar-cart-item--discounted .ar-cart-item--discount {
    color: var(--token-color-foreground-brand-fg)
}

.ar-cart-item.ar-cart-item--summary .ar-cart-item--header {
    cursor: default;
    grid-gap: var(--token-spacing-all-base)
}

.ar-cart-item--header {
    box-sizing: border-box;
    padding: var(--token-spacing-all-base);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--token-spacing-all-s)
}

.ar-cart-item--header--title {
    text-decoration: none;
    color: var(--token-color-foreground-fg-1)
}

.ar-cart-item--header--child:first-child {
    width: 100px
}

.ar-cart-item--header--child:nth-child(2) {
    width: 400px
}

.ar-cart-item--header--child:nth-child(3) {
    width: 60px
}

.ar-cart-item--header--child:nth-child(4) {
    width: 50px
}

.ar-cart-item--header--child:nth-child(5) {
    width: 116px
}

.ar-cart-item--header--child:nth-child(6) {
    width: 78px
}

.ar-cart-item--header--child:nth-child(7) {
    width: 48px
}

.ar-cart-item--header--sku {
    overflow: hidden;
    color: var(--color-foreground-fg-2, rgba(29, 35, 42, .6));
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-cart-item--footer {
    border-top: 1px solid var(--token-color-stroke-sk-3);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-s) var(--token-spacing-all-base) var(--token-spacing-all-s);
    gap: var(--token-spacing-all-xxl)
}

.ar-cart-item--footer--icon {
    width: 108px
}

.ar-cart-item--footer .ar-cart--item--details--voucher {
    display: flex;
    align-items: center;
    color: var(--token-color-foreground-brand-fg);
    gap: var(--token-spacing-all-xs);
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-cart-item .ar-cart-item--details--image {
    display: flex;
    align-items: center;
    justify-content: center
}

.ar-cart-item .ar-cart-item--details--meta {
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ar-cart-item--price--unit {
    text-align: right
}

.ar-cart-item--price--old {
    text-decoration: line-through;
    color: var(--token-color-foreground-fg-3);
    font-size: 13px;
    text-align: right
}

.ar-cart-item--discount {
    display: flex;
    justify-content: flex-end
}

.ar-cart-item--qty {
    text-align: center
}

.ar-cart-item--total {
    text-align: right;
    font-weight: 700
}

.ar-cart-item--summary .ar-cart-item--header--child:first-child,
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(2),
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(3),
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(4) {
    width: -moz-fit-content;
    width: fit-content;
    display: block
}

@media(max-width:767px) {
    .ar-cart-item--details--meta {
        white-space: normal !important
    }

    .ar-cart-item--header {
        flex-wrap: nowrap;
        position: relative;
        justify-content: space-between;
        gap: var(--token-spacing-all-xs)
    }

    .ar-cart-item--header--child:first-child {
        width: 25%;
        order: 1;
        display: none
    }

    .ar-cart-item--header--child:nth-child(2) {
        width: 100%;
        order: 2
    }

    .ar-cart-item--header--child:nth-child(3) {
        width: -moz-fit-content;
        width: fit-content;
        order: 3;
        display: none
    }

    .ar-cart-item--header--child:nth-child(4) {
        width: -moz-fit-content;
        width: fit-content;
        order: 4;
        display: none
    }

    .ar-cart-item--header--child:nth-child(5) {
        width: -moz-fit-content;
        width: fit-content;
        order: 6
    }

    .ar-cart-item--header--child:nth-child(6) {
        width: 100%;
        order: 5
    }

    .ar-cart-item--header--child:nth-child(7) {
        width: 10%;
        order: 7
    }

    .ar-cart-item--header .ar-amount-btn--action,
    .ar-cart-item--header--child .ar-search-item--shipping-state {
        display: none
    }

    .ar-cart-item--header .ar-amount-btn--input {
        width: 32px !important;
        height: 32px
    }

    .ar-cart-item--footer {
        gap: var(--token-spacing-all-s)
    }

    .ar-cart-item--special .ar-cart-item--header {
        flex-wrap: nowrap !important
    }
}

.ar-sticky-bar {
    width: 100vw;
    min-height: 56px;
    box-sizing: border-box;
    padding: var(--token-spacing-all-m) var(--token-spacing-all-l);
    background-color: var(--token-color-background-bg-1);
    opacity: 1;
    box-shadow: 0 0 var(--shadows-shadow-xl, 48px) 0 rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    z-index: 49
}

.ar-sticky-bar--message {
    position: fixed;
    top: 100vh;
    transform: translateY(-100%);
    left: 0
}

.ar-sticky-bar--visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.ar-sticky-bar--hidden {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

.ar-sticky-bar--product {
    position: fixed;
    top: 96px;
    bottom: auto
}

.ar-sticky-bar--product-container {
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--token-spacing-all-l);
    flex-wrap: wrap
}

.ar-sticky-bar--product-container:first-child {
    flex: 1 1
}

.ar-sticky-bar--ext-product-btn--desktop {
    display: block
}

.ar-sticky-bar--ext-product-btn--mobile {
    display: none
}

@media screen and (max-width:992px) {
    .ar-sticky-bar {
        width: 100%
    }

    .ar-sticky-bar--product {
        bottom: 0;
        top: auto;
        padding: var(--token-spacing-all-base) var(--token-spacing-all-m)
    }

    .ar-sticky-bar--product-container {
        justify-content: center;
        max-width: 100%;
        gap: var(--token-spacing-all-s)
    }
}

@media screen and (max-width:767px) {
    .ar-sticky-bar--product {
        top: auto;
        bottom: 0
    }

    .ar-sticky-bar--product .ar-shipping-info,
    .ar-sticky-bar--product .ar-sticky-bar--ext-product-btn--desktop,
    .ar-sticky-bar--product .ar-sticky-bar--price {
        display: none
    }

    .ar-sticky-bar--product .ar-sticky-bar--ext-product-btn--mobile {
        display: block
    }

    .ar-sticky-bar--product .ar-sticky-bar--product-container {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .ar-sticky-bar--product .ar-sticky-bar--product-container .ar-amount-btn,
    .ar-sticky-bar--product .ar-sticky-bar--product-container .ar-shipping-status--container {
        display: none
    }
}

.ar-popup {
    margin: var(--token-spacing-all-xs);
    display: flex;
    border-radius: var(--token-corner-radius-all-l);
    background-color: #fff;
    box-shadow: 0 4px 56px 0 rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    position: absolute
}

.ar-popup--menu {
    padding: var(--token-spacing-all-xs);
    z-index: 2;
    width: 264px;
    right: 0;
    top: 0
}

.ar-popup--menu-item {
    border-radius: var(--token-corner-radius-all-base);
    cursor: pointer
}

.ar-popup--menu-item:hover {
    background-color: var(--token-color-background-bg-2)
}

.ar-popup--menu-item a:visited {
    color: var(--token-color-foreground-fg-1);
    text-decoration: none
}

.ar-popup--alert,
.ar-popup--input {
    position: fixed;
    padding: var(--token-spacing-all-m);
    width: 300px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    gap: var(--token-spacing-all-s);
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%)
}

.ar-popup--alert h6,
.ar-popup--input h6 {
    font-size: 18px;
    font-weight: 800
}

.ar-popup--alert-input,
.ar-popup--input-input {
    border: 2px solid var(--token-color-stroke-sk-3);
    border-radius: var(--token-corner-radius-all-base);
    margin-bottom: var(--token-spacing-all-m)
}

.ar-popup--visible {
    opacity: 1;
    transition: opacity .3s
}

.ar-popup--hidden {
    display: none;
    opacity: 0;
    transition: opacity .3s
}

.ar-popup-account {
    max-width: 320px;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    width: 320px;
    right: 0;
    top: 85px;
    margin: 0 var(--token-spacing-all-base);
    padding: var(--token-spacing-all-m) 20px;
    border-radius: var(--token-corner-radius-all-base);
    background: var(--token-color-background-bg-on-app-canvas);
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    opacity: 1;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-s)
}

.ar-popup-account--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

.ar-popup-account--meta {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-s)
}

.ar-popup-account--user-icon {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: var(--token-color-background-bg-2);
    color: var(--token-color-foreground-fg-2);
    display: flex;
    align-items: center;
    justify-content: center
}

.ar-popup-account--info-company {
    font-weight: 700
}

.ar-popup-account--info-user {
    color: var(--token-color-foreground-fg-2)
}

.ar-popup-account hr {
    margin: 0;
    border-color: var(--token-color-stroke-sk-3)
}

.ar-saved-carts--item {
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-checkout--wrapper {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1280px;
    grid-gap: 32px;
    gap: 32px;
    grid-auto-rows: minmax(100px, auto);
    display: grid;
    margin: var(--token-spacing-all-m) auto;
    width: 100%
}

.ar-checkout--left {
    grid-column: span 6
}

.ar-checkout--right {
    grid-column: span 6;
    padding-top: 40px
}

.ar-checkout-editor--wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--token-spacing-all-m)
}

.ar-checkout-editor--wrapper .ar-input-wrapper {
    flex: 1 1
}

.ar-checkout-editor--wrapper .ar-flex--full {
    flex: none
}

.ar-checkout--pickup-wrapper {
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-base);
    border-radius: var(--token-corner-radius-all-base);
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-m);
    white-space: pre-line
}

.ar-checkout--pickup-wrapper .info-sub {
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px
}

.ar-checkout--reference-wrapper {
    display: flex;
    gap: var(--token-spacing-all-xs);
    align-items: center
}

.ar-checkout--reference-wrapper .ar-checkout--reference {
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-base);
    gap: var(--token-spacing-all-m);
    width: 100%
}

i.ar-color--success {
    color: var(--token-color-foreground-brand-fg)
}

i.ar-color--error {
    color: var(--token-color-foreground-error-fg)
}

i.ar-color--warning {
    color: var(--token-color-foreground-warning-fg)
}

.ar-checkout-step {
    padding: var(--token-spacing-all-m) 0 0 0;
    display: flex;
    flex-direction: column
}

.ar-checkout-step:first-child {
    padding-top: 0
}

.ar-checkout-step--active {
    color: var(--token-color-foreground-fg-1)
}

.ar-checkout-step--header {
    display: flex;
    justify-content: flex-start;
    gap: var(--token-spacing-all-xs);
    align-items: center;
    min-height: 40px
}

.ar-checkout-step--header-clickable {
    cursor: pointer
}

.ar-checkout-step--placeholder {
    padding: 20px;
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-base);
    align-items: flex-start;
    justify-content: space-between
}

.ar-checkout-step--content--addresses,
.ar-checkout-step--placeholder {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-m)
}

.ar-address,
.ar-checkout-step .no--address-selected,
.ar-checkout-step .no--payment-method-selected,
.ar-checkout-step--selected-method {
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-base)
}

.ar-address {
    display: flex;
    gap: var(--token-spacing-all-m);
    align-items: center;
    justify-content: space-between
}

.ar-address--editable {
    cursor: pointer
}

.ar-address--left {
    display: flex;
    gap: var(--token-spacing-all-m);
    align-items: center
}

.ar-address--settings {
    display: flex;
    flex-direction: column
}

.ar-account-item {
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base);
    padding: var(--token-spacing-all-base);
    display: flex;
    gap: var(--token-spacing-all-m);
    align-items: center;
    cursor: pointer;
    justify-content: flex-start
}

.ar-page-checkout {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

.ar-page-checkout>section {
    flex: 1 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--token-spacing-all-m)
}

.ar-checkout-summary--wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--token-spacing-all-s)
}

.ar-checkout-summary--item {
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--token-spacing-all-xxl);
    width: 100%;
    box-sizing: border-box
}

.ar-checkout-summary--item,
.ar-checkout-summary--prices {
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-checkout-summary--prices {
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m)
}

@media(max-width:767px) {
    .ar-checkout--wrapper {
        display: block
    }
}

.ar-system-message {
    border: 2px solid transparent;
    border-radius: var(--token-corner-radius-all-base);
    min-height: 56px;
    box-sizing: border-box;
    padding: 8px 12px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ar-system-message .ar-system-message-close {
    cursor: pointer
}

.ar-system-message-icon {
    padding: 0
}

.ar-system-message--success-light {
    background-color: var(--token-color-message-success-bg);
    color: var(--token-color-misc-spot-price-very-low);
    border: 1.5px solid var(--token-color-misc-spot-price-very-low)
}

.ar-system-message--success-light .ar-loading-spinner path {
    stroke: var(--token-color-misc-spot-price-very-low)
}

.ar-system-message--success-dark {
    background-color: var(--token-color-message-success-bg);
    color: var(--token-color-foreground-brand-fg);
    border: none
}

.ar-system-message--success-dark .ar-loading-spinner path {
    stroke: var(--token-color-foreground-brand-fg)
}

.ar-system-message--success-solid {
    background-color: var(--token-color-background-brand-bg);
    color: var(--token-color-foreground-fg-dark-static);
    border: none
}

.ar-system-message--success-solid .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--success-solid .ar-system-message-close {
    color: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--info-light {
    background-color: var(--token-color-message-info-bg);
    color: var(--token-color-foreground-info-fg);
    border: 1.5px solid var(--token-color-stroke-info-sk)
}

.ar-system-message--info-light .ar-loading-spinner path {
    stroke: var(--token-color-foreground-info-fg)
}

.ar-system-message--info-dark {
    background-color: var(--token-color-message-info-bg);
    color: var(--token-color-foreground-info-fg);
    border: none
}

.ar-system-message--info-dark .ar-loading-spinner path {
    stroke: var(--token-color-foreground-info-fg)
}

.ar-system-message--info-solid {
    background-color: var(--token-color-background-info-bg);
    color: var(--token-color-foreground-fg-dark-static);
    border: none
}

.ar-system-message--info-solid .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--info-solid .ar-system-message-close {
    color: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--neutral-light {
    background-color: var(--token-color-message-neutral-bg);
    color: var(--token-color-foreground-fg-1);
    border: 1.5px solid var(--token-color-foreground-fg-1)
}

.ar-system-message--neutral-light .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-1)
}

.ar-system-message--neutral-dark {
    background-color: var(--token-color-message-neutral-bg);
    color: var(--token-color-foreground-fg-1);
    border: none
}

.ar-system-message--neutral-dark .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-1)
}

.ar-system-message--neutral-solid {
    background-color: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1);
    border: none
}

.ar-system-message--neutral-solid .ar-loading-spinner path {
    stroke: var(--token-color-foreground-inverse-fg-1)
}

.ar-system-message--neutral-solid .ar-system-message-close {
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-system-message--warning-light {
    background-color: var(--token-color-message-alert-bg);
    color: var(--token-color-foreground-warning-fg);
    border: 1.5px solid var(--token-color-stroke-warning-sk)
}

.ar-system-message--warning-light .ar-loading-spinner path {
    stroke: var(--token-color-foreground-warning-fg)
}

.ar-system-message--warning-dark {
    background-color: var(--token-color-message-alert-bg);
    color: var(--token-color-foreground-warning-fg);
    border: none
}

.ar-system-message--warning-dark .ar-loading-spinner path {
    stroke: var(--token-color-foreground-warning-fg)
}

.ar-system-message--warning-solid {
    background-color: var(--token-color-background-warning-bg);
    color: var(--token-color-foreground-fg-dark-static);
    border: none
}

.ar-system-message--warning-solid .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--warning-solid .ar-system-message-close {
    color: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--error-light {
    background-color: var(--token-color-message-error-bg);
    color: var(--token-color-foreground-error-fg);
    border: 1.5px solid var(--token-color-stroke-error-sk)
}

.ar-system-message--error-light .ar-loading-spinner path {
    stroke: var(--token-color-foreground-error-fg)
}

.ar-system-message--error-dark {
    background-color: var(--token-color-message-error-bg);
    color: var(--token-color-foreground-error-fg);
    border: none
}

.ar-system-message--error-dark .ar-loading-spinner path {
    stroke: var(--token-color-foreground-error-fg)
}

.ar-system-message--error-solid {
    background-color: var(--token-color-background-error-bg);
    color: var(--token-color-foreground-fg-dark-static);
    border: none
}

.ar-system-message--error-solid .ar-loading-spinner path {
    stroke: var(--token-color-foreground-fg-dark-static)
}

.ar-system-message--error-solid .ar-system-message-close {
    color: var(--token-color-foreground-fg-dark-static)
}

.swiper-button-prev {
    margin-left: -56px;
    left: 10px
}

.swiper-button-next {
    margin-right: -56px;
    right: 10px;
    left: auto
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--token-color-foreground-fg-1);
    font-size: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-color: var(--token-color-background-bg-2)
}

.swiper-wrapper .swiper-slide {
    height: auto
}

.ar-swiper-container {
    position: relative;
    margin: 0 auto
}

.ar-swiper-container .ar-swiper {
    margin: 0 auto;
    padding: 0 var(--token-spacing-all-l)
}

@media(max-width:1450px) {
    .ar-swiper-container {
        max-width: 90%
    }

    .swiper-button-next {
        margin-right: -25px
    }

    .swiper-button-prev {
        margin-left: -25px
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-color: transparent
    }
}

.ar-faq {
    max-width: 1008px;
    margin: 0 auto
}

.ar-faq-item {
    padding: var(--token-spacing-all-m)
}

.ar-faq-item--headline {
    cursor: pointer
}

.ar-faq-item--content {
    padding-top: var(--token-spacing-all-m)
}

.ar-file-upload-container .ar-file-upload {
    display: none
}

.ar-file-upload-container .ar-custom-file-upload,
.ar-file-upload-container .ar-drop-area {
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
    background-color: var(--token-color-foreground-brand-fg);
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    transition: all .3s ease;
    text-align: center
}

.ar-file-upload-container .ar-custom-file-upload:hover,
.ar-file-upload-container .ar-drop-area.active {
    background-color: var(--token-color-foreground-brand-fg-hover)
}

.ar-file-upload-container .ar-drop-area {
    border: 2px dashed var(--token-color-foreground-brand-fg);
    background-color: transparent;
    padding: 20px;
    border-radius: 4px;
    margin-top: 10px
}

.ar-file-upload-container .ar-drop-area>* {
    color: #495057
}

.ar-textarea {
    padding: var(--token-spacing-all-base);
    border-radius: var(--token-corner-radius-all-base);
    border-color: transparent;
    background-color: var(--token-color-background-bg-1);
    min-height: 100px;
    font-family: Averta
}

.ar-textarea::placeholder {
    color: var(--token-color-foreground-fg-2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px
}

.ar-textarea:focus {
    outline: none
}

.ar-nav {
    height: 96px;
    width: 100%;
    padding: var(--token-spacing-all-m);
    box-sizing: border-box;
    background: var(--token-color-background-bg-1);
    z-index: 50;
    gap: var(--token-spacing-all-xxl);
    position: sticky;
    position: -webkit-sticky;
    display: block;
    top: 0
}

.ar-nav--identity--logo {
    cursor: pointer;
    line-height: 0
}

.ar-nav--identity--logo:hover {
    filter: drop-shadow(0 0 var(--token-blur-med) var(--token-color-shadow-brand));
    transition: all .2s ease-in-out
}

.ar-nav--identity--portalname {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    color: var(--token-color-foreground-fg-1);
    position: relative
}

.ar-nav--identity--portalname-flag {
    background-color: var(--token-color-background-brand-bg);
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    position: absolute;
    right: -50%;
    top: -100%
}

.ar-nav--desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--token-spacing-all-m)
}

.ar-nav--desktop .ar-input {
    margin: 0 var(--token-spacing-all-xxl)
}

.ar-nav--mobile {
    position: absolute;
    top: 96px;
    left: 0;
    height: calc(100vh - 96px);
    width: 100vw;
    background: var(--token-color-background-bg-app-canvas);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: space-around;
    padding: 0 var(--token-spacing-all-m);
    box-sizing: border-box
}

.ar-nav--mobile,
.ar-nav--mobile .ar-nav--menu {
    align-items: flex-start;
    flex-direction: column
}

.ar-nav--close-mobile-search {
    cursor: pointer;
    padding-right: 24px
}

.ar-nav--hide {
    display: none !important
}

.ar-nav--search-mobile {
    width: calc(100vw - 2*var(--token-spacing-all-m))
}

.ar-nav--button-group--mobile,
.ar-nav--button-group--mobile .ar-btn {
    width: 100%
}

.ar-nav .ar-input {
    background: var(--token-color-background-bg-2);
    min-height: 48px;
    height: 48px
}

.ar-nav .ar-input .ar-input--icon {
    color: var(--token-color-foreground-fg-1)
}

.ar-nav:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    z-index: -1;
    border-bottom-left-radius: var(--token-corner-radius-all-s);
    border-bottom-right-radius: var(--token-corner-radius-all-s)
}

.ar-hover-shadow-brand {
    transition: all .2s ease-in-out
}

.ar-hover-shadow-brand:hover {
    filter: drop-shadow(0 0 var(--token-blur-med) var(--token-color-shadow-brand))
}

.arsb-theme--switcher {
    margin-top: 100px
}

.sb-show-main.sb-main-padded {
    padding: 0 !important
}

@media(max-width:992px) {
    .ar-nav {
        gap: 0
    }
}

.ar-tab {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-xs);
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
    border-radius: var(--token-corner-radius-all-s);
    cursor: pointer
}

.ar-tab.ar-tab--filled {
    background: var(--token-color-background-bg-2)
}

.ar-tab:hover {
    background: var(--token-color-background-bg-2-hover)
}

.ar-tab.ar-tab--selected {
    background: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-tab.ar-tab--xl {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base)
}

.ar-tab [class^=ic-color-] {
    width: 24px;
    height: 24px;
    border-radius: 20px
}

.ar-tab .ic-color-white {
    background: linear-gradient(135deg, #ededed 22%, #c4c4c4 79%)
}

.ar-tab .ic-color-silver {
    background: linear-gradient(135deg, #cdcdcd 14%, #838285 79%)
}

.ar-tab .ic-color-anthracite {
    background: linear-gradient(135deg, #394349 10%, #717171 82%)
}

.ar-tab .ic-color-gold {
    background: linear-gradient(135deg, #f1d889 22%, #bfa54c 79%)
}

.ar-tab .ic-color-black {
    background: linear-gradient(135deg, #282d34 14%, #000 79%)
}

.ar-tab .ic-color-walnut {
    background: linear-gradient(135deg, #c0956c 14%, #704536 79%)
}

.ar-tab .ic-color-green {
    background: linear-gradient(135deg, #91eb78 14%, #4ba532 79%)
}

.ar-segmented-control {
    height: 56px;
    background-color: var(--token-color-background-bg-1);
    border-radius: var(--token-corner-radius-all-m);
    width: 100%;
    max-width: 1000px;
    padding: 0;
    box-shadow: 0 0 48px 0 var(--token-color-shadow-wide);
    -webkit-backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    backdrop-filter: blur(calc(var(--token-blur-med) / 2));
    display: flex;
    position: relative
}

.ar-segmented-control--btn {
    width: 100%;
    height: 48px;
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    box-sizing: border-box;
    border-radius: var(--token-corner-radius-all-base);
    cursor: pointer;
    white-space: nowrap
}

.ar-segmented-control--btn--active {
    background: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1);
    pointer-events: none;
    cursor: auto;
    font-weight: 600
}

.ar-segmented-control--segments {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
    flex: 1 1;
    scroll-behavior: smooth
}

.ar-segmented-control--segments::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0
}

.ar-segmented-control.ar-segmented-control--scrollable--end .ar-segmented-control--arrow-r,
.ar-segmented-control.ar-segmented-control--scrollable--start .ar-segmented-control--arrow-l {
    display: none
}

.ar-segmented-control--arrow {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--token-color-background-bg-1-hover)
}

.ar-segmented-control--arrow-r {
    border-left: 1px solid var(--token-color-stroke-sk-3);
    right: 0;
    top: 0;
    bottom: 0
}

.ar-segmented-control--arrow-l {
    border-right: 1px solid var(--token-color-stroke-sk-3);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.ar-segmented-control--divider {
    width: 2px;
    height: 16px;
    border-radius: 160px;
    background: rgba(29, 35, 42, .08)
}

.ar-reg-disc {
    flex: 0 0 10%
}

.ar-reg-main_bar {
    width: 100%
}

.ar-reg-progress_container {
    flex: 1 1 auto;
    position: relative
}

.ar-reg-progress_base {
    width: 100%;
    border-radius: var(--token-corner-radius-all-xl);
    position: relative;
    height: 40px;
    background-color: var(--token-color-background-bg-2)
}

.ar-reg-progress_fill {
    border-top-left-radius: var(--token-corner-radius-all-xl);
    border-bottom-left-radius: var(--token-corner-radius-all-xl);
    background-color: var(--token-color-background-brand-bg);
    height: 100%
}

.ar-reg-revenue {
    position: absolute;
    height: 90px;
    bottom: 0
}

.ar-reg-revenue--right {
    align-items: flex-end;
    transform: translateX(-100%);
    min-width: 150px
}

.ar-reg-revenue--left {
    align-items: start;
    transform: none
}

.ar-reg-revenue_divider {
    position: absolute;
    top: 0;
    width: 2px;
    height: 90px;
    background-color: var(--token-color-foreground-fg-1)
}

.ar-reg-current_disc {
    position: absolute;
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-reg-next_disc {
    position: absolute;
    right: 0
}

.ar-voucher-pill {
    display: flex;
    padding: var(--token-spacing-all-xs);
    justify-content: center;
    align-items: center;
    gap: var(--token-spacing-all-xxs);
    border-radius: var(--token-corner-radius-all-s);
    background: var(--token-color-foreground-brand-fg);
    height: 16px
}

.ar-voucher-pill--label {
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px;
    text-transform: uppercase
}

.ar-voucher-pill--icon,
.ar-voucher-pill--label {
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-voucher-pill--icon:hover {
    color: var(--token-color-background-bg-1-hover);
    cursor: pointer
}

.ar-ac-search--item {
    cursor: pointer
}

.ar-ac-search--item-logo:hover {
    box-shadow: 0 0 var(--shadows-shadow-xl, 48px) 0 var(--color-shadow-shadow-wide, rgba(0, 0, 0, .1));
    -webkit-backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2));
    backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2))
}

.ar-ac-search--item-logo img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-tpf-preview--wrapper {
    width: 520px;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ar-tpf-preview--wrapper .ar-tpf {
    width: 400px;
    height: 400px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white,
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight {
    background: linear-gradient(135deg, #f7f9f7, #ebedeb 49.8%, #c5cdcb 99.61%)
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white .ar-flex--logo path,
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white .ar-tpf-preview--image,
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight .ar-flex--logo path,
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight .ar-tpf-preview--image {
    opacity: .5
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite {
    background: linear-gradient(135deg, #444b4d, #282e30 49.8%, #131617 99.61%)
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite .ar-tpf-preview--image {
    filter: invert(1);
    opacity: .4
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite .ar-flex--logo path {
    fill: #fff;
    opacity: .4
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow {
    background: #2d3435
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow .ar-tpf-preview--image {
    opacity: 1;
    filter: invert(100%) sepia(67%) saturate(2000%) hue-rotate(172deg) brightness(105%) contrast(95%)
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow .ar-flex--logo path {
    fill: #fff;
    opacity: .4
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight {
    background: #2d3435
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight .ar-tpf-preview--image {
    color: #000;
    opacity: 1;
    filter: invert(100%) saturate(100%) brightness(105%) contrast(95%)
}

.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight .ar-flex--logo path {
    fill: #fff;
    opacity: .4
}

.ar-tpf-preview--wrapper .ar-tpf .ar-tpf-preview--image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ar-tpf-preview--wrapper .ar-tpf .ar-flex--logo {
    position: absolute;
    bottom: 25.14px;
    height: 14.86px;
    width: 67px
}

.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display {
    --char-size: 4px;
    --char-gap: 1px;
    position: absolute;
    bottom: 69.5px;
    width: 102px;
    height: 24px;
    display: flex;
    gap: var(--char-size)
}

.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .letter {
    display: grid;
    grid-template-rows: repeat(5, var(--char-size));
    grid-gap: var(--char-gap)
}

.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .line {
    display: grid;
    grid-template-columns: repeat(3, var(--char-size));
    grid-gap: var(--char-gap)
}

.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .char.x {
    background-color: #fff;
    filter: drop-shadow(0 0 5.262px rgba(255, 255, 255, .75));
    box-shadow: 0 0 5.262px hsla(0, 0%, 100%, .75)
}

.ar-menu-item {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-s);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    cursor: pointer;
    color: var(--token-color-foreground-fg-1);
    text-decoration: none;
    border-radius: var(--token-corner-radius-all-base)
}

.ar-menu-item:hover:not(.ar-menu-item--disabled) {
    background: var(--token-color-background-bg-2-hover)
}

.ar-menu-item--disabled {
    color: var(--token-color-foreground-fg-disabled);
    cursor: not-allowed
}

.ar-language-switcher--select {
    background-color: var(--token-color-background-bg-2)
}

body.ar-theme--light {
    background-color: var(--token-color-background-bg-app-canvas);
    color: var(--token-color-foreground-fg-1)
}

body.ar-theme--light .ar-spacing--top-none,
body.ar-theme--light.ar-spacing--top-none {
    margin-top: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-spacing--right-none,
body.ar-theme--light.ar-spacing--right-none {
    margin-right: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-spacing--bottom-none,
body.ar-theme--light.ar-spacing--bottom-none {
    margin-bottom: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-spacing--left-none,
body.ar-theme--light.ar-spacing--left-none {
    margin-left: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-spacing--all-none,
body.ar-theme--light.ar-spacing--all-none {
    margin: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-spacing--top-xxs,
body.ar-theme--light.ar-spacing--top-xxs {
    margin-top: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-spacing--right-xxs,
body.ar-theme--light.ar-spacing--right-xxs {
    margin-right: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-spacing--bottom-xxs,
body.ar-theme--light.ar-spacing--bottom-xxs {
    margin-bottom: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-spacing--left-xxs,
body.ar-theme--light.ar-spacing--left-xxs {
    margin-left: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-spacing--all-xxs,
body.ar-theme--light.ar-spacing--all-xxs {
    margin: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-spacing--top-xs,
body.ar-theme--light.ar-spacing--top-xs {
    margin-top: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-spacing--right-xs,
body.ar-theme--light.ar-spacing--right-xs {
    margin-right: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-spacing--bottom-xs,
body.ar-theme--light.ar-spacing--bottom-xs {
    margin-bottom: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-spacing--left-xs,
body.ar-theme--light.ar-spacing--left-xs {
    margin-left: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-spacing--all-xs,
body.ar-theme--light.ar-spacing--all-xs {
    margin: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-spacing--top-s,
body.ar-theme--light.ar-spacing--top-s {
    margin-top: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-spacing--right-s,
body.ar-theme--light.ar-spacing--right-s {
    margin-right: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-spacing--bottom-s,
body.ar-theme--light.ar-spacing--bottom-s {
    margin-bottom: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-spacing--left-s,
body.ar-theme--light.ar-spacing--left-s {
    margin-left: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-spacing--all-s,
body.ar-theme--light.ar-spacing--all-s {
    margin: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-spacing--top-base,
body.ar-theme--light.ar-spacing--top-base {
    margin-top: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-spacing--right-base,
body.ar-theme--light.ar-spacing--right-base {
    margin-right: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-spacing--bottom-base,
body.ar-theme--light.ar-spacing--bottom-base {
    margin-bottom: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-spacing--left-base,
body.ar-theme--light.ar-spacing--left-base {
    margin-left: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-spacing--all-base,
body.ar-theme--light.ar-spacing--all-base {
    margin: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-spacing--top-m,
body.ar-theme--light.ar-spacing--top-m {
    margin-top: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-spacing--right-m,
body.ar-theme--light.ar-spacing--right-m {
    margin-right: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-spacing--bottom-m,
body.ar-theme--light.ar-spacing--bottom-m {
    margin-bottom: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-spacing--left-m,
body.ar-theme--light.ar-spacing--left-m {
    margin-left: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-spacing--all-m,
body.ar-theme--light.ar-spacing--all-m {
    margin: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-spacing--top-l,
body.ar-theme--light.ar-spacing--top-l {
    margin-top: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-spacing--right-l,
body.ar-theme--light.ar-spacing--right-l {
    margin-right: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-spacing--bottom-l,
body.ar-theme--light.ar-spacing--bottom-l {
    margin-bottom: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-spacing--left-l,
body.ar-theme--light.ar-spacing--left-l {
    margin-left: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-spacing--all-l,
body.ar-theme--light.ar-spacing--all-l {
    margin: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-spacing--top-xl,
body.ar-theme--light.ar-spacing--top-xl {
    margin-top: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-spacing--right-xl,
body.ar-theme--light.ar-spacing--right-xl {
    margin-right: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-spacing--bottom-xl,
body.ar-theme--light.ar-spacing--bottom-xl {
    margin-bottom: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-spacing--left-xl,
body.ar-theme--light.ar-spacing--left-xl {
    margin-left: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-spacing--all-xl,
body.ar-theme--light.ar-spacing--all-xl {
    margin: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-spacing--top-xxl,
body.ar-theme--light.ar-spacing--top-xxl {
    margin-top: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-spacing--right-xxl,
body.ar-theme--light.ar-spacing--right-xxl {
    margin-right: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-spacing--bottom-xxl,
body.ar-theme--light.ar-spacing--bottom-xxl {
    margin-bottom: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-spacing--left-xxl,
body.ar-theme--light.ar-spacing--left-xxl {
    margin-left: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-spacing--all-xxl,
body.ar-theme--light.ar-spacing--all-xxl {
    margin: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-spacing--top-xxxl,
body.ar-theme--light.ar-spacing--top-xxxl {
    margin-top: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-spacing--right-xxxl,
body.ar-theme--light.ar-spacing--right-xxxl {
    margin-right: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-spacing--bottom-xxxl,
body.ar-theme--light.ar-spacing--bottom-xxxl {
    margin-bottom: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-spacing--left-xxxl,
body.ar-theme--light.ar-spacing--left-xxxl {
    margin-left: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-spacing--all-xxxl,
body.ar-theme--light.ar-spacing--all-xxxl {
    margin: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-padding--top-none,
body.ar-theme--light.ar-padding--top-none {
    padding-top: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-padding--right-none,
body.ar-theme--light.ar-padding--right-none {
    padding-right: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-padding--bottom-none,
body.ar-theme--light.ar-padding--bottom-none {
    padding-bottom: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-padding--left-none,
body.ar-theme--light.ar-padding--left-none {
    padding-left: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-padding--all-none,
body.ar-theme--light.ar-padding--all-none {
    padding: var(--token-spacing-all-none)
}

body.ar-theme--light .ar-padding--top-xxs,
body.ar-theme--light.ar-padding--top-xxs {
    padding-top: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-padding--right-xxs,
body.ar-theme--light.ar-padding--right-xxs {
    padding-right: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-padding--bottom-xxs,
body.ar-theme--light.ar-padding--bottom-xxs {
    padding-bottom: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-padding--left-xxs,
body.ar-theme--light.ar-padding--left-xxs {
    padding-left: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-padding--all-xxs,
body.ar-theme--light.ar-padding--all-xxs {
    padding: var(--token-spacing-all-xxs)
}

body.ar-theme--light .ar-padding--top-xs,
body.ar-theme--light.ar-padding--top-xs {
    padding-top: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-padding--right-xs,
body.ar-theme--light.ar-padding--right-xs {
    padding-right: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-padding--bottom-xs,
body.ar-theme--light.ar-padding--bottom-xs {
    padding-bottom: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-padding--left-xs,
body.ar-theme--light.ar-padding--left-xs {
    padding-left: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-padding--all-xs,
body.ar-theme--light.ar-padding--all-xs {
    padding: var(--token-spacing-all-xs)
}

body.ar-theme--light .ar-padding--top-s,
body.ar-theme--light.ar-padding--top-s {
    padding-top: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-padding--right-s,
body.ar-theme--light.ar-padding--right-s {
    padding-right: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-padding--bottom-s,
body.ar-theme--light.ar-padding--bottom-s {
    padding-bottom: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-padding--left-s,
body.ar-theme--light.ar-padding--left-s {
    padding-left: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-padding--all-s,
body.ar-theme--light.ar-padding--all-s {
    padding: var(--token-spacing-all-s)
}

body.ar-theme--light .ar-padding--top-base,
body.ar-theme--light.ar-padding--top-base {
    padding-top: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-padding--right-base,
body.ar-theme--light.ar-padding--right-base {
    padding-right: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-padding--bottom-base,
body.ar-theme--light.ar-padding--bottom-base {
    padding-bottom: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-padding--left-base,
body.ar-theme--light.ar-padding--left-base {
    padding-left: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-padding--all-base,
body.ar-theme--light.ar-padding--all-base {
    padding: var(--token-spacing-all-base)
}

body.ar-theme--light .ar-padding--top-m,
body.ar-theme--light.ar-padding--top-m {
    padding-top: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-padding--right-m,
body.ar-theme--light.ar-padding--right-m {
    padding-right: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-padding--bottom-m,
body.ar-theme--light.ar-padding--bottom-m {
    padding-bottom: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-padding--left-m,
body.ar-theme--light.ar-padding--left-m {
    padding-left: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-padding--all-m,
body.ar-theme--light.ar-padding--all-m {
    padding: var(--token-spacing-all-m)
}

body.ar-theme--light .ar-padding--top-l,
body.ar-theme--light.ar-padding--top-l {
    padding-top: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-padding--right-l,
body.ar-theme--light.ar-padding--right-l {
    padding-right: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-padding--bottom-l,
body.ar-theme--light.ar-padding--bottom-l {
    padding-bottom: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-padding--left-l,
body.ar-theme--light.ar-padding--left-l {
    padding-left: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-padding--all-l,
body.ar-theme--light.ar-padding--all-l {
    padding: var(--token-spacing-all-l)
}

body.ar-theme--light .ar-padding--top-xl,
body.ar-theme--light.ar-padding--top-xl {
    padding-top: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-padding--right-xl,
body.ar-theme--light.ar-padding--right-xl {
    padding-right: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-padding--bottom-xl,
body.ar-theme--light.ar-padding--bottom-xl {
    padding-bottom: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-padding--left-xl,
body.ar-theme--light.ar-padding--left-xl {
    padding-left: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-padding--all-xl,
body.ar-theme--light.ar-padding--all-xl {
    padding: var(--token-spacing-all-xl)
}

body.ar-theme--light .ar-padding--top-xxl,
body.ar-theme--light.ar-padding--top-xxl {
    padding-top: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-padding--right-xxl,
body.ar-theme--light.ar-padding--right-xxl {
    padding-right: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-padding--bottom-xxl,
body.ar-theme--light.ar-padding--bottom-xxl {
    padding-bottom: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-padding--left-xxl,
body.ar-theme--light.ar-padding--left-xxl {
    padding-left: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-padding--all-xxl,
body.ar-theme--light.ar-padding--all-xxl {
    padding: var(--token-spacing-all-xxl)
}

body.ar-theme--light .ar-padding--top-xxxl,
body.ar-theme--light.ar-padding--top-xxxl {
    padding-top: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-padding--right-xxxl,
body.ar-theme--light.ar-padding--right-xxxl {
    padding-right: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-padding--bottom-xxxl,
body.ar-theme--light.ar-padding--bottom-xxxl {
    padding-bottom: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-padding--left-xxxl,
body.ar-theme--light.ar-padding--left-xxxl {
    padding-left: var(--token-spacing-all-xxxl)
}

body.ar-theme--light .ar-padding--all-xxxl,
body.ar-theme--light.ar-padding--all-xxxl {
    padding: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark {
    background-color: var(--token-color-background-bg-app-canvas);
    color: var(--token-color-foreground-fg-1)
}

body.ar-theme--dark .ar-spacing--top-none,
body.ar-theme--dark.ar-spacing--top-none {
    margin-top: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-spacing--right-none,
body.ar-theme--dark.ar-spacing--right-none {
    margin-right: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-spacing--bottom-none,
body.ar-theme--dark.ar-spacing--bottom-none {
    margin-bottom: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-spacing--left-none,
body.ar-theme--dark.ar-spacing--left-none {
    margin-left: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-spacing--all-none,
body.ar-theme--dark.ar-spacing--all-none {
    margin: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-spacing--top-xxs,
body.ar-theme--dark.ar-spacing--top-xxs {
    margin-top: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-spacing--right-xxs,
body.ar-theme--dark.ar-spacing--right-xxs {
    margin-right: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-spacing--bottom-xxs,
body.ar-theme--dark.ar-spacing--bottom-xxs {
    margin-bottom: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-spacing--left-xxs,
body.ar-theme--dark.ar-spacing--left-xxs {
    margin-left: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-spacing--all-xxs,
body.ar-theme--dark.ar-spacing--all-xxs {
    margin: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-spacing--top-xs,
body.ar-theme--dark.ar-spacing--top-xs {
    margin-top: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-spacing--right-xs,
body.ar-theme--dark.ar-spacing--right-xs {
    margin-right: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-spacing--bottom-xs,
body.ar-theme--dark.ar-spacing--bottom-xs {
    margin-bottom: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-spacing--left-xs,
body.ar-theme--dark.ar-spacing--left-xs {
    margin-left: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-spacing--all-xs,
body.ar-theme--dark.ar-spacing--all-xs {
    margin: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-spacing--top-s,
body.ar-theme--dark.ar-spacing--top-s {
    margin-top: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-spacing--right-s,
body.ar-theme--dark.ar-spacing--right-s {
    margin-right: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-spacing--bottom-s,
body.ar-theme--dark.ar-spacing--bottom-s {
    margin-bottom: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-spacing--left-s,
body.ar-theme--dark.ar-spacing--left-s {
    margin-left: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-spacing--all-s,
body.ar-theme--dark.ar-spacing--all-s {
    margin: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-spacing--top-base,
body.ar-theme--dark.ar-spacing--top-base {
    margin-top: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-spacing--right-base,
body.ar-theme--dark.ar-spacing--right-base {
    margin-right: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-spacing--bottom-base,
body.ar-theme--dark.ar-spacing--bottom-base {
    margin-bottom: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-spacing--left-base,
body.ar-theme--dark.ar-spacing--left-base {
    margin-left: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-spacing--all-base,
body.ar-theme--dark.ar-spacing--all-base {
    margin: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-spacing--top-m,
body.ar-theme--dark.ar-spacing--top-m {
    margin-top: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-spacing--right-m,
body.ar-theme--dark.ar-spacing--right-m {
    margin-right: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-spacing--bottom-m,
body.ar-theme--dark.ar-spacing--bottom-m {
    margin-bottom: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-spacing--left-m,
body.ar-theme--dark.ar-spacing--left-m {
    margin-left: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-spacing--all-m,
body.ar-theme--dark.ar-spacing--all-m {
    margin: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-spacing--top-l,
body.ar-theme--dark.ar-spacing--top-l {
    margin-top: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-spacing--right-l,
body.ar-theme--dark.ar-spacing--right-l {
    margin-right: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-spacing--bottom-l,
body.ar-theme--dark.ar-spacing--bottom-l {
    margin-bottom: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-spacing--left-l,
body.ar-theme--dark.ar-spacing--left-l {
    margin-left: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-spacing--all-l,
body.ar-theme--dark.ar-spacing--all-l {
    margin: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-spacing--top-xl,
body.ar-theme--dark.ar-spacing--top-xl {
    margin-top: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-spacing--right-xl,
body.ar-theme--dark.ar-spacing--right-xl {
    margin-right: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-spacing--bottom-xl,
body.ar-theme--dark.ar-spacing--bottom-xl {
    margin-bottom: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-spacing--left-xl,
body.ar-theme--dark.ar-spacing--left-xl {
    margin-left: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-spacing--all-xl,
body.ar-theme--dark.ar-spacing--all-xl {
    margin: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-spacing--top-xxl,
body.ar-theme--dark.ar-spacing--top-xxl {
    margin-top: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-spacing--right-xxl,
body.ar-theme--dark.ar-spacing--right-xxl {
    margin-right: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-spacing--bottom-xxl,
body.ar-theme--dark.ar-spacing--bottom-xxl {
    margin-bottom: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-spacing--left-xxl,
body.ar-theme--dark.ar-spacing--left-xxl {
    margin-left: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-spacing--all-xxl,
body.ar-theme--dark.ar-spacing--all-xxl {
    margin: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-spacing--top-xxxl,
body.ar-theme--dark.ar-spacing--top-xxxl {
    margin-top: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-spacing--right-xxxl,
body.ar-theme--dark.ar-spacing--right-xxxl {
    margin-right: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-spacing--bottom-xxxl,
body.ar-theme--dark.ar-spacing--bottom-xxxl {
    margin-bottom: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-spacing--left-xxxl,
body.ar-theme--dark.ar-spacing--left-xxxl {
    margin-left: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-spacing--all-xxxl,
body.ar-theme--dark.ar-spacing--all-xxxl {
    margin: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-padding--top-none,
body.ar-theme--dark.ar-padding--top-none {
    padding-top: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-padding--right-none,
body.ar-theme--dark.ar-padding--right-none {
    padding-right: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-padding--bottom-none,
body.ar-theme--dark.ar-padding--bottom-none {
    padding-bottom: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-padding--left-none,
body.ar-theme--dark.ar-padding--left-none {
    padding-left: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-padding--all-none,
body.ar-theme--dark.ar-padding--all-none {
    padding: var(--token-spacing-all-none)
}

body.ar-theme--dark .ar-padding--top-xxs,
body.ar-theme--dark.ar-padding--top-xxs {
    padding-top: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-padding--right-xxs,
body.ar-theme--dark.ar-padding--right-xxs {
    padding-right: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-padding--bottom-xxs,
body.ar-theme--dark.ar-padding--bottom-xxs {
    padding-bottom: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-padding--left-xxs,
body.ar-theme--dark.ar-padding--left-xxs {
    padding-left: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-padding--all-xxs,
body.ar-theme--dark.ar-padding--all-xxs {
    padding: var(--token-spacing-all-xxs)
}

body.ar-theme--dark .ar-padding--top-xs,
body.ar-theme--dark.ar-padding--top-xs {
    padding-top: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-padding--right-xs,
body.ar-theme--dark.ar-padding--right-xs {
    padding-right: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-padding--bottom-xs,
body.ar-theme--dark.ar-padding--bottom-xs {
    padding-bottom: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-padding--left-xs,
body.ar-theme--dark.ar-padding--left-xs {
    padding-left: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-padding--all-xs,
body.ar-theme--dark.ar-padding--all-xs {
    padding: var(--token-spacing-all-xs)
}

body.ar-theme--dark .ar-padding--top-s,
body.ar-theme--dark.ar-padding--top-s {
    padding-top: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-padding--right-s,
body.ar-theme--dark.ar-padding--right-s {
    padding-right: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-padding--bottom-s,
body.ar-theme--dark.ar-padding--bottom-s {
    padding-bottom: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-padding--left-s,
body.ar-theme--dark.ar-padding--left-s {
    padding-left: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-padding--all-s,
body.ar-theme--dark.ar-padding--all-s {
    padding: var(--token-spacing-all-s)
}

body.ar-theme--dark .ar-padding--top-base,
body.ar-theme--dark.ar-padding--top-base {
    padding-top: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-padding--right-base,
body.ar-theme--dark.ar-padding--right-base {
    padding-right: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-padding--bottom-base,
body.ar-theme--dark.ar-padding--bottom-base {
    padding-bottom: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-padding--left-base,
body.ar-theme--dark.ar-padding--left-base {
    padding-left: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-padding--all-base,
body.ar-theme--dark.ar-padding--all-base {
    padding: var(--token-spacing-all-base)
}

body.ar-theme--dark .ar-padding--top-m,
body.ar-theme--dark.ar-padding--top-m {
    padding-top: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-padding--right-m,
body.ar-theme--dark.ar-padding--right-m {
    padding-right: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-padding--bottom-m,
body.ar-theme--dark.ar-padding--bottom-m {
    padding-bottom: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-padding--left-m,
body.ar-theme--dark.ar-padding--left-m {
    padding-left: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-padding--all-m,
body.ar-theme--dark.ar-padding--all-m {
    padding: var(--token-spacing-all-m)
}

body.ar-theme--dark .ar-padding--top-l,
body.ar-theme--dark.ar-padding--top-l {
    padding-top: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-padding--right-l,
body.ar-theme--dark.ar-padding--right-l {
    padding-right: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-padding--bottom-l,
body.ar-theme--dark.ar-padding--bottom-l {
    padding-bottom: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-padding--left-l,
body.ar-theme--dark.ar-padding--left-l {
    padding-left: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-padding--all-l,
body.ar-theme--dark.ar-padding--all-l {
    padding: var(--token-spacing-all-l)
}

body.ar-theme--dark .ar-padding--top-xl,
body.ar-theme--dark.ar-padding--top-xl {
    padding-top: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-padding--right-xl,
body.ar-theme--dark.ar-padding--right-xl {
    padding-right: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-padding--bottom-xl,
body.ar-theme--dark.ar-padding--bottom-xl {
    padding-bottom: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-padding--left-xl,
body.ar-theme--dark.ar-padding--left-xl {
    padding-left: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-padding--all-xl,
body.ar-theme--dark.ar-padding--all-xl {
    padding: var(--token-spacing-all-xl)
}

body.ar-theme--dark .ar-padding--top-xxl,
body.ar-theme--dark.ar-padding--top-xxl {
    padding-top: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-padding--right-xxl,
body.ar-theme--dark.ar-padding--right-xxl {
    padding-right: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-padding--bottom-xxl,
body.ar-theme--dark.ar-padding--bottom-xxl {
    padding-bottom: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-padding--left-xxl,
body.ar-theme--dark.ar-padding--left-xxl {
    padding-left: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-padding--all-xxl,
body.ar-theme--dark.ar-padding--all-xxl {
    padding: var(--token-spacing-all-xxl)
}

body.ar-theme--dark .ar-padding--top-xxxl,
body.ar-theme--dark.ar-padding--top-xxxl {
    padding-top: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-padding--right-xxxl,
body.ar-theme--dark.ar-padding--right-xxxl {
    padding-right: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-padding--bottom-xxxl,
body.ar-theme--dark.ar-padding--bottom-xxxl {
    padding-bottom: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-padding--left-xxxl,
body.ar-theme--dark.ar-padding--left-xxxl {
    padding-left: var(--token-spacing-all-xxxl)
}

body.ar-theme--dark .ar-padding--all-xxxl,
body.ar-theme--dark.ar-padding--all-xxxl {
    padding: var(--token-spacing-all-xxxl)
}

section {
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 var(--token-spacing-all-l)
}

hr {
    width: 100%
}

.ar-main-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    vertical-align: middle;
    text-align: center;
    -webkit-backdrop-filter: blur(var(--token-blur-med));
    backdrop-filter: blur(var(--token-blur-med))
}

.ar-main-nav--menu {
    display: flex;
    margin: 0 auto;
    gap: var(--token-spacing-all-l);
    align-items: center;
    padding: var(--token-spacing-all-m) var(--token-spacing-all-l)
}

.ar-main-nav--version {
    font-size: 11px;
    font-weight: 500;
    margin-top: 1px
}

.ar-main-nav--logo {
    display: flex;
    align-self: center
}

.ar-main-nav--search {
    flex: 1 1;
    width: 100%
}

.ar-main-nav--search-icon {
    display: none
}

.ar-main-nav--actions {
    display: flex;
    gap: var(--token-spacing-all-l);
    align-items: center;
    justify-content: flex-end
}

.ar-main-nav--icons {
    display: flex;
    gap: var(--token-spacing-all-base)
}

@media(max-width:767px) {
    .ar-main-nav {
        justify-content: space-between
    }

    .ar-main-nav--quick-order {
        display: none
    }

    .ar-main-nav--icons {
        gap: 0
    }

    .ar-main-nav--search-icon {
        display: flex;
        align-self: center
    }

    .ar-flex.ar-main-nav--search {
        display: none
    }
}

.ar-grid {
    display: grid;
    margin: 0 auto
}

.ar-grid--xl {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1280px;
    gap: 32px
}

.ar-grid--xl,
.ar-grid--xs {
    grid-auto-rows: minmax(10px, auto)
}

.ar-grid--xs {
    grid-template-columns: repeat(2, 1fr);
    max-width: 320px;
    gap: 24px
}

.ar-grid .ar-grid--item.ar-grid__item--span-1 {
    grid-column: span 1
}

.ar-grid .ar-grid--item.ar-grid__item--span-2 {
    grid-column: span 2
}

.ar-grid .ar-grid--item.ar-grid__item--span-3 {
    grid-column: span 3
}

.ar-grid .ar-grid--item.ar-grid__item--span-4 {
    grid-column: span 4
}

.ar-grid .ar-grid--item.ar-grid__item--span-5 {
    grid-column: span 5
}

.ar-grid .ar-grid--item.ar-grid__item--span-6 {
    grid-column: span 6
}

.ar-grid .ar-grid--item.ar-grid__item--span-7 {
    grid-column: span 7
}

.ar-grid .ar-grid--item.ar-grid__item--span-8 {
    grid-column: span 8
}

.ar-grid .ar-grid--item.ar-grid__item--span-9 {
    grid-column: span 9
}

.ar-grid .ar-grid--item.ar-grid__item--span-10 {
    grid-column: span 10
}

.ar-grid .ar-grid--item.ar-grid__item--span-11 {
    grid-column: span 11
}

.ar-grid .ar-grid--item.ar-grid__item--span-12 {
    grid-column: span 12
}

@media(max-width:1200px) {
    .ar-grid--xl {
        grid-template-columns: repeat(6, 1fr);
        max-width: 90%
    }

    .ar-grid .ar-grid--item.ar-grid__item--span-10,
    .ar-grid .ar-grid--item.ar-grid__item--span-11,
    .ar-grid .ar-grid--item.ar-grid__item--span-12,
    .ar-grid .ar-grid--item.ar-grid__item--span-7,
    .ar-grid .ar-grid--item.ar-grid__item--span-8,
    .ar-grid .ar-grid--item.ar-grid__item--span-9 {
        grid-column: span 6
    }

    .ar-grid .ar-grid--item.ar-grid__item--span-5,
    .ar-grid .ar-grid--item.ar-grid__item--span-6 {
        grid-column: span 3
    }

    .ar-grid .ar-grid--item.ar-grid__item--span-3,
    .ar-grid .ar-grid--item.ar-grid__item--span-4 {
        grid-column: span 2
    }
}

@media screen and (max-width:992px) {

    .ar-grid .ar-grid--item.ar-grid__item--span-10,
    .ar-grid .ar-grid--item.ar-grid__item--span-11,
    .ar-grid .ar-grid--item.ar-grid__item--span-12,
    .ar-grid .ar-grid--item.ar-grid__item--span-7,
    .ar-grid .ar-grid--item.ar-grid__item--span-8,
    .ar-grid .ar-grid--item.ar-grid__item--span-9 {
        grid-column: span 6
    }

    .ar-grid .ar-grid--item.ar-grid__item--span-3,
    .ar-grid .ar-grid--item.ar-grid__item--span-4,
    .ar-grid .ar-grid--item.ar-grid__item--span-5,
    .ar-grid .ar-grid--item.ar-grid__item--span-6 {
        grid-column: span 3
    }
}

@media(max-width:767px) {
    .ar-grid--xl {
        grid-template-columns: repeat(3, 1fr);
        max-width: 100%
    }

    .ar-grid .ar-grid--item.ar-grid__item--span-10,
    .ar-grid .ar-grid--item.ar-grid__item--span-11,
    .ar-grid .ar-grid--item.ar-grid__item--span-12,
    .ar-grid .ar-grid--item.ar-grid__item--span-3,
    .ar-grid .ar-grid--item.ar-grid__item--span-4,
    .ar-grid .ar-grid--item.ar-grid__item--span-5,
    .ar-grid .ar-grid--item.ar-grid__item--span-6,
    .ar-grid .ar-grid--item.ar-grid__item--span-7,
    .ar-grid .ar-grid--item.ar-grid__item--span-8,
    .ar-grid .ar-grid--item.ar-grid__item--span-9 {
        grid-column: span 3
    }
}

.ar-gap--none {
    gap: var(--token-spacing-all-none)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--none\:sm {
        gap: var(--token-spacing-all-none)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--none\:md {
        gap: var(--token-spacing-all-none)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--none\:lg {
        gap: var(--token-spacing-all-none)
    }
}

.ar-gap--xxs {
    gap: var(--token-spacing-all-xxs)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--xxs\:sm {
        gap: var(--token-spacing-all-xxs)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--xxs\:md {
        gap: var(--token-spacing-all-xxs)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--xxs\:lg {
        gap: var(--token-spacing-all-xxs)
    }
}

.ar-gap--xs {
    gap: var(--token-spacing-all-xs)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--xs\:sm {
        gap: var(--token-spacing-all-xs)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--xs\:md {
        gap: var(--token-spacing-all-xs)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--xs\:lg {
        gap: var(--token-spacing-all-xs)
    }
}

.ar-gap--s {
    gap: var(--token-spacing-all-s)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--s\:sm {
        gap: var(--token-spacing-all-s)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--s\:md {
        gap: var(--token-spacing-all-s)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--s\:lg {
        gap: var(--token-spacing-all-s)
    }
}

.ar-gap--base {
    gap: var(--token-spacing-all-base)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--base\:sm {
        gap: var(--token-spacing-all-base)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--base\:md {
        gap: var(--token-spacing-all-base)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--base\:lg {
        gap: var(--token-spacing-all-base)
    }
}

.ar-gap--m {
    gap: var(--token-spacing-all-m)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--m\:sm {
        gap: var(--token-spacing-all-m)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--m\:md {
        gap: var(--token-spacing-all-m)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--m\:lg {
        gap: var(--token-spacing-all-m)
    }
}

.ar-gap--l {
    gap: var(--token-spacing-all-l)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--l\:sm {
        gap: var(--token-spacing-all-l)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--l\:md {
        gap: var(--token-spacing-all-l)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--l\:lg {
        gap: var(--token-spacing-all-l)
    }
}

.ar-gap--xl {
    gap: var(--token-spacing-all-xl)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--xl\:sm {
        gap: var(--token-spacing-all-xl)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--xl\:md {
        gap: var(--token-spacing-all-xl)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--xl\:lg {
        gap: var(--token-spacing-all-xl)
    }
}

.ar-gap--xxl {
    gap: var(--token-spacing-all-xxl)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--xxl\:sm {
        gap: var(--token-spacing-all-xxl)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--xxl\:md {
        gap: var(--token-spacing-all-xxl)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--xxl\:lg {
        gap: var(--token-spacing-all-xxl)
    }
}

.ar-gap--xxxl {
    gap: var(--token-spacing-all-xxxl)
}

@media(max-width:767px) {
    .ar-flex.ar-gap--xxxl\:sm {
        gap: var(--token-spacing-all-xxxl)
    }
}

@media(max-width:992px) {
    .ar-flex.ar-gap--xxxl\:md {
        gap: var(--token-spacing-all-xxxl)
    }
}

@media(max-width:1200px) {
    .ar-flex.ar-gap--xxxl\:lg {
        gap: var(--token-spacing-all-xxxl)
    }
}

.ar-flex {
    display: flex
}

.ar-flex-row {
    flex-direction: row
}

.ar-flex-col {
    flex-direction: column
}

.ar-justify-center {
    justify-content: center
}

.ar-justify-space-between {
    justify-content: space-between
}

.ar-justify-space-around {
    justify-content: space-around
}

.ar-justify-start {
    justify-content: flex-start
}

.ar-justify-end {
    justify-content: flex-end
}

.ar-items-center {
    align-items: center
}

.ar-items-start {
    align-items: flex-start
}

.ar-items-end {
    align-items: flex-end
}

.ar-flex-1 {
    flex: 1 1
}

.ar-flex-wrap {
    flex-wrap: wrap
}

@media(max-width:767px) {
    .ar-flex-row\:sm {
        flex-direction: row
    }

    .ar-flex-col\:sm {
        flex-direction: column
    }
}

@media(max-width:992px) {
    .ar-flex-row\:md {
        flex-direction: row
    }

    .ar-flex-col\:md {
        flex-direction: column
    }
}

@media(max-width:1200px) {
    .ar-flex-row\:lg {
        flex-direction: row
    }

    .ar-flex-col\:lg {
        flex-direction: column
    }
}

@media(max-width:767px) {
    .ar-justify-space-between\:sm {
        justify-content: space-between
    }

    .ar-justify-space-around\:sm {
        justify-content: space-around
    }

    .ar-justify-center\:sm {
        justify-content: center
    }

    .ar-justify-start\:sm {
        justify-content: flex-start
    }
}

@media(max-width:992px) {
    .ar-justify-space-between\:md {
        justify-content: space-between
    }

    .ar-justify-space-around\:md {
        justify-content: space-around
    }

    .ar-justify-center\:md {
        justify-content: center
    }

    .ar-justify-start\:md {
        justify-content: flex-start
    }
}

@media(max-width:1200px) {
    .ar-justify-space-between\:lg {
        justify-content: space-between
    }

    .ar-justify-space-around\:lg {
        justify-content: space-around
    }

    .ar-justify-center\:lg {
        justify-content: center
    }

    .ar-justify-start\:lg {
        justify-content: flex-start
    }
}

@media(max-width:767px) {
    .ar-items-start\:sm {
        align-items: flex-start
    }

    .ar-items-end\:sm {
        align-items: flex-end
    }

    .ar-items-center\:sm {
        align-items: center
    }
}

@media(max-width:992px) {
    .ar-items-start\:md {
        align-items: flex-start
    }

    .ar-items-end\:md {
        align-items: flex-end
    }

    .ar-items-center\:md {
        align-items: center
    }
}

@media(max-width:1200px) {
    .ar-items-start\:lg {
        align-items: flex-start
    }

    .ar-items-end\:lg {
        align-items: flex-end
    }

    .ar-items-center\:lg {
        align-items: center
    }
}

@media(max-width:767px) {
    .ar-flex-1\:sm {
        flex: 1 1
    }
}

@media(max-width:992px) {
    .ar-flex-1\:md {
        flex: 1 1
    }
}

@media(max-width:1200px) {
    .ar-flex-1\:lg {
        flex: 1 1
    }
}

@media(max-width:767px) {
    .ar-flex-wrap\:sm {
        flex-wrap: wrap
    }
}

@media(max-width:992px) {
    .ar-flex-wrap\:md {
        flex-wrap: wrap
    }
}

@media(max-width:1200px) {
    .ar-flex-wrap\:lg {
        flex-wrap: wrap
    }
}

.login-pf {
    min-height: 100vh
}

.login-pf body {
    background: url(https://www.loxone.cn/static_shop/image/bg-image.60e71b37.jpg) no-repeat 50% fixed;
    background-size: cover;
    box-sizing: border-box !important;
    padding: var(--token-spacing-all-xl) !important
}

.login-pf #root {
    height: 100%
}

.login-pf .ar-btn {
    width: 100%
}

.login-pf .login-pf-page {
    display: flex;
    height: -webkit-fill-available;
    gap: var(--token-spacing-all-xl);
    height: 100%;
    min-height: calc(100vh - 80px)
}

.login-pf .login-pf-page #kc-passwd-update-form .form-group {
    margin-bottom: var(--token-spacing-all-m)
}

.login-pf .login-pf-page .login-pf--box-left {
    flex: 1 1;
    color: var(--token-color-foreground-inverse-fg-1);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-pf .login-pf-page .login-pf--box-right {
    flex: 1 1;
    background-color: var(--token-color-background-bg-on-app-canvas);
    border-radius: var(--token-corner-radius-all-l);
    -webkit-backdrop-filter: blur(calc(var(--blur-app-bg-blur-xxl, 88px) / 2));
    backdrop-filter: blur(calc(var(--blur-app-bg-blur-xxl, 88px) / 2));
    padding: var(--token-spacing-all-l) var(--token-spacing-all-m);
    display: grid;
    grid-template-rows: auto min-content;
    grid-template-columns: 100%;
    align-items: center;
    justify-content: center
}

.login-pf .login-pf-page .login-pf--box-right main {
    max-width: 420px;
    margin: 0 auto;
    width: 100%
}

.login-pf .login-pf-page .login-pf--box-right footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.login-pf .login-pf-page .login-pf--box-right .kc-additional-links {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-base)
}

.login-pf .login-pf-page h3 {
    font-size: 1.69rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .135px;
    margin-bottom: var(--token-spacing-all-m);
    text-align: center
}

.login-pf .login-pf-page h4 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .54px;
    margin-top: var(--token-spacing-all-m);
    margin-bottom: var(--token-spacing-all-xxs)
}

.login-pf .login-pf-page .pf-info--text {
    text-align: center;
    margin-bottom: var(--token-spacing-all-m)
}

.login-pf .login-pf-page .login-pf--info-wrapper {
    margin-bottom: var(--token-spacing-all-xxxl)
}

.login-pf .login-pf-page .login-pf--info-wrapper h1 {
    margin-bottom: var(--token-spacing-all-m)
}

.login-pf .login-pf-page .login-pf--info-wrapper h2 {
    font-size: 1.266rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .101px
}

.admin-console .ar-main-nav {
    justify-content: space-between;
    background-color: var(--token-elevation-top-navigation-elevated)
}

.admin-console .ar-main-nav .admin-console--info {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-base)
}

.admin-console .ar-main-nav .admin-console--info a {
    text-decoration: none !important;
    padding: var(--token-spacing-all-s)
}

.admin-console .admin-console--main {
    display: flex;
    gap: var(--token-spacing-all-xl)
}

.admin-console .admin-console--main .ar-input--submit {
    width: auto
}

.admin-console .admin-console--main .admin-console--sidebar {
    width: 340px;
    background-color: var(--token-elevation-navigation-rail-elevated);
    padding: var(--token-spacing-all-m) var(--token-spacing-all-s);
    overflow-y: auto;
    box-shadow: 0 0 100px rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(56px);
    backdrop-filter: blur(56px);
    min-height: calc(100vh - 96px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation {
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-s)
}

.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation>a {
    display: flex;
    flex-direction: row;
    gap: var(--token-spacing-all-s);
    padding: var(--token-spacing-all-s);
    text-decoration: none
}

.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation>a.active,
.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation>a:hover {
    background-color: var(--token-color-background-bg-2);
    border-radius: var(--token-corner-radius-all-base)
}

.admin-console .admin-console--main .admin-console--content {
    flex: 1 1;
    padding: var(--token-spacing-all-l);
    overflow-y: auto
}

.admin-console .admin-console--main .admin-console--content h2 {
    font-size: 1.802rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: var(--token-spacing-all-m)
}

@media only screen and (max-width:992px) {
    .login-pf .login-pf-page {
        flex-direction: column
    }

    .login-pf .login-pf-page .login-pf--box-left {
        flex: none;
        text-align: center
    }

    .login-pf .login-pf-page .login-pf--box-left .login-pf--info-wrapper {
        display: none
    }

    .login-pf .login-pf-page .login-pf--box-right footer {
        justify-content: center
    }

    .login-pf .login-pf-page .login-pf--box-right footer .kc-additional-links {
        display: none
    }
}

.ar-footer {
    padding: var(--token-spacing-all-xl) 0;
    background-color: var(--token-color-background-bg-1)
}

.ar-footer a {
    text-decoration: none;
    color: var(--token-color-foreground-fg-1)
}

.ar-footer--menu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 2fr 1fr 1fr;
    padding: var(--token-spacing-all-m);
    max-width: 1280px;
    margin: 0 auto
}

.ar-footer--newsletter {
    grid-column: 1/6;
    margin: 0 auto;
    width: 100%
}

.ar-footer--newsletter>div {
    display: flex;
    margin-top: var(--token-spacing-all-s);
    gap: var(--token-spacing-all-s)
}

.ar-footer--newsletter input {
    height: 50px;
    box-sizing: border-box;
    padding: var(--token-spacing-all-s);
    display: flex;
    width: 100%;
    border: none;
    outline: none;
    border-radius: var(--token-corner-radius-all-base);
    background-color: var(--token-color-background-bg-2);
    color: var(--token-color-foreground-fg-1);
    caret-color: var(--token-color-foreground-brand-fg)
}

.ar-footer--newsletter input::placeholder {
    color: var(--token-color-foreground-fg-3)
}

.ar-footer--getstarted {
    grid-column: 7/10;
    display: flex;
    flex-direction: column;
    gap: var(--token-spacing-all-xs)
}

.ar-footer--lngswitcher {
    grid-column: 10/12;
    min-width: 160px;
    display: flex;
    flex-direction: column
}

.ar-footer--stroke {
    grid-row: 2/3;
    grid-column: 1/12;
    border-top: 1px solid var(--token-color-stroke-sk-3);
    margin: var(--token-spacing-all-m) 0
}

.ar-footer--copyright {
    grid-column: 1/4;
    color: var(--token-color-foreground-fg-2)
}

.ar-footer--copyright,
.ar-footer--legals {
    display: flex;
    align-content: center;
    align-items: center;
    height: var(--token-spacing-all-m)
}

.ar-footer--legals {
    grid-column: 4/10;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: var(--token-spacing-all-s)
}

.ar-footer--socials {
    grid-column: 10/12;
    display: flex;
    gap: var(--token-spacing-all-m);
    margin: 0 auto
}

.ar-footer .ar-btn {
    color: var(--token-color-foreground-inverse-fg-1)
}

.ar-footer--minimal {
    background-color: var(--token-color-background-bg-1);
    display: flex;
    align-items: center;
    padding: var(--token-spacing-all-base);
    justify-content: space-between
}

.ar-footer--minimal--menu {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    box-sizing: border-box;
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
    font-size: 13px
}

.ar-footer--minimal-copyright {
    color: var(--token-color-foreground-fg-2)
}

.ar-footer--minimal-links {
    display: flex;
    gap: var(--token-spacing-all-base)
}

@media(max-width:1200px) {
    .ar-footer--menu {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: var(--token-spacing-all-xl);
        padding: var(--token-spacing-all-m)
    }

    .ar-footer--newsletter {
        order: 1;
        width: 60%
    }

    .ar-footer--newsletter p {
        display: none
    }

    .ar-footer--legals {
        justify-content: center
    }

    .ar-footer--about,
    .ar-footer--getstarted,
    .ar-footer--stroke {
        display: none
    }

    .ar-footer--minimal {
        flex-direction: column;
        align-items: center
    }

    .ar-footer--minimal-links {
        justify-content: center;
        row-gap: 0;
        flex-wrap: wrap
    }

    .ar-footer--minimal-language {
        justify-content: center
    }
}

@media(max-width:767px) {
    .ar-footer--newsletter {
        width: 100%
    }
}

@keyframes shimmer {
    0% {
        background-position: -100% 0
    }

    to {
        background-position: 100% 0
    }
}

.ar-placeholder--text,
.ar-placeholder-image,
.ar-placeholder-l,
.ar-placeholder-m,
.ar-placeholder-s,
.ar-placeholder-text,
.ar-placeholder-xl,
.ar-placeholder-xs {
    position: relative;
    overflow: hidden;
    background-color: var(--token-color-background-bg-2);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-placeholder--text {
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ar-placeholder--image {
    width: 80px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex: none;
    background-color: var(--token-color-background-bg-2);
    border-radius: var(--token-corner-radius-all-base)
}

.ar-placeholder--image i {
    color: var(--token-color-foreground-fg-disabled)
}

.ar-placeholder--image:before,
.ar-placeholder--text:before,
.ar-placeholder-image:before,
.ar-placeholder-l:before,
.ar-placeholder-m:before,
.ar-placeholder-s:before,
.ar-placeholder-text:before,
.ar-placeholder-xl:before,
.ar-placeholder-xs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--token-color-background-bg-2) 0, hsla(0, 0%, 100%, 0) 50%, var(--token-color-background-bg-2) 100%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite
}

.ar-placeholder-xl {
    height: 2rem;
    width: 100%
}

.ar-placeholder-l {
    height: 1rem;
    width: 66%
}

.ar-placeholder-m {
    height: 1.3rem;
    width: 33%
}

.ar-placeholder-s {
    height: 1rem;
    width: 25%
}

.ar-placeholder-xs {
    height: 16px;
    width: 16%
}

.ar-placeholder-image {
    width: 110px;
    height: 73px
}

.ar-placeholder-text {
    width: 100%;
    height: 1rem
}

.ar-fake--image {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--token-color-foreground-fg-2);
    background-color: var(--token-color-background-bg-2)
}

.ar-fake--image-3_2 {
    padding: calc((66.66% - 64px)/2) 0;
    border-radius: var(--token-corner-radius-all-m)
}

body {
    background-color: var(--token-color-background-bg-2)
}

body.ar-project--webshop {
    background: linear-gradient(180deg, var(--token-color-background-bg-1) 0, var(--token-color-background-bg-1) 200px, hsla(0, 0%, 100%, 0) 300px), var(--token-color-background-bg-app-canvas);
    background-repeat: no-repeat
}

body.ar-project--webshop.ar-page-detail {
    padding-bottom: 60px
}

body.ar-project--webshop.ar-page-checkout {
    background: var(--token-color-background-bg-app-canvas)
}

body.ar-mode--rapid {
    --token-color-background-brand-bg: #00794c !important;
    --token-color-foreground-brand-fg: #00794c !important;
    --token-color-foreground-fg-1: #000 !important
}

body .items-in-cart i,
body .user-logged-in i {
    position: relative
}

body .items-in-cart i:after,
body .user-logged-in i:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    right: 0;
    border-radius: 50%;
    background-color: var(--token-color-background-brand-bg)
}

body.ar-project--intranet .ar-main-nav {
    background-color: var(--token-color-background-bg-1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--token-spacing-all-m)
}

body.ar-project--intranet .ar-main-nav .ar-logo--wrapper {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: .6px;
    text-transform: uppercase;
    text-decoration: none
}

body.ar-project--intranet .ar-main-nav .ar-logo--wrapper,
body.ar-project--intranet .ar-main-nav .ar-nav-user--info {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-base)
}

body.ar-project--intranet .ar-main-nav .ar-nav-user--info img {
    border-radius: 50%
}

body.ar-project--intranet .ar-main-nav .ar-nav-user--info a {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

body.ar-project--intranet .ar-sidebar {
    padding: var(--token-spacing-all-l);
    border-right: .5px solid var(--color-stroke-sk-3, rgba(29, 35, 42, .08))
}

body.ar-project--intranet .ar-sidebar .ar-sidebar--item {
    border-radius: 8px;
    padding: var(--token-spacing-all-base);
    display: flex;
    gap: var(--token-spacing-all-base);
    text-decoration: none
}

body.ar-project--intranet .ar-sidebar .ar-sidebar--item.ar-sidebar--item-active,
body.ar-project--intranet .ar-sidebar .ar-sidebar--item:hover {
    background-color: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1);
    transition: all .3s
}

body.ar-project--keycloak {
    font-family: Averta, Lexend, Helvetica, sans-serif
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right a {
    color: var(--token-color-foreground-fg-1);
    cursor: pointer;
    background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
    padding-bottom: 2px;
    background-position: 0 100%;
    background-size: 0 1.5px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s;
    text-decoration: none
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right a:hover {
    background-size: 100% 1.5px
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) {
    display: flex;
    flex-direction: column;
    border-radius: var(--token-corner-radius-all-m);
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    align-self: stretch;
    box-sizing: border-box;
    border: 1.5px solid transparent;
    min-height: 64px
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass).kcFormGroupErrorClass {
    border-color: var(--token-color-stroke-error-sk)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass).kcFormGroupErrorClass input {
    caret-color: var(--token-color-stroke-error-sk) !important
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcLabelClass {
    color: var(--token-color-foreground-fg-2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px;
    padding: 0;
    margin: 0
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcLabelClass>div {
    font-weight: 400
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password],
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text] {
    caret-color: var(--token-color-foreground-brand-fg);
    padding: 0;
    outline: none;
    border: none;
    width: 100%;
    background-color: transparent;
    color: var(--token-color-foreground-fg-1)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:-moz-read-only,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:-moz-read-only {
    color: var(--token-color-foreground-fg-disabled)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:read-only,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:read-only {
    color: var(--token-color-foreground-fg-disabled)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:-internal-autofill-selected,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:-internal-autofill-selected {
    background-color: transparent !important
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcInputGroup {
    position: relative
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcInputGroup .kcFormPasswordVisibilityButtonClass {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    color: var(--token-color-foreground-fg-2)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input {
    display: none
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:checked~.selected,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:not(:checked)~.unselected {
    display: block
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:checked~.unselected,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:not(:checked)~.selected {
    display: none
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass label {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--token-spacing-all-base);
    padding: var(--token-spacing-all-base) var(--token-spacing-all-s)
}

body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass label div {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .455px;
    color: var(--token-color-foreground-fg-2)
}

body.ar-project--keycloak .login-pf-page #kc-totp-settings>li {
    list-style: none
}

body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-qr-code--wrapper,
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper {
    padding: var(--token-spacing-all-xxs);
    border-radius: var(--token-corner-radius-all-m);
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    margin-top: var(--token-spacing-all-xs);
    margin-bottom: var(--token-spacing-all-xs)
}

body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-qr-code--wrapper img,
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper img {
    display: block
}

body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper {
    padding: var(--token-spacing-all-xxs) var(--token-spacing-all-s)
}

body.ar-project--keycloak .form-actions {
    margin-top: var(--token-spacing-all-m)
}

body.ar-project--keycloak .ar-link {
    color: var(--token-color-foreground-fg-1);
    cursor: pointer;
    background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
    padding-bottom: 2px;
    background-position: 0 100%;
    background-size: 0 1.5px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s;
    text-decoration: none
}

body.ar-project--keycloak .ar-link:hover {
    background-size: 100% 1.5px
}

body.ar-project--keycloak #kc-form-login,
body.ar-project--keycloak #kc-main-wrapper,
body.ar-project--keycloak #kc-otp-login-form,
body.ar-project--keycloak #kc-reset-password-form,
body.ar-project--keycloak #kc-totp-settings-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--token-spacing-all-m)
}

body.ar-project--keycloak #kc-form-login>*,
body.ar-project--keycloak #kc-main-wrapper>*,
body.ar-project--keycloak #kc-otp-login-form>*,
body.ar-project--keycloak #kc-reset-password-form>*,
body.ar-project--keycloak #kc-totp-settings-form>* {
    width: 100%
}

body.ar-project--keycloak .kcFormSettingClass {
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-base)
}

body.ar-project--keycloak .kcFormSettingClass>* {
    flex: 1 1
}

body.ar-project--keycloak .pf-v5-c-masthead {
    background-color: var(--token-color-background-bg-1);
    padding: 13px var(--token-spacing-all-m)
}

body.ar-project--keycloak .pf-v5-c-masthead .pf-m-link {
    color: var(--token-color-foreground-fg-1);
    background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
    padding: 0 0 2px;
    background-position: 0 100%;
    background-size: 0 1.5px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s;
    text-decoration: none !important
}

body.ar-project--keycloak .pf-v5-c-masthead .pf-m-link:hover {
    background-size: 100% 1.5px
}

body.ar-project--keycloak .pf-v5-c-masthead .pf-v5-c-toolbar {
    background: transparent
}

body.ar-project--keycloak .pf-v5-c-masthead #nav-toggle {
    color: var(--token-color-background-inverse-bg-1)
}

body.ar-project--keycloak .pf-v5-c-masthead .pf-v5-c-masthead__brand img {
    width: 100px
}

body.ar-project--keycloak .pf-v5-c-menu-toggle:after,
body.ar-project--keycloak .pf-v5-c-menu-toggle:before,
body.ar-project--keycloak .pf-v5-c-text-input-group__text:after,
body.ar-project--keycloak .pf-v5-c-text-input-group__text:before {
    display: none
}

body.ar-project--keycloak #page-sidebar {
    border-right: .5px solid var(--token-color-stroke-sk-3);
    background: var(--token-color-background-bg-app-canvas)
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list {
    padding: var(--token-spacing-all-l)
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item .pf-m-expandable:before,
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable .pf-v5-c-nav__subnav,
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable:before {
    display: none
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable .pf-v5-c-nav__subnav .pf-v5-c-nav__list {
    padding: 0;
    padding-left: var(--token-spacing-all-l)
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expanded .pf-v5-c-nav__subnav {
    display: block
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__subnav {
    padding: 0
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__subnav .pf-v5-c-nav__link:before {
    display: none
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link {
    color: var(--token-color-foreground-fg-1);
    border-radius: var(--token-corner-radius-all-base);
    display: flex;
    align-items: center;
    gap: var(--token-spacing-all-s);
    padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
    line-height: 40px;
    font-size: 16px;
    white-space: nowrap
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link.pf-m-current,
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:active,
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:focus,
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:hover {
    background-color: var(--token-color-background-inverse-bg-1);
    color: var(--token-color-foreground-inverse-fg-1)
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:after {
    display: none
}

body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:before {
    border: none !important
}

body.ar-project--keycloak .pf-v5-c-jump-links__main {
    display: none
}

body.ar-project--keycloak .pf-v5-c-menu-toggle__text {
    color: #000
}

body.ar-project--keycloak .pf-v5-c-menu-toggle__controls svg {
    fill: #000
}

body.ar-project--keycloak .pf-v5-c-menu__list {
    padding: 0;
    margin: 0
}

body.ar-project--keycloak .pf-v5-c-page__main {
    background: var(--token-color-background-bg-app-canvas)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-data-list {
    padding: 0 !important
}

body.ar-project--keycloak .pf-v5-c-page__main h2 {
    display: none
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button {
    padding: 16px 24px !important;
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
    border-radius: var(--token-corner-radius-all-base)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button span {
    padding: 0 var(--token-spacing-all-xs);
    height: var(--token-spacing-all-m)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.ar-btn-notext {
    padding: var(--token-spacing-all-base);
    gap: var(--token-spacing-all-base)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button:after {
    display: none
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-link {
    background-color: transparent;
    color: var(--token-color-foreground-fg-1);
    border: 1.5px solid var(--token-color-foreground-fg-1)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-link:hover {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-primary {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-brand-bg)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--token-color-background-brand-bg-hover)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-secondary {
    background-color: transparent;
    color: var(--token-color-foreground-fg-1);
    border: 1.5px solid var(--token-color-foreground-fg-1)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-secondary:hover {
    color: var(--token-color-foreground-inverse-fg-1);
    background-color: var(--token-color-background-inverse-bg-1)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form p:first-child {
    padding-bottom: 0 !important
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form-control {
    background-color: transparent !important
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) {
    display: flex;
    flex-direction: column;
    border-radius: var(--token-corner-radius-all-m);
    background-color: var(--token-color-background-bg-1);
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    align-self: stretch;
    box-sizing: border-box;
    border: 1px solid transparent;
    min-height: 64px;
    caret-color: var(--token-color-foreground-brand-fg)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form__group-label {
    color: var(--token-color-foreground-fg-2);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px;
    padding: 0;
    margin: 0
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form__group-label .pf-v5-c-form__label-text {
    font-weight: 400
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form-control:after,
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form-control:before {
    display: none
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text] {
    padding: 0;
    outline: none;
    border: none;
    background-color: transparent;
    color: var(--token-color-foreground-fg-1)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text]:-moz-read-only {
    color: var(--token-color-foreground-fg-disabled)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text]:read-only {
    color: var(--token-color-foreground-fg-disabled)
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button {
    padding: 0 !important
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input,
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button:after,
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button:before {
    display: none
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input:checked~label:before {
    background-image: url("data:image/svg+xml,%3Csvg className='selected' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='base' d='M-0.00390625 4C-0.00390625 1.79086 1.78695 0 3.99609 0H19.9961C22.2052 0 23.9961 1.79086 23.9961 4V20C23.9961 22.2091 22.2052 24 19.9961 24H3.99609C1.78696 24 -0.00390625 22.2091 -0.00390625 20V4Z' fill='%23EDEDED'/%3E%3Cpath id='checkmark' fill-rule='evenodd' clip-rule='evenodd' d='M17.864 8.13959C18.1569 8.43248 18.1569 8.90736 17.864 9.20025L10.5307 16.5336C10.39 16.6742 10.1992 16.7533 10.0003 16.7533C9.80141 16.7533 9.61065 16.6742 9.47 16.5336L6.13666 13.2003C5.84377 12.9074 5.84377 12.4325 6.13666 12.1396C6.42956 11.8467 6.90443 11.8467 7.19732 12.1396L10.0003 14.9426L16.8033 8.13959C17.0962 7.8467 17.5711 7.8467 17.864 8.13959Z' fill='%231D232A'/%3E%3C/svg%3E")
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input:not(:checked)~label:before {
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzc05hbWU9InVuc2VsZWN0ZWQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iQmFzZSIgZD0iTTAuNzU3ODEyIDQuMDE3MDlDMC43NTc4MTIgMi4yMjIxNiAyLjIxMjg5IDAuNzY3MDkgNC4wMDc4MSAwLjc2NzA5SDE5Ljk5OTlDMjEuNzk0OCAwLjc2NzA5IDIzLjI0OTkgMi4yMjIxNiAyMy4yNDk5IDQuMDE3MDlWMjBDMjMuMjQ5OSAyMS43OTQ5IDIxLjc5NDggMjMuMjUgMTkuOTk5OSAyMy4yNUg0LjAwNzgxQzIuMjEyODkgMjMuMjUgMC43NTc4MTIgMjEuNzk0OSAwLjc1NzgxMiAyMFY0LjAxNzA5WiIgc3Ryb2tlPSIjMUQyMzJBIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==")
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check label {
    display: flex;
    align-items: center;
    gap: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check label:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu {
    width: max-content;
    background-color: var(--token-color-background-bg-1);
    -webkit-backdrop-filter: blur(var(--token-blur-med));
    backdrop-filter: blur(var(--token-blur-med));
    border: 1px solid var(--token-color-stroke-sk-3);
    border-radius: var(--token-corner-radius-all-m);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    margin-top: var(--token-spacing-all-xs);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    margin-right: -16px
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu ul {
    padding: 0;
    margin: 0
}

body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu .pf-v5-c-menu__list-item {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
    cursor: pointer
}

body.ar-project--keycloak [data-testid=delete-account] {
    display: none
}

body.ar-project--keycloak section {
    width: 100%;
    margin: 0;
    max-width: 100%;
    background-color: transparent;
    padding: var(--token-spacing-all-l);
    margin: 0 !important
}

body.ar-project--keycloak section [hidden] {
    display: none
}

body.ar-project--keycloak section section {
    padding: 0 !important;
    margin-bottom: var(--token-spacing-all-xxl) !important
}

body.ar-project--keycloak #root h1 {
    font-size: 2.281rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.182px
}

body.ar-project--keycloak #root h2,
body.ar-project--keycloak #root section section h1 {
    font-size: 2.027rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.081px
}

body.ar-project--keycloak #root h3 {
    font-size: 1.802rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%
}

body.ar-project--keycloak #root h4 {
    font-size: 1.602rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%
}

body.ar-project--keycloak #root h5 {
    font-size: 1.424rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .057px
}

body.ar-project--keycloak #root h6 {
    font-size: 1.266rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .101px
}

body.ar-project--keycloak #root p {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .54px
}

body.ar-project--keycloak #root label {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .48px
}

body.ar-project--keycloak .kcInputErrorMessageClass {
    color: var(--token-color-foreground-error-fg, #d51a29);
    font-feature-settings: "liga" off, "clig" off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .42px;
    display: inline-block;
    padding: var(--token-spacing-all-xxs) var(--token-spacing-all-xs)
}

@font-face {
    font-family: AuroraWebshop;
    src: url(../font/AuroraWebshop.86d1518f.eot);
    src: url(../font/AuroraWebshop.86d1518f.eot) format("embedded-opentype"), url(../font/AuroraWebshop.463feaec.ttf) format("truetype"), url(../font/AuroraWebshop.55ce2037.woff) format("woff"), url(../font/AuroraWebshop.283cb2e7.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

i[class*=" webshop-icon-"]:before,
i[class^=webshop-icon-]:before {
    font-family: AuroraWebshop !important;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.webshop-icon-access-security:before {
    content: ""
}

.webshop-icon-climate-shading:before {
    content: ""
}

.webshop-icon-marketing:before {
    content: ""
}

.webshop-icon-cable:before {
    content: ""
}

.webshop-icon-smoke-detector:before {
    content: ""
}

.webshop-icon-nfc-code-touch:before {
    content: ""
}

.webshop-icon-nfc-code-touch-keyfob:before {
    content: ""
}

.webshop-icon-stellantrieb:before {
    content: ""
}

.webshop-icon-wallbox:before {
    content: ""
}

.webshop-icon-audio-standing:before {
    content: ""
}

.webshop-icon-alarm-siren:before {
    content: ""
}

.webshop-icon-touch-pure:before {
    content: ""
}

.webshop-icon-touch:before {
    content: ""
}

.webshop-icon-lighting:before {
    content: ""
}

.webshop-icon-extensions-v2:before {
    content: ""
}

.webshop-icon-extensions:before {
    content: ""
}

.webshop-icon-miniserver:before {
    content: ""
}