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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

img {
    vertical-align: middle
}

[role=button],
a,
button,
input:not([type=range]) {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button {
    border-radius: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
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
}

ol,
ul {
    list-style: none
}

:root {
    --color-commonWhite: #fff;
    --color-commonBlack: #000;
    --color-whiteMain: #fff;
    --color-whiteMainAlpha1: hsla(0, 0%, 100%, .01);
    --color-whiteMainAlpha40: hsla(0, 0%, 100%, .4);
    --color-whiteMainAlpha60: hsla(0, 0%, 100%, .6);
    --color-blackMain: #000;
    --color-blackMainAlpha20: rgba(0, 0, 0, .2);
    --color-primaryMain: #425cc7;
    --color-errorMain: #dd3e1c;
    --color-successMain: #66bb6a;
    --color-textPrimary: #000;
    --color-textSecondary: #9e9e9e;
    --color-textTertiary: #505050;
    --color-textDisabled: rgba(0, 0, 0, .38);
    --color-dividerMain: #d5d5d5;
    --color-backgroundMain: #fff;
    --color-backgroundCard: #f7f7f7;
    --color-backgroundBackdrop: rgba(0, 14, 73, .15);
    --color-backgroundFooter: #222;
    --color-brandsWildberries: linear-gradient(90deg, #be2081, #4f327d);
    --color-brandsOzon: #015dfe;
    --color-radialBlue: radial-gradient(60.05% 60.05% at 50% 50%, #9badf6 0, #5e75d3 100%);
    --color-radialPurple: radial-gradient(60.05% 60.05% at 50% 50%, #a89ccb 0, #8974c5 100%);
    --color-radialAqua: radial-gradient(42.19% 74.76% at 75.67% 57.17%, #a8e8fc 0, #61c3d9 100%);
    --color-radialOrange: radial-gradient(58.18% 65.03% at 50% 50.17%, #fac180 0, #f8ae4e 100%);
    --color-radialGreen: radial-gradient(50.43% 49.55% at 50.01% 50%, #a3ca63 0, #76b837 100%);
    --color-radialYellow: radial-gradient(70.15% 70.15% at 50% 50%, #fffec1 0, #ebe977 100%);
    --color-actionDisabled: #818180;
    --color-actionDisabledBackground: #e7e7e7;
    --color-actionFocus: #425cc7;
    --zIndex-headerPopup: 50;
    --zIndex-headerFixed: 60;
    --zIndex-cookie: 100;
    --zIndex-captcha: 1500
}

:focus-visible,
[type=button]:focus-visible,
[type=reset]:focus-visible,
[type=submit]:focus-visible,
button:focus-visible {
    outline: 2px solid var(--color-actionFocus)
}

body {
    display: block;
    font-family: Euclid Circular A, sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--color-textPrimary);
    background-color: transparent;
    width: 100%;
    min-width: 375px;
    max-width: 100vw;
    min-height: 100%;
    overflow-x: hidden
}

@media (min-width:768px) {
    body {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

body::-ms-backdrop {
    background-color: var(--color-whiteMain)
}

body::backdrop {
    background-color: var(--color-whiteMain)
}

@media print {
    body {
        background-color: var(--color-whiteMain)
    }
}

b,
strong {
    font-weight: 700
}

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

img {
    border-style: none;
    max-width: 100%
}

a,
img,
svg,
video {
    display: block
}

a {
    text-decoration: none
}

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

blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

address {
    font-style: normal
}

@media (prefers-reduced-motion:no-preference) {
    :focus-visible {
        -webkit-transition: outline-offset 75ms ease-out !important;
        transition: outline-offset 75ms ease-out !important
    }

    :not(:active):focus-visible {
        -webkit-transition-duration: 0.25s !important;
        transition-duration: 0.25s !important
    }
}

:not(:active):focus-visible {
    outline-offset: 4px
}

.VisuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.grecaptcha-badge {
    z-index: var(--zIndex-captcha)
}

@font-face {
    font-family: Euclid Circular A;
    src: url("fonts/EuclidCircularA-Bold.eot");
    src: local("Euclid Circular A Bold"), local("EuclidCircularA-Bold"), url("fonts/EuclidCircularA-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Bold.woff2") format("woff2"), url("fonts/EuclidCircularA-Bold.woff") format("woff"), url("fonts/EuclidCircularA-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Euclid Circular A;
    src: url("fonts/EuclidCircularA-SemiBold.eot");
    src: local("Euclid Circular A SemiBold"), local("EuclidCircularA-SemiBold"), url("fonts/EuclidCircularA-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-SemiBold.woff2") format("woff2"), url("fonts/EuclidCircularA-SemiBold.woff") format("woff"), url("fonts/EuclidCircularA-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Euclid Circular A;
    src: url("fonts/EuclidCircularA-Regular.eot");
    src: local("Euclid Circular A Regular"), local("EuclidCircularA-Regular"), url("fonts/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Regular.woff2") format("woff2"), url("fonts/EuclidCircularA-Regular.woff") format("woff"), url("fonts/EuclidCircularA-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

.App {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 375px;
    max-width: 100vw;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 24px
}

@media (min-width:768px) {
    .App {
        padding-bottom: 40px
    }
}

@media (min-width:1920px) {
    .App {
        padding-bottom: 90px
    }
}

.App>main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.App>main>* {
    width: 100%
}

.App>main+.Footer {
    margin-top: 120px
}

@media (min-width:768px) {
    .App>main+.Footer {
        margin-top: 160px
    }
}

@media (min-width:1024px) {
    .App>main+.Footer {
        margin-top: 120px
    }
}

@media (min-width:1920px) {
    .App>main+.Footer {
        margin-top: 160px
    }
}

.Logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:1920px) {
    .Logo {
        padding-bottom: 1px
    }
}

.Logo-icon {
    width: 46.18px;
    height: 21.7px
}

@media (min-width:768px) {
    .Logo-icon {
        width: 65.94px;
        height: 34.43px
    }
}

@media (min-width:1024px) {
    .Logo-icon {
        width: 47.24px;
        height: 24.86px
    }
}

@media (min-width:1920px) {
    .Logo-icon {
        width: 71px;
        height: 37px
    }
}

@media (min-width:1024px) {
    .Logo-icon+.Logo-text {
        margin-left: 12px
    }
}

@media (min-width:1920px) {
    .Logo-icon+.Logo-text {
        margin-left: 18px
    }
}

@media (max-width:1023.95px) {
    .Logo-text {
        display: none
    }
}

@media (min-width:1024px) {
    .Logo-text {
        width: 123.57px;
        height: 27.51px;
        margin-bottom: 2px
    }
}

@media (min-width:1920px) {
    .Logo-text {
        width: 186px;
        height: 41px;
        margin-bottom: 3px
    }
}

button.BaseButton:not(:disabled):not(.disabled) {
    cursor: pointer
}

.BaseButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none;
    color: inherit;
    z-index: 1
}

.BaseButton::-moz-focus-inner {
    border-style: none
}

.BaseButton.disabled,
.BaseButton:disabled {
    pointer-events: none;
    cursor: default
}

@media print {
    .BaseButton {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.BaseButton [href]:not(.disabled) {
    cursor: pointer
}

.Button-content {
    display: block
}

.Button-contained,
.Button-outlined,
.Button-text {
    font-family: Euclid Circular A, sans-serif;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, font-weight 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, font-weight 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.Button-contained,
.Button-outlined {
    font-weight: 400
}

@media (hover:hover) and (pointer:fine) {

    .Button-contained:hover,
    .Button-outlined:hover {
        font-weight: 600
    }
}

.Button-contained:before,
.Button-outlined:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    -webkit-transition: top 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, right 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: top 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, right 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: -1
}

.Button-contained.Button-size-29,
.Button-outlined.Button-size-29 {
    border-radius: 14.5px;
    font-size: 12px;
    padding: 4.5px 13px
}

.Button-contained.Button-size-38,
.Button-outlined.Button-size-38 {
    border-radius: 19px;
    font-size: 12px;
    padding: 9px 24px
}

.Button-contained.Button-size-40,
.Button-outlined.Button-size-40 {
    border-radius: 20px;
    font-size: 14px;
    padding: 10px 24px
}

.Button-contained.Button-size-41,
.Button-outlined.Button-size-41 {
    border-radius: 20.5px;
    font-size: 14px;
    padding: 10.5px 20px
}

.Button-contained.Button-size-43,
.Button-outlined.Button-size-43 {
    border-radius: 21.5px;
    font-size: 16px;
    padding: 11.5px 24px
}

.Button-contained.Button-size-46,
.Button-outlined.Button-size-46 {
    border-radius: 23px;
    font-size: 18px;
    padding: 13px 24px
}

.Button-contained.Button-size-50,
.Button-outlined.Button-size-50 {
    border-radius: 25px;
    font-size: 20px;
    padding: 15px 24px
}

.Button-contained.Button-size-54,
.Button-outlined.Button-size-54 {
    border-radius: 27px;
    font-size: 18px;
    padding: 17px 24px
}

.Button-contained.Button-size-61,
.Button-outlined.Button-size-61 {
    border-radius: 30.5px;
    font-size: 20px;
    padding: 20.5px 36px
}

.Button-contained.Button-size-65,
.Button-outlined.Button-size-65 {
    border-radius: 32.5px;
    font-size: 20px;
    padding: 22.5px 36px
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-29,
    .Button-outlined.Button-size-xs-29 {
        border-radius: 14.5px;
        font-size: 12px;
        padding: 4.5px 13px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-38,
    .Button-outlined.Button-size-xs-38 {
        border-radius: 19px;
        font-size: 12px;
        padding: 9px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-40,
    .Button-outlined.Button-size-xs-40 {
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-41,
    .Button-outlined.Button-size-xs-41 {
        border-radius: 20.5px;
        font-size: 14px;
        padding: 10.5px 20px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-43,
    .Button-outlined.Button-size-xs-43 {
        border-radius: 21.5px;
        font-size: 16px;
        padding: 11.5px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-46,
    .Button-outlined.Button-size-xs-46 {
        border-radius: 23px;
        font-size: 18px;
        padding: 13px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-50,
    .Button-outlined.Button-size-xs-50 {
        border-radius: 25px;
        font-size: 20px;
        padding: 15px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-54,
    .Button-outlined.Button-size-xs-54 {
        border-radius: 27px;
        font-size: 18px;
        padding: 17px 24px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-61,
    .Button-outlined.Button-size-xs-61 {
        border-radius: 30.5px;
        font-size: 20px;
        padding: 20.5px 36px
    }
}

@media (min-width:0px) {

    .Button-contained.Button-size-xs-65,
    .Button-outlined.Button-size-xs-65 {
        border-radius: 32.5px;
        font-size: 20px;
        padding: 22.5px 36px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-29,
    .Button-outlined.Button-size-sm-29 {
        border-radius: 14.5px;
        font-size: 12px;
        padding: 4.5px 13px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-38,
    .Button-outlined.Button-size-sm-38 {
        border-radius: 19px;
        font-size: 12px;
        padding: 9px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-40,
    .Button-outlined.Button-size-sm-40 {
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-41,
    .Button-outlined.Button-size-sm-41 {
        border-radius: 20.5px;
        font-size: 14px;
        padding: 10.5px 20px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-43,
    .Button-outlined.Button-size-sm-43 {
        border-radius: 21.5px;
        font-size: 16px;
        padding: 11.5px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-46,
    .Button-outlined.Button-size-sm-46 {
        border-radius: 23px;
        font-size: 18px;
        padding: 13px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-50,
    .Button-outlined.Button-size-sm-50 {
        border-radius: 25px;
        font-size: 20px;
        padding: 15px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-54,
    .Button-outlined.Button-size-sm-54 {
        border-radius: 27px;
        font-size: 18px;
        padding: 17px 24px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-61,
    .Button-outlined.Button-size-sm-61 {
        border-radius: 30.5px;
        font-size: 20px;
        padding: 20.5px 36px
    }
}

@media (min-width:768px) {

    .Button-contained.Button-size-sm-65,
    .Button-outlined.Button-size-sm-65 {
        border-radius: 32.5px;
        font-size: 20px;
        padding: 22.5px 36px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-29,
    .Button-outlined.Button-size-md-29 {
        border-radius: 14.5px;
        font-size: 12px;
        padding: 4.5px 13px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-38,
    .Button-outlined.Button-size-md-38 {
        border-radius: 19px;
        font-size: 12px;
        padding: 9px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-40,
    .Button-outlined.Button-size-md-40 {
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-41,
    .Button-outlined.Button-size-md-41 {
        border-radius: 20.5px;
        font-size: 14px;
        padding: 10.5px 20px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-43,
    .Button-outlined.Button-size-md-43 {
        border-radius: 21.5px;
        font-size: 16px;
        padding: 11.5px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-46,
    .Button-outlined.Button-size-md-46 {
        border-radius: 23px;
        font-size: 18px;
        padding: 13px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-50,
    .Button-outlined.Button-size-md-50 {
        border-radius: 25px;
        font-size: 20px;
        padding: 15px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-54,
    .Button-outlined.Button-size-md-54 {
        border-radius: 27px;
        font-size: 18px;
        padding: 17px 24px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-61,
    .Button-outlined.Button-size-md-61 {
        border-radius: 30.5px;
        font-size: 20px;
        padding: 20.5px 36px
    }
}

@media (min-width:1024px) {

    .Button-contained.Button-size-md-65,
    .Button-outlined.Button-size-md-65 {
        border-radius: 32.5px;
        font-size: 20px;
        padding: 22.5px 36px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-29,
    .Button-outlined.Button-size-lg-29 {
        border-radius: 14.5px;
        font-size: 12px;
        padding: 4.5px 13px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-38,
    .Button-outlined.Button-size-lg-38 {
        border-radius: 19px;
        font-size: 12px;
        padding: 9px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-40,
    .Button-outlined.Button-size-lg-40 {
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-41,
    .Button-outlined.Button-size-lg-41 {
        border-radius: 20.5px;
        font-size: 14px;
        padding: 10.5px 20px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-43,
    .Button-outlined.Button-size-lg-43 {
        border-radius: 21.5px;
        font-size: 16px;
        padding: 11.5px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-46,
    .Button-outlined.Button-size-lg-46 {
        border-radius: 23px;
        font-size: 18px;
        padding: 13px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-50,
    .Button-outlined.Button-size-lg-50 {
        border-radius: 25px;
        font-size: 20px;
        padding: 15px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-54,
    .Button-outlined.Button-size-lg-54 {
        border-radius: 27px;
        font-size: 18px;
        padding: 17px 24px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-61,
    .Button-outlined.Button-size-lg-61 {
        border-radius: 30.5px;
        font-size: 20px;
        padding: 20.5px 36px
    }
}

@media (min-width:1280px) {

    .Button-contained.Button-size-lg-65,
    .Button-outlined.Button-size-lg-65 {
        border-radius: 32.5px;
        font-size: 20px;
        padding: 22.5px 36px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-29,
    .Button-outlined.Button-size-xl-29 {
        border-radius: 14.5px;
        font-size: 12px;
        padding: 4.5px 13px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-38,
    .Button-outlined.Button-size-xl-38 {
        border-radius: 19px;
        font-size: 12px;
        padding: 9px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-40,
    .Button-outlined.Button-size-xl-40 {
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-41,
    .Button-outlined.Button-size-xl-41 {
        border-radius: 20.5px;
        font-size: 14px;
        padding: 10.5px 20px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-43,
    .Button-outlined.Button-size-xl-43 {
        border-radius: 21.5px;
        font-size: 16px;
        padding: 11.5px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-46,
    .Button-outlined.Button-size-xl-46 {
        border-radius: 23px;
        font-size: 18px;
        padding: 13px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-50,
    .Button-outlined.Button-size-xl-50 {
        border-radius: 25px;
        font-size: 20px;
        padding: 15px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-54,
    .Button-outlined.Button-size-xl-54 {
        border-radius: 27px;
        font-size: 18px;
        padding: 17px 24px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-61,
    .Button-outlined.Button-size-xl-61 {
        border-radius: 30.5px;
        font-size: 20px;
        padding: 20.5px 36px
    }
}

@media (min-width:1920px) {

    .Button-contained.Button-size-xl-65,
    .Button-outlined.Button-size-xl-65 {
        border-radius: 32.5px;
        font-size: 20px;
        padding: 22.5px 36px
    }
}

.Button-contained.Button-color-white {
    color: var(--color-commonBlack)
}

.Button-contained.Button-color-white:before {
    background-color: var(--color-commonWhite)
}

.Button-contained.Button-color-black {
    color: var(--color-commonWhite)
}

.Button-contained.Button-color-black:before {
    background-color: var(--color-commonBlack)
}

.Button-contained.Button-color-wildberries {
    color: var(--color-commonWhite)
}

.Button-contained.Button-color-wildberries:before {
    background: var(--color-brandsWildberries)
}

.Button-contained.Button-color-wildberries:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-color: var(--color-blackMainAlpha20);
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: -1
}

@media (hover:hover) and (pointer:fine) {
    .Button-contained.Button-color-wildberries:not([aria-selected=true]):hover:after {
        opacity: 1;
        visibility: visible
    }
}

.Button-contained.Button-color-ozon {
    color: var(--color-commonWhite)
}

.Button-contained.Button-color-ozon:before {
    background: var(--color-brandsOzon)
}

.Button-contained.Button-color-ozon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-color: var(--color-blackMainAlpha20);
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: -1
}

@media (hover:hover) and (pointer:fine) {
    .Button-contained.Button-color-ozon:not([aria-selected=true]):hover:after {
        opacity: 1;
        visibility: visible
    }
}

.Button-outlined.Button-color-white {
    color: var(--color-commonWhite)
}

.Button-outlined.Button-color-white:before {
    background-color: transparent;
    border-color: var(--color-commonWhite)
}

@media (hover:hover) and (pointer:fine) {
    .Button-outlined.Button-color-white:not([aria-selected=true]):hover {
        color: var(--color-blackMain)
    }

    .Button-outlined.Button-color-white:not([aria-selected=true]):hover:before {
        background-color: var(--color-commonWhite);
        border-color: var(--color-commonWhite)
    }
}

.Button-outlined.Button-color-black {
    color: var(--color-commonBlack)
}

.Button-outlined.Button-color-black:before {
    background-color: transparent;
    border-color: var(--color-commonBlack)
}

@media (hover:hover) and (pointer:fine) {
    .Button-outlined.Button-color-black:not([aria-selected=true]):hover {
        color: var(--color-whiteMain)
    }

    .Button-outlined.Button-color-black:not([aria-selected=true]):hover:before {
        background-color: var(--color-commonBlack);
        border-color: var(--color-commonBlack)
    }
}

.Button-contained.disabled,
.Button-contained:disabled,
.Button-outlined.disabled,
.Button-outlined:disabled {
    color: var(--color-actionDisabled)
}

.Button-contained.disabled:before,
.Button-contained:disabled:before,
.Button-outlined.disabled:before,
.Button-outlined:disabled:before {
    background-color: var(--color-actionDisabledBackground)
}

.Button-outlined:before {
    border: 1px solid
}

.Button-outlined.disabled:before,
.Button-outlined:disabled:before {
    border-color: var(--color-actionDisabledBackground)
}

.Button-color-white {
    color: var(--color-whiteMain)
}

.Button-color-primary {
    color: var(--color-primaryMain)
}

.Button-color-black {
    color: var(--color-blackMain)
}

.Button-weight-regular {
    font-weight: 400
}

.Button-weight-semi {
    font-weight: 600
}

.Button-weight-bold {
    font-weight: 700
}

.Button-fullWidth {
    width: 100%
}

.HamburgerButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8.5px 4.5px
}

@media (min-width:768px) {
    .HamburgerButton {
        padding: 11.5px 5px
    }
}

.HamburgerButton-box {
    width: 23px;
    height: 15px;
    display: inline-block;
    position: relative
}

@media (min-width:768px) {
    .HamburgerButton-box {
        width: 38px;
        height: 25px
    }
}

.HamburgerButton-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.HamburgerButton-inner,
.HamburgerButton-inner:after,
.HamburgerButton-inner:before {
    width: 23px;
    height: 2px;
    background-color: var(--color-primaryMain);
    border-radius: 1px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media (min-width:768px) {

    .HamburgerButton-inner,
    .HamburgerButton-inner:after,
    .HamburgerButton-inner:before {
        width: 38px;
        height: 4px;
        border-radius: 2px
    }
}

.HamburgerButton-inner:after,
.HamburgerButton-inner:before {
    content: "";
    display: block
}

.HamburgerButton-inner:before {
    top: -6.5px
}

@media (min-width:768px) {
    .HamburgerButton-inner:before {
        top: -10.5px
    }
}

.HamburgerButton-inner:after {
    bottom: -6.5px
}

@media (min-width:768px) {
    .HamburgerButton-inner:after {
        bottom: -10.5px
    }
}

.HamburgerButton-squeeze .HamburgerButton-inner {
    -webkit-transition-duration: 0.075s;
    transition-duration: 0.075s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.HamburgerButton-squeeze .HamburgerButton-inner:before {
    -webkit-transition: top 0.075s ease 0.12s, opacity 0.075s ease;
    transition: top 0.075s ease 0.12s, opacity 0.075s ease
}

.HamburgerButton-squeeze .HamburgerButton-inner:after {
    -webkit-transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.HamburgerButton-squeeze.active .HamburgerButton-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.HamburgerButton-squeeze.active .HamburgerButton-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s ease 0.12s;
    transition: top 0.075s ease, opacity 0.075s ease 0.12s
}

.HamburgerButton-squeeze.active .HamburgerButton-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s
}

.Grid {
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Grid-container,
.Grid-itemContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.Grid-container.Grid-direction-row,
.Grid-itemContainer.Grid-direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Grid-container.Grid-direction-rowReverse,
.Grid-itemContainer.Grid-direction-rowReverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Grid-container.Grid-direction-column,
.Grid-itemContainer.Grid-direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Grid-container.Grid-direction-columnReverse,
.Grid-itemContainer.Grid-direction-columnReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:0px) {

    .Grid-container.Grid-direction-xs-row,
    .Grid-itemContainer.Grid-direction-xs-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-direction-xs-rowReverse,
    .Grid-itemContainer.Grid-direction-xs-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-direction-xs-column,
    .Grid-itemContainer.Grid-direction-xs-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-direction-xs-columnReverse,
    .Grid-itemContainer.Grid-direction-xs-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-direction-sm-row,
    .Grid-itemContainer.Grid-direction-sm-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-direction-sm-rowReverse,
    .Grid-itemContainer.Grid-direction-sm-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-direction-sm-column,
    .Grid-itemContainer.Grid-direction-sm-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-direction-sm-columnReverse,
    .Grid-itemContainer.Grid-direction-sm-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-direction-md-row,
    .Grid-itemContainer.Grid-direction-md-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-direction-md-rowReverse,
    .Grid-itemContainer.Grid-direction-md-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-direction-md-column,
    .Grid-itemContainer.Grid-direction-md-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-direction-md-columnReverse,
    .Grid-itemContainer.Grid-direction-md-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-direction-lg-row,
    .Grid-itemContainer.Grid-direction-lg-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-direction-lg-rowReverse,
    .Grid-itemContainer.Grid-direction-lg-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-direction-lg-column,
    .Grid-itemContainer.Grid-direction-lg-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-direction-lg-columnReverse,
    .Grid-itemContainer.Grid-direction-lg-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-direction-xl-row,
    .Grid-itemContainer.Grid-direction-xl-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-direction-xl-rowReverse,
    .Grid-itemContainer.Grid-direction-xl-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-direction-xl-column,
    .Grid-itemContainer.Grid-direction-xl-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-direction-xl-columnReverse,
    .Grid-itemContainer.Grid-direction-xl-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.Grid-container.Grid-wrap-wrap,
.Grid-itemContainer.Grid-wrap-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Grid-container.Grid-wrap-nowrap,
.Grid-itemContainer.Grid-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.Grid-container.Grid-wrap-wrapReverse,
.Grid-itemContainer.Grid-wrap-wrapReverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

@media (min-width:0px) {

    .Grid-container.Grid-wrap-xs-wrap,
    .Grid-itemContainer.Grid-wrap-xs-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-wrap-xs-nowrap,
    .Grid-itemContainer.Grid-wrap-xs-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-wrap-xs-wrapReverse,
    .Grid-itemContainer.Grid-wrap-xs-wrapReverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-wrap-sm-wrap,
    .Grid-itemContainer.Grid-wrap-sm-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-wrap-sm-nowrap,
    .Grid-itemContainer.Grid-wrap-sm-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-wrap-sm-wrapReverse,
    .Grid-itemContainer.Grid-wrap-sm-wrapReverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-wrap-md-wrap,
    .Grid-itemContainer.Grid-wrap-md-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-wrap-md-nowrap,
    .Grid-itemContainer.Grid-wrap-md-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-wrap-md-wrapReverse,
    .Grid-itemContainer.Grid-wrap-md-wrapReverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-wrap-lg-wrap,
    .Grid-itemContainer.Grid-wrap-lg-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-wrap-lg-nowrap,
    .Grid-itemContainer.Grid-wrap-lg-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-wrap-lg-wrapReverse,
    .Grid-itemContainer.Grid-wrap-lg-wrapReverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-wrap-xl-wrap,
    .Grid-itemContainer.Grid-wrap-xl-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-wrap-xl-nowrap,
    .Grid-itemContainer.Grid-wrap-xl-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-wrap-xl-wrapReverse,
    .Grid-itemContainer.Grid-wrap-xl-wrapReverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

.Grid-container.Grid-alignItems-center,
.Grid-itemContainer.Grid-alignItems-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Grid-container.Grid-alignItems-flexStart,
.Grid-itemContainer.Grid-alignItems-flexStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Grid-container.Grid-alignItems-flexEnd,
.Grid-itemContainer.Grid-alignItems-flexEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Grid-container.Grid-alignItems-stretch,
.Grid-itemContainer.Grid-alignItems-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.Grid-container.Grid-alignItems-baseline,
.Grid-itemContainer.Grid-alignItems-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (min-width:0px) {

    .Grid-container.Grid-alignItems-xs-center,
    .Grid-itemContainer.Grid-alignItems-xs-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-alignItems-xs-flexStart,
    .Grid-itemContainer.Grid-alignItems-xs-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-alignItems-xs-flexEnd,
    .Grid-itemContainer.Grid-alignItems-xs-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-alignItems-xs-stretch,
    .Grid-itemContainer.Grid-alignItems-xs-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-alignItems-xs-baseline,
    .Grid-itemContainer.Grid-alignItems-xs-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-alignItems-sm-center,
    .Grid-itemContainer.Grid-alignItems-sm-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-alignItems-sm-flexStart,
    .Grid-itemContainer.Grid-alignItems-sm-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-alignItems-sm-flexEnd,
    .Grid-itemContainer.Grid-alignItems-sm-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-alignItems-sm-stretch,
    .Grid-itemContainer.Grid-alignItems-sm-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-alignItems-sm-baseline,
    .Grid-itemContainer.Grid-alignItems-sm-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-alignItems-md-center,
    .Grid-itemContainer.Grid-alignItems-md-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-alignItems-md-flexStart,
    .Grid-itemContainer.Grid-alignItems-md-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-alignItems-md-flexEnd,
    .Grid-itemContainer.Grid-alignItems-md-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-alignItems-md-stretch,
    .Grid-itemContainer.Grid-alignItems-md-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-alignItems-md-baseline,
    .Grid-itemContainer.Grid-alignItems-md-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-alignItems-lg-center,
    .Grid-itemContainer.Grid-alignItems-lg-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-alignItems-lg-flexStart,
    .Grid-itemContainer.Grid-alignItems-lg-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-alignItems-lg-flexEnd,
    .Grid-itemContainer.Grid-alignItems-lg-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-alignItems-lg-stretch,
    .Grid-itemContainer.Grid-alignItems-lg-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-alignItems-lg-baseline,
    .Grid-itemContainer.Grid-alignItems-lg-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-alignItems-xl-center,
    .Grid-itemContainer.Grid-alignItems-xl-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-alignItems-xl-flexStart,
    .Grid-itemContainer.Grid-alignItems-xl-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-alignItems-xl-flexEnd,
    .Grid-itemContainer.Grid-alignItems-xl-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-alignItems-xl-stretch,
    .Grid-itemContainer.Grid-alignItems-xl-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-alignItems-xl-baseline,
    .Grid-itemContainer.Grid-alignItems-xl-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.Grid-container.Grid-justifyContent-center,
.Grid-itemContainer.Grid-justifyContent-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Grid-container.Grid-justifyContent-flexStart,
.Grid-itemContainer.Grid-justifyContent-flexStart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Grid-container.Grid-justifyContent-flexEnd,
.Grid-itemContainer.Grid-justifyContent-flexEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Grid-container.Grid-justifyContent-stretch,
.Grid-itemContainer.Grid-justifyContent-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.Grid-container.Grid-justifyContent-spaceBetween,
.Grid-itemContainer.Grid-justifyContent-spaceBetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Grid-container.Grid-justifyContent-spaceAround,
.Grid-itemContainer.Grid-justifyContent-spaceAround {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-center,
    .Grid-itemContainer.Grid-justifyContent-xs-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-flexStart,
    .Grid-itemContainer.Grid-justifyContent-xs-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-flexEnd,
    .Grid-itemContainer.Grid-justifyContent-xs-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-stretch,
    .Grid-itemContainer.Grid-justifyContent-xs-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-spaceBetween,
    .Grid-itemContainer.Grid-justifyContent-xs-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:0px) {

    .Grid-container.Grid-justifyContent-xs-spaceAround,
    .Grid-itemContainer.Grid-justifyContent-xs-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-center,
    .Grid-itemContainer.Grid-justifyContent-sm-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-flexStart,
    .Grid-itemContainer.Grid-justifyContent-sm-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-flexEnd,
    .Grid-itemContainer.Grid-justifyContent-sm-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-stretch,
    .Grid-itemContainer.Grid-justifyContent-sm-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-spaceBetween,
    .Grid-itemContainer.Grid-justifyContent-sm-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {

    .Grid-container.Grid-justifyContent-sm-spaceAround,
    .Grid-itemContainer.Grid-justifyContent-sm-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-center,
    .Grid-itemContainer.Grid-justifyContent-md-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-flexStart,
    .Grid-itemContainer.Grid-justifyContent-md-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-flexEnd,
    .Grid-itemContainer.Grid-justifyContent-md-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-stretch,
    .Grid-itemContainer.Grid-justifyContent-md-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-spaceBetween,
    .Grid-itemContainer.Grid-justifyContent-md-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1024px) {

    .Grid-container.Grid-justifyContent-md-spaceAround,
    .Grid-itemContainer.Grid-justifyContent-md-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-center,
    .Grid-itemContainer.Grid-justifyContent-lg-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-flexStart,
    .Grid-itemContainer.Grid-justifyContent-lg-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-flexEnd,
    .Grid-itemContainer.Grid-justifyContent-lg-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-stretch,
    .Grid-itemContainer.Grid-justifyContent-lg-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-spaceBetween,
    .Grid-itemContainer.Grid-justifyContent-lg-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1280px) {

    .Grid-container.Grid-justifyContent-lg-spaceAround,
    .Grid-itemContainer.Grid-justifyContent-lg-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-center,
    .Grid-itemContainer.Grid-justifyContent-xl-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-flexStart,
    .Grid-itemContainer.Grid-justifyContent-xl-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-flexEnd,
    .Grid-itemContainer.Grid-justifyContent-xl-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-stretch,
    .Grid-itemContainer.Grid-justifyContent-xl-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-spaceBetween,
    .Grid-itemContainer.Grid-justifyContent-xl-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1920px) {

    .Grid-container.Grid-justifyContent-xl-spaceAround,
    .Grid-itemContainer.Grid-justifyContent-xl-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.Grid-container {
    --Grid-columns: 24;
    --Grid-rowSpacing: 0px;
    margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2)
}

.Grid-container,
.Grid-container.Grid-columnSpacing-0 {
    --Grid-columnSpacing: 0px
}

.Grid-container.Grid-columnSpacing-0_5 {
    --Grid-columnSpacing: 4px
}

.Grid-container.Grid-rowSpacing-0 {
    --Grid-rowSpacing: 0px
}

.Grid-container.Grid-rowSpacing-0_5 {
    --Grid-rowSpacing: 4px
}

.Grid-container.Grid-columnSpacing-1 {
    --Grid-columnSpacing: 8px
}

.Grid-container.Grid-columnSpacing-1_5 {
    --Grid-columnSpacing: 12px
}

.Grid-container.Grid-rowSpacing-1 {
    --Grid-rowSpacing: 8px
}

.Grid-container.Grid-rowSpacing-1_5 {
    --Grid-rowSpacing: 12px
}

.Grid-container.Grid-columnSpacing-2 {
    --Grid-columnSpacing: 16px
}

.Grid-container.Grid-columnSpacing-2_5 {
    --Grid-columnSpacing: 20px
}

.Grid-container.Grid-rowSpacing-2 {
    --Grid-rowSpacing: 16px
}

.Grid-container.Grid-rowSpacing-2_5 {
    --Grid-rowSpacing: 20px
}

.Grid-container.Grid-columnSpacing-3 {
    --Grid-columnSpacing: 24px
}

.Grid-container.Grid-columnSpacing-3_5 {
    --Grid-columnSpacing: 28px
}

.Grid-container.Grid-rowSpacing-3 {
    --Grid-rowSpacing: 24px
}

.Grid-container.Grid-rowSpacing-3_5 {
    --Grid-rowSpacing: 28px
}

.Grid-container.Grid-columnSpacing-4 {
    --Grid-columnSpacing: 32px
}

.Grid-container.Grid-columnSpacing-4_5 {
    --Grid-columnSpacing: 36px
}

.Grid-container.Grid-rowSpacing-4 {
    --Grid-rowSpacing: 32px
}

.Grid-container.Grid-rowSpacing-4_5 {
    --Grid-rowSpacing: 36px
}

.Grid-container.Grid-columnSpacing-5 {
    --Grid-columnSpacing: 40px
}

.Grid-container.Grid-columnSpacing-5_5 {
    --Grid-columnSpacing: 44px
}

.Grid-container.Grid-rowSpacing-5 {
    --Grid-rowSpacing: 40px
}

.Grid-container.Grid-rowSpacing-5_5 {
    --Grid-rowSpacing: 44px
}

.Grid-container.Grid-columnSpacing-6 {
    --Grid-columnSpacing: 48px
}

.Grid-container.Grid-columnSpacing-6_5 {
    --Grid-columnSpacing: 52px
}

.Grid-container.Grid-rowSpacing-6 {
    --Grid-rowSpacing: 48px
}

.Grid-container.Grid-rowSpacing-6_5 {
    --Grid-rowSpacing: 52px
}

.Grid-container.Grid-columnSpacing-7 {
    --Grid-columnSpacing: 56px
}

.Grid-container.Grid-columnSpacing-7_5 {
    --Grid-columnSpacing: 60px
}

.Grid-container.Grid-rowSpacing-7 {
    --Grid-rowSpacing: 56px
}

.Grid-container.Grid-rowSpacing-7_5 {
    --Grid-rowSpacing: 60px
}

.Grid-container.Grid-columnSpacing-8 {
    --Grid-columnSpacing: 64px
}

.Grid-container.Grid-columnSpacing-8_5 {
    --Grid-columnSpacing: 68px
}

.Grid-container.Grid-rowSpacing-8 {
    --Grid-rowSpacing: 64px
}

.Grid-container.Grid-rowSpacing-8_5 {
    --Grid-rowSpacing: 68px
}

.Grid-container.Grid-columnSpacing-9 {
    --Grid-columnSpacing: 72px
}

.Grid-container.Grid-columnSpacing-9_5 {
    --Grid-columnSpacing: 76px
}

.Grid-container.Grid-rowSpacing-9 {
    --Grid-rowSpacing: 72px
}

.Grid-container.Grid-rowSpacing-9_5 {
    --Grid-rowSpacing: 76px
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-0 {
        --Grid-columnSpacing: 0px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-0 {
        --Grid-rowSpacing: 0px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-0_5 {
        --Grid-columnSpacing: 4px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-1 {
        --Grid-columnSpacing: 8px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-1_5 {
        --Grid-columnSpacing: 12px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-1 {
        --Grid-rowSpacing: 8px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-1_5 {
        --Grid-rowSpacing: 12px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-2 {
        --Grid-columnSpacing: 16px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-2_5 {
        --Grid-columnSpacing: 20px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-2 {
        --Grid-rowSpacing: 16px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-2_5 {
        --Grid-rowSpacing: 20px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-3 {
        --Grid-columnSpacing: 24px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-3_5 {
        --Grid-columnSpacing: 28px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-3 {
        --Grid-rowSpacing: 24px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-3_5 {
        --Grid-rowSpacing: 28px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-4 {
        --Grid-columnSpacing: 32px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-4_5 {
        --Grid-columnSpacing: 36px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-4 {
        --Grid-rowSpacing: 32px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-4_5 {
        --Grid-rowSpacing: 36px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-5 {
        --Grid-columnSpacing: 40px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-5_5 {
        --Grid-columnSpacing: 44px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-5 {
        --Grid-rowSpacing: 40px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-5_5 {
        --Grid-rowSpacing: 44px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-6 {
        --Grid-columnSpacing: 48px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-6_5 {
        --Grid-columnSpacing: 52px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-6 {
        --Grid-rowSpacing: 48px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-6_5 {
        --Grid-rowSpacing: 52px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-7 {
        --Grid-columnSpacing: 56px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-7_5 {
        --Grid-columnSpacing: 60px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-7 {
        --Grid-rowSpacing: 56px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-7_5 {
        --Grid-rowSpacing: 60px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-8 {
        --Grid-columnSpacing: 64px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-8_5 {
        --Grid-columnSpacing: 68px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-8 {
        --Grid-rowSpacing: 64px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-8_5 {
        --Grid-rowSpacing: 68px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-9 {
        --Grid-columnSpacing: 72px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-columnSpacing-xs-9_5 {
        --Grid-columnSpacing: 76px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-9 {
        --Grid-rowSpacing: 72px
    }
}

@media (min-width:0px) {
    .Grid-container.Grid-rowSpacing-xs-9_5 {
        --Grid-rowSpacing: 76px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-0 {
        --Grid-columnSpacing: 0px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-0 {
        --Grid-rowSpacing: 0px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-0_5 {
        --Grid-columnSpacing: 4px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-1 {
        --Grid-columnSpacing: 8px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-1_5 {
        --Grid-columnSpacing: 12px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-1 {
        --Grid-rowSpacing: 8px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-1_5 {
        --Grid-rowSpacing: 12px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-2 {
        --Grid-columnSpacing: 16px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-2_5 {
        --Grid-columnSpacing: 20px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-2 {
        --Grid-rowSpacing: 16px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-2_5 {
        --Grid-rowSpacing: 20px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-3 {
        --Grid-columnSpacing: 24px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-3_5 {
        --Grid-columnSpacing: 28px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-3 {
        --Grid-rowSpacing: 24px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-3_5 {
        --Grid-rowSpacing: 28px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-4 {
        --Grid-columnSpacing: 32px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-4_5 {
        --Grid-columnSpacing: 36px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-4 {
        --Grid-rowSpacing: 32px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-4_5 {
        --Grid-rowSpacing: 36px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-5 {
        --Grid-columnSpacing: 40px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-5_5 {
        --Grid-columnSpacing: 44px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-5 {
        --Grid-rowSpacing: 40px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-5_5 {
        --Grid-rowSpacing: 44px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-6 {
        --Grid-columnSpacing: 48px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-6_5 {
        --Grid-columnSpacing: 52px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-6 {
        --Grid-rowSpacing: 48px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-6_5 {
        --Grid-rowSpacing: 52px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-7 {
        --Grid-columnSpacing: 56px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-7_5 {
        --Grid-columnSpacing: 60px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-7 {
        --Grid-rowSpacing: 56px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-7_5 {
        --Grid-rowSpacing: 60px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-8 {
        --Grid-columnSpacing: 64px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-8_5 {
        --Grid-columnSpacing: 68px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-8 {
        --Grid-rowSpacing: 64px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-8_5 {
        --Grid-rowSpacing: 68px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-9 {
        --Grid-columnSpacing: 72px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-columnSpacing-sm-9_5 {
        --Grid-columnSpacing: 76px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-9 {
        --Grid-rowSpacing: 72px
    }
}

@media (min-width:768px) {
    .Grid-container.Grid-rowSpacing-sm-9_5 {
        --Grid-rowSpacing: 76px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-0 {
        --Grid-columnSpacing: 0px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-0 {
        --Grid-rowSpacing: 0px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-0_5 {
        --Grid-columnSpacing: 4px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-1 {
        --Grid-columnSpacing: 8px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-1_5 {
        --Grid-columnSpacing: 12px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-1 {
        --Grid-rowSpacing: 8px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-1_5 {
        --Grid-rowSpacing: 12px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-2 {
        --Grid-columnSpacing: 16px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-2_5 {
        --Grid-columnSpacing: 20px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-2 {
        --Grid-rowSpacing: 16px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-2_5 {
        --Grid-rowSpacing: 20px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-3 {
        --Grid-columnSpacing: 24px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-3_5 {
        --Grid-columnSpacing: 28px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-3 {
        --Grid-rowSpacing: 24px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-3_5 {
        --Grid-rowSpacing: 28px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-4 {
        --Grid-columnSpacing: 32px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-4_5 {
        --Grid-columnSpacing: 36px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-4 {
        --Grid-rowSpacing: 32px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-4_5 {
        --Grid-rowSpacing: 36px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-5 {
        --Grid-columnSpacing: 40px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-5_5 {
        --Grid-columnSpacing: 44px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-5 {
        --Grid-rowSpacing: 40px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-5_5 {
        --Grid-rowSpacing: 44px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-6 {
        --Grid-columnSpacing: 48px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-6_5 {
        --Grid-columnSpacing: 52px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-6 {
        --Grid-rowSpacing: 48px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-6_5 {
        --Grid-rowSpacing: 52px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-7 {
        --Grid-columnSpacing: 56px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-7_5 {
        --Grid-columnSpacing: 60px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-7 {
        --Grid-rowSpacing: 56px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-7_5 {
        --Grid-rowSpacing: 60px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-8 {
        --Grid-columnSpacing: 64px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-8_5 {
        --Grid-columnSpacing: 68px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-8 {
        --Grid-rowSpacing: 64px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-8_5 {
        --Grid-rowSpacing: 68px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-9 {
        --Grid-columnSpacing: 72px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-columnSpacing-md-9_5 {
        --Grid-columnSpacing: 76px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-9 {
        --Grid-rowSpacing: 72px
    }
}

@media (min-width:1024px) {
    .Grid-container.Grid-rowSpacing-md-9_5 {
        --Grid-rowSpacing: 76px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-0 {
        --Grid-columnSpacing: 0px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-0 {
        --Grid-rowSpacing: 0px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-0_5 {
        --Grid-columnSpacing: 4px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-1 {
        --Grid-columnSpacing: 8px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-1_5 {
        --Grid-columnSpacing: 12px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-1 {
        --Grid-rowSpacing: 8px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-1_5 {
        --Grid-rowSpacing: 12px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-2 {
        --Grid-columnSpacing: 16px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-2_5 {
        --Grid-columnSpacing: 20px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-2 {
        --Grid-rowSpacing: 16px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-2_5 {
        --Grid-rowSpacing: 20px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-3 {
        --Grid-columnSpacing: 24px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-3_5 {
        --Grid-columnSpacing: 28px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-3 {
        --Grid-rowSpacing: 24px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-3_5 {
        --Grid-rowSpacing: 28px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-4 {
        --Grid-columnSpacing: 32px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-4_5 {
        --Grid-columnSpacing: 36px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-4 {
        --Grid-rowSpacing: 32px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-4_5 {
        --Grid-rowSpacing: 36px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-5 {
        --Grid-columnSpacing: 40px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-5_5 {
        --Grid-columnSpacing: 44px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-5 {
        --Grid-rowSpacing: 40px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-5_5 {
        --Grid-rowSpacing: 44px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-6 {
        --Grid-columnSpacing: 48px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-6_5 {
        --Grid-columnSpacing: 52px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-6 {
        --Grid-rowSpacing: 48px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-6_5 {
        --Grid-rowSpacing: 52px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-7 {
        --Grid-columnSpacing: 56px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-7_5 {
        --Grid-columnSpacing: 60px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-7 {
        --Grid-rowSpacing: 56px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-7_5 {
        --Grid-rowSpacing: 60px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-8 {
        --Grid-columnSpacing: 64px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-8_5 {
        --Grid-columnSpacing: 68px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-8 {
        --Grid-rowSpacing: 64px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-8_5 {
        --Grid-rowSpacing: 68px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-9 {
        --Grid-columnSpacing: 72px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-columnSpacing-lg-9_5 {
        --Grid-columnSpacing: 76px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-9 {
        --Grid-rowSpacing: 72px
    }
}

@media (min-width:1280px) {
    .Grid-container.Grid-rowSpacing-lg-9_5 {
        --Grid-rowSpacing: 76px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-0 {
        --Grid-columnSpacing: 0px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-0 {
        --Grid-rowSpacing: 0px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-0_5 {
        --Grid-columnSpacing: 4px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-1 {
        --Grid-columnSpacing: 8px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-1_5 {
        --Grid-columnSpacing: 12px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-1 {
        --Grid-rowSpacing: 8px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-1_5 {
        --Grid-rowSpacing: 12px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-2 {
        --Grid-columnSpacing: 16px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-2_5 {
        --Grid-columnSpacing: 20px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-2 {
        --Grid-rowSpacing: 16px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-2_5 {
        --Grid-rowSpacing: 20px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-3 {
        --Grid-columnSpacing: 24px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-3_5 {
        --Grid-columnSpacing: 28px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-3 {
        --Grid-rowSpacing: 24px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-3_5 {
        --Grid-rowSpacing: 28px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-4 {
        --Grid-columnSpacing: 32px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-4_5 {
        --Grid-columnSpacing: 36px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-4 {
        --Grid-rowSpacing: 32px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-4_5 {
        --Grid-rowSpacing: 36px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-5 {
        --Grid-columnSpacing: 40px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-5_5 {
        --Grid-columnSpacing: 44px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-5 {
        --Grid-rowSpacing: 40px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-5_5 {
        --Grid-rowSpacing: 44px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-6 {
        --Grid-columnSpacing: 48px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-6_5 {
        --Grid-columnSpacing: 52px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-6 {
        --Grid-rowSpacing: 48px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-6_5 {
        --Grid-rowSpacing: 52px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-7 {
        --Grid-columnSpacing: 56px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-7_5 {
        --Grid-columnSpacing: 60px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-7 {
        --Grid-rowSpacing: 56px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-7_5 {
        --Grid-rowSpacing: 60px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-8 {
        --Grid-columnSpacing: 64px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-8_5 {
        --Grid-columnSpacing: 68px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-8 {
        --Grid-rowSpacing: 64px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-8_5 {
        --Grid-rowSpacing: 68px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-9 {
        --Grid-columnSpacing: 72px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-columnSpacing-xl-9_5 {
        --Grid-columnSpacing: 76px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-9 {
        --Grid-rowSpacing: 72px
    }
}

@media (min-width:1920px) {
    .Grid-container.Grid-rowSpacing-xl-9_5 {
        --Grid-rowSpacing: 76px
    }
}

.Grid-item {
    padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2)
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-true {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-1 {
        width: calc(100% * 1 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-1,
    .Grid-item.Grid-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-2 {
        width: calc(100% * 2 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-3 {
        width: calc(100% * 3 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-3,
    .Grid-item.Grid-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-4 {
        width: calc(100% * 4 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-5 {
        width: calc(100% * 5 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-5,
    .Grid-item.Grid-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-6 {
        width: calc(100% * 6 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-7 {
        width: calc(100% * 7 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-7,
    .Grid-item.Grid-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-8 {
        width: calc(100% * 8 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-9 {
        width: calc(100% * 9 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-9,
    .Grid-item.Grid-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-10 {
        width: calc(100% * 10 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-11 {
        width: calc(100% * 11 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-11,
    .Grid-item.Grid-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-12 {
        width: calc(100% * 12 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-13 {
        width: calc(100% * 13 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-13,
    .Grid-item.Grid-xs-14 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-14 {
        width: calc(100% * 14 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-15 {
        width: calc(100% * 15 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-15,
    .Grid-item.Grid-xs-16 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-16 {
        width: calc(100% * 16 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-17 {
        width: calc(100% * 17 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-17,
    .Grid-item.Grid-xs-18 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-18 {
        width: calc(100% * 18 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-19 {
        width: calc(100% * 19 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-19,
    .Grid-item.Grid-xs-20 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-20 {
        width: calc(100% * 20 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-21 {
        width: calc(100% * 21 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-21,
    .Grid-item.Grid-xs-22 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-22 {
        width: calc(100% * 22 / var(--Grid-columns))
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-xs-23 {
        width: calc(100% * 23 / var(--Grid-columns))
    }
}

@media (min-width:0px) {

    .Grid-item.Grid-xs-23,
    .Grid-item.Grid-xs-24 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xs-24 {
        width: calc(100% * 24 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-true {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-1 {
        width: calc(100% * 1 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-1,
    .Grid-item.Grid-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-2 {
        width: calc(100% * 2 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-3 {
        width: calc(100% * 3 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-3,
    .Grid-item.Grid-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-4 {
        width: calc(100% * 4 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-5 {
        width: calc(100% * 5 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-5,
    .Grid-item.Grid-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-6 {
        width: calc(100% * 6 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-7 {
        width: calc(100% * 7 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-7,
    .Grid-item.Grid-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-8 {
        width: calc(100% * 8 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-9 {
        width: calc(100% * 9 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-9,
    .Grid-item.Grid-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-10 {
        width: calc(100% * 10 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-11 {
        width: calc(100% * 11 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-11,
    .Grid-item.Grid-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-12 {
        width: calc(100% * 12 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-13 {
        width: calc(100% * 13 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-13,
    .Grid-item.Grid-sm-14 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-14 {
        width: calc(100% * 14 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-15 {
        width: calc(100% * 15 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-15,
    .Grid-item.Grid-sm-16 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-16 {
        width: calc(100% * 16 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-17 {
        width: calc(100% * 17 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-17,
    .Grid-item.Grid-sm-18 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-18 {
        width: calc(100% * 18 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-19 {
        width: calc(100% * 19 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-19,
    .Grid-item.Grid-sm-20 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-20 {
        width: calc(100% * 20 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-21 {
        width: calc(100% * 21 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-21,
    .Grid-item.Grid-sm-22 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-22 {
        width: calc(100% * 22 / var(--Grid-columns))
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-sm-23 {
        width: calc(100% * 23 / var(--Grid-columns))
    }
}

@media (min-width:768px) {

    .Grid-item.Grid-sm-23,
    .Grid-item.Grid-sm-24 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-sm-24 {
        width: calc(100% * 24 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-true {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-1 {
        width: calc(100% * 1 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-1,
    .Grid-item.Grid-md-2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-2 {
        width: calc(100% * 2 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-3 {
        width: calc(100% * 3 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-3,
    .Grid-item.Grid-md-4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-4 {
        width: calc(100% * 4 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-5 {
        width: calc(100% * 5 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-5,
    .Grid-item.Grid-md-6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-6 {
        width: calc(100% * 6 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-7 {
        width: calc(100% * 7 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-7,
    .Grid-item.Grid-md-8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-8 {
        width: calc(100% * 8 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-9 {
        width: calc(100% * 9 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-9,
    .Grid-item.Grid-md-10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-10 {
        width: calc(100% * 10 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-11 {
        width: calc(100% * 11 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-11,
    .Grid-item.Grid-md-12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-12 {
        width: calc(100% * 12 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-13 {
        width: calc(100% * 13 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-13,
    .Grid-item.Grid-md-14 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-14 {
        width: calc(100% * 14 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-15 {
        width: calc(100% * 15 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-15,
    .Grid-item.Grid-md-16 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-16 {
        width: calc(100% * 16 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-17 {
        width: calc(100% * 17 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-17,
    .Grid-item.Grid-md-18 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-18 {
        width: calc(100% * 18 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-19 {
        width: calc(100% * 19 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-19,
    .Grid-item.Grid-md-20 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-20 {
        width: calc(100% * 20 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-21 {
        width: calc(100% * 21 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-21,
    .Grid-item.Grid-md-22 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-22 {
        width: calc(100% * 22 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-md-23 {
        width: calc(100% * 23 / var(--Grid-columns))
    }
}

@media (min-width:1024px) {

    .Grid-item.Grid-md-23,
    .Grid-item.Grid-md-24 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-md-24 {
        width: calc(100% * 24 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-true {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-1 {
        width: calc(100% * 1 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-1,
    .Grid-item.Grid-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-2 {
        width: calc(100% * 2 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-3 {
        width: calc(100% * 3 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-3,
    .Grid-item.Grid-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-4 {
        width: calc(100% * 4 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-5 {
        width: calc(100% * 5 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-5,
    .Grid-item.Grid-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-6 {
        width: calc(100% * 6 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-7 {
        width: calc(100% * 7 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-7,
    .Grid-item.Grid-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-8 {
        width: calc(100% * 8 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-9 {
        width: calc(100% * 9 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-9,
    .Grid-item.Grid-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-10 {
        width: calc(100% * 10 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-11 {
        width: calc(100% * 11 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-11,
    .Grid-item.Grid-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-12 {
        width: calc(100% * 12 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-13 {
        width: calc(100% * 13 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-13,
    .Grid-item.Grid-lg-14 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-14 {
        width: calc(100% * 14 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-15 {
        width: calc(100% * 15 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-15,
    .Grid-item.Grid-lg-16 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-16 {
        width: calc(100% * 16 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-17 {
        width: calc(100% * 17 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-17,
    .Grid-item.Grid-lg-18 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-18 {
        width: calc(100% * 18 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-19 {
        width: calc(100% * 19 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-19,
    .Grid-item.Grid-lg-20 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-20 {
        width: calc(100% * 20 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-21 {
        width: calc(100% * 21 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-21,
    .Grid-item.Grid-lg-22 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-22 {
        width: calc(100% * 22 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-lg-23 {
        width: calc(100% * 23 / var(--Grid-columns))
    }
}

@media (min-width:1280px) {

    .Grid-item.Grid-lg-23,
    .Grid-item.Grid-lg-24 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-lg-24 {
        width: calc(100% * 24 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-true {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-1 {
        width: calc(100% * 1 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-1,
    .Grid-item.Grid-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-2 {
        width: calc(100% * 2 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-3 {
        width: calc(100% * 3 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-3,
    .Grid-item.Grid-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-4 {
        width: calc(100% * 4 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-5 {
        width: calc(100% * 5 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-5,
    .Grid-item.Grid-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-6 {
        width: calc(100% * 6 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-7 {
        width: calc(100% * 7 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-7,
    .Grid-item.Grid-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-8 {
        width: calc(100% * 8 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-9 {
        width: calc(100% * 9 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-9,
    .Grid-item.Grid-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-10 {
        width: calc(100% * 10 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-11 {
        width: calc(100% * 11 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-11,
    .Grid-item.Grid-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-12 {
        width: calc(100% * 12 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-13 {
        width: calc(100% * 13 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-13,
    .Grid-item.Grid-xl-14 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-14 {
        width: calc(100% * 14 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-15 {
        width: calc(100% * 15 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-15,
    .Grid-item.Grid-xl-16 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-16 {
        width: calc(100% * 16 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-17 {
        width: calc(100% * 17 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-17,
    .Grid-item.Grid-xl-18 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-18 {
        width: calc(100% * 18 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-19 {
        width: calc(100% * 19 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-19,
    .Grid-item.Grid-xl-20 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-20 {
        width: calc(100% * 20 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-21 {
        width: calc(100% * 21 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-21,
    .Grid-item.Grid-xl-22 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-22 {
        width: calc(100% * 22 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-xl-23 {
        width: calc(100% * 23 / var(--Grid-columns))
    }
}

@media (min-width:1920px) {

    .Grid-item.Grid-xl-23,
    .Grid-item.Grid-xl-24 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .Grid-item.Grid-xl-24 {
        width: calc(100% * 24 / var(--Grid-columns))
    }
}

.Grid-item.Grid-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Grid-item.Grid-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.Grid-item.Grid-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.Grid-item.Grid-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:0px) {
    .Grid-item.Grid-shrink-xs-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-shrink-xs-1 {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-grow-xs-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:0px) {
    .Grid-item.Grid-grow-xs-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-shrink-sm-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-shrink-sm-1 {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-grow-sm-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:768px) {
    .Grid-item.Grid-grow-sm-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-shrink-md-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-shrink-md-1 {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-grow-md-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:1024px) {
    .Grid-item.Grid-grow-md-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-shrink-lg-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-shrink-lg-1 {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-grow-lg-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:1280px) {
    .Grid-item.Grid-grow-lg-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-shrink-xl-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-shrink-xl-1 {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-grow-xl-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:1920px) {
    .Grid-item.Grid-grow-xl-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.Grid-item.Grid-innerContainerFull>.Grid-container {
    width: calc(100% + var(--Grid-columnSpacing))
}

.TopMenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-backgroundCard);
    border-radius: 21.5px
}

@media (min-width:1920px) {
    .TopMenu-items {
        border-radius: 32.5px
    }
}

.TopMenu-item {
    border-radius: inherit
}

.TopMenu-item.active .TopMenu-link {
    background-color: var(--color-primaryMain);
    color: var(--color-whiteMain);
    font-weight: 600
}

.TopMenu-link {
    font-family: Euclid Circular A, sans-serif;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: 400;
    color: var(--color-textPrimary);
    padding: 14px 18px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, font-weight 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, font-weight 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

@media (min-width:1920px) {
    .TopMenu-link {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 22.5px 32px
    }
}

@media (hover:hover) and (pointer:fine) {
    .TopMenu-link:hover {
        font-weight: 600
    }
}

body {
    --Header-height: 80px;
    --Header-fixedHeight: 80px
}

@media (min-width:768px) {
    body {
        --Header-height: 146px;
        --Header-fixedHeight: 98px
    }
}

@media (min-width:1280px) {
    body {
        --Header-height: 139px;
        --Header-fixedHeight: 91px
    }
}

@media (min-width:1920px) {
    body {
        --Header-height: 209px;
        --Header-fixedHeight: 113px
    }
}

.Header {
    position: relative;
    height: var(--Header-height, 0);
    z-index: 5
}

.Header,
.Header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Header-main {
    background-color: var(--color-whiteMain)
}

.Header-content {
    position: relative;
    padding: 24px 0
}

@media (min-width:768px) {
    .Header-content {
        padding: 48px 0
    }
}

@media (min-width:1920px) {
    .Header-content {
        padding: 72px 0
    }
}

.Header-logo .Logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1279.95px) {
    .Header-menu {
        display: none
    }
}

.Header-brands .Button.Button-color-ozon {
    min-width: 60px
}

@media (min-width:768px) {
    .Header-brands .Button.Button-color-ozon {
        min-width: 130px
    }
}

@media (min-width:1024px) {
    .Header-brands .Button.Button-color-ozon {
        min-width: 97px
    }
}

@media (min-width:1920px) {
    .Header-brands .Button.Button-color-ozon {
        min-width: 146px
    }
}

@media (min-width:1920px) {
    .Header-brands .Button.Button-color-wildberries {
        min-width: 187px
    }
}

@media (min-width:1280px) {
    .Header-hamburger {
        display: none
    }
}

.Header-popup {
    position: fixed;
    padding-top: var(--Header-fixedHeight, 0);
    min-width: 375px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    z-index: var(--zIndex-headerPopup)
}

.Header-fixed-exiting .Header-content {
    -webkit-transition: padding-top 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: padding-top 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

@media (min-width:768px) {

    .Header-fixed-enter .Header-content,
    .Header-fixed-entered .Header-content {
        padding: 24px 0
    }
}

.Header-fixed-entered .Header-main {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    min-width: 375px;
    z-index: var(--zIndex-headerFixed)
}

.Header-popup-entering .Header-content {
    -webkit-transition: padding-top 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: padding-top 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.Header-popup-exiting .Header-content {
    -webkit-transition: padding-top 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: padding-top 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-bottom 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.Header-popup-entered .Header-main,
.Header-popup-exit .Header-main,
.Header-popup-exited .Header-main {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    min-width: 375px;
    z-index: var(--zIndex-headerFixed)
}

@media (min-width:768px) {

    .Header-popup-entered .Header-content,
    .Header-popup-exit .Header-content {
        padding: 24px 0
    }
}

.Container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

@media (min-width:1720px) {
    .Container {
        max-width: 1720px
    }
}

.Container:not(.Container-disabledGutters) {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width:768px) {
    .Container:not(.Container-disabledGutters) {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1280px) {
    .Container:not(.Container-disabledGutters) {
        padding-left: 60px;
        padding-right: 60px
    }
}

.Container:not(.Container-disabledGutters) .Container {
    padding-left: 0;
    padding-right: 0
}

.Stack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    --Stack-spacing: 0
}

.Stack>:not(style)+:not(style) {
    margin: 0 0 0 var(--Stack-spacing)
}

.Stack-alignItems-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Stack-alignItems-flexStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Stack-alignItems-flexEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Stack-alignItems-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.Stack-alignItems-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (min-width:0px) {
    .Stack-alignItems-xs-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:0px) {
    .Stack-alignItems-xs-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:0px) {
    .Stack-alignItems-xs-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:0px) {
    .Stack-alignItems-xs-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:0px) {
    .Stack-alignItems-xs-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:768px) {
    .Stack-alignItems-sm-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:768px) {
    .Stack-alignItems-sm-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:768px) {
    .Stack-alignItems-sm-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:768px) {
    .Stack-alignItems-sm-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:768px) {
    .Stack-alignItems-sm-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1024px) {
    .Stack-alignItems-md-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1024px) {
    .Stack-alignItems-md-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1024px) {
    .Stack-alignItems-md-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1024px) {
    .Stack-alignItems-md-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1024px) {
    .Stack-alignItems-md-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1280px) {
    .Stack-alignItems-lg-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1280px) {
    .Stack-alignItems-lg-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1280px) {
    .Stack-alignItems-lg-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1280px) {
    .Stack-alignItems-lg-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1280px) {
    .Stack-alignItems-lg-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1920px) {
    .Stack-alignItems-xl-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:1920px) {
    .Stack-alignItems-xl-flexStart {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1920px) {
    .Stack-alignItems-xl-flexEnd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1920px) {
    .Stack-alignItems-xl-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1920px) {
    .Stack-alignItems-xl-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.Stack-justifyContent-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Stack-justifyContent-flexStart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Stack-justifyContent-flexEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Stack-justifyContent-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.Stack-justifyContent-spaceBetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Stack-justifyContent-spaceAround {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:0px) {
    .Stack-justifyContent-xs-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .Stack-justifyContent-sm-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1024px) {
    .Stack-justifyContent-md-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .Stack-justifyContent-lg-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-flexStart {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-flexEnd {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-stretch {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-spaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1920px) {
    .Stack-justifyContent-xl-spaceAround {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.Stack-spacing-0_5 {
    --Stack-spacing: 4px
}

.Stack-spacing-0_75 {
    --Stack-spacing: 6px
}

.Stack-spacing-1 {
    --Stack-spacing: 8px
}

.Stack-spacing-1_5 {
    --Stack-spacing: 12px
}

.Stack-spacing-1_75 {
    --Stack-spacing: 14px
}

.Stack-spacing-2 {
    --Stack-spacing: 16px
}

.Stack-spacing-2_5 {
    --Stack-spacing: 20px
}

.Stack-spacing-2_75 {
    --Stack-spacing: 22px
}

.Stack-spacing-3 {
    --Stack-spacing: 24px
}

.Stack-spacing-3_5 {
    --Stack-spacing: 28px
}

.Stack-spacing-3_75 {
    --Stack-spacing: 30px
}

.Stack-spacing-4 {
    --Stack-spacing: 32px
}

.Stack-spacing-4_5 {
    --Stack-spacing: 36px
}

.Stack-spacing-4_75 {
    --Stack-spacing: 38px
}

.Stack-spacing-5 {
    --Stack-spacing: 40px
}

.Stack-spacing-5_5 {
    --Stack-spacing: 44px
}

.Stack-spacing-5_75 {
    --Stack-spacing: 46px
}

.Stack-spacing-6 {
    --Stack-spacing: 48px
}

.Stack-spacing-6_5 {
    --Stack-spacing: 52px
}

.Stack-spacing-6_75 {
    --Stack-spacing: 54px
}

@media (min-width:0px) {
    .Stack-spacing-xs-0_5 {
        --Stack-spacing: 4px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-0_75 {
        --Stack-spacing: 6px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-1 {
        --Stack-spacing: 8px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-1_5 {
        --Stack-spacing: 12px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-1_75 {
        --Stack-spacing: 14px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-2 {
        --Stack-spacing: 16px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-2_5 {
        --Stack-spacing: 20px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-2_75 {
        --Stack-spacing: 22px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-3 {
        --Stack-spacing: 24px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-3_5 {
        --Stack-spacing: 28px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-3_75 {
        --Stack-spacing: 30px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-4 {
        --Stack-spacing: 32px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-4_5 {
        --Stack-spacing: 36px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-4_75 {
        --Stack-spacing: 38px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-5 {
        --Stack-spacing: 40px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-5_5 {
        --Stack-spacing: 44px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-5_75 {
        --Stack-spacing: 46px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-6 {
        --Stack-spacing: 48px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-6_5 {
        --Stack-spacing: 52px
    }
}

@media (min-width:0px) {
    .Stack-spacing-xs-6_75 {
        --Stack-spacing: 54px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-0_5 {
        --Stack-spacing: 4px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-0_75 {
        --Stack-spacing: 6px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-1 {
        --Stack-spacing: 8px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-1_5 {
        --Stack-spacing: 12px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-1_75 {
        --Stack-spacing: 14px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-2 {
        --Stack-spacing: 16px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-2_5 {
        --Stack-spacing: 20px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-2_75 {
        --Stack-spacing: 22px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-3 {
        --Stack-spacing: 24px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-3_5 {
        --Stack-spacing: 28px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-3_75 {
        --Stack-spacing: 30px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-4 {
        --Stack-spacing: 32px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-4_5 {
        --Stack-spacing: 36px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-4_75 {
        --Stack-spacing: 38px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-5 {
        --Stack-spacing: 40px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-5_5 {
        --Stack-spacing: 44px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-5_75 {
        --Stack-spacing: 46px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-6 {
        --Stack-spacing: 48px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-6_5 {
        --Stack-spacing: 52px
    }
}

@media (min-width:768px) {
    .Stack-spacing-sm-6_75 {
        --Stack-spacing: 54px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-0_5 {
        --Stack-spacing: 4px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-0_75 {
        --Stack-spacing: 6px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-1 {
        --Stack-spacing: 8px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-1_5 {
        --Stack-spacing: 12px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-1_75 {
        --Stack-spacing: 14px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-2 {
        --Stack-spacing: 16px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-2_5 {
        --Stack-spacing: 20px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-2_75 {
        --Stack-spacing: 22px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-3 {
        --Stack-spacing: 24px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-3_5 {
        --Stack-spacing: 28px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-3_75 {
        --Stack-spacing: 30px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-4 {
        --Stack-spacing: 32px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-4_5 {
        --Stack-spacing: 36px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-4_75 {
        --Stack-spacing: 38px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-5 {
        --Stack-spacing: 40px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-5_5 {
        --Stack-spacing: 44px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-5_75 {
        --Stack-spacing: 46px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-6 {
        --Stack-spacing: 48px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-6_5 {
        --Stack-spacing: 52px
    }
}

@media (min-width:1024px) {
    .Stack-spacing-md-6_75 {
        --Stack-spacing: 54px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-0_5 {
        --Stack-spacing: 4px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-0_75 {
        --Stack-spacing: 6px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-1 {
        --Stack-spacing: 8px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-1_5 {
        --Stack-spacing: 12px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-1_75 {
        --Stack-spacing: 14px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-2 {
        --Stack-spacing: 16px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-2_5 {
        --Stack-spacing: 20px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-2_75 {
        --Stack-spacing: 22px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-3 {
        --Stack-spacing: 24px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-3_5 {
        --Stack-spacing: 28px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-3_75 {
        --Stack-spacing: 30px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-4 {
        --Stack-spacing: 32px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-4_5 {
        --Stack-spacing: 36px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-4_75 {
        --Stack-spacing: 38px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-5 {
        --Stack-spacing: 40px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-5_5 {
        --Stack-spacing: 44px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-5_75 {
        --Stack-spacing: 46px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-6 {
        --Stack-spacing: 48px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-6_5 {
        --Stack-spacing: 52px
    }
}

@media (min-width:1280px) {
    .Stack-spacing-lg-6_75 {
        --Stack-spacing: 54px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-0_5 {
        --Stack-spacing: 4px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-0_75 {
        --Stack-spacing: 6px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-1 {
        --Stack-spacing: 8px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-1_5 {
        --Stack-spacing: 12px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-1_75 {
        --Stack-spacing: 14px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-2 {
        --Stack-spacing: 16px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-2_5 {
        --Stack-spacing: 20px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-2_75 {
        --Stack-spacing: 22px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-3 {
        --Stack-spacing: 24px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-3_5 {
        --Stack-spacing: 28px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-3_75 {
        --Stack-spacing: 30px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-4 {
        --Stack-spacing: 32px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-4_5 {
        --Stack-spacing: 36px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-4_75 {
        --Stack-spacing: 38px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-5 {
        --Stack-spacing: 40px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-5_5 {
        --Stack-spacing: 44px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-5_75 {
        --Stack-spacing: 46px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-6 {
        --Stack-spacing: 48px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-6_5 {
        --Stack-spacing: 52px
    }
}

@media (min-width:1920px) {
    .Stack-spacing-xl-6_75 {
        --Stack-spacing: 54px
    }
}

.Stack-direction-rowReverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Stack-direction-rowReverse>:not(style)+:not(style) {
    margin: 0 var(--Stack-spacing) 0 0
}

.Stack-direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Stack-direction-column>:not(style)+:not(style) {
    margin: var(--Stack-spacing) 0 0
}

.Stack-direction-columnReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.Stack-direction-columnReverse>:not(style)+:not(style) {
    margin: 0 0 var(--Stack-spacing)
}

@media (min-width:0px) {
    .Stack-direction-xs-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Stack-direction-xs-row>:not(style)+:not(style) {
        margin: 0 0 0 var(--Stack-spacing)
    }
}

@media (min-width:0px) {
    .Stack-direction-xs-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Stack-direction-xs-rowReverse>:not(style)+:not(style) {
        margin: 0 var(--Stack-spacing) 0 0
    }
}

@media (min-width:0px) {
    .Stack-direction-xs-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Stack-direction-xs-column>:not(style)+:not(style) {
        margin: var(--Stack-spacing) 0 0
    }
}

@media (min-width:0px) {
    .Stack-direction-xs-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Stack-direction-xs-columnReverse>:not(style)+:not(style) {
        margin: 0 0 var(--Stack-spacing)
    }
}

@media (min-width:768px) {
    .Stack-direction-sm-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Stack-direction-sm-row>:not(style)+:not(style) {
        margin: 0 0 0 var(--Stack-spacing)
    }
}

@media (min-width:768px) {
    .Stack-direction-sm-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Stack-direction-sm-rowReverse>:not(style)+:not(style) {
        margin: 0 var(--Stack-spacing) 0 0
    }
}

@media (min-width:768px) {
    .Stack-direction-sm-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Stack-direction-sm-column>:not(style)+:not(style) {
        margin: var(--Stack-spacing) 0 0
    }
}

@media (min-width:768px) {
    .Stack-direction-sm-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Stack-direction-sm-columnReverse>:not(style)+:not(style) {
        margin: 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1024px) {
    .Stack-direction-md-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Stack-direction-md-row>:not(style)+:not(style) {
        margin: 0 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1024px) {
    .Stack-direction-md-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Stack-direction-md-rowReverse>:not(style)+:not(style) {
        margin: 0 var(--Stack-spacing) 0 0
    }
}

@media (min-width:1024px) {
    .Stack-direction-md-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Stack-direction-md-column>:not(style)+:not(style) {
        margin: var(--Stack-spacing) 0 0
    }
}

@media (min-width:1024px) {
    .Stack-direction-md-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Stack-direction-md-columnReverse>:not(style)+:not(style) {
        margin: 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1280px) {
    .Stack-direction-lg-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Stack-direction-lg-row>:not(style)+:not(style) {
        margin: 0 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1280px) {
    .Stack-direction-lg-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Stack-direction-lg-rowReverse>:not(style)+:not(style) {
        margin: 0 var(--Stack-spacing) 0 0
    }
}

@media (min-width:1280px) {
    .Stack-direction-lg-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Stack-direction-lg-column>:not(style)+:not(style) {
        margin: var(--Stack-spacing) 0 0
    }
}

@media (min-width:1280px) {
    .Stack-direction-lg-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Stack-direction-lg-columnReverse>:not(style)+:not(style) {
        margin: 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1920px) {
    .Stack-direction-xl-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Stack-direction-xl-row>:not(style)+:not(style) {
        margin: 0 0 0 var(--Stack-spacing)
    }
}

@media (min-width:1920px) {
    .Stack-direction-xl-rowReverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Stack-direction-xl-rowReverse>:not(style)+:not(style) {
        margin: 0 var(--Stack-spacing) 0 0
    }
}

@media (min-width:1920px) {
    .Stack-direction-xl-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Stack-direction-xl-column>:not(style)+:not(style) {
        margin: var(--Stack-spacing) 0 0
    }
}

@media (min-width:1920px) {
    .Stack-direction-xl-columnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Stack-direction-xl-columnReverse>:not(style)+:not(style) {
        margin: 0 0 var(--Stack-spacing)
    }
}

.Backdrop {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: transparent;
    background-color: var(--color-backgroundBackdrop)
}

.Backdrop-invisible {
    background-color: transparent
}

.HeaderPopup-backdrop {
    position: absolute
}

.HeaderPopup-container {
    position: relative;
    background-color: var(--color-whiteMain);
    border-radius: 0 0 24px 24px;
    padding-top: 26px;
    padding-bottom: 24px;
    z-index: 1
}

@media (min-width:768px) {
    .HeaderPopup-container {
        border-radius: 0 0 40px 40px;
        padding-top: 34px;
        padding-bottom: 34px
    }
}

@media (min-width:1024px) {
    .HeaderPopup-container {
        padding-bottom: 40px
    }
}

.HeaderPopup-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.HeaderPopup-body+.HeaderPopup-footer {
    margin-top: 50px
}

@media (min-width:768px) {
    .HeaderPopup-body+.HeaderPopup-footer {
        margin-top: 70px
    }
}

.HeaderPopup-menu+.HeaderPopup-social {
    margin-left: 8px
}

.HeaderPopup-social .HeaderSocial,
.HeaderPopup-social .HeaderSocial .Stack {
    height: 100%
}

.HeaderPopup-social .HeaderSocial .Stack {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* justify-content: space-between */
}

.HeaderPopup-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.HeaderPopup-email,
.HeaderPopup-phone {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: 400;
    color: var(--color-textSecondary)
}

@media (min-width:768px) {

    .HeaderPopup-email,
    .HeaderPopup-phone {
        font-size: 1.125rem;
        line-height: 1.4375rem
    }
}

.PopupMenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.PopupMenu-item+.PopupMenu-item {
    margin-top: 16px
}

@media (min-width:768px) {
    .PopupMenu-item+.PopupMenu-item {
        margin-top: 20px
    }
}

.PopupMenu-item.active .PopupMenu-link {
    color: var(--color-primaryMain)
}

.PopupMenu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    font-weight: 400;
    color: var(--color-blackMain)
}

@media (min-width:768px) {
    .PopupMenu-link {
        font-size: 2rem;
        line-height: 2.5625rem
    }
}

.Icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-align: center;
    color: inherit;
    font-size: 24px
}

.Icon,
.SocialItem .BaseButton {
    display: block
}

.SocialItem .BaseButton .Icon {
    font-size: 24px
}

.HeaderSocial .SocialItem .BaseButton .Icon {
    font-size: 28px;
    color: var(--color-primaryMain)
}

@media (min-width:768px) {
    .HeaderSocial .SocialItem .BaseButton .Icon {
        font-size: 40px
    }
}

@media (min-width:1024px) {
    .HeaderSocial .SocialItem .BaseButton .Icon {
        font-size: 52px
    }
}

.Box {
    padding: 60px 0
}

@media (min-width:768px) {
    .Box {
        padding: 80px 0
    }
}

@media (min-width:1024px) {
    .Box {
        padding: 60px 0
    }
}

@media (min-width:1920px) {
    .Box {
        padding: 80px 0
    }
}

.Box:first-child {
    padding-top: 0
}

.Box:last-child {
    padding-bottom: 0
}

.Box-title {
    font-family: Euclid Circular A, sans-serif;
    font-size: 1.5rem;
    line-height: 100%
}

@media (min-width:768px) {
    .Box-title {
        font-size: 2.5rem;
        line-height: 136%
    }
}

@media (min-width:1280px) {
    .Box-title {
        font-size: 3.125rem
    }
}

.Box-title>* {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    margin: 0
}

.Box-title+.Box-content {
    margin-top: 20px
}

@media (min-width:768px) {
    .Box-title+.Box-content {
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .Box-title+.Box-content {
        margin-top: 38px
    }
}

@media (min-width:1280px) {
    .Box-title+.Box-content {
        margin-top: 24px
    }
}

@media (min-width:1920px) {
    .Box-title+.Box-content {
        margin-top: 32px
    }
}

.Spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: inherit
}

.Spinner .Icon {
    display: block;
    color: var(--color-primaryMain);
    font-size: 48px;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.Spinner:not(.Spinner-withAbsolute) {
    position: relative
}

.Spinner-withAbsolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.Picture {
    position: relative;
    display: block;
    border-radius: inherit;
    z-index: 1
}

.Picture-preloader {
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.Picture picture {
    width: inherit;
    height: inherit
}

.Picture img,
.Picture picture {
    display: block;
    border-radius: inherit
}

.Picture img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-size: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.Picture img.lazyload,
.Picture img.swiper-lazy {
    opacity: 0;
    visibility: hidden
}

.Picture img.lazyloaded,
.Picture img.swiper-lazy-loaded {
    opacity: 1;
    visibility: visible
}

.Picture-loaded .Picture-preloader {
    opacity: 0;
    visibility: hidden
}

.FirstScreen-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    background: radial-gradient(60.05% 60.05% at 50% 50%, #9badf6 0, #5e75d3 100%);
    border-radius: 24px;
    overflow: hidden;
    height: 420px
}

@media (min-width:768px) {
    .FirstScreen-container {
        height: 760px;
        border-radius: 60px
    }
}

@media (min-width:1024px) {
    .FirstScreen-container {
        height: 562px
    }
}

@media (min-width:1280px) {
    .FirstScreen-container {
        height: 662px
    }
}

@media (min-width:1920px) {
    .FirstScreen-container {
        border-radius: 90px;
        height: 800px
    }
}

.FirstScreen-bubble {
    position: absolute;
    z-index: 1
}

.FirstScreen-bubble:first-child {
    top: 24px;
    left: calc(50% - 188px);
    width: 118px;
    height: 106px
}

@media (min-width:768px) {
    .FirstScreen-bubble:first-child {
        top: 36px;
        left: calc(50% - 384px);
        width: 263px;
        height: 237px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:first-child {
        top: 47px;
        left: calc(50% - 348px);
        width: 168px;
        height: 149px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:first-child {
        top: 66px;
        left: calc(50% - 426px);
        width: 224px;
        height: 198px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:first-child {
        top: 0;
        left: calc(50% - 569px);
        width: 300px;
        height: 266px
    }
}

.FirstScreen-bubble:nth-child(2) {
    top: 118px;
    left: calc(50% - 81px);
    width: 47px;
    height: 52px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(2) {
        top: 246px;
        left: calc(50% - 145px);
        width: 105px;
        height: 116px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(2) {
        top: 142px;
        left: calc(50% - 142px);
        width: 83px;
        height: 92px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(2) {
        top: 177px;
        left: calc(50% - 169px);
        width: 110px;
        height: 123px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(2) {
        top: 205px;
        left: calc(50% - 225px);
        width: 147px;
        height: 166px
    }
}

.FirstScreen-bubble:nth-child(3) {
    top: 13px;
    right: calc(50% - 70px);
    width: 48px;
    height: 43px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(3) {
        top: 12px;
        right: calc(50% - 192px);
        width: 107px;
        height: 96px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(3) {
        top: 26px;
        right: calc(50% - 130px);
        width: 68px;
        height: 61px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(3) {
        top: 26px;
        right: calc(50% - 160px);
        width: 91px;
        height: 81px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(3) {
        top: 51px;
        right: calc(50% - 282px);
        width: 121px;
        height: 109px
    }
}

@media (max-width:767.95px) {
    .FirstScreen-bubble:nth-child(4) {
        top: 323px;
        left: calc(50% - 155px);
        width: 26px;
        height: 34px
    }
}

@media (min-width:768px) and (max-width:1919.95px) {
    .FirstScreen-bubble:nth-child(4) {
        display: none
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(4) {
        top: 235px;
        right: calc(50% - 319px);
        width: 150px;
        height: 163px
    }
}

.FirstScreen-bubble:nth-child(5) {
    top: 103px;
    right: calc(50% - 151px);
    width: 63px;
    height: 53px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(5) {
        top: 186px;
        right: calc(50% - 333px);
        width: 141px;
        height: 118px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(5) {
        top: 94px;
        right: calc(50% - 273px);
        width: 112px;
        height: 92px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(5) {
        top: 116px;
        right: calc(50% - 350px);
        width: 149px;
        height: 123px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(5) {
        top: 133px;
        right: calc(50% - 592px);
        width: 199px;
        height: 166px
    }
}

.FirstScreen-bubble:nth-child(6) {
    top: 370px;
    left: calc(50% - 81px);
    width: 36px;
    height: 32px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(6) {
        top: 677px;
        left: calc(50% - 201px);
        width: 80px;
        height: 71px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(6) {
        top: 334px;
        left: calc(50% - 362px);
        width: 66px;
        height: 56px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(6) {
        top: 420px;
        left: calc(50% - 428px);
        width: 87px;
        height: 74px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(6) {
        top: 485px;
        left: calc(50% - 627px);
        width: 116px;
        height: 99px
    }
}

.FirstScreen-bubble:nth-child(7) {
    top: 223px;
    left: calc(50% - 153px);
    width: 69px;
    height: 76px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(7) {
        top: 409px;
        left: calc(50% - 355px);
        width: 154px;
        height: 170px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(7) {
        top: 407px;
        left: calc(50% - 265px);
        width: 122px;
        height: 135px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(7) {
        top: 449px;
        left: calc(50% - 326px);
        width: 163px;
        height: 178px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(7) {
        top: 552px;
        left: calc(50% - 456px);
        width: 219px;
        height: 241px
    }
}

.FirstScreen-bubble:nth-child(8) {
    top: 239px;
    right: calc(50% - 88px);
    width: 26px;
    height: 34px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(8) {
        top: 503px;
        right: calc(50% - 159px);
        width: 59px;
        height: 76px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(8) {
        top: 411px;
        right: calc(50% - 160px);
        width: 48px;
        height: 63px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(8) {
        top: 497px;
        right: calc(50% - 178px);
        width: 64px;
        height: 83px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(8) {
        top: 561px;
        right: calc(50% - 252px);
        width: 86px;
        height: 112px
    }
}

.FirstScreen-bubble:nth-child(9) {
    top: 293px;
    right: calc(50% - 151px);
    width: 81px;
    height: 72px
}

@media (min-width:768px) {
    .FirstScreen-bubble:nth-child(9) {
        top: 552px;
        right: calc(50% - 384px);
        width: 181px;
        height: 161px
    }
}

@media (min-width:1024px) {
    .FirstScreen-bubble:nth-child(9) {
        top: 334px;
        right: calc(50% - 379px);
        width: 140px;
        height: 126px
    }
}

@media (min-width:1280px) {
    .FirstScreen-bubble:nth-child(9) {
        top: 397px;
        right: calc(50% - 401px);
        width: 187px;
        height: 168px
    }
}

@media (min-width:1920px) {
    .FirstScreen-bubble:nth-child(9) {
        top: 505px;
        right: calc(50% - 618px);
        width: 250px;
        height: 226px
    }
}

.FirstScreen-picture {
    position: absolute;
    z-index: 2
}

.FirstScreen-picture .Picture {
    width: 327px;
    height: 420px
}

@media (min-width:768px) {
    .FirstScreen-picture .Picture {
        width: 634px;
        height: 760px
    }
}

@media (min-width:1024px) {
    .FirstScreen-picture .Picture {
        width: 515px;
        height: 562px
    }
}

@media (min-width:1280px) {
    .FirstScreen-picture .Picture {
        width: 547px;
        height: 662px
    }
}

@media (min-width:1920px) {
    .FirstScreen-picture .Picture {
        width: 734px;
        height: 800px
    }
}

.FirstScreen-picture .Picture img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

.FirstScreen-text {
    position: relative;
    font-size: 3.75rem;
    line-height: 136%;
    color: var(--color-whiteMain);
    z-index: 3
}

@media (max-width:1023.95px) {
    .FirstScreen-text {
        display: none
    }
}

@media (min-width:1280px) {
    .FirstScreen-text {
        font-size: 5rem
    }
}

@media (min-width:1920px) {
    .FirstScreen-text {
        font-size: 6.25rem
    }
}

.FirstScreen-text>* {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

.About-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .About-container {
        padding: 40px 0 60px;
        min-height: 400px
    }
}

@media (min-width:1024px) {
    .About-container {
        min-height: 500px
    }
}

@media (min-width:1280px) {
    .About-container {
        min-height: 600px
    }
}

@media (min-width:1920px) {
    .About-container {
        min-height: 800px
    }
}

.About-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media (min-width:1024px) {
    .About-content {
        max-width: 870px;
        margin: 0 auto
    }
}

@media (min-width:1280px) {
    .About-content {
        max-width: 964px
    }
}

@media (min-width:1920px) {
    .About-content {
        max-width: 1208px
    }
}

.About-description,
.About-title {
    color: var(--color-textPrimary)
}

.About-description>*,
.About-title>* {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    margin: 0
}

.About-title {
    font-size: 0.875rem;
    line-height: 120%
}

@media (min-width:768px) {
    .About-title {
        font-size: 1.25rem
    }
}

@media (min-width:1280px) {
    .About-title {
        font-size: 1.75rem
    }
}

.About-title+.About-description {
    margin-top: 16px
}

@media (min-width:768px) {
    .About-title+.About-description {
        margin-top: 24px
    }
}

@media (min-width:1920px) {
    .About-title+.About-description {
        margin-top: 40px
    }
}

.About-description {
    font-size: 2rem;
    line-height: 2.5625rem
}

@media (min-width:768px) {
    .About-description {
        font-size: 3.125rem;
        line-height: 3.9375rem
    }
}

@media (min-width:1280px) {
    .About-description {
        font-size: 3.75rem;
        line-height: 4.75rem
    }
}

@media (min-width:1920px) {
    .About-description {
        font-size: 4.375rem;
        line-height: 5.25rem
    }
}

.Advantages-items {
    display: grid;
    grid-template-areas: "a a" "b c" "d d";
    grid-gap: 8px
}

@media (min-width:768px) {
    .Advantages-items {
        grid-gap: 16px
    }
}

@media (min-width:1024px) {
    .Advantages-items {
        grid-template-areas: "a a a a a a a a a a a a a a d d d d d d d d d d" "b b b b b b b c c c c c c c d d d d d d d d d d";
        grid-gap: 20px
    }
}

.Advantages-item:nth-child(4n+1) {
    grid-area: a
}

.Advantages-item:nth-child(4n+2) {
    grid-area: b
}

.Advantages-item:nth-child(4n+3) {
    grid-area: c
}

.Advantages-item:nth-child(4n+4) {
    grid-area: d
}

.Advantage:nth-child(4n+1) .Advantage-name,
.Advantage:nth-child(4n+4) .Advantage-name {
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: 145px
}

@media (min-width:768px) {

    .Advantage:nth-child(4n+1) .Advantage-name,
    .Advantage:nth-child(4n+4) .Advantage-name {
        font-size: 2rem;
        line-height: 2.5625rem;
        max-width: 284px
    }
}

@media (min-width:1024px) {

    .Advantage:nth-child(4n+1) .Advantage-name,
    .Advantage:nth-child(4n+4) .Advantage-name {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (min-width:1280px) {

    .Advantage:nth-child(4n+1) .Advantage-name,
    .Advantage:nth-child(4n+4) .Advantage-name {
        font-size: 2rem;
        line-height: 2.5625rem
    }
}

@media (min-width:1920px) {

    .Advantage:nth-child(4n+1) .Advantage-name,
    .Advantage:nth-child(4n+4) .Advantage-name {
        font-size: 2.5rem;
        line-height: 3.1875rem
    }
}

.Advantage:nth-child(4n+1) .Advantage-container {
    min-height: 120px
}

@media (min-width:768px) {
    .Advantage:nth-child(4n+1) .Advantage-container {
        min-height: 252px
    }
}

@media (min-width:1024px) {
    .Advantage:nth-child(4n+1) .Advantage-container {
        min-height: 250px
    }
}

@media (min-width:1280px) {
    .Advantage:nth-child(4n+1) .Advantage-container {
        min-height: 279px
    }
}

@media (min-width:1920px) {
    .Advantage:nth-child(4n+1) .Advantage-container {
        min-height: 312px
    }
}

.Advantage:nth-child(4n+1) .Advantage-picture {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:1024px) {
    .Advantage:nth-child(4n+1) .Advantage-name {
        max-width: 256px
    }
}

@media (min-width:1280px) {
    .Advantage:nth-child(4n+1) .Advantage-name {
        max-width: 280px
    }
}

@media (min-width:1920px) {
    .Advantage:nth-child(4n+1) .Advantage-name {
        max-width: 450px
    }
}

.Advantage:nth-child(4n+2) .Advantage-container,
.Advantage:nth-child(4n+3) .Advantage-container {
    min-height: 156px
}

@media (min-width:768px) {

    .Advantage:nth-child(4n+2) .Advantage-container,
    .Advantage:nth-child(4n+3) .Advantage-container {
        min-height: 328px
    }
}

@media (min-width:1024px) {

    .Advantage:nth-child(4n+2) .Advantage-container,
    .Advantage:nth-child(4n+3) .Advantage-container {
        min-height: 250px
    }
}

@media (min-width:1280px) {

    .Advantage:nth-child(4n+2) .Advantage-container,
    .Advantage:nth-child(4n+3) .Advantage-container {
        min-height: 324px
    }
}

@media (min-width:1920px) {

    .Advantage:nth-child(4n+2) .Advantage-container,
    .Advantage:nth-child(4n+3) .Advantage-container {
        min-height: 400px
    }
}

.Advantage:nth-child(4n+2) .Advantage-picture,
.Advantage:nth-child(4n+3) .Advantage-picture {
    right: 0;
    bottom: 0;
    width: 169px;
    height: 150px
}

@media (min-width:768px) {

    .Advantage:nth-child(4n+2) .Advantage-picture,
    .Advantage:nth-child(4n+3) .Advantage-picture {
        width: 375px;
        height: 332px
    }
}

@media (min-width:1024px) {

    .Advantage:nth-child(4n+2) .Advantage-picture,
    .Advantage:nth-child(4n+3) .Advantage-picture {
        width: 288px;
        height: 254px
    }
}

@media (min-width:1920px) {

    .Advantage:nth-child(4n+2) .Advantage-picture,
    .Advantage:nth-child(4n+3) .Advantage-picture {
        width: 452px;
        height: 400px
    }
}

.Advantage:nth-child(4n+2) .Advantage-name,
.Advantage:nth-child(4n+3) .Advantage-name {
    font-size: 0.875rem;
    line-height: 1.125rem;
    max-width: 128px
}

@media (min-width:768px) {

    .Advantage:nth-child(4n+2) .Advantage-name,
    .Advantage:nth-child(4n+3) .Advantage-name {
        font-size: 1.75rem;
        line-height: 2.25rem;
        max-width: 270px
    }
}

@media (min-width:1024px) {

    .Advantage:nth-child(4n+2) .Advantage-name,
    .Advantage:nth-child(4n+3) .Advantage-name {
        font-size: 1.375rem;
        line-height: 1.75rem;
        max-width: 216px
    }
}

@media (min-width:1280px) {

    .Advantage:nth-child(4n+2) .Advantage-name,
    .Advantage:nth-child(4n+3) .Advantage-name {
        max-width: 260px
    }
}

@media (min-width:1920px) {

    .Advantage:nth-child(4n+2) .Advantage-name,
    .Advantage:nth-child(4n+3) .Advantage-name {
        font-size: 2rem;
        line-height: 2.5625rem;
        max-width: 312px
    }
}

.Advantage:nth-child(4n+4) .Advantage-container {
    min-height: 120px
}

@media (min-width:768px) {
    .Advantage:nth-child(4n+4) .Advantage-container {
        min-height: 252px
    }
}

@media (min-width:1024px) {
    .Advantage:nth-child(4n+4) .Advantage-container {
        min-height: 520px
    }
}

@media (min-width:1280px) {
    .Advantage:nth-child(4n+4) .Advantage-container {
        min-height: 600px
    }
}

@media (min-width:1920px) {
    .Advantage:nth-child(4n+4) .Advantage-container {
        min-height: 732px
    }
}

.Advantage:nth-child(4n+4) .Advantage-picture {
    right: 0;
    bottom: -21px;
    width: 171px;
    height: 144px
}

@media (min-width:768px) {
    .Advantage:nth-child(4n+4) .Advantage-picture {
        right: -18;
        bottom: -64px;
        width: 387px;
        height: 324px
    }
}

@media (min-width:1024px) {
    .Advantage:nth-child(4n+4) .Advantage-picture {
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 10px;
        width: 379px;
        height: 318px
    }
}

@media (min-width:1280px) {
    .Advantage:nth-child(4n+4) .Advantage-picture {
        bottom: 0;
        width: 472px;
        height: 394px
    }
}

@media (min-width:1920px) {
    .Advantage:nth-child(4n+4) .Advantage-picture {
        width: 655px;
        height: 548px
    }
}

@media (min-width:1024px) {
    .Advantage:nth-child(4n+4) .Advantage-name {
        max-width: 250px
    }
}

@media (min-width:1280px) {
    .Advantage:nth-child(4n+4) .Advantage-name {
        max-width: 285px
    }
}

@media (min-width:1920px) {
    .Advantage:nth-child(4n+4) .Advantage-name {
        max-width: 412px
    }
}

.Advantage-container {
    position: relative;
    height: 100%;
    border-radius: 20px;
    padding: 24px;
    overflow: hidden
}

@media (min-width:768px) {
    .Advantage-container {
        border-radius: 42px;
        padding: 40px 48px
    }
}

@media (min-width:1024px) {
    .Advantage-container {
        border-radius: 40px;
        padding: 32px
    }
}

@media (min-width:1920px) {
    .Advantage-container {
        border-radius: 60px;
        padding: 48px
    }
}

.Advantage-picture {
    position: absolute;
    z-index: 1
}

.Advantage-content {
    position: relative;
    z-index: 2
}

.Advantage-name {
    color: var(--color-whiteMain)
}

.Advantage-color-orange .Advantage-container {
    background: var(--color-radialOrange)
}

.Advantage-color-purple .Advantage-container {
    background: var(--color-radialPurple)
}

.Advantage-color-green .Advantage-container {
    background: var(--color-radialGreen)
}

.Advantage-color-aqua .Advantage-container {
    background: var(--color-radialAqua)
}

.Cards .Card+.Card {
    margin-top: 44px
}

@media (min-width:1024px) {
    .Cards .Card+.Card {
        margin-top: 40px
    }
}

@media (min-width:1920px) {
    .Cards .Card+.Card {
        margin-top: 60px
    }
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {
    .Card:not(:hover) .Card-topContent:before {
        opacity: 0;
    }
}

.Card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1024px) {
    .Card-container {
        margin: 0 -10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1024px) {

    .Card-bottom,
    .Card-top {
        padding: 0 10px
    }
}

@media (min-width:1024px) {
    .Card-top {
        width: 41.6666666667%
    }
}

.Card-top+.Card-bottom {
    margin-top: 8px
}

@media (min-width:768px) {
    .Card-top+.Card-bottom {
        margin-top: 16px
    }
}

@media (min-width:1024px) {
    .Card-top+.Card-bottom {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .Card-bottom {
        width: 58.3333333333%
    }
}

.Card-bottomContent,
.Card-topContent {
    height: 100%;
    border-radius: 20px
}

@media (min-width:768px) {

    .Card-bottomContent,
    .Card-topContent {
        border-radius: 32px
    }
}

@media (min-width:1024px) {

    .Card-bottomContent,
    .Card-topContent {
        border-radius: 40px
    }
}

@media (min-width:1920px) {

    .Card-bottomContent,
    .Card-topContent {
        border-radius: 60px
    }
}

.Card-topContent {
    position: relative;
    background-color: var(--color-backgroundCard);
    overflow: hidden
}

.Card-topContent:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.Card-picture {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    height: 300px
}

@media (min-width:768px) {
    .Card-picture {
        height: 400px;
        height: 340px
    }
}

@media (min-width:1920px) {
    .Card-picture {
        height: 455px
    }
}

.Card-picture .Picture img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    margin: 0 auto
}

.Card-propsWrapper {
    position: absolute;
    top: 12px;
    right: 12px
}

@media (min-width:768px) {
    .Card-propsWrapper {
        top: 24px;
        right: 24px
    }
}

@media (min-width:1024px) {
    .Card-propsWrapper {
        top: 20px;
        right: 20px
    }
}

@media (min-width:1920px) {
    .Card-propsWrapper {
        top: 40px;
        right: 40px
    }
}

.Card-props {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -4px
}

@media (min-width:1920px) {
    .Card-props {
        margin: -8px
    }
}

.Card-prop {
    padding: 4px
}

@media (min-width:1920px) {
    .Card-prop {
        padding: 8px
    }
}

.Card-propText {
    font-size: 0.625rem;
    line-height: 0.8125rem;
    color: var(--color-blackMain);
    padding: 3px 9px;
    border-radius: 10px;
    border: 1px solid var(--color-dividerMain);
    background-color: var(--color-whiteMain)
}

@media (min-width:768px) {
    .Card-propText {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 6px 15px;
        border-radius: 16px
    }
}

@media (min-width:1920px) {
    .Card-propText {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 9px 23px;
        border-radius: 20px
    }
}

.Card-propIcon {
    font-size: 20px
}

@media (min-width:768px) {
    .Card-propIcon {
        font-size: 32px
    }
}

@media (min-width:1920px) {
    .Card-propIcon {
        font-size: 40px
    }
}

.Card-bottomContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-backgroundCard);
    padding: 24px
}

@media (min-width:768px) {
    .Card-bottomContent {
        padding: 40px
    }
}

@media (min-width:1920px) {
    .Card-bottomContent {
        padding: 60px
    }
}

.Card-advantages+.Card-buttons,
.Card-name+.Card-buttons {
    margin-top: 24px
}

@media (min-width:768px) {

    .Card-advantages+.Card-buttons,
    .Card-name+.Card-buttons {
        margin-top: 32px
    }
}

@media (min-width:1920px) {

    .Card-advantages+.Card-buttons,
    .Card-name+.Card-buttons {
        margin-top: 36px
    }
}

.Card-name {
    font-family: Euclid Circular A, sans-serif;
    font-size: 1.25rem;
    line-height: 120%
}

@media (min-width:768px) {
    .Card-name {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (min-width:1024px) {
    .Card-name {
        line-height: 120%
    }
}

@media (min-width:1920px) {
    .Card-name {
        font-size: 2rem
    }
}

.Card-name>* {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

.Card-name+.Card-advantages {
    margin-top: 20px
}

@media (min-width:768px) {
    .Card-name+.Card-advantages {
        margin-top: 24px
    }
}

@media (min-width:1920px) {
    .Card-name+.Card-advantages {
        margin-top: 28px
    }
}

.Card-advantages ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.986C11.398 10.424 11.985 0 11.985 0S12.75 10.566 24 11.986C12.69 13.434 11.985 24 11.985 24S11.31 13.491 0 11.986z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: contain
}

@media (min-width:768px) {
    .Card-advantages ul li:before {
        width: 18px;
        height: 18px
    }
}

@media (min-width:1024px) {
    .Card-advantages ul li:before {
        top: -0.5;
        width: 20px;
        height: 20px
    }
}

@media (min-width:1920px) {
    .Card-advantages ul li:before {
        top: 3px;
        width: 24px;
        height: 24px
    }
}

.Card-advantages li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    position: relative;
    font-size: 0.875rem;
    line-height: 120%;
    color: var(--color-blackMain);
    padding-left: 22px
}

@media (min-width:768px) {
    .Card-advantages li {
        font-size: 1.125rem;
        padding-left: 30px
    }
}

@media (min-width:1024px) {
    .Card-advantages li {
        font-size: 1rem;
        padding-left: 32px
    }
}

@media (min-width:1920px) {
    .Card-advantages li {
        font-size: 1.25rem;
        padding-left: 40px
    }
}

.Card-advantages li p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .Card-advantages li p {
        min-height: 20px
    }
}

@media (min-width:1920px) {
    .Card-advantages li p {
        min-height: 30px
    }
}

.Card-advantages li+li {
    margin-top: 12px
}

@media (min-width:768px) {
    .Card-advantages li+li {
        margin-top: 14px
    }
}

@media (min-width:1024px) {
    .Card-advantages li+li {
        margin-top: 12px
    }
}

@media (min-width:1920px) {
    .Card-advantages li+li {
        margin-top: 16px
    }
}

@media (max-width:1023.95px) {
    .Card-buttons .Button {
        width: 100%
    }
}

@media (min-width:1280px) {
    .Card[data-advantages-columns="2"] .Card-advantages ul {
        -webkit-column-width: max-content;
        -moz-column-width: max-content;
        column-width: max-content;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.Card:nth-child(6n+1) .Card-topContent:before {
    background-image: url("images/Card__bg_1.png")
}

.Card:nth-child(6n+2) .Card-topContent:before {
    background-image: url("images/Card__bg_2.png")
}

.Card:nth-child(6n+3) .Card-topContent:before {
    background-image: url("images/Card__bg_3.png")
}

.Card:nth-child(6n+4) .Card-topContent:before {
    background-image: url("images/Card__bg_4.png")
}

.Card:nth-child(6n+5) .Card-topContent:before {
    background-image: url("images/Card__bg_5.png")
}

.Card:nth-child(6n+6) .Card-topContent:before {
    background-image: url("images/Card__bg_6.png")
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {

    .Card-color-orange .Card-buttons .Button-color-ozon,
    .Card-color-orange .Card-buttons .Button-color-ozon:before,
    .Card-color-orange .Card-buttons .Button-color-wildberries,
    .Card-color-orange .Card-buttons .Button-color-wildberries:before {
        -webkit-transition: none;
        transition: none
    }

    .Card-color-orange:not(:hover) .Card-topContent {
        background: var(--color-backgroundCard)
    }

    .Card-color-orange:not(:hover) .Card-buttons .Button-color-ozon,
    .Card-color-orange:not(:hover) .Card-buttons .Button-color-wildberries {
        color: var(--color-blackMain)
    }

    .Card-color-orange:not(:hover) .Card-buttons .Button-color-ozon:before,
    .Card-color-orange:not(:hover) .Card-buttons .Button-color-wildberries:before {
        background: transparent;
        border: 1px solid var(--color-blackMain)
    }
}

.Card-color-orange .Card-topContent {
    background: var(--color-radialOrange)
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {

    .Card-color-yellow .Card-buttons .Button-color-ozon,
    .Card-color-yellow .Card-buttons .Button-color-ozon:before,
    .Card-color-yellow .Card-buttons .Button-color-wildberries,
    .Card-color-yellow .Card-buttons .Button-color-wildberries:before {
        -webkit-transition: none;
        transition: none
    }

    .Card-color-yellow:not(:hover) .Card-topContent {
        background: var(--color-backgroundCard)
    }

    .Card-color-yellow:not(:hover) .Card-buttons .Button-color-ozon,
    .Card-color-yellow:not(:hover) .Card-buttons .Button-color-wildberries {
        color: var(--color-blackMain)
    }

    .Card-color-yellow:not(:hover) .Card-buttons .Button-color-ozon:before,
    .Card-color-yellow:not(:hover) .Card-buttons .Button-color-wildberries:before {
        background: transparent;
        border: 1px solid var(--color-blackMain)
    }
}

.Card-color-yellow .Card-topContent {
    background: var(--color-radialYellow)
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {

    .Card-color-purple .Card-buttons .Button-color-ozon,
    .Card-color-purple .Card-buttons .Button-color-ozon:before,
    .Card-color-purple .Card-buttons .Button-color-wildberries,
    .Card-color-purple .Card-buttons .Button-color-wildberries:before {
        -webkit-transition: none;
        transition: none
    }

    .Card-color-purple:not(:hover) .Card-topContent {
        background: var(--color-backgroundCard)
    }

    .Card-color-purple:not(:hover) .Card-buttons .Button-color-ozon,
    .Card-color-purple:not(:hover) .Card-buttons .Button-color-wildberries {
        color: var(--color-blackMain)
    }

    .Card-color-purple:not(:hover) .Card-buttons .Button-color-ozon:before,
    .Card-color-purple:not(:hover) .Card-buttons .Button-color-wildberries:before {
        background: transparent;
        border: 1px solid var(--color-blackMain)
    }
}

.Card-color-purple .Card-topContent {
    background: var(--color-radialPurple)
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {

    .Card-color-green .Card-buttons .Button-color-ozon,
    .Card-color-green .Card-buttons .Button-color-ozon:before,
    .Card-color-green .Card-buttons .Button-color-wildberries,
    .Card-color-green .Card-buttons .Button-color-wildberries:before {
        -webkit-transition: none;
        transition: none
    }

    .Card-color-green:not(:hover) .Card-topContent {
        background: var(--color-backgroundCard)
    }

    .Card-color-green:not(:hover) .Card-buttons .Button-color-ozon,
    .Card-color-green:not(:hover) .Card-buttons .Button-color-wildberries {
        color: var(--color-blackMain)
    }

    .Card-color-green:not(:hover) .Card-buttons .Button-color-ozon:before,
    .Card-color-green:not(:hover) .Card-buttons .Button-color-wildberries:before {
        background: transparent;
        border: 1px solid var(--color-blackMain)
    }
}

.Card-color-green .Card-topContent {
    background: var(--color-radialGreen)
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine) {

    .Card-color-aqua .Card-buttons .Button-color-ozon,
    .Card-color-aqua .Card-buttons .Button-color-ozon:before,
    .Card-color-aqua .Card-buttons .Button-color-wildberries,
    .Card-color-aqua .Card-buttons .Button-color-wildberries:before {
        -webkit-transition: none;
        transition: none
    }

    .Card-color-aqua:not(:hover) .Card-topContent {
        background: var(--color-backgroundCard)
    }

    .Card-color-aqua:not(:hover) .Card-buttons .Button-color-ozon,
    .Card-color-aqua:not(:hover) .Card-buttons .Button-color-wildberries {
        color: var(--color-blackMain)
    }

    .Card-color-aqua:not(:hover) .Card-buttons .Button-color-ozon:before,
    .Card-color-aqua:not(:hover) .Card-buttons .Button-color-wildberries:before {
        background: transparent;
        border: 1px solid var(--color-blackMain)
    }
}

.Card-color-aqua .Card-topContent {
    background: var(--color-radialAqua)
}

.Slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.Slider .swiper-slide {
    height: auto
}

.Slider-mainSwiper {
    height: 220px;
    border-radius: 20px
}

@media (min-width:768px) {
    .Slider-mainSwiper {
        height: 353px;
        border-radius: 32px
    }
}

@media (min-width:1024px) {
    .Slider-mainSwiper {
        height: 460px;
        border-radius: 40px
    }
}

@media (min-width:1920px) {
    .Slider-mainSwiper {
        height: 690px;
        border-radius: 60px
    }
}

.Slider-mainSwiper .swiper-slide,
.Slider-mainSwiper .swiper-wrapper {
    border-radius: inherit
}

.Slider-mainSwiper .swiper-slide .Picture {
    overflow: hidden;
    border-radius: inherit
}

.Slider-mainSwiper .swiper-slide .Picture,
.Slider-mainSwiper .swiper-slide .Picture img,
.Slider-mainSwiper .swiper-slide .Picture picture {
    border-radius: inherit
}

.Slider-mainSwiper .swiper-slide .Picture,
.Slider-mainSwiper .swiper-slide .Picture img {
    height: 100%
}

.Slider-right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Slider-nav,
.Slider-textSwiper {
    background-color: var(--color-backgroundCard)
}

.Slider-textSwiper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 20px
}

@media (min-width:768px) {
    .Slider-textSwiper {
        border-radius: 32px
    }
}

@media (min-width:1024px) {
    .Slider-textSwiper {
        border-radius: 40px
    }
}

@media (min-width:1920px) {
    .Slider-textSwiper {
        border-radius: 60px
    }
}

.Slider-textSwiper+.Slider-nav {
    margin-top: 8px
}

@media (min-width:768px) {
    .Slider-textSwiper+.Slider-nav {
        margin-top: 16px
    }
}

@media (min-width:1024px) {
    .Slider-textSwiper+.Slider-nav {
        margin-top: 20px
    }
}

@media (min-width:1920px) {
    .Slider-textSwiper+.Slider-nav {
        margin-top: 32px
    }
}

.Slider-textSwiperContentWrapper {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    -webkit-transition: scrollbar-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: scrollbar-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    overflow-y: auto
}

.Slider-textSwiperContentWrapper::-webkit-scrollbar {
    width: 0.375rem
}

.Slider-textSwiperContentWrapper::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0.375rem;
    -webkit-box-shadow: 0 0 1px var(--color-whiteMainAlpha1);
    box-shadow: 0 0 1px var(--color-whiteMainAlpha1)
}

.Slider-textSwiperContentWrapper:focus,
.Slider-textSwiperContentWrapper:focus-within,
.Slider-textSwiperContentWrapper:hover {
    scrollbar-color: var(--color-dividerMain) transparent
}

.Slider-textSwiperContentWrapper:focus-within::-webkit-scrollbar-thumb,
.Slider-textSwiperContentWrapper:focus::-webkit-scrollbar-thumb,
.Slider-textSwiperContentWrapper:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-dividerMain)
}

@media (min-width:1024px) {
    .Slider-textSwiperContentWrapper {
        max-height: 362px
    }
}

@media (min-width:1920px) {
    .Slider-textSwiperContentWrapper {
        max-height: 545px
    }
}

.Slider-textSwiperContent {
    padding: 24px
}

@media (min-width:768px) {
    .Slider-textSwiperContent {
        padding: 40px
    }
}

@media (min-width:1920px) {
    .Slider-textSwiperContent {
        padding: 60px
    }
}

.Slider-title {
    font-size: 1.25rem;
    line-height: 120%;
    color: var(--color-blackMain)
}

@media (min-width:768px) {
    .Slider-title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (min-width:1024px) {
    .Slider-title {
        line-height: 120%
    }
}

@media (min-width:1920px) {
    .Slider-title {
        font-size: 2rem
    }
}

.Slider-title+.Slider-text {
    margin-top: 16px
}

.Slider-text {
    font-size: 0.875rem;
    line-height: 150%;
    color: var(--color-blackMain)
}

@media (min-width:768px) {
    .Slider-text {
        font-size: 1.125rem
    }
}

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

@media (min-width:1920px) {
    .Slider-text {
        font-size: 1.25rem
    }
}

.Slider-nav {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1920px) {
    .Slider-nav {
        border-radius: 60px
    }
}

.Slider-nextButton,
.Slider-prevButton {
    padding: 21px
}

@media (min-width:1024px) {

    .Slider-nextButton,
    .Slider-prevButton {
        padding: 28px
    }
}

@media (min-width:1920px) {

    .Slider-nextButton,
    .Slider-prevButton {
        padding: 42px
    }
}

.Slider-nextButton .Icon,
.Slider-prevButton .Icon {
    font-size: 18px;
    color: var(--color-blackMain)
}

@media (min-width:1024px) {

    .Slider-nextButton .Icon,
    .Slider-prevButton .Icon {
        font-size: 22px
    }
}

@media (min-width:1920px) {

    .Slider-nextButton .Icon,
    .Slider-prevButton .Icon {
        font-size: 32px
    }
}

.Slider-prevButton {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.Slider-nextButton {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.Slider-counter {
    font-size: 1.125rem;
    line-height: 120%;
    color: var(--color-blackMain);
    margin: 0 8px
}

@media (min-width:1024px) {
    .Slider-counter {
        font-size: 1.25rem
    }
}

@media (min-width:1920px) {
    .Slider-counter {
        font-size: 1.875rem
    }
}

.Marquee-scroll {
    width: 140%;
    margin-left: -20%
}

.Marquee-content,
.Marquee-scroll {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Marquee-content+.Marquee-content {
    margin-left: 24px
}

@media (min-width:768px) {
    .Marquee-content+.Marquee-content {
        margin-left: 60px
    }
}

@media (min-width:1920px) {
    .Marquee-content+.Marquee-content {
        margin-left: 90px
    }
}

.MarqueeItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

@media (min-width:768px) {
    .MarqueeItem {
        padding: 40px 0
    }
}

@media (min-width:1024px) {
    .MarqueeItem {
        padding: 90px 0
    }
}

@media (min-width:1920px) {
    .MarqueeItem {
        padding: 160px 0
    }
}

.MarqueeItem+.MarqueeItem {
    margin-left: 24px
}

@media (min-width:768px) {
    .MarqueeItem+.MarqueeItem {
        margin-left: 60px
    }
}

@media (min-width:1920px) {
    .MarqueeItem+.MarqueeItem {
        margin-left: 90px
    }
}

.MarqueeItem-icon svg {
    max-height: 60px;
    width: auto
}

@media (min-width:768px) {
    .MarqueeItem-icon svg {
        max-height: 120px
    }
}

@media (min-width:1920px) {
    .MarqueeItem-icon svg {
        max-height: 180px
    }
}

.MarqueeItem-icon+.MarqueeItem-text {
    margin-left: 24px
}

@media (min-width:768px) {
    .MarqueeItem-icon+.MarqueeItem-text {
        margin-left: 60px
    }
}

@media (min-width:1920px) {
    .MarqueeItem-icon+.MarqueeItem-text {
        margin-left: 90px
    }
}

.MarqueeItem-text {
    font-size: 2.5rem;
    line-height: 120%;
    color: var(--color-blackMain);
    white-space: nowrap
}

@media (min-width:768px) {
    .MarqueeItem-text {
        font-size: 4.375rem;
        line-height: 5.5625rem
    }
}

@media (min-width:1280px) {
    .MarqueeItem-text {
        font-size: 5rem;
        line-height: 6.3125rem
    }
}

@media (min-width:1920px) {
    .MarqueeItem-text {
        font-size: 6.875rem;
        line-height: 8.6875rem
    }
}

.Products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Product-container {
    height: 100%;
    min-height: 172px;
    position: relative;
    border-radius: 20px;
    padding: 32px;
    overflow: hidden
}

@media (min-width:768px) {
    .Product-container {
        border-radius: 40px;
        min-height: 220px
    }
}

@media (min-width:1920px) {
    .Product-container {
        border-radius: 60px;
        min-height: 330px;
        padding: 48px
    }
}

.Product-picture {
    position: absolute;
    right: -46px;
    bottom: -16px;
    width: 122px;
    height: 341px;
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg)
}

@media (min-width:768px) {
    .Product-picture {
        right: 5px;
        bottom: -57px;
        width: 197px;
        height: 554px;
        -webkit-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        transform: rotate(33deg)
    }
}

@media (min-width:1024px) {
    .Product-picture {
        right: 2px;
        bottom: -7px;
        width: 161px;
        height: 454px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@media (min-width:1280px) {
    .Product-picture {
        right: 22px;
        bottom: -19px;
        width: 188px;
        height: 530px
    }
}

@media (min-width:1920px) {
    .Product-picture {
        right: 34px;
        bottom: -11px;
        width: 266px;
        height: 750px
    }
}

.Product-picture .Picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Product-name {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    color: var(--color-whiteMain);
    max-width: 200px
}

@media (min-width:768px) {
    .Product-name {
        font-size: 1.75rem;
        line-height: 2.25rem;
        max-width: 294px
    }
}

@media (min-width:1024px) {
    .Product-name {
        font-size: 1.75rem;
        max-width: 288px
    }
}

@media (min-width:1920px) {
    .Product-name {
        font-size: 2.5rem;
        line-height: 3.1875rem;
        max-width: 420px
    }
}

.Product-name+.Product-button {
    margin-top: 20px
}

@media (min-width:768px) {
    .Product-name+.Product-button {
        margin-top: 44px
    }
}

@media (min-width:1920px) {
    .Product-name+.Product-button {
        margin-top: 72px
    }
}

.Product-button {
    max-width: 118px
}

@media (min-width:768px) {
    .Product-button {
        max-width: 153px
    }
}

@media (min-width:1024px) {
    .Product-button {
        max-width: 141px
    }
}

@media (min-width:1920px) {
    .Product-button {
        max-width: 217px
    }
}

.Product-color-orange .Product-container {
    background: var(--color-radialOrange)
}

.Product-color-yellow .Product-container {
    background: var(--color-radialYellow)
}

.Product-color-purple .Product-container {
    background: var(--color-radialPurple)
}

.Product-color-green .Product-container {
    background: var(--color-radialGreen)
}

.Product-color-aqua .Product-container {
    background: var(--color-radialAqua)
}

.Shops-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px
}

@media (min-width:768px) {
    .Shops-items {
        grid-gap: 20px
    }
}

@media (min-width:1024px) {
    .Shops-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1920px) {
    .Shops-items {
        grid-gap: 30px
    }
}

.Shops-itemContent {
    height: 100%;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border: 1px solid var(--color-dividerMain);
    border-radius: 16px
}

@media (min-width:768px) {
    .Shops-itemContent {
        min-height: 120px;
        border-radius: 24px
    }
}

@media (min-width:1280px) {
    .Shops-itemContent {
        min-height: 160px
    }
}

@media (min-width:1920px) {
    .Shops-itemContent {
        min-height: 200px
    }
}

.Shops-picture {
    max-width: 120px
}

@media (min-width:768px) {
    .Shops-picture {
        max-width: 210px
    }
}

.Shops-picture img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

.Shops-text {
    font-size: 1.125rem;
    line-height: 136%;
    font-weight: 700;
    color: var(--color-textTertiary)
}

@media (min-width:768px) {
    .Shops-text {
        font-size: 2rem
    }
}

@media (min-width:1280px) {
    .Shops-text {
        font-size: 2.5rem
    }
}

.Cookie {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: var(--zIndex-cookie)
}

@media (min-width:768px) {
    .Cookie {
        bottom: 32px;
        max-width: calc(100vw - 24px)
    }
}

@media (min-width:1024px) {
    .Cookie {
        max-width: calc(100vw - 184px)
    }
}

@media (min-width:1280px) {
    .Cookie {
        max-width: 1004px
    }
}

@media (min-width:1920px) {
    .Cookie {
        max-width: 1330px
    }
}

.Cookie-container {
    padding: 24px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: var(--color-primaryMain)
}

@media (min-width:768px) {
    .Cookie-container {
        border-radius: 24px
    }
}

@media (min-width:1920px) {
    .Cookie-container {
        border-radius: 40px
    }
}

@media (min-width:768px) {
    .Cookie-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Cookie-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: var(--color-whiteMain);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media (min-width:1920px) {
    .Cookie-text {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

@media (max-width:767.95px) {
    .Cookie-text+.Cookie-buttons {
        margin-top: 16px
    }
}

@media (min-width:768px) {
    .Cookie-text+.Cookie-buttons {
        margin-left: 40px
    }
}

@media (min-width:1920px) {
    .Cookie-text+.Cookie-buttons {
        margin-left: 120px
    }
}

.Cookie-buttons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Cookie-buttons .Button {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    padding: 12px 24px;
    border-radius: 19.5px
}

@media (max-width:767.95px) {
    .Cookie-buttons .Button {
        width: 100%
    }
}

@media (min-width:768px) {
    .Cookie-buttons .Button {
        min-width: 82px;
        padding: 12.5px 32px;
        border-radius: 20px
    }
}

@media (min-width:1024px) {
    .Cookie-buttons .Button {
        min-width: 122px;
        padding: 12.5px 40px
    }
}

@media (min-width:1280px) {
    .Cookie-buttons .Button {
        min-width: 122px;
        padding: 12.5px 50px
    }
}

@media (min-width:1920px) {
    .Cookie-buttons .Button {
        min-width: 128px;
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 20.5px 50px;
        border-radius: 30.5px
    }
}

.FooterBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FooterBottom-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.FooterBottom-logo+.FooterBottom-menu {
    margin-top: 16px
}

@media (min-width:768px) {
    .FooterBottom-logo+.FooterBottom-menu {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .FooterBottom-logo+.FooterBottom-menu {
        margin-top: 22px
    }
}

@media (min-width:1280px) {
    .FooterBottom-logo+.FooterBottom-menu {
        margin-top: 0;
        margin-left: 32px
    }
}

@media (min-width:1920px) {
    .FooterBottom-logo+.FooterBottom-menu {
        margin-left: 40px
    }
}

.FooterBottom-logo svg {
    color: var(--color-whiteMain);
    width: 85px;
    height: 12px
}

@media (min-width:768px) and (max-width:1023.95px) {
    .FooterBottom-logo svg {
        width: 141px;
        height: 20px
    }
}

@media (min-width:1920px) {
    .FooterBottom-logo svg {
        width: 128px;
        height: 18px
    }
}

.FooterBottom-menuItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1023.95px) {
    .FooterBottom-menuItems {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.FooterBottom-menuItem+.FooterBottom-menuItem {
    margin-top: 16px
}

@media (min-width:768px) {
    .FooterBottom-menuItem+.FooterBottom-menuItem {
        margin-top: 20px
    }
}

@media (min-width:1024px) {
    .FooterBottom-menuItem+.FooterBottom-menuItem {
        margin-top: 0;
        margin-left: 46px
    }
}

@media (min-width:1280px) {
    .FooterBottom-menuItem+.FooterBottom-menuItem {
        margin-left: 32px
    }
}

@media (min-width:1920px) {
    .FooterBottom-menuItem+.FooterBottom-menuItem {
        margin-left: 40px
    }
}

.FooterBottom-link {
    font-size: 0.625rem;
    line-height: 0.8125rem;
    font-weight: 400;
    color: var(--color-whiteMainAlpha40)
}

@media (min-width:768px) {
    .FooterBottom-link {
        font-size: 0.875rem;
        line-height: 1.125rem
    }
}

@media (min-width:1024px) {
    .FooterBottom-link {
        font-size: 0.75rem;
        line-height: 0.9375rem
    }
}

@media (min-width:1920px) {
    .FooterBottom-link {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

.FooterContacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Form-head+.Form-content {
    margin-top: 24px
}

@media (min-width:1024px) {
    .Form-head+.Form-content {
        margin-top: 46px
    }
}

@media (min-width:1280px) {
    .Form-head+.Form-content {
        margin-top: 16px
    }
}

@media (min-width:1920px) {
    .Form-head+.Form-content {
        margin-top: 54px
    }
}

.Form-title {
    font-family: Euclid Circular A, sans-serif;
    font-size: 2rem;
    line-height: 100%;
    font-weight: 400;
    color: var(--color-whiteMain)
}

@media (min-width:768px) {
    .Form-title {
        font-size: 3.125rem;
        line-height: 136%
    }
}

@media (min-width:1280px) {
    .Form-title {
        font-size: 3.75rem
    }
}

@media (min-width:1920px) {
    .Form-title {
        font-size: 5rem
    }
}

.Form-title>* {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    margin: 0
}

.Form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Form-fields+.Form-footer {
    margin-top: 24px
}

@media (min-width:768px) {
    .Form-fields+.Form-footer {
        margin-top: 36px
    }
}

@media (min-width:1024px) {
    .Form-fields+.Form-footer {
        margin-top: 44px
    }
}

@media (min-width:1280px) {
    .Form-fields+.Form-footer {
        margin-top: 38px
    }
}

@media (min-width:1920px) {
    .Form-fields+.Form-footer {
        margin-top: 54px
    }
}

.Form-fields .Input {
    width: 100%
}

.Form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Form-consent {
    font-size: 0.625rem;
    line-height: 0.8125rem;
    color: var(--color-whiteMainAlpha40)
}

@media (min-width:768px) {
    .Form-consent {
        font-size: 0.875rem;
        line-height: 1.125rem
    }
}

@media (min-width:1920px) {
    .Form-consent {
        font-size: 1.25rem;
        line-height: 1.5625rem
    }
}

.Form-consent a {
    display: inline;
    color: inherit;
    text-decoration: underline
}

@media (hover:hover) and (pointer:fine) {
    .Form-consent a:hover {
        text-decoration: none
    }
}

.Footer-container {
    background-color: var(--color-backgroundFooter);
    border-radius: 20px;
    padding: 32px 24px
}

@media (min-width:768px) {
    .Footer-container {
        border-radius: 60px;
        padding: 60px 60px 70px
    }
}

@media (min-width:1024px) {
    .Footer-container {
        padding: 60px 60px 48px
    }
}

@media (min-width:1280px) {
    .Footer-container {
        padding: 60px
    }
}

@media (min-width:1920px) {
    .Footer-container {
        border-radius: 90px;
        padding: 90px
    }
}

.Footer-top+.Footer-middle {
    margin-top: 22px
}

@media (min-width:768px) {
    .Footer-top+.Footer-middle {
        margin-top: 32px
    }
}

@media (min-width:1920px) {
    .Footer-top+.Footer-middle {
        margin-top: 60px
    }
}

/* .Footer-middle+.Footer-bottom {
    margin-top: 60px
} */

@media (min-width:1024px) {
    /* .Footer-middle+.Footer-bottom {
        margin-top: 54px
    } */
}

/* @media (min-width:1280px) { */
    .Footer-middle+.Footer-bottom {
        margin-top: 28px
    }
/* } */

/* @media (min-width:1920px) { */
    /* .Footer-middle+.Footer-bottom {
        margin-top: 126px
    } */
/* } */

.Footer-middle .FooterContacts {
    margin-top: 16px
}

@media (min-width:1920px) {
    .Footer-middle .FooterContacts {
        margin-top: 12px
    }
}

.Footer-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.Footer-logo svg {
    color: var(--color-whiteMain);
    width: 77px;
    height: 12px
}

@media (min-width:768px) {
    .Footer-logo svg {
        width: 116px;
        height: 18px
    }
}

@media (min-width:1920px) {
    .Footer-logo svg {
        width: 174px;
        height: 27px
    }
}

.Input {
    font-family: Euclid Circular A, sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--color-whiteMain);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .Input {
        font-size: 1.125rem;
        line-height: 1.4375rem
    }
}

@media (min-width:1024px) {
    .Input {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

@media (min-width:1920px) {
    .Input {
        font-size: 1.25rem;
        line-height: 1.5625rem
    }
}

.disabled .Input,
.Input.disabled {
    color: var(--color-actionDisabled);
    cursor: default
}

.disabled .Input .Input-input,
.Input-input.disabled,
.Input-input:disabled,
.Input.disabled .Input-input {
    opacity: 1;
    -webkit-text-fill-color: var(--color-actionDisabled)
}

.Input.fullWidth {
    width: 100%
}

.Input-input {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    padding-bottom: 9px;
    border: 0;
    border-bottom: 1px solid var(--color-whiteMain);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    border-radius: inherit;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    -webkit-animation-name: auto-fill-cancel;
    animation-name: auto-fill-cancel;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    z-index: 2
}

@media (min-width:1920px) {
    .Input-input {
        padding-bottom: 14px;
        border-width: 2px
    }
}

.Input-input::-webkit-input-placeholder {
    font: inherit;
    line-height: inherit;
    color: currentColor;
    opacity: 0.7
}

.Input-input::-moz-placeholder {
    font: inherit;
    line-height: inherit;
    color: currentColor;
    opacity: 0.7
}

.Input-input:-ms-input-placeholder,
.Input-input::-ms-input-placeholder {
    font: inherit;
    line-height: inherit;
    color: currentColor;
    opacity: 0.7
}

.Input-input:focus {
    outline: 0
}

.Input-input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.Input-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.Input-input:-webkit-autofill {
    -webkit-animation-duration: 5000s;
    animation-duration: 5000s;
    -webkit-animation-name: auto-fill;
    animation-name: auto-fill
}

.Input-input[type=search] {
    -moz-appearance: textfield
}

@-webkit-keyframes auto-fill {
    0% {
        display: block
    }
}

@keyframes auto-fill {
    0% {
        display: block
    }
}

@-webkit-keyframes auto-fill-cancel {
    0% {
        display: block
    }
}

@keyframes auto-fill-cancel {
    0% {
        display: block
    }
}

.FooterContactsItem-label {
    font-size: 0.75rem;
    line-height: 150%;
    color: var(--color-whiteMainAlpha60)
}

@media (min-width:768px) {
    .FooterContactsItem-label {
        font-size: 1rem
    }
}

@media (min-width:1024px) {
    .FooterContactsItem-label {
        font-size: 0.875rem
    }
}

@media (min-width:1920px) {
    .FooterContactsItem-label {
        font-size: 1.25rem
    }
}

.FooterContactsItem-label+.FooterContactsItem-content {
    margin-top: 8px
}

@media (min-width:768px) {
    .FooterContactsItem-label+.FooterContactsItem-content {
        margin-top: 12px
    }
}

@media (min-width:1920px) {
    .FooterContactsItem-label+.FooterContactsItem-content {
        margin-top: 18px
    }
}

.FooterContactsItem-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    font-weight: 400;
    color: var(--color-whiteMain)
}

@media (min-width:768px) {
    .FooterContactsItem-content {
        font-size: 1.25rem;
        line-height: 1.5625rem
    }
}

@media (min-width:1920px) {
    .FooterContactsItem-content {
        font-size: 2rem;
        line-height: 2.5625rem
    }
}

.FooterContactsItem-content a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: inherit
}

.FooterContactsItem-content>*+* {
    margin-top: 8px
}

@media (min-width:768px) {
    .FooterContactsItem-content>*+* {
        margin-top: 12px
    }
}

@media (min-width:1920px) {
    .FooterContactsItem-content>*+* {
        margin-top: 18px
    }
}

.FooterSocial .SocialItem .BaseButton .Icon {
    font-size: 32px;
    color: var(--color-whiteMain)
}

@media (min-width:768px) {
    .FooterSocial .SocialItem .BaseButton .Icon {
        font-size: 40px
    }
}

@media (min-width:1280px) {
    .FooterSocial .SocialItem .BaseButton .Icon {
        font-size: 24px
    }
}

@media (min-width:1920px) {
    .FooterSocial .SocialItem .BaseButton .Icon {
        font-size: 44px
    }
}