.style__browserIncompatible-content___1c1_p .style__browser-modal___FH6Pe {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(35, 37, 38, .7);
    z-index: 1190
}

.style__browserIncompatible-content___1c1_p .style__brower-box___2zTyx {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1200
}

.style__browserIncompatible-content___1c1_p .style__browser-content___1bEYn {
    width: 700px;
    padding-bottom: 80px;
    padding-top: 30px;
    background-color: #fff
}

.style__browserIncompatible-content___1c1_p .style__browser-dji-logo___1dy2f {
    display: block;
    width: 50px;
    height: 29px;
    margin: 45px auto 40px;
    background-repeat: no-repeat
}

.style__browserIncompatible-content___1c1_p .style__browser-text-title___Bj-Yi {
    text-transform: uppercase;
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-align: center
}

.style__browserIncompatible-content___1c1_p .style__browser-text-desc___v7EoX {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 14px;
    color: #000;
    text-align: center
}

.style__browserIncompatible-content___1c1_p .style__browser-list___U3Mhg {
    width: 600px;
    margin: 40px auto;
    height: 130px;
    display: flex;
    justify-content: space-between
}

.style__browserIncompatible-content___1c1_p .style__browser-item___1XFaD {
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.style__browserIncompatible-content___1c1_p .style__browser-item___1XFaD h4.style__name___3jE11 {
    color: #1897f2;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

.style__browserIncompatible-content___1c1_p .style__browser-chrome___12_0k,
.style__browserIncompatible-content___1c1_p .style__browser-edge___1ZY3b,
.style__browserIncompatible-content___1c1_p .style__browser-fiefox___2Ieax,
.style__browserIncompatible-content___1c1_p .style__browser-safair___3RZmj {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-repeat: no-repeat
}

.style__workspace-container___UjlRD {
    position: fixed;
    top: 20px;
    z-index: 99999;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    padding: 12px 15px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.style__workspace-container___UjlRD.style__workspace-hide___a1mMf {
    left: 0;
    transform: translate(0);
    top: 80px
}

.style__workspace-container___UjlRD.style__workspace-hide___a1mMf .style__info___2oN47 {
    display: none
}

.style__workspace-container___UjlRD .style__info___2oN47 {
    margin-right: 50px
}

.style__workspace-container___UjlRD .style__hide___1FUw2 {
    cursor: pointer;
    margin-right: 16px;
    text-decoration: underline
}

.style__workspace-container___UjlRD .style__close___2G0r8 {
    cursor: pointer;
    fill: #fff;
    width: 16px;
    height: 16px
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}



article,
aside,
details,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

body {
    background-color: #fff
}

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

embed,
img,
object {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: initial;
    background: transparent
}

a,
a.index__active___GPAYV,
a:focus,
a:hover {
    text-decoration: none
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: initial
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.index__ie7___3ozDz input[type=checkbox] {
    vertical-align: initial
}

.index__ie6___1zE-e input {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

td,
td img {
    vertical-align: top
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

.index__clickable___zULFn,
button,
input[type=button],
input[type=file],
input[type=submit],
label {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button,
input[type=button] {
    width: auto;
    overflow: visible
}

.index__ie7___3ozDz img {
    -ms-interpolation-mode: bicubic
}

.index__clearfix___3NOy8:after {
    content: " ";
    display: block;
    clear: both
}



html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: initial
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: initial
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    vertical-align: text-bottom
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

.bg-cover {
    background-size: cover
}

.bg-contain,
.bg-cover {
    background-repeat: no-repeat;
    background-position: 50%
}

.bg-contain {
    background-size: contain
}



.dji-de,
.dji-de .atom-design-v1 *,
.dji-en,
.dji-en .atom-design-v1 *,
.dji-es,
.dji-es .atom-design-v1 *,
.dji-fr,
.dji-fr .atom-design-v1 *,
.dji-it,
.dji-it .atom-design-v1 *,
.dji-pt-BR,
.dji-pt-BR .atom-design-v1 *,
.dji-ru,
.dji-ru .atom-design-v1 *,
.dji-th,
.dji-th .atom-design-v1 *,
.dji-zh-CN,
.dji-zh-CN .atom-design-v1 *,
.dji-zh-TW,
.dji-zh-TW .atom-design-v1 * {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif"
}

.dji-de .btn,
.dji-de dl dt,
.dji-de h1,
.dji-de h2,
.dji-de h3,
.dji-de h4,
.dji-de h5,
.dji-de h6,
.dji-en .btn,
.dji-en dl dt,
.dji-en h1,
.dji-en h2,
.dji-en h3,
.dji-en h4,
.dji-en h5,
.dji-en h6,
.dji-es .btn,
.dji-es dl dt,
.dji-es h1,
.dji-es h2,
.dji-es h3,
.dji-es h4,
.dji-es h5,
.dji-es h6,
.dji-fr .btn,
.dji-fr dl dt,
.dji-fr h1,
.dji-fr h2,
.dji-fr h3,
.dji-fr h4,
.dji-fr h5,
.dji-fr h6,
.dji-it .btn,
.dji-it dl dt,
.dji-it h1,
.dji-it h2,
.dji-it h3,
.dji-it h4,
.dji-it h5,
.dji-it h6,
.dji-pt-BR .btn,
.dji-pt-BR dl dt,
.dji-pt-BR h1,
.dji-pt-BR h2,
.dji-pt-BR h3,
.dji-pt-BR h4,
.dji-pt-BR h5,
.dji-pt-BR h6,
.dji-ru .btn,
.dji-ru dl dt,
.dji-ru h1,
.dji-ru h2,
.dji-ru h3,
.dji-ru h4,
.dji-ru h5,
.dji-ru h6,
.dji-th .btn,
.dji-th dl dt,
.dji-th h1,
.dji-th h2,
.dji-th h3,
.dji-th h4,
.dji-th h5,
.dji-th h6,
.dji-zh-CN .btn,
.dji-zh-CN dl dt,
.dji-zh-CN h1,
.dji-zh-CN h2,
.dji-zh-CN h3,
.dji-zh-CN h4,
.dji-zh-CN h5,
.dji-zh-CN h6,
.dji-zh-TW .btn,
.dji-zh-TW dl dt,
.dji-zh-TW h1,
.dji-zh-TW h2,
.dji-zh-TW h3,
.dji-zh-TW h4,
.dji-zh-TW h5,
.dji-zh-TW h6 {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif";
    font-weight: 500
}

.dji-de .font-opensans,
.dji-en .font-opensans,
.dji-es .font-opensans,
.dji-fr .font-opensans,
.dji-it .font-opensans,
.dji-pt-BR .font-opensans,
.dji-ru .font-opensans,
.dji-th .font-opensans,
.dji-zh-CN .font-opensans,
.dji-zh-TW .font-opensans {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif" !important
}

.dji-de .font-dji,
.dji-en .font-dji,
.dji-es .font-dji,
.dji-fr .font-dji,
.dji-it .font-dji,
.dji-pt-BR .font-dji,
.dji-ru .font-dji,
.dji-th .font-dji,
.dji-zh-CN .font-dji,
.dji-zh-TW .font-dji {
    font-family: Dji, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif" !important;
    font-weight: 500 !important;
    text-transform: uppercase !important
}

.dji-de .font-dji.light,
.dji-de .font-dji .light,
.dji-en .font-dji.light,
.dji-en .font-dji .light,
.dji-es .font-dji.light,
.dji-es .font-dji .light,
.dji-fr .font-dji.light,
.dji-fr .font-dji .light,
.dji-it .font-dji.light,
.dji-it .font-dji .light,
.dji-pt-BR .font-dji.light,
.dji-pt-BR .font-dji .light,
.dji-ru .font-dji.light,
.dji-ru .font-dji .light,
.dji-th .font-dji.light,
.dji-th .font-dji .light,
.dji-zh-CN .font-dji.light,
.dji-zh-CN .font-dji .light,
.dji-zh-TW .font-dji.light,
.dji-zh-TW .font-dji .light {
    font-weight: 300 !important
}

.dji-ja,
.dji-ja .atom-design-v1 * {
    font-family: Open Sans, Hiragino Kaku Gothic Pro W3, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo
}

.dji-ja .atom-design-v1 dl dt,
.dji-ja .atom-design-v1 h1,
.dji-ja .atom-design-v1 h2,
.dji-ja .atom-design-v1 h3,
.dji-ja .atom-design-v1 h4,
.dji-ja .atom-design-v1 h5,
.dji-ja .atom-design-v1 h6 {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif"
}

.dji-ja .btn,
.dji-ja dl dt,
.dji-ja h1,
.dji-ja h2,
.dji-ja h3,
.dji-ja h4,
.dji-ja h5,
.dji-ja h6 {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif";
    font-weight: 600
}

.dji-ja .font-dji {
    text-transform: uppercase !important;
    font-family: Dji, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif" !important;
    font-weight: 500 !important
}

.dji-ja .font-dji.light,
.dji-ja .font-dji .light {
    font-weight: 300 !important
}

.dji-ko {
    word-break: keep-all
}

.dji-ko,
.dji-ko .atom-design-v1 * {
    font-family: Open Sans, Dotum, Apple SD Gothic Neo
}

.dji-ko .atom-design-v1 dl dt,
.dji-ko .atom-design-v1 h1,
.dji-ko .atom-design-v1 h2,
.dji-ko .atom-design-v1 h3,
.dji-ko .atom-design-v1 h4,
.dji-ko .atom-design-v1 h5,
.dji-ko .atom-design-v1 h6 {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif"
}

.dji-ko .btn,
.dji-ko dl dt,
.dji-ko h1,
.dji-ko h2,
.dji-ko h3,
.dji-ko h4,
.dji-ko h5,
.dji-ko h6 {
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif";
    font-weight: 600
}

.dji-ko .font-dji {
    text-transform: uppercase !important;
    font-family: Dji, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif" !important;
    font-weight: 500 !important
}

.dji-ko .font-dji.light,
.dji-ko .font-dji .light {
    font-weight: 300 !important
}

.nowrap {
    white-space: nowrap;
    font-weight: inherit
}



.h1,
h1 {
    font-size: 2.5rem;
    line-height: 1.4
}

.h1.text-compact,
h1.text-compact {
    line-height: 1.2
}

.h2,
h2 {
    font-size: 2rem;
    line-height: 1.5
}

.h2.text-compact,
h2.text-compact {
    line-height: 1.25
}


.h3.text-compact,
h3.text-compact {
    line-height: 1.143
}

.h4,
h4 {
    font-size: 1.5rem
}

.h4,
.h4.text-compact,
h4,
h4.text-compact {
    line-height: 1.334
}

.h5,
h5 {
    font-size: 1.25rem;
    line-height: 1.6
}

.h5.text-compact,
h5.text-compact {
    line-height: 1.2
}

.h6,
h6 {
    font-size: 1rem
}

.h6,
.h6.text-compact,
h6,
h6.text-compact {
    line-height: 1.5
}

body {
    font-weight: 400;
    color: #3b3e40;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    direction: ltr
}

.body,
body {
    font-size: 1rem
}

.body,
.body.text-compact,
body,
body.text-compact {
    line-height: 1.5
}

span.rich-text {
    font-weight: inherit
}

.seo-tag-visual-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.flex-grid {
    display: flex;
    flex-wrap: wrap
}

.flex-cell {
    box-sizing: border-box;
    flex-shrink: 0
}

.index__grid-container___1hw-V {
    width: 1200px;
    margin: 0 auto
}

@media (max-width:768px) {
    .index__grid-container___1hw-V {
        width: 100%
    }
}

.index__grid-container-fluid___xU3DW {
    width: 100%
}

.index__grid-container___1hw-V .index__grid___VR397 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.index__grid-container___1hw-V .index__grid___VR397.index__top___2JvZt {
    align-items: flex-start
}

.index__grid-container___1hw-V .index__grid___VR397.index__middle___2_8i0 {
    align-items: center
}

.index__grid-container___1hw-V .index__grid___VR397.index__bottom___2nxEw {
    align-items: flex-end
}

.index__grid-container___1hw-V .index__grid___VR397.index__stretch___3Psys {
    align-items: stretch
}

.index__grid-container___1hw-V .index__grid___VR397.index__baseline___1-_ZA {
    align-items: baseline
}

.index__grid-container___1hw-V .index__grid___VR397.index__left___1Chlf {
    justify-content: flex-start
}

.index__grid-container___1hw-V .index__grid___VR397.index__center___1iSrG {
    justify-content: center
}

.index__grid-container___1hw-V .index__grid___VR397.index__right___3uSj6 {
    justify-content: flex-end
}

.index__grid-container___1hw-V .index__grid___VR397.index__between___23sqT {
    justify-content: space-between
}

.index__grid-container___1hw-V .index__grid___VR397.index__around___NdH-v {
    justify-content: space-around
}

.index__grid-container___1hw-V .index__cell___3WVO8 {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 10px
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is___1ntA_ {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-fifth___3Uul4 {
    flex-basis: 20%;
    max-width: 20%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-1___pK-SX {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-2___1K_-0 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-3___9Nm_8 {
    flex-basis: 25%;
    max-width: 25%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-4___3BEyb {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-5___2BG8x {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-6___S8AbL {
    flex-basis: 50%;
    max-width: 50%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-7___1Dd-x {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-8___1gPwC {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-9___3aEJb {
    flex-basis: 75%;
    max-width: 75%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-10___1uALE {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-11___2Heae {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-12___1ssvb {
    flex-basis: 100%;
    max-width: 100%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-0___3PM2F {
    margin-left: 0
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-1___Kuz3r {
    margin-left: 8.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-2___OQSH2 {
    margin-left: 16.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-3___1e-GP {
    margin-left: 25%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-4___2mmAf {
    margin-left: 33.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-5___p8mXo {
    margin-left: 41.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-6___1xdp2 {
    margin-left: 50%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-7___2zGeD {
    margin-left: 58.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-8___MRL1L {
    margin-left: 66.66666667%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-9___3yfiq {
    margin-left: 75%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-10___1d8FP {
    margin-left: 83.33333333%
}

.index__grid-container___1hw-V .index__cell___3WVO8.index__is-offset-11___pi6zn {
    margin-left: 91.66666667%
}

.index__grid-container-fluid___xU3DW .index__grid___VR397 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__top___2JvZt {
    align-items: flex-start
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__middle___2_8i0 {
    align-items: center
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__bottom___2nxEw {
    align-items: flex-end
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__stretch___3Psys {
    align-items: stretch
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__baseline___1-_ZA {
    align-items: baseline
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__left___1Chlf {
    justify-content: flex-start
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__center___1iSrG {
    justify-content: center
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__right___3uSj6 {
    justify-content: flex-end
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__between___23sqT {
    justify-content: space-between
}

.index__grid-container-fluid___xU3DW .index__grid___VR397.index__around___NdH-v {
    justify-content: space-around
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8 {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 10px
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is___1ntA_ {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-fifth___3Uul4 {
    flex-basis: 20%;
    max-width: 20%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-1___pK-SX {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-2___1K_-0 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-3___9Nm_8 {
    flex-basis: 25%;
    max-width: 25%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-4___3BEyb {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-5___2BG8x {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-6___S8AbL {
    flex-basis: 50%;
    max-width: 50%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-7___1Dd-x {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-8___1gPwC {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-9___3aEJb {
    flex-basis: 75%;
    max-width: 75%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-10___1uALE {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-11___2Heae {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-12___1ssvb {
    flex-basis: 100%;
    max-width: 100%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-0___3PM2F {
    margin-left: 0
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-1___Kuz3r {
    margin-left: 8.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-2___OQSH2 {
    margin-left: 16.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-3___1e-GP {
    margin-left: 25%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-4___2mmAf {
    margin-left: 33.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-5___p8mXo {
    margin-left: 41.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-6___1xdp2 {
    margin-left: 50%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-7___2zGeD {
    margin-left: 58.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-8___MRL1L {
    margin-left: 66.66666667%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-9___3yfiq {
    margin-left: 75%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-10___1d8FP {
    margin-left: 83.33333333%
}

.index__grid-container-fluid___xU3DW .index__cell___3WVO8.index__is-offset-11___pi6zn {
    margin-left: 91.66666667%
}

.index__dui-form___-W6TV {
    margin: 0 auto;
    color: #919699
}

.index__dui-form___-W6TV.index__row-submit___1kawY {
    opacity: 1;
    padding-top: 20px
}

.index__dui-form___-W6TV.index__row-submit___1kawY .index__form-group___s-4Lo {
    margin-bottom: 0
}

.index__dui-form___-W6TV button {
    margin-top: 16px;
    background-color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 16px;
    color: #303233;
    padding: 16px 28px
}

.index__dui-form___-W6TV .index__form-group___s-4Lo {
    margin-bottom: 24px
}

.index__dui-form___-W6TV .index__form-group___s-4Lo.index__col-submit___3xG2G {
    margin-bottom: 0
}

.index__dui-form___-W6TV .index__form-group___s-4Lo input[type=number],
.index__dui-form___-W6TV .index__form-group___s-4Lo input[type=tel],
.index__dui-form___-W6TV .index__form-group___s-4Lo input[type=text],
.index__dui-form___-W6TV .index__form-group___s-4Lo textarea {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    background: #494b4d;
    padding: 5px 0;
    border: none;
    font-size: 16px;
    line-height: 30px;
    text-indent: 8px;
    outline: none;
    color: inherit
}

.index__dui-form___-W6TV .index__form-group___s-4Lo select {
    display: block;
    width: 100%;
    height: 40px;
    background: #494b4d;
    font-size: 16px;
    color: inherit;
    line-height: 30px;
    border: none;
    outline: none !important;
    -o-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    cursor: pointer;
    text-transform: capitalize;
    padding-left: 8px
}

.index__dui-form___-W6TV .index__form-group___s-4Lo select::-ms-expand {
    display: none
}

.index__dui-form___-W6TV .index__form-group___s-4Lo select option {
    color: rgba(0, 0, 0, .75)
}

.index__dui-form___-W6TV .index__form-group___s-4Lo .index__fa-caret-down___2pBvG {
    position: absolute;
    display: block;
    bottom: 13px;
    right: 23px
}

.index__dui-form___-W6TV .index__form-group___s-4Lo i.index__fa-spinner___1kTl9 {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -9px;
    font-size: 20px;
    opacity: .7
}

.index__dui-form___-W6TV .index__form-group___s-4Lo label.index__error___2w8rV {
    right: 11px;
    top: 37px
}

.index__dui-form___-W6TV label.index__checkbox-container___226eq {
    position: relative;
    min-width: 230px;
    margin: 0 8px 8px 40px;
    padding-left: 20px;
    font-size: 16px;
    cursor: pointer;
    color: #707473
}

.index__dui-form___-W6TV label.index__checkbox-container___226eq .index__fa___3-pNY {
    font-size: 12px;
    transform: scale(.66);
    position: absolute;
    left: 0;
    top: 2px;
    color: #fff;
    padding: 2px;
    background: #fff;
    border: 1px solid #d8d8d8
}

.index__dui-form___-W6TV label.index__checkbox-container___226eq input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.index__dui-form___-W6TV label.index__checkbox-container___226eq input[type=checkbox]:checked+.index__fa___3-pNY {
    border: 1px solid #44a8f2;
    background: #44a8f2
}

.index__dui-form___-W6TV label.index__checkbox-container___226eq p {
    padding-left: 6px
}

._2PzHu,
.RBtig {
    z-index: 10000
}

.index__dui-btn___3Xvyl {
    display: inline-block;
    color: #fff;
    height: 46px;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 32px;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    transition: all .3s ease
}

.index__dui-btn___3Xvyl.index__active___GPAYV,
.index__dui-btn___3Xvyl:hover {
    color: #fff;
    text-decoration: none
}

.index__dui-btn-sm___18XKi {
    height: 30px;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 16px
}

.index__dui-btn-primary___21WsD {
    background: #3c3e40;
    background-image: linear-gradient(-180deg, #3c3e40, #303233)
}

.index__dui-btn-primary___21WsD.index__active___GPAYV,
.index__dui-btn-primary___21WsD:hover {
    background-image: linear-gradient(-180deg, #545759, #303233)
}

.index__dui-btn-normal___2Khw6 {
    background: #3c3e40;
    background-image: linear-gradient(-180deg, #3c3e40, #303233)
}

.index__dui-btn-normal___2Khw6.index__active___GPAYV,
.index__dui-btn-normal___2Khw6:hover {
    background-image: linear-gradient(-180deg, #545759, #303233)
}

.index__dui-btn-buy___2cPPF {
    background: #1e9df7;
    background-image: linear-gradient(-180deg, #1e9df7, #1392ed)
}

.index__dui-btn-buy___2cPPF.index__active___GPAYV,
.index__dui-btn-buy___2cPPF:hover {
    background-image: linear-gradient(-180deg, #4cb5ff, #1392ed)
}

.index__dui-learn-more___3A4OO {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
    height: 46px;
    color: #303233;
    cursor: pointer
}

.index__dui-learn-more___3A4OO.index__active___GPAYV,
.index__dui-learn-more___3A4OO:hover {
    color: #616466;
    text-decoration: none
}

.index__dui-learn-more___3A4OO i.index__fa-angle-right___1cNUw {
    margin-left: 8px;
    font-weight: 600
}

@keyframes index__sk-bouncedelay___3_rtG {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.index__spinner___28vWx {
    margin: 0 auto;
    width: 82px;
    text-align: center
}

.index__spinner___28vWx>div {
    margin: 0 2px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: index__sk-bouncedelay___3_rtG 1.4s ease-in-out infinite both
}

.index__spinner___28vWx .index__bounce1___3w1d0 {
    animation-delay: -.32s
}

.index__spinner___28vWx .index__bounce2___lAAJ_ {
    animation-delay: -.16s
}

a.dui-link {
    color: #1890ff
}

a.dui-link:hover {
    text-decoration: underline
}

:root {
    --font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
    --font-family-jp: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --full-screen-height: calc(100vh - 64px);
    --grid-width: 1200px;
    --line-height-compact: 1.26;
    --line-height-normal: 1.5;
    --font-weight-headline: 600;
    --font-weight-paragraph: 400;
    --font-weight-component: 400;
    --grey-0: #fff;
    --grey-1: #fafafa;
    --grey-2: #f5f5f5;
    --grey-3: #f0f0f0;
    --grey-4: #d9d9d9;
    --grey-5: #bfbfbf;
    --grey-6: #8c8c8c;
    --grey-7: #595959;
    --grey-8: #434343;
    --grey-9: #262626;
    --grey-10: #1f1f1f;
    --grey-11: #141414;
    --grey-12: #000;
    --common-black: 0, 0, 0;
    --common-white: 255, 255, 255;
    --black-1: rgba(var(--common-black), 0.02);
    --black-2: rgba(var(--common-black), 0.04);
    --black-3: rgba(var(--common-black), 0.06);
    --black-4: rgba(var(--common-black), 0.15);
    --black-5: rgba(var(--common-black), 0.25);
    --black-6: rgba(var(--common-black), 0.45);
    --black-7: rgba(var(--common-black), 0.65);
    --black-8: rgba(var(--common-black), 0.85);
    --white-1: rgba(var(--common-white), 0.04);
    --white-2: rgba(var(--common-white), 0.08);
    --white-3: rgba(var(--common-white), 0.12);
    --white-4: rgba(var(--common-white), 0.2);
    --white-5: rgba(var(--common-white), 0.3);
    --white-6: rgba(var(--common-white), 0.45);
    --white-7: rgba(var(--common-white), 0.65);
    --white-8: rgba(var(--common-white), 1);
    --secondary-navigation: #232526;
    --brand-1: #e7f3fb;
    --brand-2: #c5e3f7;
    --brand-3: #8fc6ee;
    --brand-4: #5ca9e6;
    --brand-5: #2c8cdd;
    --brand-6: #0070d5;
    --brand-7: #005ab1;
    --brand-8: #00468e;
    --brand-9: #00326a;
    --brand-10: #002046;
    --red-1: 251, 236, 234;
    --red-2: 246, 208, 204;
    --red-3: 237, 161, 157;
    --red-4: 229, 114, 112;
    --red-5: 220, 71, 73;
    --red-6: 211, 32, 41;
    --red-7: 175, 21, 34;
    --red-8: 140, 13, 28;
    --red-9: 104, 6, 21;
    --red-10: 68, 2, 14;
    --orange-1: 249, 240, 229;
    --orange-2: 242, 220, 195;
    --orange-3: 229, 184, 139;
    --orange-4: 216, 148, 89;
    --orange-5: 203, 113, 44;
    --orange-6: 190, 78, 4;
    --orange-7: 170, 59, 0;
    --orange-8: 149, 44, 0;
    --orange-9: 129, 32, 0;
    --orange-10: 108, 21, 0;
    --green-1: 236, 250, 239;
    --green-2: 208, 246, 215;
    --green-3: 164, 237, 178;
    --green-4: 123, 227, 145;
    --green-5: 85, 218, 115;
    --green-6: 49, 209, 88;
    --green-7: 39, 174, 74;
    --green-8: 30, 139, 60;
    --green-9: 21, 104, 46;
    --green-10: 14, 70, 31;
    --black-light-bg: var(--black-1);
    --black-bg: var(--black-2);
    --black-divider: var(--black-3);
    --black-border: var(--black-4);
    --black-disabled: var(--black-5);
    --black-tertiary: var(--black-6);
    --black-secondary: var(--black-7);
    --black-primary: var(--black-8);
    --white-light-bg: var(--white-1);
    --white-bg: var(--white-2);
    --white-divider: var(--white-3);
    --white-border: var(--white-4);
    --white-disabled: var(--white-5);
    --white-tertiary: var(--white-6);
    --white-secondary: var(--white-7);
    --white-primary: var(--white-8)
}

:root .dark-theme {
    --brand-default: var(--brand-6);
    --brand-hover: var(--brand-5);
    --brand-active: var(--brand-7);
    --brand-text-default: var(--brand-5);
    --brand-text-hover: var(--brand-4);
    --brand-text-active: var(--brand-6);
    --light-bg: var(--white-light-bg);
    --bg: var(--white-bg);
    --divider: var(--white-divider);
    --border: var(--white-border);
    --disabled: var(--white-disabled);
    --tertiary: var(--white-tertiary);
    --secondary: var(--white-secondary);
    --primary: var(--white-primary);
    --reverse-light-bg: var(--black-light-bg);
    --reverse-bg: var(--black-bg);
    --reverse-divider: var(--black-divider);
    --reverse-border: var(--black-border);
    --reverse-disabled: var(--black-disabled);
    --reverse-tertiary: var(--black-tertiary);
    --reverse-secondary: var(--black-secondary);
    --reverse-primary: var(--black-primary);
    --background-2: var(--grey-10);
    --background-1: var(--grey-11);
    --background-0: var(--grey-12);
    --danger: rgba(var(--red-5), 1);
    --warning: rgba(var(--orange-5), 1);
    --success: rgba(var(--green-6), 1);
    --brand-primary-default: var(--primary);
    --brand-primary-hover: var(--secondary);
    --brand-primary-active: var(--tertiary);
    --brand-primary-focus: var(--border)
}

:root .light-theme {
    --brand-default: var(--brand-6);
    --brand-hover: var(--brand-5);
    --brand-active: var(--brand-7);
    --brand-text-default: var(--brand-7);
    --brand-text-hover: var(--brand-6);
    --brand-text-active: var(--brand-8);
    --light-bg: var(--black-light-bg);
    --bg: var(--black-bg);
    --divider: var(--black-divider);
    --border: var(--black-border);
    --disabled: var(--black-disabled);
    --tertiary: var(--black-tertiary);
    --secondary: var(--black-secondary);
    --primary: var(--black-primary);
    --reverse-light-bg: var(--white-light-bg);
    --reverse-bg: var(--white-bg);
    --reverse-divider: var(--white-divider);
    --reverse-border: var(--white-border);
    --reverse-disabled: var(--white-disabled);
    --reverse-tertiary: var(--white-tertiary);
    --reverse-secondary: var(--white-secondary);
    --reverse-primary: var(--white-primary);
    --background-2: var(--grey-3);
    --background-1: var(--grey-2);
    --background-0: var(--grey-0);
    --danger: rgba(var(--red-6), 1);
    --warning: rgba(var(--orange-6), 1);
    --success: rgba(var(--green-8), 1);
    --brand-primary-default: var(--primary);
    --brand-primary-hover: var(--secondary);
    --brand-primary-active: var(--primary);
    --brand-primary-focus: var(--border)
}

:root {
    --spacing-xl: 128px;
    --spacing-lg: 96px;
    --spacing-md: 48px;
    --spacing-sm: 32px;
    --spacing-xs: 16px
}

:root .mobile-mode {
    --spacing-xl: 64px;
    --spacing-lg: 48px;
    --spacing-md: 32px;
    --spacing-sm: 24px;
    --spacing-xs: 8px
}