body,
html {
padding: 0;
margin: 0;
width: 100%;
height: 100%
}
* {
color: #2e2e2e;
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
word-break: break-word;
line-height: 1.4;
outline: none
}
a {
color: #3c3c3c;
text-decoration: none;
font-weight: inherit;
font-size: inherit;
cursor: pointer
}
h1,
h2 {
display: block;
color: unset;
margin: unset;
margin-block-start: unset;
margin-block-end: unset;
margin-inline-start: unset;
margin-inline-end: unset;
font-size: unset;
font-weight: unset;
line-height: unset
}
.fixed-size {
width: 100%;
padding: 0 20px;
max-width: 1170px;
box-sizing: border-box;
margin: 0 auto
}
.button-age__absolute {
-webkit-mask-image: url(/img/age_marker.svg);
mask-image: url(/img/age_marker.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
width: 50px;
min-width: 50px;
background-color: #fff;
position: absolute;
top: 70px;
right: 30px;
aspect-ratio: 1/1;
mix-blend-mode: unset;
-webkit-user-select: none;
user-select: none
}
.button-age__absolute:hover {
background-color: #fff;
mix-blend-mode: difference
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
overflow: hidden;
white-space: nowrap
}
@media screen and (max-width: 1030px) {
.button-age__absolute {
top: 20px;
right: 20px
}
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-italic-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Thin-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Light-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Regular-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Medium-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Bold-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic-ext.woff) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-cyrillic.woff) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek-ext.woff) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-greek.woff) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-vietnamese.woff) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin.woff) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/roboto/Roboto-Heavy-normal-latin-ext.woff) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
html {
--mat-ripple-color: rgba(0, 0, 0, .1)
}
html {
--mat-option-selected-state-label-text-color: #3f51b5;
--mat-option-label-text-color: rgba(0, 0, 0, .87);
--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}
html {
--mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
--mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
--mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
--mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
--mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}
html {
--mat-app-background-color: #fafafa;
--mat-app-text-color: rgba(0, 0, 0, .87);
--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}
html {
--mat-option-label-text-font: Roboto, sans-serif;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 16px;
--mat-option-label-text-tracking: .03125em;
--mat-option-label-text-weight: 400
}
html {
--mat-optgroup-label-text-font: Roboto, sans-serif;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 16px;
--mat-optgroup-label-text-tracking: .03125em;
--mat-optgroup-label-text-weight: 400
}
html {
--mdc-elevated-card-container-shape: 4px;
--mdc-outlined-card-container-shape: 4px;
--mdc-outlined-card-outline-width: 1px
}
html {
--mdc-elevated-card-container-color: white;
--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
--mdc-outlined-card-container-color: white;
--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}
html {
--mat-card-title-text-font: Roboto, sans-serif;
--mat-card-title-text-line-height: 32px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: .0125em;
--mat-card-title-text-weight: 500;
--mat-card-subtitle-text-font: Roboto, sans-serif;
--mat-card-subtitle-text-line-height: 22px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: .0071428571em;
--mat-card-subtitle-text-weight: 500
}
html {
--mdc-linear-progress-active-indicator-height: 4px;
--mdc-linear-progress-track-height: 4px;
--mdc-linear-progress-track-shape: 0
}
html {
--mdc-plain-tooltip-container-shape: 4px;
--mdc-plain-tooltip-supporting-text-line-height: 16px
}
html {
--mdc-plain-tooltip-container-color: #616161;
--mdc-plain-tooltip-supporting-text-color: #fff
}
html {
--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
--mdc-plain-tooltip-supporting-text-size: 12px;
--mdc-plain-tooltip-supporting-text-weight: 400;
--mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}
html {
--mdc-filled-text-field-active-indicator-height: 1px;
--mdc-filled-text-field-focus-active-indicator-height: 2px;
--mdc-filled-text-field-container-shape: 4px;
--mdc-outlined-text-field-outline-width: 1px;
--mdc-outlined-text-field-focus-outline-width: 2px;
--mdc-outlined-text-field-container-shape: 4px
}
html {
--mdc-filled-text-field-caret-color: #3f51b5;
--mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
--mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
--mdc-filled-text-field-container-color: whitesmoke;
--mdc-filled-text-field-disabled-container-color: #fafafa;
--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
--mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
--mdc-filled-text-field-error-hover-label-text-color: #f44336;
--mdc-filled-text-field-error-focus-label-text-color: #f44336;
--mdc-filled-text-field-error-label-text-color: #f44336;
--mdc-filled-text-field-error-caret-color: #f44336;
--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
--mdc-filled-text-field-error-active-indicator-color: #f44336;
--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
--mdc-outlined-text-field-caret-color: #3f51b5;
--mdc-outlined-text-field-focus-outline-color: #3f51b5;
--mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
--mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
--mdc-outlined-text-field-error-caret-color: #f44336;
--mdc-outlined-text-field-error-focus-label-text-color: #f44336;
--mdc-outlined-text-field-error-label-text-color: #f44336;
--mdc-outlined-text-field-error-hover-label-text-color: #f44336;
--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
--mdc-outlined-text-field-error-focus-outline-color: #f44336;
--mdc-outlined-text-field-error-hover-outline-color: #f44336;
--mdc-outlined-text-field-error-outline-color: #f44336;
--mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, .87);
--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
--mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: inherit;
--mat-form-field-select-disabled-option-text-color: GrayText;
--mat-form-field-leading-icon-color: unset;
--mat-form-field-disabled-leading-icon-color: unset;
--mat-form-field-trailing-icon-color: unset;
--mat-form-field-disabled-trailing-icon-color: unset;
--mat-form-field-error-focus-trailing-icon-color: unset;
--mat-form-field-error-hover-trailing-icon-color: unset;
--mat-form-field-error-trailing-icon-color: unset;
--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
--mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
--mat-form-field-hover-state-layer-opacity: .04;
--mat-form-field-focus-state-layer-opacity: .08
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px
}
html {
--mdc-filled-text-field-label-text-font: Roboto, sans-serif;
--mdc-filled-text-field-label-text-size: 16px;
--mdc-filled-text-field-label-text-tracking: .03125em;
--mdc-filled-text-field-label-text-weight: 400;
--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
--mdc-outlined-text-field-label-text-size: 16px;
--mdc-outlined-text-field-label-text-tracking: .03125em;
--mdc-outlined-text-field-label-text-weight: 400;
--mat-form-field-container-text-font: Roboto, sans-serif;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 16px;
--mat-form-field-container-text-tracking: .03125em;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 16px;
--mat-form-field-subscript-text-font: Roboto, sans-serif;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: .0333333333em;
--mat-form-field-subscript-text-weight: 400
}
html {
--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}
html {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
--mat-select-focused-arrow-color: rgba(63, 81, 181, .87);
--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}
html {
--mat-select-arrow-transform: translateY(-8px)
}
html {
--mat-select-trigger-text-font: Roboto, sans-serif;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 16px;
--mat-select-trigger-text-tracking: .03125em;
--mat-select-trigger-text-weight: 400
}
html {
--mat-autocomplete-container-shape: 4px;
--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}
html {
--mat-autocomplete-background-color: white
}
html {
--mdc-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
--mat-dialog-container-max-width: 80vw;
--mat-dialog-container-small-max-width: 80vw;
--mat-dialog-container-min-width: 0;
--mat-dialog-actions-alignment: start;
--mat-dialog-actions-padding: 8px;
--mat-dialog-content-padding: 20px 24px;
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-dialog-headline-padding: 0 24px 9px
}
html {
--mdc-dialog-container-color: white;
--mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}
html {
--mdc-dialog-subhead-font: Roboto, sans-serif;
--mdc-dialog-subhead-line-height: 32px;
--mdc-dialog-subhead-size: 20px;
--mdc-dialog-subhead-weight: 500;
--mdc-dialog-subhead-tracking: .0125em;
--mdc-dialog-supporting-text-font: Roboto, sans-serif;
--mdc-dialog-supporting-text-line-height: 24px;
--mdc-dialog-supporting-text-size: 16px;
--mdc-dialog-supporting-text-weight: 400;
--mdc-dialog-supporting-text-tracking: .03125em
}
html {
--mdc-switch-disabled-selected-icon-opacity: .38;
--mdc-switch-disabled-track-opacity: .12;
--mdc-switch-disabled-unselected-icon-opacity: .38;
--mdc-switch-handle-height: 20px;
--mdc-switch-handle-shape: 10px;
--mdc-switch-handle-width: 20px;
--mdc-switch-selected-icon-size: 18px;
--mdc-switch-track-height: 14px;
--mdc-switch-track-shape: 7px;
--mdc-switch-track-width: 36px;
--mdc-switch-unselected-icon-size: 18px;
--mdc-switch-selected-focus-state-layer-opacity: .12;
--mdc-switch-selected-hover-state-layer-opacity: .04;
--mdc-switch-selected-pressed-state-layer-opacity: .1;
--mdc-switch-unselected-focus-state-layer-opacity: .12;
--mdc-switch-unselected-hover-state-layer-opacity: .04;
--mdc-switch-unselected-pressed-state-layer-opacity: .1
}
html {
--mdc-switch-selected-focus-state-layer-color: #3949ab;
--mdc-switch-selected-handle-color: #3949ab;
--mdc-switch-selected-hover-state-layer-color: #3949ab;
--mdc-switch-selected-pressed-state-layer-color: #3949ab;
--mdc-switch-selected-focus-handle-color: #1a237e;
--mdc-switch-selected-hover-handle-color: #1a237e;
--mdc-switch-selected-pressed-handle-color: #1a237e;
--mdc-switch-selected-focus-track-color: #7986cb;
--mdc-switch-selected-hover-track-color: #7986cb;
--mdc-switch-selected-pressed-track-color: #7986cb;
--mdc-switch-selected-track-color: #7986cb;
--mdc-switch-disabled-selected-handle-color: #424242;
--mdc-switch-disabled-selected-icon-color: #fff;
--mdc-switch-disabled-selected-track-color: #424242;
--mdc-switch-disabled-unselected-handle-color: #424242;
--mdc-switch-disabled-unselected-icon-color: #fff;
--mdc-switch-disabled-unselected-track-color: #424242;
--mdc-switch-handle-surface-color: #fff;
--mdc-switch-selected-icon-color: #fff;
--mdc-switch-unselected-focus-handle-color: #212121;
--mdc-switch-unselected-focus-state-layer-color: #424242;
--mdc-switch-unselected-focus-track-color: #e0e0e0;
--mdc-switch-unselected-handle-color: #616161;
--mdc-switch-unselected-hover-handle-color: #212121;
--mdc-switch-unselected-hover-state-layer-color: #424242;
--mdc-switch-unselected-hover-track-color: #e0e0e0;
--mdc-switch-unselected-icon-color: #fff;
--mdc-switch-unselected-pressed-handle-color: #212121;
--mdc-switch-unselected-pressed-state-layer-color: #424242;
--mdc-switch-unselected-pressed-track-color: #e0e0e0;
--mdc-switch-unselected-track-color: #e0e0e0;
--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}
html {
--mdc-switch-state-layer-size: 40px
}
html {
--mdc-radio-disabled-selected-icon-opacity: .38;
--mdc-radio-disabled-unselected-icon-opacity: .38;
--mdc-radio-state-layer-size: 40px
}
html {
--mdc-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block
}
html {
--mat-radio-label-text-font: Roboto, sans-serif;
--mat-radio-label-text-line-height: 20px;
--mat-radio-label-text-size: 14px;
--mat-radio-label-text-tracking: .0178571429em;
--mat-radio-label-text-weight: 400
}
html {
--mdc-slider-active-track-height: 6px;
--mdc-slider-active-track-shape: 9999px;
--mdc-slider-handle-height: 20px;
--mdc-slider-handle-shape: 50%;
--mdc-slider-handle-width: 20px;
--mdc-slider-inactive-track-height: 4px;
--mdc-slider-inactive-track-shape: 9999px;
--mdc-slider-with-overlap-handle-outline-width: 1px;
--mdc-slider-with-tick-marks-active-container-opacity: .6;
--mdc-slider-with-tick-marks-container-shape: 50%;
--mdc-slider-with-tick-marks-container-size: 2px;
--mdc-slider-with-tick-marks-inactive-container-opacity: .6;
--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
--mat-slider-value-indicator-width: auto;
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-container-transform: translateX(-50%)
}
html {
--mdc-slider-handle-color: #3f51b5;
--mdc-slider-focus-handle-color: #3f51b5;
--mdc-slider-hover-handle-color: #3f51b5;
--mdc-slider-active-track-color: #3f51b5;
--mdc-slider-inactive-track-color: #3f51b5;
--mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
--mdc-slider-with-tick-marks-active-container-color: white;
--mdc-slider-disabled-active-track-color: #000;
--mdc-slider-disabled-handle-color: #000;
--mdc-slider-disabled-inactive-track-color: #000;
--mdc-slider-label-container-color: #000;
--mdc-slider-label-label-text-color: #fff;
--mdc-slider-with-overlap-handle-outline-color: #fff;
--mdc-slider-with-tick-marks-disabled-container-color: #000;
--mat-slider-ripple-color: #3f51b5;
--mat-slider-hover-state-layer-color: rgba(63, 81, 181, .05);
--mat-slider-focus-state-layer-color: rgba(63, 81, 181, .2);
--mat-slider-value-indicator-opacity: .6
}
html {
--mdc-slider-label-label-text-font: Roboto, sans-serif;
--mdc-slider-label-label-text-size: 14px;
--mdc-slider-label-label-text-line-height: 22px;
--mdc-slider-label-label-text-tracking: .0071428571em;
--mdc-slider-label-label-text-weight: 500
}
html {
--mat-menu-container-shape: 4px;
--mat-menu-divider-bottom-spacing: 0;
--mat-menu-divider-top-spacing: 0;
--mat-menu-item-spacing: 16px;
--mat-menu-item-icon-size: 24px;
--mat-menu-item-leading-spacing: 16px;
--mat-menu-item-trailing-spacing: 16px;
--mat-menu-item-with-icon-leading-spacing: 16px;
--mat-menu-item-with-icon-trailing-spacing: 16px;
--mat-menu-base-elevation-level: 8
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
--mat-menu-item-icon-color: rgba(0, 0, 0, .87);
--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
--mat-menu-container-color: white;
--mat-menu-divider-color: rgba(0, 0, 0, .12)
}
html {
--mat-menu-item-label-text-font: Roboto, sans-serif;
--mat-menu-item-label-text-size: 16px;
--mat-menu-item-label-text-tracking: .03125em;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400
}
html {
--mdc-list-list-item-container-shape: 0;
--mdc-list-list-item-leading-avatar-shape: 50%;
--mdc-list-list-item-container-color: transparent;
--mdc-list-list-item-selected-container-color: transparent;
--mdc-list-list-item-leading-avatar-color: transparent;
--mdc-list-list-item-leading-icon-size: 24px;
--mdc-list-list-item-leading-avatar-size: 40px;
--mdc-list-list-item-trailing-icon-size: 24px;
--mdc-list-list-item-disabled-state-layer-color: transparent;
--mdc-list-list-item-disabled-state-layer-opacity: 0;
--mdc-list-list-item-disabled-label-text-opacity: .38;
--mdc-list-list-item-disabled-leading-icon-opacity: .38;
--mdc-list-list-item-disabled-trailing-icon-opacity: .38;
--mat-list-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px
}
html {
--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-disabled-label-text-color: black;
--mdc-list-list-item-disabled-leading-icon-color: black;
--mdc-list-list-item-disabled-trailing-icon-color: black;
--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
--mdc-list-list-item-hover-state-layer-color: black;
--mdc-list-list-item-hover-state-layer-opacity: .04;
--mdc-list-list-item-focus-state-layer-color: black;
--mdc-list-list-item-focus-state-layer-opacity: .12
}
html {
--mdc-list-list-item-one-line-container-height: 48px;
--mdc-list-list-item-two-line-container-height: 64px;
--mdc-list-list-item-three-line-container-height: 88px;
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px
}
html {
--mdc-list-list-item-label-text-font: Roboto, sans-serif;
--mdc-list-list-item-label-text-line-height: 24px;
--mdc-list-list-item-label-text-size: 16px;
--mdc-list-list-item-label-text-tracking: .03125em;
--mdc-list-list-item-label-text-weight: 400;
--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
--mdc-list-list-item-supporting-text-line-height: 20px;
--mdc-list-list-item-supporting-text-size: 14px;
--mdc-list-list-item-supporting-text-tracking: .0178571429em;
--mdc-list-list-item-supporting-text-weight: 400;
--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
--mdc-list-list-item-trailing-supporting-text-line-height: 20px;
--mdc-list-list-item-trailing-supporting-text-size: 12px;
--mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
--mdc-list-list-item-trailing-supporting-text-weight: 400
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, .87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
--mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}
html {
--mat-paginator-container-size: 56px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: block
}
html {
--mat-paginator-container-text-font: Roboto, sans-serif;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: .0333333333em;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px
}
html {
--mdc-secondary-navigation-tab-container-height: 48px;
--mdc-tab-indicator-active-indicator-height: 2px;
--mdc-tab-indicator-active-indicator-shape: 0;
--mat-tab-header-divider-color: transparent;
--mat-tab-header-divider-height: 0
}
html {
--mdc-checkbox-disabled-selected-checkmark-color: #fff;
--mdc-checkbox-selected-focus-state-layer-opacity: .16;
--mdc-checkbox-selected-hover-state-layer-opacity: .04;
--mdc-checkbox-selected-pressed-state-layer-opacity: .16;
--mdc-checkbox-unselected-focus-state-layer-opacity: .16;
--mdc-checkbox-unselected-hover-state-layer-opacity: .04;
--mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}
html {
--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
--mdc-checkbox-selected-checkmark-color: white;
--mdc-checkbox-selected-focus-icon-color: #ff4081;
--mdc-checkbox-selected-hover-icon-color: #ff4081;
--mdc-checkbox-selected-icon-color: #ff4081;
--mdc-checkbox-selected-pressed-icon-color: #ff4081;
--mdc-checkbox-unselected-focus-icon-color: #212121;
--mdc-checkbox-unselected-hover-icon-color: #212121;
--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
--mdc-checkbox-selected-focus-state-layer-color: #ff4081;
--mdc-checkbox-selected-hover-state-layer-color: #ff4081;
--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
--mdc-checkbox-unselected-focus-state-layer-color: black;
--mdc-checkbox-unselected-hover-state-layer-color: black;
--mdc-checkbox-unselected-pressed-state-layer-color: black;
--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
--mat-checkbox-label-text-color: rgba(0, 0, 0, .87)
}
html {
--mdc-checkbox-state-layer-size: 40px;
--mat-checkbox-touch-target-display: block
}
html {
--mat-checkbox-label-text-font: Roboto, sans-serif;
--mat-checkbox-label-text-line-height: 20px;
--mat-checkbox-label-text-size: 14px;
--mat-checkbox-label-text-tracking: .0178571429em;
--mat-checkbox-label-text-weight: 400
}
html {
--mdc-text-button-container-shape: 4px;
--mdc-text-button-keep-touch-target: false;
--mdc-filled-button-container-shape: 4px;
--mdc-filled-button-keep-touch-target: false;
--mdc-protected-button-container-shape: 4px;
--mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
--mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
--mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-outlined-button-keep-touch-target: false;
--mdc-outlined-button-outline-width: 1px;
--mdc-outlined-button-container-shape: 4px;
--mat-text-button-horizontal-padding: 8px;
--mat-text-button-with-icon-horizontal-padding: 8px;
--mat-text-button-icon-spacing: 8px;
--mat-text-button-icon-offset: 0;
--mat-filled-button-horizontal-padding: 16px;
--mat-filled-button-icon-spacing: 8px;
--mat-filled-button-icon-offset: -4px;
--mat-protected-button-horizontal-padding: 16px;
--mat-protected-button-icon-spacing: 8px;
--mat-protected-button-icon-offset: -4px;
--mat-outlined-button-horizontal-padding: 15px;
--mat-outlined-button-icon-spacing: 8px;
--mat-outlined-button-icon-offset: -4px
}
html {
--mdc-text-button-label-text-color: black;
--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
--mat-text-button-state-layer-color: black;
--mat-text-button-disabled-state-layer-color: black;
--mat-text-button-ripple-color: rgba(0, 0, 0, .1);
--mat-text-button-hover-state-layer-opacity: .04;
--mat-text-button-focus-state-layer-opacity: .12;
--mat-text-button-pressed-state-layer-opacity: .12;
--mdc-filled-button-container-color: white;
--mdc-filled-button-label-text-color: black;
--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
--mat-filled-button-state-layer-color: black;
--mat-filled-button-disabled-state-layer-color: black;
--mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
--mat-filled-button-hover-state-layer-opacity: .04;
--mat-filled-button-focus-state-layer-opacity: .12;
--mat-filled-button-pressed-state-layer-opacity: .12;
--mdc-protected-button-container-color: white;
--mdc-protected-button-label-text-color: black;
--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
--mat-protected-button-state-layer-color: black;
--mat-protected-button-disabled-state-layer-color: black;
--mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
--mat-protected-button-hover-state-layer-opacity: .04;
--mat-protected-button-focus-state-layer-opacity: .12;
--mat-protected-button-pressed-state-layer-opacity: .12;
--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);
--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
--mdc-outlined-button-label-text-color: black;
--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
--mat-outlined-button-state-layer-color: black;
--mat-outlined-button-disabled-state-layer-color: black;
--mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
--mat-outlined-button-hover-state-layer-opacity: .04;
--mat-outlined-button-focus-state-layer-opacity: .12;
--mat-outlined-button-pressed-state-layer-opacity: .12
}
html {
--mdc-text-button-container-height: 36px;
--mdc-filled-button-container-height: 36px;
--mdc-protected-button-container-height: 36px;
--mdc-outlined-button-container-height: 36px;
--mat-text-button-touch-target-display: block;
--mat-filled-button-touch-target-display: block;
--mat-protected-button-touch-target-display: block;
--mat-outlined-button-touch-target-display: block
}
html {
--mdc-text-button-label-text-font: Roboto, sans-serif;
--mdc-text-button-label-text-size: 14px;
--mdc-text-button-label-text-tracking: .0892857143em;
--mdc-text-button-label-text-weight: 500;
--mdc-text-button-label-text-transform: none;
--mdc-filled-button-label-text-font: Roboto, sans-serif;
--mdc-filled-button-label-text-size: 14px;
--mdc-filled-button-label-text-tracking: .0892857143em;
--mdc-filled-button-label-text-weight: 500;
--mdc-filled-button-label-text-transform: none;
--mdc-protected-button-label-text-font: Roboto, sans-serif;
--mdc-protected-button-label-text-size: 14px;
--mdc-protected-button-label-text-tracking: .0892857143em;
--mdc-protected-button-label-text-weight: 500;
--mdc-protected-button-label-text-transform: none;
--mdc-outlined-button-label-text-font: Roboto, sans-serif;
--mdc-outlined-button-label-text-size: 14px;
--mdc-outlined-button-label-text-tracking: .0892857143em;
--mdc-outlined-button-label-text-weight: 500;
--mdc-outlined-button-label-text-transform: none
}
html {
--mdc-icon-button-icon-size: 24px
}
html {
--mdc-icon-button-icon-color: inherit;
--mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38);
--mat-icon-button-state-layer-color: black;
--mat-icon-button-disabled-state-layer-color: black;
--mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
--mat-icon-button-hover-state-layer-opacity: .04;
--mat-icon-button-focus-state-layer-opacity: .12;
--mat-icon-button-pressed-state-layer-opacity: .12
}
html {
--mat-icon-button-touch-target-display: block
}
html {
--mdc-fab-container-shape: 50%;
--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
--mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
--mdc-fab-small-container-shape: 50%;
--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
--mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
--mdc-extended-fab-container-height: 48px;
--mdc-extended-fab-container-shape: 24px;
--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
--mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
--mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}
html {
--mdc-fab-container-color: white;
--mat-fab-foreground-color: black;
--mat-fab-state-layer-color: black;
--mat-fab-disabled-state-layer-color: black;
--mat-fab-ripple-color: rgba(0, 0, 0, .1);
--mat-fab-hover-state-layer-opacity: .04;
--mat-fab-focus-state-layer-opacity: .12;
--mat-fab-pressed-state-layer-opacity: .12;
--mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
--mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38);
--mdc-fab-small-container-color: white;
--mat-fab-small-foreground-color: black;
--mat-fab-small-state-layer-color: black;
--mat-fab-small-disabled-state-layer-color: black;
--mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
--mat-fab-small-hover-state-layer-opacity: .04;
--mat-fab-small-focus-state-layer-opacity: .12;
--mat-fab-small-pressed-state-layer-opacity: .12;
--mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, .12);
--mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}
html {
--mat-fab-touch-target-display: block;
--mat-fab-small-touch-target-display: block
}
html {
--mdc-extended-fab-label-text-font: Roboto, sans-serif;
--mdc-extended-fab-label-text-size: 14px;
--mdc-extended-fab-label-text-tracking: .0892857143em;
--mdc-extended-fab-label-text-weight: 500
}
html {
--mdc-snackbar-container-shape: 4px
}
html {
--mdc-snackbar-container-color: #333333;
--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
--mat-snack-bar-button-color: #ff4081
}
html {
--mdc-snackbar-supporting-text-font: Roboto, sans-serif;
--mdc-snackbar-supporting-text-line-height: 20px;
--mdc-snackbar-supporting-text-size: 14px;
--mdc-snackbar-supporting-text-weight: 400
}
html {
--mat-table-row-item-outline-width: 1px
}
html {
--mat-table-background-color: white;
--mat-table-header-headline-color: rgba(0, 0, 0, .87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px
}
html {
--mat-table-header-headline-font: Roboto, sans-serif;
--mat-table-header-headline-line-height: 22px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 500;
--mat-table-header-headline-tracking: .0071428571em;
--mat-table-row-item-label-text-font: Roboto, sans-serif;
--mat-table-row-item-label-text-line-height: 20px;
--mat-table-row-item-label-text-size: 14px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: .0178571429em;
--mat-table-footer-supporting-text-font: Roboto, sans-serif;
--mat-table-footer-supporting-text-line-height: 20px;
--mat-table-footer-supporting-text-size: 14px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: .0178571429em
}
html {
--mdc-circular-progress-active-indicator-width: 4px;
--mdc-circular-progress-size: 48px
}
html {
--mdc-circular-progress-active-indicator-color: #3f51b5
}
html {
--mat-badge-container-shape: 50%;
--mat-badge-container-size: unset;
--mat-badge-small-size-container-size: unset;
--mat-badge-large-size-container-size: unset;
--mat-badge-legacy-container-size: 22px;
--mat-badge-legacy-small-size-container-size: 16px;
--mat-badge-legacy-large-size-container-size: 28px;
--mat-badge-container-offset: -11px 0;
--mat-badge-small-size-container-offset: -8px 0;
--mat-badge-large-size-container-offset: -14px 0;
--mat-badge-container-overlap-offset: -11px;
--mat-badge-small-size-container-overlap-offset: -8px;
--mat-badge-large-size-container-overlap-offset: -14px;
--mat-badge-container-padding: 0;
--mat-badge-small-size-container-padding: 0;
--mat-badge-large-size-container-padding: 0
}
html {
--mat-badge-background-color: #3f51b5;
--mat-badge-text-color: white;
--mat-badge-disabled-state-background-color: #b9b9b9;
--mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}
html {
--mat-badge-text-font: Roboto, sans-serif;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px
}
html {
--mat-bottom-sheet-container-shape: 4px
}
html {
--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
--mat-bottom-sheet-container-background-color: white
}
html {
--mat-bottom-sheet-container-text-font: Roboto, sans-serif;
--mat-bottom-sheet-container-text-line-height: 20px;
--mat-bottom-sheet-container-text-size: 14px;
--mat-bottom-sheet-container-text-tracking: .0178571429em;
--mat-bottom-sheet-container-text-weight: 400
}
html {
--mat-legacy-button-toggle-height: 36px;
--mat-legacy-button-toggle-shape: 2px;
--mat-legacy-button-toggle-focus-state-layer-opacity: 1;
--mat-standard-button-toggle-shape: 4px;
--mat-standard-button-toggle-hover-state-layer-opacity: .04;
--mat-standard-button-toggle-focus-state-layer-opacity: .12
}
html {
--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
--mat-standard-button-toggle-background-color: white;
--mat-standard-button-toggle-state-layer-color: black;
--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
--mat-standard-button-toggle-disabled-state-background-color: white;
--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
--mat-standard-button-toggle-divider-color: #e0e0e0
}
html {
--mat-standard-button-toggle-height: 48px
}
html {
--mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
--mat-legacy-button-toggle-label-text-line-height: 24px;
--mat-legacy-button-toggle-label-text-size: 16px;
--mat-legacy-button-toggle-label-text-tracking: .03125em;
--mat-legacy-button-toggle-label-text-weight: 400;
--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
--mat-standard-button-toggle-label-text-line-height: 24px;
--mat-standard-button-toggle-label-text-size: 16px;
--mat-standard-button-toggle-label-text-tracking: .03125em;
--mat-standard-button-toggle-label-text-weight: 400
}
html {
--mat-datepicker-calendar-container-shape: 4px;
--mat-datepicker-calendar-container-touch-shape: 4px;
--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}
html {
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);
--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);
--mat-datepicker-toggle-active-state-icon-color: #3f51b5;
--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
--mat-datepicker-calendar-period-button-text-color: black;
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
--mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}
html {
--mat-datepicker-calendar-text-font: Roboto, sans-serif;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 500;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 500;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400
}
html {
--mat-divider-width: 1px
}
html {
--mat-divider-color: rgba(0, 0, 0, .12)
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none
}
html {
--mat-expansion-container-background-color: white;
--mat-expansion-container-text-color: rgba(0, 0, 0, .87);
--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
--mat-expansion-header-text-color: rgba(0, 0, 0, .87);
--mat-expansion-header-description-color: rgba(0, 0, 0, .54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}
html {
--mat-expansion-header-collapsed-state-height: 48px;
--mat-expansion-header-expanded-state-height: 64px
}
html {
--mat-expansion-header-text-font: Roboto, sans-serif;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 500;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Roboto, sans-serif;
--mat-expansion-container-text-line-height: 20px;
--mat-expansion-container-text-size: 14px;
--mat-expansion-container-text-tracking: .0178571429em;
--mat-expansion-container-text-weight: 400
}
html {
--mat-grid-list-tile-header-primary-text-size: 14px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 14px;
--mat-grid-list-tile-footer-secondary-text-size: 12px
}
html {
--mat-icon-color: inherit
}
html {
--mat-sidenav-container-shape: 0;
--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
--mat-sidenav-container-width: auto
}
html {
--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
--mat-sidenav-container-background-color: white;
--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
--mat-sidenav-content-background-color: #fafafa;
--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}
html {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #3f51b5;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #3f51b5;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #3f51b5;
--mat-stepper-header-edit-state-icon-foreground-color: white;
--mat-stepper-container-color: white;
--mat-stepper-line-color: rgba(0, 0, 0, .12);
--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent
}
html {
--mat-stepper-header-height: 72px
}
html {
--mat-stepper-container-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-size: 14px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-weight: 400
}
html {
--mat-sort-arrow-color: #757575
}
html {
--mat-toolbar-container-background-color: whitesmoke;
--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}
html {
--mat-toolbar-standard-height: 64px;
--mat-toolbar-mobile-height: 56px
}
html {
--mat-toolbar-title-text-font: Roboto, sans-serif;
--mat-toolbar-title-text-line-height: 32px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: .0125em;
--mat-toolbar-title-text-weight: 500
}
html {
--mat-tree-container-background-color: white;
--mat-tree-node-text-color: rgba(0, 0, 0, .87)
}
html {
--mat-tree-node-min-height: 48px
}
html {
--mat-tree-node-text-font: Roboto, sans-serif;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 400
}
[_nghost-agg-crmp-webfront-c364396677] {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: max-content
}
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038] {
width: 532.5px;
height: 180px;
position: fixed;
bottom: 24px;
right: 24px;
border-radius: 16px;
z-index: 7;
animation: clickMe__transparent 2s ease infinite
}
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038]:hover,
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038]:focus {
animation: none;
transform: translateY(-4px)
}
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038] .banner-img[_ngcontent-agg-crmp-webfront-c1947906038] {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: inherit;
z-index: 7
}
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038] .banner-img-shadow[_ngcontent-agg-crmp-webfront-c1947906038] {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: inherit;
filter: blur(10px);
opacity: .8;
transform: scale(1.02);
z-index: 6
}
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038] .banner-close-btn[_ngcontent-agg-crmp-webfront-c1947906038] {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transform: translate(-100%, 50%);
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
z-index: 8
}
@media screen and (max-width: 910px) {
.banner-wrapper[_ngcontent-agg-crmp-webfront-c1947906038] {
aspect-ratio: 532.5/180;
width: clamp(0px, 90%, 73.9583333333vh);
height: auto;
bottom: 90px
}
}
[_nghost-agg-crmp-webfront-c2650634460] {
position: fixed;
width: 100%;
bottom: 65px;
display: inline-flex;
align-items: center;
z-index: 1002;
flex-direction: column;
flex-wrap: nowrap;
gap: 15px;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] {
box-sizing: border-box;
position: relative;
pointer-events: auto;
max-width: 625px;
width: 625px;
border-radius: 25px;
overflow: hidden;
background-size: 100% 100%
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.error[_ngcontent-agg-crmp-webfront-c2650634460] {
background-image: url(/img/notification-background.png), linear-gradient(92deg, #be2517 -.27%, #eb3e2e 70.39%);
box-shadow: 0 0 32px #00000057
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.error[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-navigation[_ngcontent-agg-crmp-webfront-c2650634460] path[_ngcontent-agg-crmp-webfront-c2650634460] {
stroke: #eb3e2e
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.success[_ngcontent-agg-crmp-webfront-c2650634460] {
background-image: url(/img/notification-background.png), linear-gradient(92deg, #008300 -.27%, #00af00 70.39%);
box-shadow: 0 0 32px #01af014a
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.success[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-navigation[_ngcontent-agg-crmp-webfront-c2650634460] path[_ngcontent-agg-crmp-webfront-c2650634460] {
stroke: #00af00
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.warning[_ngcontent-agg-crmp-webfront-c2650634460] {
background-image: url(/img/notification-background.png), linear-gradient(0deg, #dd6a00, #dd6a00);
box-shadow: 0 0 32px #ffcc014a
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier.warning[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-navigation[_ngcontent-agg-crmp-webfront-c2650634460] path[_ngcontent-agg-crmp-webfront-c2650634460] {
stroke: #dd6a00
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 15px;
padding: 30px 30px 23px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] {
flex-grow: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title[_ngcontent-agg-crmp-webfront-c2650634460] {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 10px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title__text[_ngcontent-agg-crmp-webfront-c2650634460] {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
line-height: 25.2px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title__icon[_ngcontent-agg-crmp-webfront-c2650634460] {
min-width: 21px;
min-height: 21px;
max-width: 21px;
max-height: 21px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-message[_ngcontent-agg-crmp-webfront-c2650634460] {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.3em;
letter-spacing: 0;
color: #ffffffe6;
line-height: 25.2px;
word-break: normal
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-message[_ngcontent-agg-crmp-webfront-c2650634460] b {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.3em;
letter-spacing: 0;
color: #ffffffe6;
line-height: 25.2px;
word-break: normal;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-navigation[_ngcontent-agg-crmp-webfront-c2650634460] {
min-width: 57px;
min-height: 57px;
max-width: 57px;
max-height: 57px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 50%
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-progress[_ngcontent-agg-crmp-webfront-c2650634460] {
position: absolute;
height: 7px;
width: 100%;
bottom: 0;
left: 0;
background: #ffffff75;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px)
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-progress[_ngcontent-agg-crmp-webfront-c2650634460]:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
background: #fff;
animation: _ngcontent-agg-crmp-webfront-c2650634460_navigation-progress-animation var(--animationTime, 5s) linear forwards
}
@keyframes _ngcontent-agg-crmp-webfront-c2650634460_navigation-progress-animation {
to {
right: 100%
}
}
@media screen and (max-width: 665px) {
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] {
width: calc(100% - 40px);
max-width: calc(100% - 40px)
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-title[_ngcontent-agg-crmp-webfront-c2650634460] {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
line-height: 25.2px
}
[_nghost-agg-crmp-webfront-c2650634460] .notifier[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-wrapper[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-content[_ngcontent-agg-crmp-webfront-c2650634460] .notifier-message[_ngcontent-agg-crmp-webfront-c2650634460] {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
letter-spacing: 0;
color: #ffffffe6;
line-height: 25.2px
}
}
.opened[_nghost-agg-crmp-webfront-c671224130] {
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
overflow: auto
}
[_nghost-agg-crmp-webfront-c2229688059] {
z-index: 9999;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2229688059] .wrapper[_ngcontent-agg-crmp-webfront-c2229688059] {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: #000c
}
[_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059] {
display: flex;
flex-direction: column;
align-items: center
}
[_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059]>*[_ngcontent-agg-crmp-webfront-c2229688059]:not(:last-child) {
margin-bottom: 30px
}
[_nghost-agg-crmp-webfront-c2229688059] .wrapper__inner[_ngcontent-agg-crmp-webfront-c2229688059] .mat-mdc-progress-spinner circle {
stroke: #fffc !important
}
[_nghost-agg-crmp-webfront-c2229688059] .wrapper__content[_ngcontent-agg-crmp-webfront-c2229688059] {
font-family: Roboto, sans-serif;
font-size: 18px;
line-height: 1em;
color: #fff;
font-weight: 400
}
.active-button-block[_ngcontent-agg-crmp-webfront-c2701891682] {
width: 180px;
height: 42px;
position: fixed;
bottom: 24px;
right: 82px;
border-radius: 6px;
z-index: 5;
background: linear-gradient(95.48deg, #4072ee .87%, #c81b96 53.91%, #e34f14);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
animation: _ngcontent-agg-crmp-webfront-c2701891682_levitate 2s ease infinite
}
.active-button-block[_ngcontent-agg-crmp-webfront-c2701891682]:hover,
.active-button-block[_ngcontent-agg-crmp-webfront-c2701891682]:focus {
animation: none;
transform: translateY(-4px)
}
@keyframes _ngcontent-agg-crmp-webfront-c2701891682_levitate {
0% {
transform: translateY(0)
}
50% {
transform: translateY(-4px)
}
to {
transform: translateY(0)
}
}
.active-button-block[_ngcontent-agg-crmp-webfront-c2701891682] .active-button-text[_ngcontent-agg-crmp-webfront-c2701891682] {
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
letter-spacing: .05em;
text-transform: uppercase
}
[_nghost-agg-crmp-webfront-c2006107063] {
display: flex;
flex-direction: column;
flex-grow: 1
}
[_nghost-agg-crmp-webfront-c2006107063] .content[_ngcontent-agg-crmp-webfront-c2006107063] {
display: flex;
flex-direction: column;
flex-grow: 1
}
[_nghost-agg-crmp-webfront-c2006107063] .content[_ngcontent-agg-crmp-webfront-c2006107063]>*:not(router-outlet) {
flex-grow: 1
}
[_nghost-agg-crmp-webfront-c1415889217] {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 5
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] {
display: flex;
align-items: center;
padding: 5px 6px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 15px -10px #000
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-side[_ngcontent-agg-crmp-webfront-c1415889217] {
margin-right: 20px
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-side[_ngcontent-agg-crmp-webfront-c1415889217]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] {
display: flex;
align-items: center
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c1415889217] {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-right: 6px;
background-color: #ddd;
border-radius: 5px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c1415889217]:hover {
background-color: #ccc
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c1415889217]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item[_ngcontent-agg-crmp-webfront-c1415889217]:before {
display: block;
content: "";
width: 12px;
height: 12px;
background-position: center;
background-size: contain;
background-repeat: no-repeat
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item.control-prev[_ngcontent-agg-crmp-webfront-c1415889217]:before {
transform: rotate(180deg);
background-image: url(/img/arrow.svg)
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item.control-next[_ngcontent-agg-crmp-webfront-c1415889217]:before {
background-image: url(/img/arrow.svg)
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item.control-play[_ngcontent-agg-crmp-webfront-c1415889217]:before {
background-image: url(/img/arrow-full.svg)
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-controls-item.control-pause[_ngcontent-agg-crmp-webfront-c1415889217]:before {
background-image: url(/img/pause.svg)
}
[_nghost-agg-crmp-webfront-c1415889217] .music-player[_ngcontent-agg-crmp-webfront-c1415889217] .music-player-volume[_ngcontent-agg-crmp-webfront-c1415889217] mat-slider[_ngcontent-agg-crmp-webfront-c1415889217] {
padding: 0;
margin: -12px 0;
-webkit-filter: invert(1);
filter: invert(1);
min-width: 80px
}
@media screen and (max-width: 500px) {
.music-player[_ngcontent-agg-crmp-webfront-c1415889217] {
display: none !important
}
}
[_nghost-agg-crmp-webfront-c3461485101] {
display: flex;
position: relative;
align-items: center;
min-height: 80px;
box-sizing: border-box;
border-bottom: 1px solid transparent;
z-index: 5
}
.navigation-white[_nghost-agg-crmp-webfront-c3461485101] {
background-color: #fff;
border-bottom: 1px solid #ededed
}
.navigation-white[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:after {
content: " ";
position: absolute;
right: -8px;
top: -4px;
width: 8px;
height: 8px;
background: #c12612;
border-radius: 50%
}
.navigation-fused-gray[_nghost-agg-crmp-webfront-c3461485101] {
background-color: #f8f8f8;
border-bottom: 1px solid #f8f8f8
}
.navigation-fused-gray[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:after {
position: absolute;
content: " ";
right: -8px;
top: -4px;
width: 8px;
height: 8px;
background: #c12612;
border-radius: 50%
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] {
margin-bottom: -80px
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101] {
color: #fff
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-item-absolute[_ngcontent-agg-crmp-webfront-c3461485101] {
position: absolute;
left: -120px;
display: flex;
align-items: center;
margin-right: 45px;
font-size: 16px;
text-transform: uppercase;
transition: opacity .2s ease;
cursor: pointer;
color: #fff
}
@media screen and (max-width: 1440px) {
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-item-absolute[_ngcontent-agg-crmp-webfront-c3461485101] {
display: none
}
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-item-absolute[_ngcontent-agg-crmp-webfront-c3461485101]:hover {
opacity: .5
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-item-absolute[_ngcontent-agg-crmp-webfront-c3461485101]:active {
top: 1px
}
.navigation-transparent[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:after {
position: absolute;
content: " ";
right: -8px;
top: -4px;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%
}
.navigation-transparent-dark[_nghost-agg-crmp-webfront-c3461485101] {
margin-bottom: -80px
}
.navigation-transparent-dark[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:after {
position: absolute;
content: " ";
right: -8px;
top: -4px;
width: 8px;
height: 8px;
background: #c12612;
border-radius: 50%
}
.navigation-hidden[_nghost-agg-crmp-webfront-c3461485101] {
display: none
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation[_ngcontent-agg-crmp-webfront-c3461485101] {
display: flex;
align-items: center;
justify-content: space-between
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-side[_ngcontent-agg-crmp-webfront-c3461485101] {
display: flex;
align-items: center;
position: relative
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101] {
display: flex;
align-items: center;
margin-right: 45px;
font-size: 16px;
text-transform: uppercase;
transition: opacity .2s ease;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:hover {
opacity: .5
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:active {
position: relative;
top: 1px;
-webkit-user-select: none;
user-select: none
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] {
display: flex;
flex-direction: column;
position: relative
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:hover .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] {
visibility: visible;
opacity: 1;
top: 30px
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101]:after {
animation: _ngcontent-agg-crmp-webfront-c3461485101_pulsing 2s linear infinite
}
@keyframes _ngcontent-agg-crmp-webfront-c3461485101_pulsing {
0% {
transform: scale(.9)
}
50% {
transform: scale(1.1)
}
to {
transform: scale(.9)
}
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101] {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] {
position: absolute;
top: 50px;
left: -90px;
padding-top: 10px;
visibility: hidden;
opacity: 0;
transition: all .2s ease;
margin-top: -10px
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] {
position: relative;
background-color: #fff;
padding: 5px 0;
min-width: max-content;
box-sizing: border-box;
box-shadow: 0 15px 70px -10px #0006;
border: 1px solid #ededed;
border-radius: 6px
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101]:before {
position: absolute;
pointer-events: none;
border: 8px solid transparent;
border-bottom-color: #fff;
top: -16px;
right: 50%;
width: 0;
height: 0;
margin: 0 -8px;
content: ""
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101] {
color: #2e2e2e !important;
text-transform: unset;
padding: 8px 30px;
border-bottom: 1px solid #ededed;
transition: background-color .1s ease
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:before {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-width: 20px;
min-height: 20px;
margin-right: 16px;
content: ""
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:hover {
background-color: #eee;
opacity: unset
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item[_ngcontent-agg-crmp-webfront-c3461485101]:last-child {
border-bottom: 0
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item.item-roulette[_ngcontent-agg-crmp-webfront-c3461485101]:before {
background-image: url(/img/roulette.svg);
filter: invert(1)
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item.item-roulette-gold[_ngcontent-agg-crmp-webfront-c3461485101]:before {
background-image: url(/img/roulette-gold.svg)
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item.item-roulette-brilliant[_ngcontent-agg-crmp-webfront-c3461485101]:before {
background-image: url(/img/roulette-brilliant.svg)
}
[_nghost-agg-crmp-webfront-c3461485101] .navigation-menu[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-wrapper[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-menu-content[_ngcontent-agg-crmp-webfront-c3461485101] .navigation-item.item-coinflip[_ngcontent-agg-crmp-webfront-c3461485101]:before {
background-image: url(/img/coinflip.svg)
}
@media screen and (max-width: 1030px) {
/* [_nghost-agg-crmp-webfront-c3461485101] {
display: none !important
} */
#nav-isdf,
#asdasd,
#sdfsdf {
display: none !important
}
#asdfsadzf {
margin: 0 auto;
}
}
[_nghost-agg-crmp-webfront-c1882317319] {
display: flex
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] {
width: max-content;
margin-left: 20px
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] {
padding: 8px 15px !important;
background-color: #fff6 !important;
border-radius: 5px !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
color: #000c !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
filter: unset !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] {
right: -55px !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319]:before {
right: 67px !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
right: unset !important;
left: -22px !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319]:before {
right: unset !important;
left: 29px !important
}
.mobile-panel[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319] {
color: #000c !important;
padding: 0 15px !important;
margin-right: unset !important;
background-color: #fff6 !important;
border-radius: 5px !important
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex;
align-items: center;
margin-right: 15px;
cursor: pointer;
position: relative
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-avatar[_ngcontent-agg-crmp-webfront-c1882317319] {
background-color: #ffe897
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
color: #fff;
font-size: 16px;
font-weight: 700;
max-width: 180px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 10px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
position: absolute;
right: -2px;
top: 60px;
padding: 6px 0;
width: max-content;
background-color: #fff;
transition: top .1s linear, opacity .1s linear;
box-shadow: 0 0 30px -5px #0000002e;
border-radius: 5px;
opacity: 0;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319]:before {
content: "";
position: absolute;
pointer-events: none;
border: 8px solid transparent;
border-bottom-color: #fff;
top: -16px;
right: 17px;
width: 0;
height: 0;
margin: 0 -8px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu.shown[_ngcontent-agg-crmp-webfront-c1882317319] {
opacity: 1;
top: 42px;
pointer-events: auto
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item[_ngcontent-agg-crmp-webfront-c1882317319] {
padding: 6px 18px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
background-color: #eee
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item.sign-in-another[_ngcontent-agg-crmp-webfront-c1882317319] {
justify-content: center
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-menu-item.sign-in-another.disabled[_ngcontent-agg-crmp-webfront-c1882317319] {
color: #2e2e2e80
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex;
position: relative;
align-items: center
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
width: 25px;
height: 100%;
-webkit-mask-image: url(/img/menu-tripple-horizontally.svg);
mask-image: url(/img/menu-tripple-horizontally.svg);
-webkit-mask-size: 25px;
mask-size: 25px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
opacity: .5;
cursor: pointer;
background: #fff
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
opacity: .8
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] {
position: absolute;
right: -20px;
top: 60px;
padding: 6px 0;
width: max-content;
background-color: #fff;
transition: top .1s linear, opacity .1s linear;
box-shadow: 0 0 30px -5px #0000002e;
border-radius: 5px;
opacity: 0;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319]:before {
content: "";
position: absolute;
pointer-events: none;
border: 8px solid transparent;
border-bottom-color: #fff;
top: -16px;
right: 32px;
width: 0;
height: 0;
margin: 0 -8px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper.shown[_ngcontent-agg-crmp-webfront-c1882317319] {
opacity: 1;
top: 42px;
pointer-events: auto
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-item[_ngcontent-agg-crmp-webfront-c1882317319] {
padding: 6px 18px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-wrapper[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-item[_ngcontent-agg-crmp-webfront-c1882317319]:hover {
background-color: #eee
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-button[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex;
justify-content: center;
align-items: center;
height: 42px;
box-sizing: border-box;
cursor: pointer;
padding: 2px 20px 0;
background: url(/img/download-button-background.svg), linear-gradient(90deg, #37a854, #4cd06e);
background-repeat: no-repeat;
background-position: right;
border-radius: 3px;
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-button[_ngcontent-agg-crmp-webfront-c1882317319]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-start[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-start-icon[_ngcontent-agg-crmp-webfront-c1882317319] {
width: 16px;
height: 16px;
margin-left: 7px;
margin-bottom: 3px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-line[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-line[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-line-element[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex;
justify-content: center;
align-items: center;
height: 42px;
margin-left: 10px;
margin-right: 10px;
color: #fff;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319] {
display: flex;
justify-content: center;
align-items: center;
height: 42px;
color: #fff;
font-size: 16px;
margin-right: 30px;
box-sizing: border-box;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button.sign-in[_ngcontent-agg-crmp-webfront-c1882317319] {
padding: 0 15px;
color: #2e2e2e;
background-color: #fff;
border-radius: 3px
}
[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-login[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-login-button[_ngcontent-agg-crmp-webfront-c1882317319]:active {
position: relative;
top: 1px
}
.navigation-fused-gray[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319],
.navigation-white[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319],
.navigation-transparent-dark[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info[_ngcontent-agg-crmp-webfront-c1882317319] .navigation-authorization-account-info-name[_ngcontent-agg-crmp-webfront-c1882317319] {
color: #2e2e2e
}
.navigation-fused-gray[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319],
.navigation-white[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319],
.navigation-transparent-dark[_nghost-agg-crmp-webfront-c1882317319] .navigation-authorization-account-menu-action[_ngcontent-agg-crmp-webfront-c1882317319] {
background: #000 !important;
filter: unset !important
}
[_nghost-agg-crmp-webfront-c1931538141] {
display: none
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-action[_ngcontent-agg-crmp-webfront-c1931538141] {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
right: 20px;
width: 50px;
height: 50px;
background: #fff;
box-shadow: 0 0 15px -10px #000;
border-radius: 10px;
transition: opacity .1s linear, bottom .1s linear;
opacity: 0;
pointer-events: none;
cursor: pointer;
z-index: 11
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-action[_ngcontent-agg-crmp-webfront-c1931538141]:before {
display: block;
content: "";
width: 20px;
height: 20px;
background-image: url(/img/menu-hamb.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-action.navigation-shown[_ngcontent-agg-crmp-webfront-c1931538141] {
opacity: 1;
pointer-events: all;
bottom: 20px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-background[_ngcontent-agg-crmp-webfront-c1931538141] {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000000b3;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 4
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-overlay[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
flex-direction: column;
position: fixed;
top: 15%;
left: 0;
right: 0;
bottom: 0;
transform: scale(2) translateY(400px);
background-color: #fffc;
border-radius: 15px 15px 0 0;
transition: transform .7s cubic-bezier(0, .8, .05, 1);
opacity: 0;
pointer-events: none;
z-index: 10
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-overlay.navigation-shown[_ngcontent-agg-crmp-webfront-c1931538141] {
opacity: 1;
pointer-events: all;
transform: scale(1) translateY(0)
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
flex-direction: column;
padding: 14px 20px;
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-header-line[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
align-items: center
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-header-title[_ngcontent-agg-crmp-webfront-c1931538141] {
color: #000;
font-size: 20px;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-header-close[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-left: auto;
background-color: #0000001a;
border-radius: 60px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-header[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-header-close[_ngcontent-agg-crmp-webfront-c1931538141]:before {
display: block;
content: "";
width: 18px;
height: 18px;
transform: rotate(45deg);
background-image: url(/img/plus.svg);
background-position: center;
background-size: contain;
opacity: .7
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-content[_ngcontent-agg-crmp-webfront-c1931538141] {
padding: 20px 0;
overflow: auto
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] {
margin-bottom: 30px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141]:last-child {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-title[_ngcontent-agg-crmp-webfront-c1931538141] {
color: #000c;
margin-left: 20px;
margin-bottom: 5px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-items[_ngcontent-agg-crmp-webfront-c1931538141] {
margin: 0 20px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
align-items: center;
padding: 0 15px;
height: 42px;
text-transform: uppercase;
margin-bottom: 10px;
background-color: #fff6;
box-sizing: border-box;
border-radius: 5px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141]:last-child {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] {
position: relative;
margin-bottom: 10px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141]:last-child {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141] {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c1931538141] {
display: flex;
flex-direction: column;
position: absolute;
bottom: 50px;
right: 0;
left: 0;
background-color: #fff;
padding: 5px 0;
border-radius: 6px
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c1931538141]:before {
position: absolute;
pointer-events: none;
border: 8px solid transparent;
border-top-color: #fff;
bottom: -16px;
right: 50%;
width: 0;
height: 0;
margin: 0 -8px;
content: ""
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141] {
text-transform: unset;
padding: 8px 30px;
border-bottom: 1px solid #ededed;
transition: background-color .1s ease
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141]:hover {
background-color: #eee
}
[_nghost-agg-crmp-webfront-c1931538141] .navigation-mobile-section[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-menu[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-wrapper[_ngcontent-agg-crmp-webfront-c1931538141] .navigation-mobile-section-item[_ngcontent-agg-crmp-webfront-c1931538141]:last-child {
border-bottom: 0
}
@media screen and (max-width: 1030px) {
[_nghost-agg-crmp-webfront-c1931538141] {
display: block
}
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-button[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
text-align: center;
transition: box-shadow .2s linear;
box-sizing: border-box;
border-radius: 3px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-button[_ngcontent-agg-crmp-webfront-c2772052753]:active,
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button[_ngcontent-agg-crmp-webfront-c2772052753]:active,
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button[_ngcontent-agg-crmp-webfront-c2772052753]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-button[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-play[_ngcontent-agg-crmp-webfront-c2772052753] {
padding: 14px 24px;
min-width: 158px;
min-height: 48px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-play[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #fff;
background: linear-gradient(127.69deg, #ff3e14 6.56%, #fd852e 84.95%)
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-ultra[_ngcontent-agg-crmp-webfront-c2772052753] {
padding: 21px 40px;
min-height: 64px;
text-transform: uppercase;
background: linear-gradient(90deg, #ffcf24, #ffdf8d);
box-shadow: 0 25px 30px #621200cc
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-ultra[_ngcontent-agg-crmp-webfront-c2772052753]:hover {
box-shadow: 0 25px 30px #62120066
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: center;
min-width: 60px;
min-height: 60px;
background-color: #fff3;
border-radius: 60px;
margin-right: 15px;
transition: background-color .2s ease
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:hover,
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:hover {
background-color: #ffffff4d
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:hover:before,
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:hover:before {
transform: scale(1.2)
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:before,
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:before {
content: "";
min-width: 26px;
min-height: 26px;
filter: invert(1);
background-image: url(/img/play.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-right: -6%;
transition: transform .25s ease
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-text[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-text[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #fff;
font-size: 16px;
text-align: left
}
[_nghost-agg-crmp-webfront-c2772052753] {
display: block
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100vh;
min-height: 700px;
padding-top: 80px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
box-sizing: border-box;
z-index: 3
}
@media screen and (max-width: 1500px) {
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] {
background-image: url(/img/header-index.jpg?2)
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-backgrounds[_ngcontent-agg-crmp-webfront-c2772052753] {
display: none
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker-wrapper[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker-trigger-zone[_ngcontent-agg-crmp-webfront-c2772052753] {
display: none
}
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-trigger-zone:hover) .index-preview-background.red-1[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-wrapper:hover) .index-preview-background.red-1[_ngcontent-agg-crmp-webfront-c2772052753] {
opacity: 0
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-trigger-zone:hover) .index-stalker-wrapper[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-wrapper:hover) .index-stalker-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
z-index: 4
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-trigger-zone:hover) .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__about[_ngcontent-agg-crmp-webfront-c2772052753],
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-wrapper:hover) .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__about[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #11181e;
background-color: #fff;
transition: transform .2s ease-in-out, background-color .2s ease-in-out
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-trigger-zone:hover) .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__about[_ngcontent-agg-crmp-webfront-c2772052753]:hover,
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753]:has(.index-stalker-wrapper:hover) .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__about[_ngcontent-agg-crmp-webfront-c2772052753]:hover {
color: #11181e;
background-color: #d2d2d2;
transform: translateY(-2px)
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-backgrounds[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-backgrounds[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-background[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-backgrounds[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-background.red-1[_ngcontent-agg-crmp-webfront-c2772052753] {
transition: opacity .4s ease-in-out;
z-index: 2
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-backgrounds[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-background.hide[_ngcontent-agg-crmp-webfront-c2772052753] {
opacity: 0
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .fixed-size[_ngcontent-agg-crmp-webfront-c2772052753] {
z-index: 2
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
width: 36.666%;
height: 100%;
z-index: 1;
top: 0;
right: 0
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker-trigger-zone[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
width: 36.666%;
height: 100%;
top: 0;
right: 0;
z-index: 3
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
top: 0;
left: 40%;
height: 100%;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__title[_ngcontent-agg-crmp-webfront-c2772052753] {
font-family: Roboto, sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
letter-spacing: 8px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__img[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-top: 20px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__in-game[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-top: 15px;
padding: 20px 69px;
background-color: #0b1217;
border: 1px solid #38424A;
font-family: Roboto, sans-serif;
font-weight: 900;
font-size: 16px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
letter-spacing: 6px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker[_ngcontent-agg-crmp-webfront-c2772052753] .index-stalker__about[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-top: 75px;
font-family: Proxima Nova, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
background-color: transparent;
border: 1px solid #FFFFFF;
border-radius: 5px;
padding: 23px 35px;
transition: color .3s ease-out, background-color .3s ease-out
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: -80px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-section[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
flex-direction: column
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-title[_ngcontent-agg-crmp-webfront-c2772052753] {
object-fit: contain;
max-width: 390px;
margin-bottom: 25px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-text-box[_ngcontent-agg-crmp-webfront-c2772052753] {
max-width: 500px;
margin-bottom: 35px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-text-box[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-text-box-title[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #fff;
font-size: 18px;
line-height: 1.8;
font-weight: 800;
display: inline
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-text-box[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-text-box-text[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #fff;
font-size: 18px;
line-height: 1.8;
display: inline
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
margin-bottom: 140px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753]:last-child {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 40px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.button-ultra[_ngcontent-agg-crmp-webfront-c2772052753] {
width: 206px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.index-button-start[_ngcontent-agg-crmp-webfront-c2772052753] {
animation: clickMe__gold 1s ease infinite;
transition: transform .2s ease-in-out, background-color .2s ease-in-out
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button.index-button-start[_ngcontent-agg-crmp-webfront-c2772052753]:hover {
color: #11181e;
transform: translateY(-2px);
animation: unset
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-right: 40px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button[_ngcontent-agg-crmp-webfront-c2772052753] {
margin: unset
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-label[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
bottom: -30px;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #ccc;
padding-bottom: 1px;
border-bottom: 1px dashed;
margin: 0 auto
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-action-button-label[_ngcontent-agg-crmp-webfront-c2772052753]:active {
bottom: -31px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-char[_ngcontent-agg-crmp-webfront-c2772052753] {
position: absolute;
top: 8vh;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: calc(100% - 8vh);
object-fit: contain;
object-position: 47vw bottom;
opacity: 0;
transition: opacity .5s linear;
z-index: -1;
-webkit-user-select: none;
user-select: none;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-char.char-active[_ngcontent-agg-crmp-webfront-c2772052753] {
opacity: 1
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
flex-direction: column;
justify-content: center;
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #f7f7f766;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-bottom: 2px solid #f2f2f2;
min-height: 80px;
max-height: 80px;
z-index: 2;
box-sizing: border-box;
margin-top: -80px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: center
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-image[_ngcontent-agg-crmp-webfront-c2772052753] {
object-fit: contain;
max-height: 50px;
margin-right: 60px;
filter: invert(1)
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 60px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button[_ngcontent-agg-crmp-webfront-c2772052753]:last-child {
margin-right: unset
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753] {
background-color: #0003;
min-width: 50px;
min-height: 50px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:hover {
background-color: #0000004d
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-circle[_ngcontent-agg-crmp-webfront-c2772052753]:before {
filter: unset
}
[_nghost-agg-crmp-webfront-c2772052753] .index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] .button-video-text[_ngcontent-agg-crmp-webfront-c2772052753] {
color: #000
}
[_nghost-agg-crmp-webfront-c2772052753] .index-features[_ngcontent-agg-crmp-webfront-c2772052753] {
border-bottom: 1px solid #eaeaea
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] {
width: 100%;
padding: 100px 0 60px;
background-image: url(/img/white-background-1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
border-bottom: 1px solid #eaeaea
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-header[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 70px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-header[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-header-icon[_ngcontent-agg-crmp-webfront-c2772052753] {
width: 40px;
height: 40px;
background-image: url(/img/aim-red.svg);
background-size: cover;
background-repeat: no-repeat;
margin: 20px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-header[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-header-title[_ngcontent-agg-crmp-webfront-c2772052753] {
text-align: center;
font-size: 36px;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
background-image: url(/img/index-friendship-background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right center;
padding: 40px 60px;
width: 100%;
box-shadow: 0 1px 15px #3a3a3a0d;
box-sizing: border-box;
border-radius: 3px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
flex-direction: column;
margin-right: 20px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-title[_ngcontent-agg-crmp-webfront-c2772052753] {
font-size: 22px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 9px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-text[_ngcontent-agg-crmp-webfront-c2772052753] {
font-size: 16px;
line-height: 1.7;
max-width: 350px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-roles[_ngcontent-agg-crmp-webfront-c2772052753] .index-roles-list[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-button[_ngcontent-agg-crmp-webfront-c2772052753] {
background-image: linear-gradient(334.85deg, #cb1111 -2.94%, #ff6948);
font-size: 16px;
font-weight: 700;
color: #fff;
width: 260px;
border-radius: 3px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-play[_ngcontent-agg-crmp-webfront-c2772052753] {
padding: 100px 0 120px;
background: #fcfcfc;
border-bottom: 1px solid #eaeaea
}
[_nghost-agg-crmp-webfront-c2772052753] .index-play[_ngcontent-agg-crmp-webfront-c2772052753] .index-play-header[_ngcontent-agg-crmp-webfront-c2772052753] {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 70px;
position: relative;
z-index: 1
}
[_nghost-agg-crmp-webfront-c2772052753] .index-play[_ngcontent-agg-crmp-webfront-c2772052753] .index-play-header[_ngcontent-agg-crmp-webfront-c2772052753] .index-play-header-icon[_ngcontent-agg-crmp-webfront-c2772052753] {
width: 40px;
height: 40px;
background-image: url(/img/gamepad-red.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 20px
}
[_nghost-agg-crmp-webfront-c2772052753] .index-play[_ngcontent-agg-crmp-webfront-c2772052753] .index-play-header[_ngcontent-agg-crmp-webfront-c2772052753] .index-play-header-title[_ngcontent-agg-crmp-webfront-c2772052753] {
text-align: center;
font-size: 36px;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c2772052753] .index-system-requirements[_ngcontent-agg-crmp-webfront-c2772052753] {
background-color: #fff
}
@media screen and (max-width: 770px) {
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] {
flex-direction: column;
padding-right: 25px !important;
padding-left: 25px !important
}
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: unset !important
}
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-title[_ngcontent-agg-crmp-webfront-c2772052753],
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-maybe-text[_ngcontent-agg-crmp-webfront-c2772052753] {
text-align: center;
margin-right: auto;
margin-left: auto
}
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] .index-role-side[_ngcontent-agg-crmp-webfront-c2772052753]:first-child {
margin-bottom: 15px
}
}
@media screen and (max-width: 640px) {
.index-sticky-button[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 0 !important
}
.index-sticky-button.button-video[_ngcontent-agg-crmp-webfront-c2772052753] {
display: none !important
}
}
@media screen and (max-width: 450px) {
.index-preview-title[_ngcontent-agg-crmp-webfront-c2772052753] {
max-width: 280px !important
}
.index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] {
align-items: flex-start !important;
flex-direction: column-reverse
}
.index-preview-action-button.button-ultra[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 0 !important;
margin-top: 20px !important
}
.index-preview-char[_ngcontent-agg-crmp-webfront-c2772052753] {
background-position: calc(50% + 150px) bottom !important
}
.index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .fixed-size[_ngcontent-agg-crmp-webfront-c2772052753] {
padding: 0
}
.index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .fixed-size[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] {
justify-content: space-around;
gap: 5px
}
.index-sticky[_ngcontent-agg-crmp-webfront-c2772052753] .fixed-size[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-wrapper[_ngcontent-agg-crmp-webfront-c2772052753] .index-sticky-image[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 0;
width: 130px
}
}
@media screen and (max-width: 370px) {
.index-role[_ngcontent-agg-crmp-webfront-c2772052753] {
padding: 0 !important
}
.index-role-maybe[_ngcontent-agg-crmp-webfront-c2772052753] {
height: max-content !important
}
.index-sticky-image[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-right: 10px !important
}
}
@media screen and (max-width: 500px) and (max-height: 900px) {
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-monitoring[_ngcontent-agg-crmp-webfront-c2772052753] {
display: none
}
[_nghost-agg-crmp-webfront-c2772052753] .index-preview[_ngcontent-agg-crmp-webfront-c2772052753] .index-preview-actions[_ngcontent-agg-crmp-webfront-c2772052753] {
margin-bottom: unset
}
}
[_nghost-agg-crmp-webfront-c2311583540] {
border-radius: 5px;
width: 440px;
height: 78px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
box-sizing: border-box;
position: relative;
background-image: url(/img/online-monitoring-banner-background.svg), linear-gradient(0deg, #fff, #fff);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
--valueColor: #000000;
--labelColor: rgba(0, 0, 0, .5);
--dividerColor: rgba(0, 0, 0, .22);
--tooltipIconColor: black
}
[_nghost-agg-crmp-webfront-c2311583540] .section[_ngcontent-agg-crmp-webfront-c2311583540] {
display: flex;
align-items: center;
position: relative
}
[_nghost-agg-crmp-webfront-c2311583540] .section__inner[_ngcontent-agg-crmp-webfront-c2311583540] {
display: flex;
align-items: center
}
[_nghost-agg-crmp-webfront-c2311583540] .section__value[_ngcontent-agg-crmp-webfront-c2311583540] {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 1.3em;
letter-spacing: 0;
color: var(--valueColor);
white-space: nowrap;
position: relative
}
[_nghost-agg-crmp-webfront-c2311583540] .section__value-marker[_ngcontent-agg-crmp-webfront-c2311583540] {
position: absolute;
top: 0;
right: 0;
transform: translate(50%);
width: 7px;
height: 7px;
display: flex;
align-items: center;
justify-content: center;
color: currentColor;
background-color: currentColor;
border-radius: 50%
}
[_nghost-agg-crmp-webfront-c2311583540] .section__value-marker[_ngcontent-agg-crmp-webfront-c2311583540]:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
color: currentColor;
background-color: currentColor;
border-radius: 50%;
opacity: .3;
animation: _ngcontent-agg-crmp-webfront-c2311583540_marker-blink 2s infinite linear
}
@keyframes _ngcontent-agg-crmp-webfront-c2311583540_marker-blink {
0% {
opacity: .3
}
50% {
opacity: 0
}
to {
opacity: .3
}
}
[_nghost-agg-crmp-webfront-c2311583540] .section__label[_ngcontent-agg-crmp-webfront-c2311583540] {
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 1.3em;
letter-spacing: 0;
color: var(--labelColor);
line-height: 1.1em;
margin-left: 10px
}
[_nghost-agg-crmp-webfront-c2311583540] .section__hint[_ngcontent-agg-crmp-webfront-c2311583540] {
cursor: pointer;
position: absolute;
right: 0;
top: -7px;
height: 18px;
width: 18px
}
[_nghost-agg-crmp-webfront-c2311583540] .section__hint[_ngcontent-agg-crmp-webfront-c2311583540] svg[_ngcontent-agg-crmp-webfront-c2311583540] {
opacity: .5;
transition: opacity .2s
}
[_nghost-agg-crmp-webfront-c2311583540] .section__hint[_ngcontent-agg-crmp-webfront-c2311583540] svg[_ngcontent-agg-crmp-webfront-c2311583540] path[_ngcontent-agg-crmp-webfront-c2311583540] {
color: var(--tooltipIconColor)
}
[_nghost-agg-crmp-webfront-c2311583540] .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2311583540] {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.3em;
letter-spacing: 0;
color: #fff;
padding: 12px;
background-color: #171717;
border-radius: 5px;
position: absolute;
right: -5px;
top: 0;
transform: translate(100%);
white-space: nowrap;
opacity: 0;
transition: opacity .2s;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2311583540] .section__hint[_ngcontent-agg-crmp-webfront-c2311583540]:hover svg[_ngcontent-agg-crmp-webfront-c2311583540],
[_nghost-agg-crmp-webfront-c2311583540] .section__hint[_ngcontent-agg-crmp-webfront-c2311583540]:hover .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2311583540] {
opacity: 1
}
[_nghost-agg-crmp-webfront-c2311583540] .section[_ngcontent-agg-crmp-webfront-c2311583540]:first-child {
flex: 1.2;
justify-content: flex-end
}
[_nghost-agg-crmp-webfront-c2311583540] .section[_ngcontent-agg-crmp-webfront-c2311583540]:last-child {
flex: 2
}
[_nghost-agg-crmp-webfront-c2311583540] .divider[_ngcontent-agg-crmp-webfront-c2311583540] {
margin: 0 20px;
width: 1px;
height: 25px;
background-color: var(--dividerColor)
}
.blur-white[_nghost-agg-crmp-webfront-c2311583540] {
background: #fff3;
-webkit-backdrop-filter: blur(45px);
backdrop-filter: blur(45px);
--valueColor: #FFFFFF;
--labelColor: rgba(255, 255, 255, .5);
--dividerColor: rgba(255, 255, 255, .22);
--tooltipIconColor: #C7C7C7
}
.tooltip-left[_nghost-agg-crmp-webfront-c2311583540] .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2311583540] {
right: unset;
left: -5px;
transform: translate(-100%)
}
@media screen and (max-width: 685px) {
[_nghost-agg-crmp-webfront-c2311583540] .section__hint-tooltip[_ngcontent-agg-crmp-webfront-c2311583540] {
right: unset;
left: -5px;
transform: translate(-100%)
}
}
@media screen and (max-width: 500px) {
[_nghost-agg-crmp-webfront-c2311583540] {
flex-direction: column;
align-items: stretch;
height: auto;
width: 100%
}
[_nghost-agg-crmp-webfront-c2311583540] .divider[_ngcontent-agg-crmp-webfront-c2311583540] {
margin: 20px 0;
width: 25px;
height: 1px;
align-self: center
}
[_nghost-agg-crmp-webfront-c2311583540] .section[_ngcontent-agg-crmp-webfront-c2311583540] {
flex: 1;
justify-content: center !important
}
}
[_nghost-agg-crmp-webfront-c991303572] {
display: block;
padding: 60px 0 0
}
[_nghost-agg-crmp-webfront-c991303572] .features-header[_ngcontent-agg-crmp-webfront-c991303572] {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px
}
[_nghost-agg-crmp-webfront-c991303572] .features-header[_ngcontent-agg-crmp-webfront-c991303572] .features-header-title[_ngcontent-agg-crmp-webfront-c991303572] {
font-size: 36px;
font-weight: 700;
text-align: center
}
[_nghost-agg-crmp-webfront-c991303572] .features-content[_ngcontent-agg-crmp-webfront-c991303572] {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] {
display: flex;
flex-direction: column;
align-items: center;
width: 260px;
padding: 0 20px;
margin: 0 auto 60px
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon[_ngcontent-agg-crmp-webfront-c991303572] {
min-width: 50px;
min-height: 50px;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: bottom;
mask-position: bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-bottom: 30px
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-people[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #00af00;
-webkit-mask-image: url(/img/people.svg);
mask-image: url(/img/people.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-voice[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #f3502f;
-webkit-mask-image: url(/img/mic-red.svg);
mask-image: url(/img/mic-red.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-kremlin-plus-vehicle[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #4a76b9;
-webkit-mask-image: url(/img/kremlin-plus-vehicle-blue.svg);
mask-image: url(/img/kremlin-plus-vehicle-blue.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-international[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #f3502f;
-webkit-mask-image: url(/img/community-red.svg);
mask-image: url(/img/community-red.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-graphics[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #4a76b9;
-webkit-mask-image: url(/img/graphics.svg);
mask-image: url(/img/graphics.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-icon.feature-atmosphere[_ngcontent-agg-crmp-webfront-c991303572] {
background-color: #ffcb00;
-webkit-mask-image: url(/img/atmosphere.svg);
mask-image: url(/img/atmosphere.svg)
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-title[_ngcontent-agg-crmp-webfront-c991303572] {
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-bottom: 8px
}
[_nghost-agg-crmp-webfront-c991303572] .features-feature[_ngcontent-agg-crmp-webfront-c991303572] .features-feature-text[_ngcontent-agg-crmp-webfront-c991303572] {
color: #505050;
text-align: center;
font-size: 14px;
line-height: 1.7
}
[_nghost-agg-crmp-webfront-c2543157673] {
--lineBg: #e0e0e0;
--stepTItle: #000000;
--stepText: #4d4d4d;
--step2Text: #000000;
--stepDownloadAdditionText: #666666;
--stepDownloadRights: #b3b3b3
}
.dark[_nghost-agg-crmp-webfront-c2543157673] {
--lineBg: #646464;
--stepTItle: #ffffff;
--stepText: #b8b8b8;
--step2Text: #b8b8b8;
--stepDownloadAdditionText: #a0a0a0;
--stepDownloadRights: #595959
}
[_nghost-agg-crmp-webfront-c2543157673] .play[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center
}
[_nghost-agg-crmp-webfront-c2543157673] .play-wrapper[_ngcontent-agg-crmp-webfront-c2543157673] {
position: relative;
max-width: 957px;
width: 100%
}
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673] {
position: absolute;
width: 2px;
left: 53%;
top: 29px;
bottom: 340px;
background: var(--lineBg)
}
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673]:before,
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673]:after {
content: "";
position: absolute;
left: -14.5px;
width: 29px;
height: 29px;
border: 2px solid var(--lineBg);
box-sizing: border-box;
border-radius: 30px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673]:before {
top: -29px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673]:after {
bottom: -29px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
justify-content: space-between
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
flex-direction: column
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-inner[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
flex-direction: column;
width: 100%;
max-width: 460px;
margin-left: 35px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-image[_ngcontent-agg-crmp-webfront-c2543157673] {
width: 100%;
max-width: 528px;
border-radius: 3px;
-webkit-user-select: none;
user-select: none;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-image[_ngcontent-agg-crmp-webfront-c2543157673] img[_ngcontent-agg-crmp-webfront-c2543157673] {
-webkit-user-select: none;
user-select: none;
pointer-events: none
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-image.image-launcher[_ngcontent-agg-crmp-webfront-c2543157673] {
max-width: 446px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-image.image-dps[_ngcontent-agg-crmp-webfront-c2543157673] {
max-width: 344px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-enumerator[_ngcontent-agg-crmp-webfront-c2543157673] {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: gray
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-title[_ngcontent-agg-crmp-webfront-c2543157673] {
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
color: var(--stepTItle)
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-text[_ngcontent-agg-crmp-webfront-c2543157673] {
color: var(--stepText);
font-size: 16px;
font-weight: 400;
margin-bottom: 40px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-note[_ngcontent-agg-crmp-webfront-c2543157673] {
max-width: 410px;
padding: 25px 30px;
font-size: 16px;
line-height: 1.7;
background: #f6f6f6;
border: 2px dashed #D0D0D0;
border-radius: 3px;
box-sizing: border-box;
margin-bottom: 25px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] {
max-width: 353px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-title[_ngcontent-agg-crmp-webfront-c2543157673] {
font-size: 16px;
margin-bottom: 15px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-button[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
box-sizing: border-box;
width: 100%;
max-width: 353px;
height: 75px;
margin-bottom: 20px;
padding: 0 26px;
font-weight: 500;
font-size: 22px;
line-height: normal;
text-transform: uppercase;
color: #fff;
border-radius: 3px;
background: linear-gradient(90deg, #37a854, #4cd06e);
transition: transform .2s linear
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-button[_ngcontent-agg-crmp-webfront-c2543157673]:hover {
transform: scale(1.05)
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
align-items: center;
gap: 10px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c2543157673]:first-child {
padding-right: 10px;
border-right: 1px solid #cccccc
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c2543157673]:last-child {
padding-left: 10px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition-text[_ngcontent-agg-crmp-webfront-c2543157673] {
color: var(--stepDownloadAdditionText);
font-size: 12px;
font-weight: 400;
line-height: normal
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-additions[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-addition-icon[_ngcontent-agg-crmp-webfront-c2543157673] {
max-height: 14px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-rights[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 400;
color: var(--stepDownloadRights);
margin-bottom: 65px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-download-rights[_ngcontent-agg-crmp-webfront-c2543157673] a[_ngcontent-agg-crmp-webfront-c2543157673] {
font-size: 14px;
font-weight: 400;
color: var(--stepDownloadRights);
text-decoration: underline !important
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] {
position: relative;
top: -120px;
margin-bottom: -120px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-inner[_ngcontent-agg-crmp-webfront-c2543157673] {
margin-left: 0;
max-width: 382px;
position: relative;
top: -30px;
margin-bottom: -30px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-title[_ngcontent-agg-crmp-webfront-c2543157673] {
margin-bottom: 40px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-text[_ngcontent-agg-crmp-webfront-c2543157673] {
color: var(--step2Text);
font-size: 16px;
font-weight: 400
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-text[_ngcontent-agg-crmp-webfront-c2543157673] b[_ngcontent-agg-crmp-webfront-c2543157673] {
color: var(--step2Text);
font-size: 16px;
font-weight: 500
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-text[_ngcontent-agg-crmp-webfront-c2543157673] .small[_ngcontent-agg-crmp-webfront-c2543157673] {
color: #797979
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-rules-button[_ngcontent-agg-crmp-webfront-c2543157673] {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 192px;
height: 55px;
font-size: 16px;
background: #2e2e2e;
border-radius: 5px
}
@media screen and (max-width: 1050px) {
[_nghost-agg-crmp-webfront-c2543157673] .play-line[_ngcontent-agg-crmp-webfront-c2543157673] {
display: none
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] {
flex-direction: column;
margin-bottom: 100px
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] {
flex-direction: row;
justify-content: space-between;
align-items: center
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-inner[_ngcontent-agg-crmp-webfront-c2543157673] {
margin-left: 0;
margin-right: 0
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] {
top: 0;
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step.play-step-2[_ngcontent-agg-crmp-webfront-c2543157673] .play-step-inner[_ngcontent-agg-crmp-webfront-c2543157673] {
top: 0;
margin-bottom: 0
}
}
@media screen and (max-width: 860px) {
[_nghost-agg-crmp-webfront-c2543157673] .play-steps[_ngcontent-agg-crmp-webfront-c2543157673] .play-step[_ngcontent-agg-crmp-webfront-c2543157673] {
flex-direction: column
}
}
[_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] {
display: flex;
align-items: center;
width: 100%;
height: 140px;
background-image: url(/img/start-discord.jpg);
background-size: cover;
background-repeat: no-repeat;
border-radius: 3px;
box-shadow: 0 15px 35px #8292ce4d;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-title[_ngcontent-agg-crmp-webfront-c898857225] {
color: #fff;
font-weight: 700;
font-size: 22px;
margin-left: 260px;
margin-right: 40px
}
[_nghost-agg-crmp-webfront-c898857225] .play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
display: flex;
align-items: center;
justify-content: center;
min-width: 162px;
min-height: 40px;
margin-left: auto;
margin-right: 80px;
font-size: 16px;
color: #fff;
background: #6882e2;
border-radius: 3px
}
@media screen and (max-width: 845px) {
.play-discord[_ngcontent-agg-crmp-webfront-c898857225] {
background-position-x: -80px
}
.play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-title[_ngcontent-agg-crmp-webfront-c898857225] {
display: none
}
.play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
margin: auto
}
}
@media screen and (max-width: 410px) {
.play-discord[_ngcontent-agg-crmp-webfront-c898857225] .play-discord-button[_ngcontent-agg-crmp-webfront-c898857225] {
display: none !important
}
}
[_nghost-agg-crmp-webfront-c639157890] {
display: flex;
flex-direction: column
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] {
display: flex;
flex-direction: column;
padding: 40px 0
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] {
display: flex;
align-items: center;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] {
display: flex;
align-items: center;
justify-content: center;
min-height: 64px;
min-width: 64px;
box-sizing: border-box;
border: 1px solid rgba(46, 46, 46, .15);
border-radius: 100%;
margin-right: 40px
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border-img[_ngcontent-agg-crmp-webfront-c639157890] {
object-fit: contain;
height: 100%;
width: 100%;
max-width: 24px;
max-height: 24px;
transform: rotate(45deg);
transition: transform .3s ease
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-border-img.img-close[_ngcontent-agg-crmp-webfront-c639157890] {
transform: rotate(0)
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-title[_ngcontent-agg-crmp-webfront-c639157890] {
font-size: 36px;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-header-title[_ngcontent-agg-crmp-webfront-c639157890]:active {
-webkit-user-select: none;
user-select: none
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] {
display: flex;
flex-direction: column;
padding-top: 40px
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-wrapper[_ngcontent-agg-crmp-webfront-c639157890] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(530px, 1fr));
gap: 64px;
margin-bottom: 40px
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-notifier[_ngcontent-agg-crmp-webfront-c639157890] {
display: flex;
align-items: center;
background-color: #ffe49e26;
padding: 30px 35px;
border-radius: 10px;
margin-bottom: 40px
}
[_nghost-agg-crmp-webfront-c639157890] .system-requirements[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content[_ngcontent-agg-crmp-webfront-c639157890] .system-requirements-content-notifier[_ngcontent-agg-crmp-webfront-c639157890]:before {
background-image: url(/img/attention.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-width: 24px;
min-height: 24px;
margin-right: 10px;
content: ""
}
@media screen and (max-width: 1190px) {
.system-requirements-content-wrapper[_ngcontent-agg-crmp-webfront-c639157890] {
grid-template-columns: 1fr !important
}
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c2644029940] {
background-color: #2e2e2e;
min-height: 39px;
-webkit-mask-image: url(/img/logotype-roleplay.svg);
mask-image: url(/img/logotype-roleplay.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain
}
[_nghost-agg-crmp-webfront-c2644029940] {
display: flex;
position: relative;
flex-direction: column;
padding: 80px 0;
background-color: #fcfcfc;
background-image: url(/img/footer.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid #ededed;
margin-top: auto
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-container[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 10px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-container[_ngcontent-agg-crmp-webfront-c2644029940]:first-child {
margin-bottom: 65px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-container[_ngcontent-agg-crmp-webfront-c2644029940]:last-child {
margin-top: 15px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] {
display: flex;
align-items: flex-start;
justify-content: space-between
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] {
display: flex;
flex-direction: column
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940]:first-child {
margin-right: 90px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c2644029940] {
position: relative;
display: block
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c2644029940]:active {
top: 1px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__title[_ngcontent-agg-crmp-webfront-c2644029940] {
font-size: 24px;
font-weight: 700;
line-height: 20px;
margin-bottom: 25px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c2644029940] {
display: flex;
flex-direction: column
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items--margin-top[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 10px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c2644029940] {
line-height: 35px;
transition: opacity .3s ease
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c2644029940]:hover {
opacity: .8
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c2644029940]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c2644029940]:last-child {
margin-bottom: unset
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] {
display: grid;
grid-template-rows: repeat(2, 84px);
grid-template-columns: repeat(3, 84px);
row-gap: 16px;
column-gap: 16px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c2644029940] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: 30px 30px, cover;
background-position: center;
border-radius: 6px;
transition: transform .3s ease;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c2644029940]:hover {
transform: scale(1.05)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item[_ngcontent-agg-crmp-webfront-c2644029940]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-telegram[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/telegram.svg), linear-gradient(-45deg, #03a9f4, #42c4ff)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-vk[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/vk-white.svg), linear-gradient(-45deg, #4a76a8, #73b4fd)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-ok[_ngcontent-agg-crmp-webfront-c2644029940] {
background-size: 42px 42px, cover;
background-image: url(/img/ok.svg), linear-gradient(-45deg, #f80, #f80)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-instagram[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/instagram.svg), linear-gradient(135deg, #fd5 6.62%, #ff543e, #c837ab 93.5%)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-youtube[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/youtube.svg), linear-gradient(-45deg, #e53935, #e5356a)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-tiktok[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/tiktok.svg), linear-gradient(135deg, #25f4ee, #fe2c55)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks__item.network-discord[_ngcontent-agg-crmp-webfront-c2644029940] {
background-image: url(/img/discord.svg), linear-gradient(0deg, #7289da, #b9c8ff)
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] {
display: flex;
justify-content: space-between;
align-items: flex-end
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright-container[_ngcontent-agg-crmp-webfront-c2644029940] {
max-width: 284px;
width: 100%
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #0009;
line-height: 1.8;
max-width: 545px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__marker-text[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #000
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__caption[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #0009
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__element[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 28px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__marker[_ngcontent-agg-crmp-webfront-c2644029940] {
-webkit-mask-image: url(/img/age_marker.svg);
mask-image: url(/img/age_marker.svg);
width: 50px;
height: 50px;
background-color: #9b9b9b
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__caption-another[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 10px;
cursor: text
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] {
display: flex;
justify-content: space-between;
align-items: flex-end
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] .footer-license__item[_ngcontent-agg-crmp-webfront-c2644029940] {
line-height: 35px;
transition: opacity .3s ease
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] .footer-license__item.with-copyright[_ngcontent-agg-crmp-webfront-c2644029940] {
max-width: 284px;
width: 100%
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] .footer-license__item[_ngcontent-agg-crmp-webfront-c2644029940]:hover {
opacity: .8
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] .footer-license__item[_ngcontent-agg-crmp-webfront-c2644029940]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] .footer-license__item[_ngcontent-agg-crmp-webfront-c2644029940]:last-child {
margin-bottom: unset;
max-width: 284px;
width: 100%
}
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] {
background-color: #0d0d0d;
border-top: 1px solid transparent
}
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation__logotype[_ngcontent-agg-crmp-webfront-c2644029940] {
background-color: #f2f2f2 !important
}
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation__section__title[_ngcontent-agg-crmp-webfront-c2644029940],
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation__section__items__item[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #f2f2f2 !important
}
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c2644029940],
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright__caption[_ngcontent-agg-crmp-webfront-c2644029940],
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-license__item[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #fff9 !important
}
.footer-dark-mode[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright__marker-text[_ngcontent-agg-crmp-webfront-c2644029940] {
color: #fff !important
}
@media screen and (max-width: 1000px) {
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] {
flex-direction: column
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-bottom: 50px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940]:last-child {
margin-bottom: unset
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] {
flex-direction: column;
align-items: flex-start
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__text[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-bottom: 20px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright-container[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__element[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 13px
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-copyright[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright-container[_ngcontent-agg-crmp-webfront-c2644029940] .footer-copyright__marker[_ngcontent-agg-crmp-webfront-c2644029940] {
margin-top: 0
}
[_nghost-agg-crmp-webfront-c2644029940] .footer-license[_ngcontent-agg-crmp-webfront-c2644029940] {
flex-direction: column;
align-items: flex-start
}
}
@media screen and (max-width: 360px) {
[_nghost-agg-crmp-webfront-c2644029940] .footer-navigation[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section[_ngcontent-agg-crmp-webfront-c2644029940] .footer-navigation__section__networks[_ngcontent-agg-crmp-webfront-c2644029940] {
grid-template-rows: repeat(2, 70px);
grid-template-columns: repeat(3, 70px);
column-gap: 10px;
row-gap: 10px
}
}
[_nghost-agg-crmp-webfront-c2788269831] {
display: flex;
flex-direction: column;
margin: 0 auto 60px
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 250px;
height: 100%;
padding: 0 5px;
box-sizing: border-box
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-image[_ngcontent-agg-crmp-webfront-c2788269831] {
width: 100%;
height: 250px;
object-fit: cover;
object-position: center;
pointer-events: none;
box-shadow: 0 1px 15px #3a3a3a0d;
margin-bottom: 20px;
border-radius: 3px
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-title[_ngcontent-agg-crmp-webfront-c2788269831] {
font-size: 22px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 9px
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-text[_ngcontent-agg-crmp-webfront-c2788269831] {
font-size: 16px;
line-height: 1.7;
margin-bottom: 15px
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more[_ngcontent-agg-crmp-webfront-c2788269831] {
display: block;
margin-top: auto
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more.more-action[_ngcontent-agg-crmp-webfront-c2788269831] {
display: flex;
align-items: center;
padding: 2px 15px;
border-radius: 10px;
transition: background-color .1s ease;
margin-left: -15px
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more.more-action[_ngcontent-agg-crmp-webfront-c2788269831]:hover {
background-color: #f3502f1a
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more.more-action[_ngcontent-agg-crmp-webfront-c2788269831]:hover .more-action-icon[_ngcontent-agg-crmp-webfront-c2788269831] {
transform: translate(8px)
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more.more-action[_ngcontent-agg-crmp-webfront-c2788269831] .more-action-text[_ngcontent-agg-crmp-webfront-c2788269831] {
color: #f3502f;
font-size: 16px;
margin-right: 10px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c2788269831] .index-role[_ngcontent-agg-crmp-webfront-c2788269831] .index-role-more.more-action[_ngcontent-agg-crmp-webfront-c2788269831] .more-action-icon[_ngcontent-agg-crmp-webfront-c2788269831] {
width: 14px;
height: 14px;
background-image: url(/img/arrow-red.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform .25s ease
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-button[_ngcontent-agg-crmp-webfront-c3344860774] {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
text-align: center;
transition: box-shadow .2s linear;
box-sizing: border-box;
border-radius: 3px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-button[_ngcontent-agg-crmp-webfront-c3344860774]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-button[_ngcontent-agg-crmp-webfront-c3344860774] {
padding: 18px 32px;
min-width: 157px;
min-height: 56px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-button[_ngcontent-agg-crmp-webfront-c3344860774] {
color: #fff;
background: linear-gradient(127.69deg, #ff3e14 6.56%, #fd852e 84.95%);
box-shadow: 0 10px 15px #fd852e59
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-button[_ngcontent-agg-crmp-webfront-c3344860774]:hover {
box-shadow: 0 10px 15px #fd852e26
}
[_nghost-agg-crmp-webfront-c3344860774] {
display: flex;
width: 100%;
margin: auto
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-information-text[_ngcontent-agg-crmp-webfront-c3344860774] {
color: gray;
margin-top: 10px;
padding-right: 30px;
font-size: 14px;
line-height: 1.5
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-background[_ngcontent-agg-crmp-webfront-c3344860774] {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000c;
z-index: 11
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-overlay[_ngcontent-agg-crmp-webfront-c3344860774] {
display: flex;
position: relative;
background: #fff;
border-radius: 3px;
margin: 50px auto;
overflow: hidden;
z-index: 12
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-image[_ngcontent-agg-crmp-webfront-c3344860774] {
min-width: 320px;
max-width: 320px;
min-height: 760px;
object-fit: cover;
object-position: center
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-content[_ngcontent-agg-crmp-webfront-c3344860774] {
padding: 40px;
width: 100%;
max-width: 450px;
box-sizing: border-box
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-header[_ngcontent-agg-crmp-webfront-c3344860774] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-header[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-header-title[_ngcontent-agg-crmp-webfront-c3344860774] {
font-size: 22px;
font-weight: 700
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-header[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-header-close[_ngcontent-agg-crmp-webfront-c3344860774] {
min-width: 22px;
min-height: 22px;
margin-left: 50px;
transform: rotate(45deg);
background-image: url(/img/plus.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .6;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] {
margin-bottom: 20px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774]:last-child {
margin-bottom: 0
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-title[_ngcontent-agg-crmp-webfront-c3344860774] {
margin-bottom: 10px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-inner[_ngcontent-agg-crmp-webfront-c3344860774] {
display: flex
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-inner[_ngcontent-agg-crmp-webfront-c3344860774] app-selector-server[_ngcontent-agg-crmp-webfront-c3344860774] {
width: 100%
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-inner[_ngcontent-agg-crmp-webfront-c3344860774] app-input[_ngcontent-agg-crmp-webfront-c3344860774] {
width: 100%;
margin-right: 20px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-inner[_ngcontent-agg-crmp-webfront-c3344860774] app-input[_ngcontent-agg-crmp-webfront-c3344860774]:last-child {
margin-right: 0
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-hint[_ngcontent-agg-crmp-webfront-c3344860774] {
color: gray;
margin-top: 10px;
padding-right: 30px;
font-size: 14px;
line-height: 1.5
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-hint[_ngcontent-agg-crmp-webfront-c3344860774] a[_ngcontent-agg-crmp-webfront-c3344860774] {
color: #f3502f;
font-size: 14px;
text-decoration: underline
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-hint[_ngcontent-agg-crmp-webfront-c3344860774] a[_ngcontent-agg-crmp-webfront-c3344860774]:hover {
text-decoration: none
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-input[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-form-input-hint[_ngcontent-agg-crmp-webfront-c3344860774] a[_ngcontent-agg-crmp-webfront-c3344860774]:active {
position: relative;
top: 1px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-form-footer[_ngcontent-agg-crmp-webfront-c3344860774] {
margin-top: 25px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] {
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid #ededed
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-register-text[_ngcontent-agg-crmp-webfront-c3344860774] {
color: gray;
margin-right: 5px
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-register-button[_ngcontent-agg-crmp-webfront-c3344860774] {
color: #f3502f;
text-decoration: underline;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-register-button[_ngcontent-agg-crmp-webfront-c3344860774]:hover {
text-decoration: none
}
[_nghost-agg-crmp-webfront-c3344860774] .sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-register-button[_ngcontent-agg-crmp-webfront-c3344860774]:active {
position: relative;
top: 1px
}
@media screen and (max-width: 770px) {
.sign-in-image[_ngcontent-agg-crmp-webfront-c3344860774] {
display: none
}
.sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] {
flex-direction: column
}
.sign-in-register[_ngcontent-agg-crmp-webfront-c3344860774] .sign-in-register-text[_ngcontent-agg-crmp-webfront-c3344860774] {
margin-right: 0 !important
}
}
@media screen and (max-width: 450px) {
.sign-in-overlay[_ngcontent-agg-crmp-webfront-c3344860774] {
margin: auto !important;
border-radius: unset !important
}
}
[_nghost-agg-crmp-webfront-c3540990555] {
display: block;
position: relative
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server[_ngcontent-agg-crmp-webfront-c3540990555] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 22px;
background-color: #fcfcfc;
border: 2px solid #E8E8E8;
box-sizing: border-box;
border-radius: 3px;
cursor: pointer
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-icon[_ngcontent-agg-crmp-webfront-c3540990555] {
min-width: 13px;
min-height: 13px;
margin-left: 20px;
transform: rotate(90deg);
transition: opacity .1s linear, transform .2s linear;
background-image: url(/img/arrow.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: .3
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-icon.shown[_ngcontent-agg-crmp-webfront-c3540990555] {
opacity: .5;
transform: rotate(-90deg)
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variants[_ngcontent-agg-crmp-webfront-c3540990555] {
position: absolute;
left: 0;
right: 0;
margin-top: 20px;
transition: margin-top .1s linear, opacity .1s linear;
background-color: #fcfcfc;
border: 2px solid #E8E8E8;
box-sizing: border-box;
border-radius: 3px;
pointer-events: none;
opacity: 0;
z-index: 5
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variants.shown[_ngcontent-agg-crmp-webfront-c3540990555] {
opacity: 1;
pointer-events: auto;
margin-top: 8px
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variants[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555] {
padding: 15px 22px;
border-bottom: 1px solid #E8E8E8;
cursor: default
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variants[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555]:last-child {
border-bottom: 0
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variants[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555]:hover {
background-color: #eee
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555] {
display: flex;
align-items: center
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-variant-figure[_ngcontent-agg-crmp-webfront-c3540990555] {
min-width: 8px;
min-height: 8px;
margin-right: 10px;
border-radius: 30px
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-variant[_ngcontent-agg-crmp-webfront-c3540990555] .selector-server-variant-name[_ngcontent-agg-crmp-webfront-c3540990555] {
display: block
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-placeholder[_ngcontent-agg-crmp-webfront-c3540990555] {
display: none
}
[_nghost-agg-crmp-webfront-c3540990555] .selector-server-placeholder.shown[_ngcontent-agg-crmp-webfront-c3540990555] {
display: block
}
[_nghost-agg-crmp-webfront-c2610539065] {
display: flex;
background-color: #fcfcfc;
border: 2px solid #e8e8e8;
border-radius: 3px;
padding: 0 22px;
position: relative
}
.has-suffix[_nghost-agg-crmp-webfront-c2610539065] {
padding-right: 0
}
.has-prefix[_nghost-agg-crmp-webfront-c2610539065] {
padding-left: 0
}
.input-dark-mode[_nghost-agg-crmp-webfront-c2610539065] {
background-color: #1a1a1a !important;
border: 2px solid #1d1d1d !important
}
.input-dark-mode[_nghost-agg-crmp-webfront-c2610539065] input[_ngcontent-agg-crmp-webfront-c2610539065] {
color: #fffc !important
}
[_nghost-agg-crmp-webfront-c2610539065] input[_ngcontent-agg-crmp-webfront-c2610539065] {
flex-grow: 1;
width: 100%;
box-sizing: border-box;
margin: 0;
cursor: text;
padding: 15px 0
}
[_nghost-agg-crmp-webfront-c2610539065] input[_ngcontent-agg-crmp-webfront-c2610539065]::-webkit-outer-spin-button,
[_nghost-agg-crmp-webfront-c2610539065] input[_ngcontent-agg-crmp-webfront-c2610539065]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
[_nghost-agg-crmp-webfront-c2610539065] input[type=number][_ngcontent-agg-crmp-webfront-c2610539065] {
-moz-appearance: textfield
}
[_nghost-agg-crmp-webfront-c2610539065] .prefix[_ngcontent-agg-crmp-webfront-c2610539065],
[_nghost-agg-crmp-webfront-c2610539065] .suffix[_ngcontent-agg-crmp-webfront-c2610539065] {
flex-shrink: 0;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center
}
[_nghost-agg-crmp-webfront-c544068687],
[_nghost-agg-crmp-webfront-c544068687]>*[_ngcontent-agg-crmp-webfront-c544068687] {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
color: inherit;
}