@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff')
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff')
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format('woff')
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) 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(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyJU5sn9vOmLxNkIwRSjTVNWLEJabMl2xMC.woff) format('woff')
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xMC.woff) format('woff')
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl2xMC.woff) format('woff')
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlnC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlmC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlnC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlmC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlnC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzlmC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Palanquin';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUilJ90n1fBFg7ceXwU2nlYw5Gt.woff) format('woff')
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUnlJ90n1fBFg7ceXwccVtL.woff) format('woff')
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUilJ90n1fBFg7ceXwU2nlYwpGrTC7Ozx8k.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUilJ90n1fBFg7ceXwU2nlYzZGrTC7Ozx8k.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUilJ90n1fBFg7ceXwU2nlYw5GrTC7Ozw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUnlJ90n1fBFg7ceXwccFtN7rOmZhTH.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUnlJ90n1fBFg7ceXwcf1tN7rOmZhTH.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUnlJ90n1fBFg7ceXwccVtN7rOmZg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@-webkit-keyframes animation-61bdi0 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animation-61bdi0 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes animation-1p2h4ri {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}

@keyframes animation-1p2h4ri {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}


.fb_hidden {
  position: absolute;
  top: -10000px;
  z-index: 10001
}

.fb_reposition {
  overflow: hidden;
  position: relative
}

.fb_invisible {
  display: none
}

.fb_reset {
  background: none;
  border: 0;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal
}

.fb_reset>div {
  overflow: hidden
}

@keyframes fb_transform {
  from {
    opacity: 0;
    transform: scale(.95)
  }

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

.fb_animate {
  animation: fb_transform .3s forwards
}

.fb_hidden {
  position: absolute;
  top: -10000px;
  z-index: 10001
}

.fb_reposition {
  overflow: hidden;
  position: relative
}

.fb_invisible {
  display: none
}

.fb_reset {
  background: none;
  border: 0;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal
}

.fb_reset>div {
  overflow: hidden
}

@keyframes fb_transform {
  from {
    opacity: 0;
    transform: scale(.95)
  }

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

.fb_animate {
  animation: fb_transform .3s forwards
}

.fb_dialog {
  background: rgba(82, 82, 82, .7);
  position: absolute;
  top: -10000px;
  z-index: 10001
}

.fb_dialog_advanced {
  border-radius: 8px;
  padding: 10px
}

.fb_dialog_content {
  background: #fff;
  color: #373737
}

.fb_dialog_close_icon {
  background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 15px;
  position: absolute;
  right: 18px;
  top: 17px;
  width: 15px
}

.fb_dialog_mobile .fb_dialog_close_icon {
  left: 5px;
  right: auto;
  top: 5px
}

.fb_dialog_padding {
  background-color: transparent;
  position: absolute;
  width: 1px;
  z-index: -1
}

.fb_dialog_close_icon:hover {
  background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent
}

.fb_dialog_close_icon:active {
  background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent
}

.fb_dialog_iframe {
  line-height: 0
}

.fb_dialog_content .dialog_title {
  background: #6d84b4;
  border: 1px solid #365899;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0
}

.fb_dialog_content .dialog_title>span {
  background: url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
  float: left;
  padding: 5px 0 7px 26px
}

body.fb_hidden {
  height: 100%;
  left: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  top: -10000px;
  transform: none;
  width: 100%
}

.fb_dialog.fb_dialog_mobile.loading {
  background: url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 10001
}

.fb_dialog.fb_dialog_mobile.loading.centered {
  background: none;
  height: auto;
  min-height: initial;
  min-width: initial;
  width: auto
}

.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
  width: 100%
}

.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
  background: none
}

.loading.centered #fb_dialog_loader_close {
  clear: both;
  color: #fff;
  display: block;
  font-size: 18px;
  padding-top: 20px
}

#fb-root #fb_dialog_ipad_overlay {
  background: rgba(0, 0, 0, .4);
  bottom: 0;
  left: 0;
  min-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000
}

#fb-root #fb_dialog_ipad_overlay.hidden {
  display: none
}

.fb_dialog.fb_dialog_mobile.loading iframe {
  visibility: hidden
}

.fb_dialog_mobile .fb_dialog_iframe {
  position: sticky;
  top: 0
}

.fb_dialog_content .dialog_header {
  background: linear-gradient(from(#738aba), to(#2c4987));
  border-bottom: 1px solid;
  border-color: #043b87;
  box-shadow: white 0 1px 1px -1px inset;
  color: #fff;
  font: bold 14px Helvetica, sans-serif;
  text-overflow: ellipsis;
  text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
  vertical-align: middle;
  white-space: nowrap
}

.fb_dialog_content .dialog_header table {
  height: 43px;
  width: 100%
}

.fb_dialog_content .dialog_header td.header_left {
  font-size: 12px;
  padding-left: 5px;
  vertical-align: middle;
  width: 60px
}

.fb_dialog_content .dialog_header td.header_right {
  font-size: 12px;
  padding-right: 5px;
  vertical-align: middle;
  width: 60px
}

.fb_dialog_content .touchable_button {
  background: linear-gradient(from(#4267B2), to(#2a4887));
  background-clip: padding-box;
  border: 1px solid #29487d;
  border-radius: 3px;
  display: inline-block;
  line-height: 18px;
  margin-top: 3px;
  max-width: 85px;
  padding: 4px 12px;
  position: relative
}

.fb_dialog_content .dialog_header .touchable_button input {
  background: none;
  border: none;
  color: #fff;
  font: bold 12px Helvetica, sans-serif;
  margin: 2px -12px;
  padding: 2px 6px 3px 6px;
  text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0
}

.fb_dialog_content .dialog_header .header_center {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  vertical-align: middle
}

.fb_dialog_content .dialog_content {
  background: url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
  border: 1px solid #4a4a4a;
  border-bottom: 0;
  border-top: 0;
  height: 150px
}

.fb_dialog_content .dialog_footer {
  background: #f5f6f7;
  border: 1px solid #4a4a4a;
  border-top-color: #ccc;
  height: 40px
}

#fb_dialog_loader_close {
  float: left
}

.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
  visibility: hidden
}

#fb_dialog_loader_spinner {
  animation: rotateSpinner 1.2s linear infinite;
  background-color: transparent;
  background-image: url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px
}

@keyframes rotateSpinner {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.fb_iframe_widget {
  display: inline-block;
  position: relative
}

.fb_iframe_widget span {
  display: inline-block;
  position: relative;
  text-align: justify
}

.fb_iframe_widget iframe {
  position: absolute
}

.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe {
  max-width: 100%
}

.fb_iframe_widget_fluid_desktop iframe {
  min-width: 220px;
  position: relative
}

.fb_iframe_widget_lift {
  z-index: 1
}

.fb_iframe_widget_fluid {
  display: inline
}

.fb_iframe_widget_fluid span {
  width: 100%
}

.fb_mpn_mobile_landing_page_slide_out {
  animation-duration: 200ms;
  animation-name: fb_mpn_landing_page_slide_out;
  transition-timing-function: ease-in
}

.fb_mpn_mobile_landing_page_slide_out_from_left {
  animation-duration: 200ms;
  animation-name: fb_mpn_landing_page_slide_out_from_left;
  transition-timing-function: ease-in
}

.fb_mpn_mobile_landing_page_slide_up {
  animation-duration: 500ms;
  animation-name: fb_mpn_landing_page_slide_up;
  transition-timing-function: ease-in
}

.fb_mpn_mobile_bounce_in {
  animation-duration: 300ms;
  animation-name: fb_mpn_bounce_in;
  transition-timing-function: ease-in
}

.fb_mpn_mobile_bounce_out {
  animation-duration: 300ms;
  animation-name: fb_mpn_bounce_out;
  transition-timing-function: ease-in
}

.fb_mpn_mobile_bounce_out_v2 {
  animation-duration: 300ms;
  animation-name: fb_mpn_fade_out;
  transition-timing-function: ease-in
}

.fb_customer_chat_bounce_in_v2 {
  animation-duration: 300ms;
  animation-name: fb_bounce_in_v2;
  transition-timing-function: ease-in
}

.fb_customer_chat_bounce_in_from_left {
  animation-duration: 300ms;
  animation-name: fb_bounce_in_from_left;
  transition-timing-function: ease-in
}

.fb_customer_chat_bounce_out_v2 {
  animation-duration: 300ms;
  animation-name: fb_bounce_out_v2;
  transition-timing-function: ease-in
}

.fb_customer_chat_bounce_out_from_left {
  animation-duration: 300ms;
  animation-name: fb_bounce_out_from_left;
  transition-timing-function: ease-in
}

.fb_invisible_flow {
  display: inherit;
  height: 0;
  overflow-x: hidden;
  width: 0
}

@keyframes fb_mpn_landing_page_slide_out {
  0% {
    margin: 0 12px;
    width: 100% - 24px
  }

  60% {
    border-radius: 18px
  }

  100% {
    border-radius: 50%;
    margin: 0 24px;
    width: 60px
  }
}

@keyframes fb_mpn_landing_page_slide_out_from_left {
  0% {
    left: 12px;
    width: 100% - 24px
  }

  60% {
    border-radius: 18px
  }

  100% {
    border-radius: 50%;
    left: 12px;
    width: 60px
  }
}

@keyframes fb_mpn_landing_page_slide_up {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 24px;
    opacity: 1
  }
}

@keyframes fb_mpn_bounce_in {
  0% {
    opacity: .5;
    top: 100%
  }

  100% {
    opacity: 1;
    top: 0
  }
}

@keyframes fb_mpn_fade_out {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@keyframes fb_mpn_bounce_out {
  0% {
    opacity: 1;
    top: 0
  }

  100% {
    opacity: .5;
    top: 100%
  }
}

@keyframes fb_bounce_in_v2 {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right
  }

  50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom right
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right
  }
}

@keyframes fb_bounce_in_from_left {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left
  }

  50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom left
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left
  }
}

@keyframes fb_bounce_out_v2 {
  0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right
  }

  100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right
  }
}

@keyframes fb_bounce_out_from_left {
  0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left
  }

  100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left
  }
}

@keyframes slideInFromBottom {
  0% {
    opacity: .1;
    transform: translateY(100%)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes slideInFromBottomDelay {
  0% {
    opacity: 0;
    transform: translateY(100%)
  }

  97% {
    opacity: 0;
    transform: translateY(100%)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

.marquee-container {
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  position: relative;
  width: 100%;
}

.marquee-container:hover div {
  animation-play-state: var(--pause-on-hover);
}

.marquee-container:active div {
  animation-play-state: var(--pause-on-click);
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.overlay::before,
.overlay::after {
  background: linear-gradient(to right, var(--gradient-color));
  content: "";
  height: 100%;
  position: absolute;
  width: var(--gradient-width);
  z-index: 2;
}

.overlay::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.overlay::before {
  left: 0;
  top: 0;
}

.marquee {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
  animation-play-state: var(--play);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

::-webkit-scrollbar-track-piece {
  background-color: #F9F9F9
}

::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border: 2px solid #C1C1C1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: content-box
}

::-webkit-scrollbar-corner {
  background-color: #F9F9F9
}

.container.jsx-3036236812 {
  opacity: 0;
  pointerevents: none;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear
}

.bar.jsx-3036236812 {
  background: #02d767;
  height: 2px;
  left: 0;
  margin-left: 0%;
  position: fixed;
  top: 0;
  -webkit-transition: margin-left 200ms linear;
  -moz-transition: margin-left 200ms linear;
  -o-transition: margin-left 200ms linear;
  transition: margin-left 200ms linear;
  width: 100%;
  z-index: 1031
}

.spinner.jsx-3036236812 {
  -webkit-box-shadow: 0 0 10px#02d767, 0 0 5px#02d767;
  -moz-box-shadow: 0 0 10px#02d767, 0 0 5px#02d767;
  box-shadow: 0 0 10px#02d767, 0 0 5px#02d767;
  display: block;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(3deg)translate(0px, -4px);
  -moz-transform: rotate(3deg)translate(0px, -4px);
  -ms-transform: rotate(3deg)translate(0px, -4px);
  -o-transform: rotate(3deg)translate(0px, -4px);
  transform: rotate(3deg)translate(0px, -4px);
  width: 100px
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

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

strong,
b {
  font-weight: 700;
}

body {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  background-color: #fff;
}

@media print {
  body {
    background-color: #fff;
  }
}

body::backdrop {
  background-color: #fff;
}

html[data-theme='light'] {
  --colors-text-primary: #252D2C;
  --colors-text-secondary: #A1ADA5;
  --colors-bg-primary: #F5F5F5;
  --colors-bg-secondary: #FFFFFF;
  --colors-general-primary: #02D767;
  --colors-general-secondary: #F42C5C;
  --colors-general-tertiary: #FFCC33;
}

html[data-theme='dark'] {
  --colors-text-primary: #FFFFFF;
  --colors-text-secondary: #A1ADA5;
  --colors-bg-primary: #252D2C;
  --colors-bg-secondary: #131616;
  --colors-general-primary: #02D767;
  --colors-general-secondary: #F42C5C;
  --colors-general-tertiary: #FFCC33;
}


.mui-style-l9v4vb {
  position: fixed;
  z-index: 9999;
}

.mui-style-1akkm29 {
  display: inline-block;
  color: #02d767;
  -webkit-animation: animation-61bdi0 1.4s linear infinite;
  animation: animation-61bdi0 1.4s linear infinite;
  color-primary: #0dcd6a;
}

.mui-style-13o7eu2 {
  display: block;
}

.mui-style-yzqhiz {
  stroke: currentColor;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0;
  -webkit-animation: animation-1p2h4ri 1.4s ease-in-out infinite;
  animation: animation-1p2h4ri 1.4s ease-in-out infinite;
}

.mui-style-1rpst5b {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: inherit;
  border-color: currentColor;
  font-size: 14px;
  line-height: inherit;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  padding: 6px 16px;
  box-shadow: none;
  height: 36px;
  line-height: 36px;
  text-align: left;
  color: #383838;
}

.mui-style-1rpst5b::-moz-focus-inner {
  border-style: none;
}

.mui-style-1rpst5b.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .mui-style-1rpst5b {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.mui-style-1rpst5b:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mui-style-1rpst5b:hover {
    background-color: transparent;
  }
}

.mui-style-1rpst5b.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mui-style-1rpst5b:hover,
.mui-style-1rpst5b:focus,
.mui-style-1rpst5b:active {
  box-shadow: none;
}

.mui-style-1rpst5b:disabled {
  cursor: not-allowed;
}

.mui-style-1rpst5b:hover,
.mui-style-1rpst5b:focus,
.mui-style-1rpst5b:active {
  color: #383838;
}

.mui-style-1rpst5b:disabled {
  color: #e8e8e8;
}

.mui-style-1rpst5b .MuiButton-startIcon {
  margin-right: 8px;
}

.mui-style-1rpst5b .MuiButton-endIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mui-style-10oheu5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  position: relative;
  cursor: text;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.mui-style-10oheu5.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}

.mui-style-10oheu5:after {
  border-bottom: 2px solid #02d767;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  pointer-events: none;
}

.mui-style-10oheu5.Mui-focused:after {
  -webkit-transform: scaleX(1) translateX(0);
  -moz-transform: scaleX(1) translateX(0);
  -ms-transform: scaleX(1) translateX(0);
  transform: scaleX(1) translateX(0);
}

.mui-style-10oheu5.Mui-error:after {
  border-bottom-color: #d32f2f;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mui-style-10oheu5:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  left: 0;
  bottom: 0;
  content: "\00a0";
  position: absolute;
  right: 0;
  -webkit-transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  pointer-events: none;
}

.mui-style-10oheu5:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}

@media (hover: none) {
  .mui-style-10oheu5:hover:not(.Mui-disabled):before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  }
}

.mui-style-10oheu5.Mui-disabled:before {
  border-bottom-style: dotted;
}

.mui-style-10oheu5 .MuiInputBase-input {
  font-family: Dosis;
  font-weight: 600;
  padding-left: 21px;
  color: #fff;
  font-size: 14px;
}

.mui-style-10oheu5 .MuiSelect-iconStandard {
  color: #e8e8e8;
}

.mui-style-10oheu5:before,
.mui-style-10oheu5:hover:not(.Mui-disabled):before,
.mui-style-10oheu5:after {
  border: none;
}

.mui-style-10oheu5 .MuiSelect-select:focus {
  background-color: transparent !important;
}

.mui-style-1cccqvr {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  color: currentColor;
  padding: 4px 0 5px;
  border: 0;
  box-sizing: content-box;
  background: none;
  height: 1.4375em;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0;
  width: 100%;
  -webkit-animation-name: mui-auto-fill-cancel;
  animation-name: mui-auto-fill-cancel;
  -webkit-animation-duration: 10ms;
  animation-duration: 10ms;
}

.mui-style-1cccqvr:focus {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0;
}

.mui-style-1cccqvr::-ms-expand {
  display: none;
}

.mui-style-1cccqvr.Mui-disabled {
  cursor: default;
}

.mui-style-1cccqvr[multiple] {
  height: auto;
}

.mui-style-1cccqvr:not([multiple]) option,
.mui-style-1cccqvr:not([multiple]) optgroup {
  background-color: #fff;
}

.mui-style-1cccqvr.mui-style-1cccqvr.mui-style-1cccqvr {
  padding-right: 24px;
  min-width: 16px;
}

.mui-style-1cccqvr.MuiSelect-select {
  height: auto;
  min-height: 1.4375em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mui-style-1cccqvr::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mui-style-1cccqvr::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mui-style-1cccqvr:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mui-style-1cccqvr::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mui-style-1cccqvr:focus {
  outline: 0;
}

.mui-style-1cccqvr:invalid {
  box-shadow: none;
}

.mui-style-1cccqvr::-webkit-search-decoration {
  -webkit-appearance: none;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr::-webkit-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr::-moz-placeholder {
  opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr:-ms-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr::-ms-input-placeholder {
  opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr:focus::-webkit-input-placeholder {
  opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr:focus::-moz-placeholder {
  opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr:focus:-ms-input-placeholder {
  opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .mui-style-1cccqvr:focus::-ms-input-placeholder {
  opacity: 0.42;
}

.mui-style-1cccqvr.Mui-disabled {
  opacity: 1;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
}

.mui-style-1cccqvr:-webkit-autofill {
  -webkit-animation-duration: 5000s;
  animation-duration: 5000s;
  -webkit-animation-name: mui-auto-fill;
  animation-name: mui-auto-fill;
}

.mui-style-1k3x8v3 {
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  box-sizing: border-box;
}

.mui-style-1utq5rl {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: calc(50% - .5em);
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
}

.mui-style-1utq5rl.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mui-style-1bgmhyw {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 4px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid currentColor;
  color: inherit;
  border-color: currentColor;
  font-size: 14px;
  line-height: inherit;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  padding: 6px 16px;
  box-shadow: none;
  height: 36px;
  line-height: 36px;
}

.mui-style-1bgmhyw::-moz-focus-inner {
  border-style: none;
}

.mui-style-1bgmhyw.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .mui-style-1bgmhyw {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.mui-style-1bgmhyw:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mui-style-1bgmhyw:hover {
    background-color: transparent;
  }
}

.mui-style-1bgmhyw.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-style-1bgmhyw:hover,
.mui-style-1bgmhyw:focus,
.mui-style-1bgmhyw:active {
  box-shadow: none;
}

.mui-style-1bgmhyw:disabled {
  cursor: not-allowed;
}

.mui-style-1bgmhyw .MuiButton-startIcon {
  margin-right: 8px;
}

.mui-style-1bgmhyw .MuiButton-endIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mui-style-ir7jeb {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: inherit;
  background-color: #e0e0e0;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-color: currentColor;
  font-size: 14px;
  line-height: inherit;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  padding: 6px 16px;
  box-shadow: none;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background-color: #303030;
  border-color: #303030;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.mui-style-ir7jeb::-moz-focus-inner {
  border-style: none;
}

.mui-style-ir7jeb.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .mui-style-ir7jeb {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.mui-style-ir7jeb:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: #f5f5f5;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

@media (hover: none) {
  .mui-style-ir7jeb:hover {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background-color: #e0e0e0;
  }
}

.mui-style-ir7jeb:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mui-style-ir7jeb.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mui-style-ir7jeb.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.mui-style-ir7jeb:hover,
.mui-style-ir7jeb:focus,
.mui-style-ir7jeb:active {
  box-shadow: none;
}

.mui-style-ir7jeb:disabled {
  cursor: not-allowed;
}

.mui-style-ir7jeb:hover,
.mui-style-ir7jeb:focus,
.mui-style-ir7jeb:active {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.mui-style-ir7jeb:disabled {
  color: #0000004d;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.mui-style-ir7jeb .MuiButton-startIcon {
  margin-right: 8px;
}

.mui-style-ir7jeb .MuiButton-endIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mui-style-1yxmbwk {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  text-align: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mui-style-1yxmbwk::-moz-focus-inner {
  border-style: none;
}

.mui-style-1yxmbwk.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .mui-style-1yxmbwk {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.mui-style-1yxmbwk:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mui-style-1yxmbwk:hover {
    background-color: transparent;
  }
}

.mui-style-1yxmbwk.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}


  @keyframes mui-auto-fill-cancel {
    0% {
      display: block;
    }
  }

  @keyframes animation-61bdi0 {
    0% {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes animation-1p2h4ri {
    0% {
      stroke-dasharray: 1px, 200px;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 100px, 200px;
      stroke-dashoffset: -15px;
    }

    to {
      stroke-dasharray: 100px, 200px;
      stroke-dashoffset: -125px;
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-15px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  html {
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
  }

  strong {
    font-weight: 700;
  }

  body {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .00938em;
    line-height: 1.5;
    margin: 0;
    width: 100%;
  }

  ::before,
  html {
    box-sizing: border-box;
  }

  svg {
    overflow: hidden;
    vertical-align: middle;
  }

  label {
    display: inline-block;
    margin-bottom: .5rem;
  }

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

  textarea {
    overflow: auto;
    resize: vertical;
  }

  button,
  input {
    overflow: visible;
  }

  input,
  textarea {
    font-size: inherit;
  }

  button {
    appearance: button;
    text-transform: none;
  }

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

  ::-webkit-file-upload-button {
    appearance: button;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  h2,
  h3 {
    line-height: 1.2;
  }

  h2 {
    color: inherit;
    font-family: inherit;
  }

  h3 {
    margin-bottom: .5rem;
  }

  small {
    font-size: 80%;
    font-weight: 400;
  }

  ::placeholder {
    color: #ccc;
    opacity: 1;
  }

  html {
    height: 100%;
    width: 100%;
  }

  ::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }

  ::-webkit-scrollbar-track-piece {
    background-color: #f9f9f9;
  }

  ::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #c1c1c1;
    border: 2px solid #c1c1c1;
    border-radius: 10px;
  }

  ::-webkit-scrollbar-corner {
    background-color: #f9f9f9;
  }

  body::backdrop {
    background-color: #fff;
  }

  .mui-style-l9v4vb {
    position: fixed;
    z-index: 9999;
  }

  .mui-style-1akkm29 {
    animation: animation-61bdi0 1.4s linear infinite;
    color: #02d767;
    display: inline-block;
  }

  .mui-style-13o7eu2 {
    display: block;
  }

  .mui-style-yzqhiz {
    animation: animation-1p2h4ri 1.4s ease-in-out infinite;
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
  }

  .mui-style-1rpst5b {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    appearance: none;
    background-color: transparent;
    border-color: currentcolor;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #383838;
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    outline: 0;
    padding: 6px 16px;
    position: relative;
    text-align: left;
    text-decoration-color: initial;
    text-decoration-style: initial;
    text-decoration-thickness: initial;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .mui-style-1rpst5b,
  .mui-style-1yxmbwk,
  .mui-style-mnn31 {
    -webkit-tap-highlight-color: transparent;
    border-style: initial;
    border-width: 0;
    margin: 0;
  }

  .mui-style-1yxmbwk {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: 0;
    overflow: visible;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .mui-style-mnn31 {
    animation: mui-auto-fill-cancel 10ms;
    background-color: initial;
    background-image: none;
    box-sizing: content-box;
    color: currentcolor;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 1.4375em;
    letter-spacing: inherit;
    line-height: inherit;
    min-width: 0;
    padding: 4px 0 5px;
    width: 100%;
  }

  .mui-style-w0pj6f {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }

  .mui-style-vubbuv {
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 1em;
    transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    width: 1em;
  }

  .mui-style-1l6c7y9 {
    display: inherit;
    margin-left: -4px;
  }

  .mui-style-7axuwm {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: transparent;
    border: 0 initial;
    border-color: #02d767;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    outline: 0;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    text-decoration-color: initial;
    text-decoration-style: initial;
    text-decoration-thickness: initial;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .mui-style-95xqdf {
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    color: rgba(0, 0, 0, .87);
    transition: none 0s;
  }

  .mui-style-i44wyl {
    border-style: initial;
    border-width: 0;
    display: inline-flex;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
  }

  .mui-style-10iatzg,
  .mui-style-1a6giau {
    -webkit-box-align: center;
    align-items: center;
  }

  .mui-style-10iatzg {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: inline-flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.4375em;
    position: relative;
  }

  .mui-style-1a6giau {
    display: flex;
    height: .01em;
    margin-right: 8px;
    max-height: 2em;
    white-space: nowrap;
  }

  .mui-style-1hlo9bt {
    line-height: 40px;
    text-align: left;
  }

  .mui-style-1fj9txb,
  .mui-style-1hlo9bt,
  .mui-style-1suohxy {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: transparent;
    border-style: initial;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    outline: 0;
    padding: 6px 16px;
    position: relative;
    text-decoration-color: initial;
    text-decoration-style: initial;
    text-decoration-thickness: initial;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .mui-style-1fj9txb {
    background-color: transparent;
    line-height: 40px;
    text-align: center;
  }

  .mui-style-1suohxy {
    line-height: 36px;
    margin: 0;
    text-align: left;
  }

  .mui-style-39bbo6 {
    border: solid rgba(0, 0, 0, .12);
    border-width: 0 0 thin;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .mui-style-1jznj68-container {
    box-sizing: border-box;
    position: relative;
    z-index: 1000;
  }

  .mui-style-7pg0cj-a11yText {
    border-style: initial;
    border-width: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: 9999;
  }

  .mui-style-nifo0g-control,
  .mui-style-udjhh2 {
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    position: relative;
  }

  .mui-style-nifo0g-control {
    -webkit-box-pack: justify;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: default;
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    transition: all 100ms;
  }

  .mui-style-udjhh2 {
    display: grid;
    flex: 1 1 0;
    margin-left: 10px;
    overflow: hidden;
    padding: 0;
  }

  .mui-style-ackcql,
  .mui-style-qc6sy-singleValue {
    box-sizing: border-box;
    color: #333;
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
  }

  .mui-style-qc6sy-singleValue {
    margin-left: 2px;
    margin-right: 2px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mui-style-ackcql {
    display: inline-grid;
    flex: 1 1 auto;
    grid-template-columns: 0 min-content;
    margin: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    visibility: visible;
  }

  .mui-style-1wy0on6 {
    -webkit-box-align: center;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
  }

  .mui-style-tlfecz-indicatorContainer {
    box-sizing: border-box;
    color: #ccc;
    display: flex;
    padding: 8px;
    transition: color 150ms;
  }

  .mui-style-1w9fd8l {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    background-color: transparent;
    border: 1px solid #f7931a;
    box-shadow: none;
    box-sizing: border-box;
    color: #f7931a;
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
    outline: 0;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .container {
    position: relative;
  }

  @media (min-width: 576px) {
    .container {
      max-width: 100%;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 100%;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 100%;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 100%;
    }
  }

  .col {
    -webkit-box-flex: 1;
  }

  .col-12 {
    -webkit-box-flex: 0;
  }

  @media (min-width: 576px) {

    .col-sm-12,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7 {
      -webkit-box-flex: 0;
    }
  }

  @media (min-width: 768px) {

    .col-md-12,
    .col-md-5,
    .col-md-7 {
      -webkit-box-flex: 0;
    }
  }

  @media (min-width: 992px) {
    .col-lg {
      -webkit-box-flex: 1;
    }

    .col-lg-5,
    .col-lg-7 {
      -webkit-box-flex: 0;
    }
  }

  @media (min-width: 1200px) {

    .col-xl-4,
    .col-xl-5,
    .col-xl-7,
    .col-xl-8 {
      -webkit-box-flex: 0;
    }
  }

  .fa {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .col {
    min-height: 1px;
    position: relative;
    width: 100%;
  }

  .col-sm-7,
  .col-xl-4 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }

  .col-12,
  .col-sm-12,
  .col-sm-5,
  .col-sm-6,
  .col-xl-8 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }

  .site-content {
    flex: 1 0 auto;
  }

  .footer {
    flex-shrink: 0;
  }

  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }

  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }

  .col,
  .col-12 {
    max-width: 100%;
  }

  .col {
    flex-basis: 0;
    flex-grow: 1;
  }

  .col-12 {
    flex: 0 0 100%;
  }

  @media (min-width: 576px) {
    .col-sm-5 {
      flex: 0 0 41.6667%;
      max-width: 41.6667%;
    }

    .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-sm-7 {
      flex: 0 0 58.3333%;
      max-width: 58.3333%;
    }

    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  @media (min-width: 768px) {
    .col-md-5 {
      flex: 0 0 41.6667%;
      max-width: 41.6667%;
    }

    .col-md-7 {
      flex: 0 0 58.3333%;
      max-width: 58.3333%;
    }

    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  @media (min-width: 992px) {
    .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .col-lg-5 {
      flex: 0 0 41.6667%;
      max-width: 41.6667%;
    }

    .col-lg-7 {
      flex: 0 0 58.3333%;
      max-width: 58.3333%;
    }
  }

  @media (min-width: 1200px) {
    .col-xl-4 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%;
    }

    .col-xl-5 {
      flex: 0 0 41.6667%;
      max-width: 41.6667%;
    }

    .col-xl-7 {
      flex: 0 0 58.3333%;
      max-width: 58.3333%;
    }

    .col-xl-8 {
      flex: 0 0 66.6667%;
      max-width: 66.6667%;
    }
  }

  .mui-style-7h2fbb {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    appearance: none;
    background-color: #fff;
    border-radius: 0;
    border-style: initial;
    border-width: 0;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    justify-content: flex-start;
    letter-spacing: .00938em;
    line-height: 1.5;
    margin: 0;
    min-height: 48px;
    outline: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
  }

  @media (min-width: 600px) {
    .mui-style-7h2fbb {
      min-height: auto;
    }
  }

  .fb_reset {
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    background-color: initial;
    background-image: none;
    border-style: initial;
    border-width: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
  }

  .chat,
  .chat_btn {
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    position: fixed;
  }

  .chat {
    background-color: #fff;
    border: 3px solid #4263a2;
    border-radius: .57143rem;
    bottom: 14px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 .42857rem 0;
    display: none;
    height: 545px;
    left: 14px;
    margin: 0 auto;
    text-rendering: optimizelegibility;
    width: 350px;
    z-index: 999999;
  }

  .chat_btn {
    background-color: #4263a2;
    border-radius: 999rem;
    border-style: none;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    height: 47px;
    left: 0;
    line-height: 47px;
    margin: 10px 20px;
    min-width: 113px;
    padding: 0 20px;
    text-align: center;
    transform: translateZ(0);
    transition-duration: 300ms;
    transition-property: opacity, width, height, bottom;
    transition-timing-function: ease;
    z-index: 999998;
  }

  @media only all and (max-width: 400px) {

    .chat,
    .chat_btn {
      visibility: hidden;
    }
  }

  .campaign__tab {
    display: inline-block;
  }

  .dashboard {
    background-color: #f5f5f5;
    box-shadow: rgba(0, 0, 0, .06) 0 1px 6px inset, rgba(0, 0, 0, .06) 0 1px 4px;
    margin-top: 60px;
  }

  @media (max-width: 768px) {
    .dashboard {
      margin-top: 60px;
    }
  }

  .dashboard__inner {
    margin: 0 auto;
    max-width: 1280px;
    padding: 30px;
    width: 100%;
  }

  @media screen and (max-width: 1280px) {
    .dashboard__inner {
      max-width: 1200px;
    }
  }

  @media screen and (max-width: 1024px) {
    .dashboard__inner {
      max-width: 930px;
    }
  }

  @media (max-width: 768px) {
    .dashboard__inner {
      padding: 15px;
    }
  }

  @media (max-width: 1280px) {
    .dashboard__inner {
      max-width: 1280px;
    }
  }

  .dashboard__title {
    display: inline-block;
    font-family: Dosis;
    font-size: 26px;
    font-weight: 300;
    line-height: 50px;
    margin: 20px 30px;
    text-transform: uppercase;
  }

  @media (max-width: 768px) {
    .dashboard__title {
      font-size: 24px;
      margin: 15px 30px;
    }
  }

  .dashboard__paper {
    box-sizing: border-box;
    margin-bottom: 30px;
    min-height: 480px;
    overflow: hidden;
    padding-bottom: 30px;
  }

  .dashboard__paper__bitkub-fast {
    min-height: 430px;
    overflow: visible;
    padding-bottom: 0;
  }

  @media (max-width: 768px) {
    .dashboard__paper {
      min-height: 370px;
    }
  }

  .dashboard__security-label {
    font-weight: 600;
    white-space: nowrap;
  }

  .dashboard__label--green {
    color: #02d667;
  }

  .dashboard__table {
    padding: 0 30px;
  }

  .dashboard__tabs {
    border-bottom: 1px solid #e3e3e3;
    display: inline-block;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    white-space: nowrap;
    width: 100%;
  }

  .dashboard__tabs--active {
    border-bottom: 2px solid #00d766;
  }

  @media (max-width: 767px) {
    .dashboard__tabs {
      border-bottom-color: initial;
      border-bottom-style: initial;
      border-bottom-width: 0;
    }
  }

  .dashboard__box {
    padding: 0 30px;
  }

  @media (max-width: 767px) {
    .dashboard__box {
      padding: 0 27px;
    }
  }

  .dashboard__boxSearch {
    float: right;
    margin: 20px 44px 0 0;
  }

  @media (max-width: 467px) {
    .dashboard__boxSearch {
      float: left;
      margin: 0 0 10px;
      padding: 0 30px;
      width: 100%;
    }
  }

  .dashboard__underline {
    border-bottom: 1px solid #e7e7e7;
    margin-right: 0;
    max-width: 100%;
    padding: 15px 0 0;
  }

  @media (max-width: 425px) {
    .dashboard__underline {
      border-bottom-color: initial;
      border-bottom-style: none;
      border-bottom-width: initial;
    }
  }

  .dashboard__feedTitle {
    color: #000;
    cursor: pointer;
    font-family: roboto;
    font-size: 14px;
  }

  .dashboard__feedDate {
    color: #a6a8aa;
    font-family: roboto;
    font-size: 14px;
    margin-bottom: 0;
  }

  @media (max-width: 425px) {
    .dashboard__feedDate {
      margin-top: 0;
    }
  }

  .dashboard__table {
    border-collapse: collapse;
    border-style: initial;
    border-width: 0;
    margin-top: 15px;
  }

  .dashboard__table-head {
    color: #a6a8aa;
    font-family: Dosis;
    font-size: 16px;
    font-weight: 100;
    min-width: 95px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
  }

  @media (max-width: 576px) {
    .dashboard__table-head {
      min-width: 115px;
    }
  }

  .dashboard__table-data {
    cursor: pointer;
    font-size: 13px;
    min-width: 85px;
    padding: 0;
    white-space: nowrap;
  }

  .dashboard__table-disabled {
    color: #999;
    cursor: not-allowed;
    font-size: 14px;
    opacity: .4;
    padding: 0;
    pointer-events: none;
  }

  .dashboard__currencyIcon {
    margin-left: 10px;
    width: 15px;
  }

  .dashboard__right {
    text-align: right;
  }

  .dashboard__center {
    overflow: hidden;
    text-align: center;
  }

  .dashboard__marketPriceData {
    border-bottom: 1px solid #e7e7e7;
    line-height: 4;
  }

  .dashboard__tabText {
    font-family: dosis;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 7px;
    text-transform: uppercase;
  }

  .dashboard__imgFeed {
    height: 69.66px;
    object-fit: contain;
    text-align: center;
    width: 100%;
  }

  @media (max-width: 1024px) {
    .dashboard__imgFeed {
      height: 100%;
      width: 100%;
    }
  }

  .dashboard__labelHead {
    font-size: 16px;
    font-weight: 800;
  }

  .dashboard__totalValue {
    font-size: 28px;
    font-weight: 500;
  }

  .dashboard__labelNumber {
    font-family: Roboto;
    font-weight: 100;
  }

  .dashboard__newsTitleBox {
    cursor: pointer;
    height: 39px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
  }

  @media (max-width: 425px) {
    .dashboard__newsTitleBox {
      height: auto;
      margin-bottom: 4px;
      margin-top: 15px;
    }
  }

  .bitkub-fast__inner {
    padding: 30px;
  }

  .bitkub-fast__last-price,
  .bitkub-fast__last-price-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .bitkub-fast__last-price {
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(90deg, #f5f5f5, rgba(245, 245, 245, .5) 50%);
    border-radius: 4px;
    justify-content: center;
    margin-bottom: 16px;
    padding: 12px;
  }

  @media (max-width: 767px) {
    .bitkub-fast__last-price {
      background-image: none;
    }
  }

  @media (max-width: 576px) {
    .bitkub-fast__last-price {
      margin-bottom: 0;
    }
  }

  .bitkub-fast__last-price__inner {
    width: 100%;
  }

  .bitkub-fast__price-item {
    text-align: center;
  }

  @media (max-width: 991px) {
    .bitkub-fast__price-item {
      margin-bottom: 20px;
      text-align: left;
    }
  }

  @media (max-width: 767px) {
    .bitkub-fast__price-item {
      text-align: center;
    }
  }

  .bitkub-fast__title {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .bitkub-fast__graph {
    margin-top: 40px;
  }

  @media (max-width: 991px) {
    .bitkub-fast__graph {
      margin-top: 16px;
    }
  }

  @media (max-width: 767px) {
    .bitkub-fast__graph {
      margin-bottom: 16px;
    }
  }

  .bitkub-fast__button-container {
    background-color: rgba(0, 0, 0, .08);
    border-radius: 6px;
    display: flex;
  }

  .bitkub-fast__text-container {
    font-size: 24px;
  }

  @media (max-width: 576px) {
    .bitkub-fast__text-container {
      font-size: 20px;
    }
  }

  .bitkub-fast__text-container--left-auto {
    margin-left: auto;
  }

  .bitkub-fast__button-thb__container {
    border-radius: 4px;
    display: inline-flex;
    overflow: hidden;
  }

  .bitkub-fast__color--gray {
    color: #a1ada5;
  }

  .bitkub-fast__color--light-green {
    color: #05e7a1;
  }

  .bitkub-fast--mt-2 {
    margin-top: 16px;
  }

  .bitkub-fast--mt {
    margin-top: 8px;
  }

  .bitkub-fast__hide-tablet {
    display: block;
  }

  @media (max-width: 991px) {
    .bitkub-fast__hide-tablet {
      display: none;
    }
  }

  .bitkub-fast__hide-mobile {
    display: block;
  }

  @media (max-width: 767px) {
    .bitkub-fast__hide-mobile {
      display: none;
    }
  }

  .bitkub-fast--text-underline {
    cursor: pointer;
    text-decoration: underline;
  }

  .deposit__table-wrapper {
    width: 100%;
  }

  .deposit__options {
    align-items: center;
    display: flex;
  }

  .footer {
    background-color: #131616;
    overflow: hidden;
    width: 100%;
  }

  .footer__inner {
    display: block;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
  }

  @media screen and (max-width: 1280px) {
    .footer__inner {
      max-width: 1200px;
    }
  }

  @media screen and (max-width: 1024px) {
    .footer__inner {
      max-width: 930px;
    }
  }

  .footer__sitemap {
    padding: 50px 0 30px;
  }

  .footer__social {
    padding-left: 16px;
  }

  .footer__copyrights,
  .footer__social,
  .footer__title {
    color: #fff;
    font-family: Dosis;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
  }

  .footer__title {
    padding-left: 16px;
  }

  .footer__column {
    min-width: 100%;
    padding: 0 0 24px 24px;
  }

  @media (min-width: 640px) {
    .footer__column {
      min-width: 170px;
      padding: 0 0 8px 8px;
    }
  }

  @media (min-width: 768px) {
    .footer__column {
      padding: 0 0 12px 12px;
    }
  }

  @media (min-width: 1280px) {
    .footer__column {
      padding: 0;
    }
  }

  .footer__items {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .footer__bottom {
    border-top: 1px solid #525252;
    min-height: 60px;
    width: 100%;
  }

  @media (max-width: 768px) {
    .footer__bottom {
      margin: 0;
    }
  }

  .footer__copyrights {
    align-items: center;
    display: flex;
    justify-content: center;
    letter-spacing: 1px;
    padding-left: 55px;
  }

  @media (max-width: 1024px) {
    .footer__copyrights {
      font-size: 12px;
      padding: 16px;
      text-align: center;
    }
  }

  @media (max-width: 576px) {
    .footer__copyrights {
      order: 2;
    }
  }

  .footer__social {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 10px 0;
    padding-right: 55px;
  }

  @media (max-width: 768px) {
    .footer__social {
      justify-content: center;
      padding-left: 0;
      padding-right: 0;
    }
  }

  .dbd-logo {
    width: 100px;
  }

  .dbd-link {
    display: block;
    margin: 10px 0;
    width: 100%;
  }

  .history__table-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
  }

  @media (max-width: 1280px) {
    .history__table-wrapper {
      max-width: 100%;
      overflow: auto;
      position: relative;
    }
  }

  .home__growth {
    font-family: roboto;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    text-align: center;
    z-index: 1;
  }

  .home__growth--positive {
    color: #18cf73;
  }

  .home__growth--negative {
    color: #fa6565;
  }

  .img-icon-nav {
    animation: bounce 2s infinite;
    background-image: url(/assets-bitkub/images/referral/icon/icon_coin_nav.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
  }

  .img-icon-nav--new {
    display: inline-block;
    left: auto;
    position: relative;
    top: 4px;
  }

  @media (max-width: 1024px) {
    .img-icon-nav {
      top: 4px;
    }
  }

  @media (max-width: 768px) and (min-width: 290px) {
    .img-icon-nav {
      animation: bounce 2s infinite;
      left: 0;
      top: 4px;
    }
  }

  .spinner {
    animation: fade-in .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    display: none;
  }

  .spinner,
  .spinner__overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .spinner {
    z-index: 4002;
  }

  .spinner__overlay {
    background-color: rgba(255, 255, 255, .7);
    z-index: 1;
  }

  .spinner__progress {
    left: 50%;
    position: relative;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
  }

  .navbar {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
  }

  .navbar--new {
    height: 60px;
  }

  .navbar__logo {
    width: 180px;
  }

  .navbar__logo--new {
    height: 60px;
  }

  @media (max-width: 768px) {
    .navbar__logo {
      height: 60px;
      margin: 0;
    }
  }

  @media (max-width: 414px) {
    .navbar__logo {
      margin: 0;
    }
  }

  .navbar__logo--inline {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }

  .navbar__inner {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
  }

  @media screen and (max-width: 1280px) {
    .navbar__inner {
      max-width: 1200px;
    }
  }

  @media screen and (max-width: 1024px) {
    .navbar__inner {
      max-width: 930px;
    }
  }

  .navbar__inner--flex {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 3px;
  }

  .navbar__toggle {
    color: #333;
    display: none;
    float: right;
    font-size: 24px;
    margin-left: 8px;
    margin-right: 16px;
  }

  @media (max-width: 1280px) {
    .navbar__toggle {
      display: block;
    }
  }

  @media (max-width: 320px) {
    .navbar__toggle {
      font-size: 20px;
    }
  }

  .userbar {
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }

  .userbar__userinfo--notfloat {
    align-items: center;
    display: flex;
    float: none;
    height: 100%;
    margin: 0;
  }

  @media (max-width: 768px) {
    .userbar__userinfo {
      margin: 5px 0;
      position: relative;
    }
  }

  .userbar__iconswallet {
    color: #e0e0e0;
    font-size: 15px;
    margin: 10px 0;
  }

  @media (max-width: 414px) {
    .userbar__iconswallet {
      margin: 5px 0 -5px;
    }
  }

  .userbar__iconwallet--newmarket {
    height: 24px;
    width: 24px;
  }

  @media (max-width: 414px) {
    .userbar__iconwallet {
      height: 22px;
      width: 22px;
    }
  }

  .newuserbar__current-level {
    align-items: center;
    display: flex;
  }

  .newuserbar__list {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }

  @media (max-width: 1280px) {
    .newuserbar__list {
      display: none;
    }
  }

  .newuserbar__innerwrapper {
    border-radius: 3px;
    box-shadow: 0 1px 4px -2px;
    display: none;
    margin: -5px 0 0;
    min-width: 240px;
    padding: 0;
    position: absolute;
    right: 5px;
    width: 100%;
    z-index: 9;
  }

  .newuserbar__innerwrapper--lang {
    min-width: auto;
    width: 80px;
  }

  .newuserbar__innerwrapper--download-app {
    right: -53%;
    top: 60px;
    width: 330px;
  }

  .newuserbar__innerwrapper__notification {
    border-radius: 3px;
    box-shadow: 0 1px 4px -2px;
    font-size: 12px;
    margin: 12px 0 0;
    min-width: 240px;
    padding: 0;
    position: absolute;
    right: 5px;
    width: 400px;
    z-index: 9;
  }

  @media (max-width: 768px) {
    .newuserbar__innerwrapper__notification {
      right: 0;
      width: max-content;
    }
  }

  .newuserbar__notification {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
  }

  .newuserbar__notification__message {
    align-items: flex-start;
    border-top: 1px solid #e7e7e7;
    display: flex;
    padding: 16px 20px;
    width: 100%;
  }

  .newuserbar__notification__message--first {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .newuserbar__notification__dot {
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 6px 16px 6px 0;
    min-width: 8px;
    width: 8px;
  }

  .newuserbar__download-app {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 20px;
  }

  .newuserbar__download-app__qr {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .newuserbar__download-app__store {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-align: left;
  }

  .newuserbar__download-app__download-link {
    color: #02d767;
    font-family: Roboto;
    font-size: 16px;
    text-decoration: none;
  }

  .newuserbar__line {
    border-bottom: 1px solid #b3b3b3;
  }

  .newuserbar__email {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .newuserbar__dropdown {
    display: inline-block;
    font-family: Dosis;
    line-height: 60px;
    margin: 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
  }

  .newuserbar__dropdown--lang {
    font-size: 14px;
  }

  .newuserbar__dropdown--download-app {
    font-size: 14px;
    vertical-align: middle;
  }

  @media (max-width: 414px) {
    .newuserbar__dropdown {
      margin: 0 7px;
    }
  }

  .newuserbar__menu {
    cursor: pointer;
    position: relative;
  }

  @media (max-width: 768px) {
    .newuserbar__menu {
      position: static;
    }
  }

  @media (max-width: 1042px) {
    .newuserbar__menu--pc {
      display: none;
    }
  }

  .newuserbar__drawer-icon {
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    width: 35px;
  }

  .newuserbar__innerdrop {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .newuserbar__innerdrop--wallet {
    border-bottom: 1px solid #b3b3b3;
    padding: 0 40px;
  }

  .newuserbar--pointer {
    cursor: pointer;
    margin-bottom: 0;
  }

  .newuserbar__text--green {
    color: #02d667;
  }

  .tw-m-0 {
    margin: 0;
  }

  .tw-m-1 {
    margin: .25rem;
  }

  .tw-mx-2 {
    margin-left: .5rem;
  }

  .tw-mr-2,
  .tw-mx-2 {
    margin-right: .5rem;
  }

  .tw-mt-2\.5 {
    margin-top: .625rem;
  }

  .tw-mt-5 {
    margin-top: 1.25rem;
  }

  .tw-flex {
    display: flex;
  }

  .tw-inline-flex {
    display: inline-flex;
  }

  .tw-contents {
    display: contents;
  }

  .tw-hidden {
    display: none;
  }

  .tw-h-\[26px\] {
    height: 26px;
  }

  .tw-h-11 {
    height: 2.75rem;
  }

  .tw-h-\[45px\] {
    height: 45px;
  }

  .tw-h-\[37px\] {
    height: 37px;
  }

  .tw-h-\[21px\] {
    height: 21px;
  }

  .tw-h-\[30px\] {
    height: 30px;
  }

  .tw-max-h-10 {
    max-height: 2.5rem;
  }

  .tw-max-h-11 {
    max-height: 2.75rem;
  }

  .tw-max-h-\[300px\] {
    max-height: 300px;
  }

  .tw-min-h-\[598px\] {
    min-height: 598px;
  }

  .tw-min-h-0 {
    min-height: 0;
  }

  .tw-w-full {
    width: 100%;
  }

  .tw-w-auto {
    width: auto;
  }

  .tw-w-6 {
    width: 1.5rem;
  }

  .tw-w-max {
    width: max-content;
  }

  .tw-w-\[21px\] {
    width: 21px;
  }

  .tw-min-w-\[150px\] {
    min-width: 150px;
  }

  .tw-min-w-\[auto\] {
    min-width: auto;
  }

  .tw-flex-1 {
    flex: 1 1 0;
  }

  .tw-cursor-pointer {
    cursor: pointer;
  }

  .tw-cursor-auto {
    cursor: auto;
  }

  .tw-items-center {
    align-items: center;
  }

  .tw-justify-center {
    justify-content: center;
  }

  .tw-overflow-visible {
    overflow: visible;
  }

  .tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .tw-whitespace-nowrap {
    white-space: nowrap;
  }

  .tw-rounded-none {
    border-radius: 0;
  }

  .tw-rounded {
    border-radius: .25rem;
  }

  .tw-rounded-md {
    border-radius: .375rem;
  }

  .tw-rounded-\[6px\] {
    border-radius: 6px;
  }

  .tw-border-\[1px\] {
    border-width: 1px;
  }

  .tw-border-b-0 {
    border-bottom-width: 0;
  }

  .tw-border-solid {
    border-style: solid;
  }

  .tw-border-zinc-500 {
    border-color: #cfcfcf;
  }

  .tw-bg-green-100 {
    background-color: rgb(2 215 103/1);
  }

  .tw-bg-transparent {
    background-color: transparent;
  }

  .tw-bg-gray-400 {
    background-color: rgb(161 173 165/1);
  }

  .tw-fill-orange-100 {
    fill: #fbc000;
  }

  .tw-fill-gray-200 {
    fill: #b3b3b3;
  }

  .tw-p-0 {
    padding: 0;
  }

  .tw-p-\[0_10px\] {
    padding: 0 10px;
  }

  .tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tw-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }

  .tw-px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tw-px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tw-text-left {
    text-align: left;
  }

  .tw-text-center {
    text-align: center;
  }

  .tw-text-right {
    text-align: right;
  }

  .dashboard__security-label>font,
  .dashboard__security-label>svg,
  .tw-align-middle {
    vertical-align: middle;
  }

  .tw-font-\[Dosis\] {
    font-family: Dosis;
  }

  .tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .tw-text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }

  .tw-text-\[24px\] {
    font-size: 24px;
  }

  .chat #chat_frame #chat_status,
  .tw-text-\[12px\] {
    font-size: 12px;
  }

  .tw-font-normal {
    font-weight: 400;
  }

  .tw-font-semibold {
    font-weight: 600;
  }

  .tw-font-medium {
    font-weight: 500;
  }

  .tw-normal-case {
    text-transform: none;
  }

  .tw-leading-9 {
    line-height: 2.25rem;
  }

  .tw-leading-\[37px\] {
    line-height: 37px;
  }

  .tw-tracking-\[2px\] {
    letter-spacing: 2px;
  }

  .tw-text-inherit {
    color: inherit;
  }

  .tw-text-gray-100 {
    color: rgb(51 51 51/1);
  }

  .tw-text-gray-400 {
    color: rgb(161 173 165/1);
  }

  .tw-text-gray-200 {
    color: rgb(179 179 179/1);
  }

  .tw-no-underline {
    text-decoration-line: none;
  }

  @media (min-width: 768px) {
    .md\:tw-inline-block {
      display: inline-block;
    }

    .md\:tw-hidden {
      display: none;
    }

    .md\:tw-w-\[170px\] {
      width: 170px;
    }
  }

  @media (min-width: 1024px) {
    .lg\:tw-text-sm {
      font-size: .875rem;
      line-height: 1.25rem;
    }
  }

  @media (min-width: 425px) {
    .mobileL\:tw-block {
      display: block;
    }

    .mobileL\:tw-hidden {
      display: none;
    }
  }

  .mui-style-mnn31::-webkit-input-placeholder {
    color: currentcolor;
    opacity: .42;
    transition: opacity 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
  }

  .mui-style-mnn31::-webkit-search-decoration {
    appearance: none;
  }

  .mui-style-ackcql::after {
    border-style: initial;
    border-width: 0;
    content: attr(data-value) " ";
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    grid-column-end: auto;
    grid-column-start: 2;
    grid-row-end: auto;
    grid-row-start: 1;
    line-height: inherit;
    margin: 0;
    min-width: 2px;
    outline: 0;
    padding: 0;
    visibility: hidden;
    white-space: pre;
  }

  .fa-search::before {
    content: "";
  }

  .fa-star::before {
    content: "";
  }

  .fa-close::before {
    content: "";
  }

  .fa-cog::before {
    content: "";
  }

  .fa-tags::before {
    content: "";
  }

  .fa-sign-out::before {
    content: "";
  }

  .fa-bars::before {
    content: "";
  }

  .fa-caret-down::before {
    content: "";
  }

  .fa-caret-up::before {
    content: "";
  }

  .fa-tachometer::before {
    content: "";
  }

  .fa-code::before {
    content: "";
  }

  .fa-history::before {
    content: "";
  }

  :focus {
    border-style: none;
  }

  .fb_reset>div {
    overflow: hidden;
  }

  .chat footer {
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }

  .chat header {
    background-color: #4263a2;
    color: #fff;
    cursor: move;
    font-size: 14px;
    padding: 10px 15px;
  }

  .dashboard__tabs::-webkit-scrollbar {
    display: none;
  }

  .dashboard a {
    text-decoration: none;
  }

  .dashboard__security-label>svg {
    height: 18px !important;
    margin-right: 5px;
    width: 18px !important;
  }

  .bitkub-fast__last-price__inner>div {
    flex: 1 1 0;
  }

  @media (max-width: 991px) {
    .bitkub-fast__last-price__inner>div {
      flex: 0 0 auto;
    }
  }

  .deposit__options span {
    margin-left: 10px;
  }

  .newuserbar__list li {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: middle;
  }

  .newuserbar__download-app__qr span {
    font-size: 12px;
    line-height: 1;
    margin-top: 16px;
  }

  .newuserbar__innerdrop li {
    cursor: pointer;
    display: block;
    font-family: Dosis;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: uppercase;
  }

  .newuserbar__innerdrop--lang li {
    padding: 10px 20px;
  }

  .newuserbar__innerdrop--wallet li {
    line-height: 25px;
    padding: 10px 0;
  }

  .placeholder\:tw-text-\[14px\]::placeholder {
    font-size: 14px;
  }

  .chat .chat_body>div::before,
  .chat header::before {
    clear: both;
    content: "";
    display: block;
  }

  .chat header h2 {
    display: block;
    font-size: 14px;
    font-weight: 600 !important;
    margin: 0 10px 0 0;
    padding: 0;
  }

  .chat footer input {
    border-radius: 3px;
    border-style: none;
    display: block;
    font-size: 12px;
    height: 35px;
    text-indent: 10px;
    width: calc(100% - 80px);
  }

  .chat footer button {
    background-color: #333;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 70px;
  }

  .newuserbar__list li::after {
    background-color: #02d767;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    visibility: hidden;
    width: 100%;
  }

  .newuserbar__list li button {
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial initial initial initial initial !important;
    color: inherit;
    cursor: pointer !important;
    display: block;
    font-family: Dosis !important;
    height: 100%;
    line-height: 35px !important;
    text-decoration: none;
    transition: none 0s ease 0s !important;
  }

  .newuserbar__innerdrop li a {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-decoration: none;
  }

  .chat header .tools li a,
  .chat header h2 a {
    color: #fff;
    text-decoration: none;
  }

  .chat header h2 small {
    display: block;
    font-size: 10px;
    margin-top: 3px;
  }

  .chat header h2 img {
    float: left;
    margin: -2px 5px 0 0;
  }

  .newuserbar__innerdrop li a label {
    cursor: pointer;
    margin-left: 15px;
  }

  .mui-style-1rpst5b:hover {
    background-color: rgba(0, 0, 0, .04);
    text-decoration: none;
  }

  @media (hover:none) {
    .mui-style-1rpst5b:hover {
      background-color: transparent;
    }
  }

  .mui-style-1rpst5b:hover {
    box-shadow: none;
  }

  .mui-style-1rpst5b:disabled {
    cursor: not-allowed;
  }

  .mui-style-1rpst5b:hover {
    color: #383838;
  }

  .mui-style-1rpst5b:disabled {
    color: #e8e8e8;
  }

  .mui-style-1rpst5b .MuiButton-startIcon {
    margin-right: 8px;
  }

  .mui-style-1yxmbwk:hover {
    background-color: rgba(0, 0, 0, .04);
  }

  @media (hover:none) {
    .mui-style-1yxmbwk:hover {
      background-color: transparent;
    }
  }

  .mui-style-mnn31:invalid {
    box-shadow: none;
  }

  .mui-style-mnn31:-webkit-autofill {
    animation: mui-auto-fill 5000s;
  }

  .mui-style-1l6c7y9>:nth-of-type(1) {
    font-size: 20px;
  }

  .mui-style-7axuwm:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-7axuwm:disabled {
    cursor: not-allowed;
  }

  .mui-style-7axuwm:focus {
    background-color: #0fcd69;
  }

  .mui-style-7axuwm:hover {
    background-color: #0fcd69;
    border-color: #0fcd69;
    color: #fff;
  }

  .mui-style-7axuwm:disabled {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: rgba(0, 0, 0, .3);
  }

  .mui-style-1hlo9bt:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-1hlo9bt:disabled {
    cursor: not-allowed;
  }

  .mui-style-1hlo9bt:focus {
    color: #02d767;
  }

  .mui-style-1hlo9bt:disabled {
    color: #e8e8e8;
  }

  .mui-style-1fj9txb:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-1fj9txb:disabled {
    cursor: not-allowed;
  }

  .mui-style-1suohxy:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-1suohxy:disabled {
    cursor: not-allowed;
  }

  .mui-style-1suohxy:hover {
    color: #02d767;
  }

  .mui-style-1suohxy:disabled {
    color: #e8e8e8;
  }

  .mui-style-nifo0g-control:hover {
    border-color: transparent;
  }

  .mui-style-tlfecz-indicatorContainer:hover {
    color: #999;
  }

  .mui-style-1w9fd8l:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-1w9fd8l:disabled {
    cursor: not-allowed;
  }

  .mui-style-1w9fd8l:hover {
    border: 1px solid #f7931a;
    color: #f7931a;
  }

  .mui-style-1w9fd8l:disabled {
    border-color: #e8e8e8;
    color: #a1ada5;
  }

  .mui-style-7h2fbb:hover {
    background-color: rgba(0, 0, 0, .04);
    text-decoration: none;
  }

  @media (hover:none) {
    .mui-style-7h2fbb:hover {
      background-color: transparent;
    }
  }

  .container.jsx-3036236812 {
    opacity: 0;
    transition: opacity 200ms linear;
  }

  .bar.jsx-3036236812 {
    background-color: #02d767;
    height: 2px;
    left: 0;
    margin-left: 0;
    position: fixed;
    top: 0;
    transition: margin-left 200ms linear;
    width: 100%;
    z-index: 1031;
  }

  .spinner.jsx-3036236812 {
    box-shadow: #02d767 0 0 10px, #02d767 0 0 5px;
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: rotate(3deg) translate(0, -4px);
    width: 100px;
  }

  .chat .chat_body {
    height: 380px;
    overflow-y: scroll;
    position: relative;
  }

  .dashboard__security .row {
    font-family: Dosis;
    font-size: 14px;
    line-height: 59px;
    padding: 0 50px 3px;
    text-transform: uppercase;
  }

  @media (max-width: 768px) {
    .dashboard__security .row {
      line-height: 40px;
      padding: 0 30px 5px;
    }
  }

  @media (max-width: 576px) {
    .dashboard__security .row {
      line-height: 40px;
      padding: 0 30px 10px;
    }
  }

  .dashboard__feedTitle:hover {
    color: #02d667;
  }

  .dashboard__hovertr:hover {
    background-color: rgba(229, 242, 235, .66);
  }

  .bitkub-fast__button--selected-buy .MuiTouchRipple-root {
    border: 1px solid #00e676;
  }

  .userbar .navbar__logo {
    background-color: initial;
    background-image: url(/assets-bitkub/images/logo.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media (max-width: 768px) {
    .userbar .navbar__logo {
      background-size: contain;
    }
  }

  .userbar .navbar__logo--auth {
    background-color: initial;
    background-image: url(/assets-bitkub/images/logo.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media (max-width: 768px) {
    .userbar .logomobilesize {
      background-image: url(/assets-bitkub/images/logo-128.png);
      width: 60px;
    }
  }

  .newuserbar__menu .userbar__iconswallet {
    transition: all .5s;
  }

  .hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .hover\:tw-bg-\[rgba\(153\,153\,153\,0\.2\)\]:hover {
    background-color: rgba(153, 153, 153, .2);
  }

  .hover\:tw-bg-stone-200:hover {
    background-color: undefined;
  }

  .hover\:tw-bg-gray-700:hover {
    background-color: rgb(148 159 151/1);
  }

  .hover\:tw-bg-green-500:hover {
    background-color: rgb(8 198 95/1);
  }

  .hover\:tw-bg-zinc-100:hover {
    background-color: undefined;
  }

  .hover\:tw-text-gray-400:hover {
    color: rgb(161 173 165/1);
  }

  .chat .chat_body>div {
    box-sizing: border-box;
    display: block;
    padding: 5px;
    position: relative;
    width: 100%;
  }

  .chat header .tools {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .bitkub-fast__last-price__inner>div:nth-child(2) {
    text-align: center;
  }

  @media (max-width: 991px) {
    .bitkub-fast__last-price__inner>div:nth-child(2) {
      text-align: left;
    }
  }

  .newuserbar__innerdrop li:hover {
    background-color: #f5f5f5;
  }

  .newuserbar__innerdrop--wallet li:hover {
    background-color: initial;
    background-position: 0 0;
  }

  .chat header .tools li {
    display: inline-block;
    margin-right: 6px;
  }

  .newuserbar__list li:hover::after {
    transform: scaleX(1);
    visibility: visible;
  }

  .newuserbar__innerdrop li a .newuserbar__drawer-icon {
    color: #000;
  }

  .chat .chat_body.show {
    max-height: 380px;
    min-height: 180px;
  }

  .dashboard__security .row:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
  }

  .chat .chat_body>div:nth-child(2n) {
    background-color: #f2f2f2;
  }

  .chat .chat_body>div:nth-child(2n+1) {
    background-color: #fff;
  }

  .chat header .tools li:last-child {
    margin: 0;
  }

  #__next {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  .chat #chat_menu {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    position: relative;
  }

  .chat #disclaimer {
    color: #4263a2;
    text-decoration: underline;
  }

  .chat #disclaimer_frame {
    display: none;
  }

  .chat #disclaimer_body {
    font-size: 12px;
    margin-bottom: 40px;
    min-height: 420px;
    padding: 20px;
  }

  .chat #chat_frame #chat_status,
  .chat #chat_frame footer,
  .chat #chat_login {
    border-top: 1px solid #ccc;
    padding: 5px;
  }

  .chat #chat_frame {
    display: block;
  }

  .chat #chat_room {
    background-color: #fff;
    border: 1px solid rgba(204, 204, 204, .8);
    border-radius: 3px;
    display: none;
    min-width: 100px;
    position: absolute;
    text-align: center;
    top: 40px;
    vertical-align: middle;
    z-index: 1;
  }

  .chat #disclaimer_footer {
    color: #fff;
    font-size: 14px;
    width: 100%;
  }

  .chat #chat_frame #chat_status,
  .chat #chat_frame footer {
    display: none;
  }

  .chat #chat_menu span {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
  }

  .chat #chat_menu>div {
    border: 1px solid #4263a2;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 .42857rem 0;
    color: #4263a2;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 5px 15px;
    text-decoration: none;
  }

  .chat #chat_menu small {
    cursor: pointer;
    float: right;
    height: 26px;
    line-height: 26px;
  }

  .chat #chat_login>a,
  .chat #disclaimer_footer button {
    background-color: #333;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
  }

  .chat #chat_login>a,
  .chat #disclaimer_footer {
    display: block;
    text-align: center;
    text-decoration: none;
  }

  .chat #chat_login>a {
    line-height: 35px;
    margin: 0 auto;
  }

  .chat #chat_room>a {
    border-bottom: 1px solid #f2f2f2;
    color: #4263a2;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
  }

  .chat #disclaimer_footer button {
    bottom: 5px;
    display: inline-block;
    position: absolute;
    right: 5px;
    width: 70px;
  }

  .chat #chat_login>a:hover,
  .chat #disclaimer_footer button:hover {
    background-color: #333;
  }

  .mui-style-nifo0g-control {
    outline: 0 !important;
  }

  .text-number {
    font-family: Roboto !important;
  }

  .d-flex {
    display: flex !important;
  }

  .justify-content-end {
    justify-content: flex-end !important;
  }

  .justify-content-between {
    justify-content: space-between !important;
  }

  .align-items-center {
    align-items: center !important;
  }

  .grecaptcha-badge {
    display: none !important;
  }

  .chat_btn {
    font-weight: 400 !important;
  }

  .announcement__seemore {
    align-self: center !important;
    background-color: #10d675 !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-top: 30px !important;
  }

  .text--grey {
    color: #b3b3b3 !important;
  }

  .text--grey2 {
    color: #969696 !important;
  }

  .footer__social-icon {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  .dbd-logo {
    padding-left: 16px !important;
  }

  .navbar__button--icon {
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial initial initial initial initial !important;
    border-radius: 5px !important;
    color: #b3b3b3 !important;
    display: inline-block !important;
    height: 28px !important;
    line-height: 25px !important;
    min-width: auto !important;
    padding: 0 .5vw !important;
    vertical-align: middle !important;
  }

  .userbar {
    position: absolute !important;
  }

  .newuserbar__linepadding {
    padding: 7px 40px 15px !important;
  }

  .newuserbar__toppadding {
    padding: 20px 40px 15px !important;
  }

  .newuserbar__button {
    background-attachment: initial !important;
    background-clip: initial !important;
    background-color: #02d667 !important;
    background-image: initial !important;
    background-origin: initial !important;
    background-position: initial initial !important;
    background-repeat: initial !important;
    background-size: initial !important;
    border-radius: 20px !important;
    display: block !important;
    font-family: Dosis !important;
    height: 25px !important;
    line-height: 23px !important;
    margin-top: 5px !important;
    padding: 0 10px !important;
  }

  .\!tw-my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }

  .\!tw-h-10 {
    height: 2.5rem !important;
  }

  .\!tw-min-w-\[88px\] {
    min-width: 88px !important;
  }

  .\!tw-min-w-0 {
    min-width: 0 !important;
  }

  .\!tw-justify-start {
    justify-content: flex-start !important;
  }

  .\!tw-rounded-md {
    border-radius: .375rem !important;
  }

  .\!tw-font-normal,
  .chat header h2 small {
    font-weight: 400 !important;
  }

  .\!tw-text-white {
    color: rgb(255 255 255/1) !important;
  }

  .\!tw-text-stone-300 {
    color: rgb(153 153 153/1) !important;
  }

  .\!tw-text-gray-200 {
    color: rgb(179 179 179/1) !important;
  }

  .\!tw-shadow-md {
    box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .1) 0 2px 4px -2px !important;
  }

  :focus {
    outline: 0 !important;
  }

  .announcement__tab>font {
    font-size: 16px !important;
  }

  @media (max-width: 425px) {
    .announcement__tab>font {
      font-size: 15px !important;
    }
  }

  .bitkub-fast__button--selected-buy .MuiTouchRipple-root {
    border-radius: 6px !important;
    transition: none 0s ease 0s !important;
  }

  .bitkub-fast__button--selected-buy {
    background-color: #fff !important;
    color: #02d767 !important;
  }

  @media (max-width: 768px) {
    .userbar .logomobilesize {
      background-size: contain !important;
    }
  }

  .hover\:\!tw-bg-stone-600:hover {
    background-color: undefined !important;
  }

  .disabled\:\!tw-border-gray-400:disabled {
    border-color: #02d767 !important;
  }

  .disabled\:\!tw-bg-gray-400:disabled {
    background-color: rgb(161 173 165/1) !important;
  }
  
  @keyframes bounce {

    0%,   20%,   50%,   80%,   to {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-15px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  *, ::before {
    box-sizing: border-box;
  }

  .inherited-styles-for-exported-element {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.5;
  }

  svg {
    overflow: hidden;
    vertical-align: middle;
  }

  label {
    display: inline-block;
    margin-bottom: .5rem;
  }

  button {
    appearance: button;
    font-family: inherit;
    overflow: visible;
    text-transform: none;
  }

  ::-webkit-file-upload-button {
    appearance: button;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  ::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }

  ::-webkit-scrollbar-track-piece {
    background-color: #f9f9f9;
  }

  ::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #c1c1c1;
    border: 2px solid #c1c1c1;
    border-radius: 10px;
  }

  ::-webkit-scrollbar-corner {
    background-color: #f9f9f9;
  }

  ::placeholder {
    color: #ccc;
    opacity: 1;
  }

  .mui-style-1rpst5b {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    background-color: transparent;
    border: 0 initial;
    border-color: currentcolor;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #383838;
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    outline: 0;
    padding: 6px 16px;
    position: relative;
    text-align: left;
    text-decoration-color: initial;
    text-decoration-style: initial;
    text-decoration-thickness: initial;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
    vertical-align: middle;
  }

  .mui-style-1l6c7y9 {
    display: inherit;
    margin-left: -4px;
  }

  .mui-style-vubbuv {
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 1em;
    transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
    user-select: none;
  }

  .mui-style-1yxmbwk, .mui-style-7axuwm {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: transparent;
    border-style: initial;
    border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    position: relative;
    text-align: center;
    user-select: none;
  }

  .mui-style-7axuwm {
    border-color: #02d767;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-decoration-color: initial;
    text-decoration-style: initial;
    text-decoration-thickness: initial;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    vertical-align: middle;
  }

  .mui-style-1yxmbwk {
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    text-decoration: none;
    transition: background-color 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
  }

  .mui-style-w0pj6f {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }

  .mui-style-7h2fbb {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    appearance: none;
    background-color: #fff;
    border-radius: 0;
    border-style: initial;
    border-width: 0;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    justify-content: flex-start;
    letter-spacing: .00938em;
    line-height: 1.5;
    margin: 0;
    min-height: 48px;
    outline: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
  }

  @media (min-width: 600px) {
    .mui-style-7h2fbb {
      min-height: auto;
    }
  }

  .fa {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
  }

  :focus {
    border-style: none;
  }

  .img-icon-nav {
    animation: bounce 2s infinite;
    background-image: url(/assets-bitkub/images/referral/icon/icon_coin_nav.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
  }

  .img-icon-nav--new {
    display: inline-block;
    left: auto;
    position: relative;
    top: 4px;
  }

  @media (max-width: 1024px) {
    .img-icon-nav {
      top: 4px;
    }
  }

  @media (max-width: 768px) and (min-width: 290px) {
    .img-icon-nav {
      animation: bounce 2s infinite;
      left: 0;
      top: 4px;
    }
  }

  .navbar {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
  }

  .navbar--new {
    height: 60px;
  }

  .navbar__logo {
    width: 180px;
  }

  .navbar__logo--new {
    height: 60px;
  }

  @media (max-width: 768px) {
    .navbar__logo {
      height: 60px;
      margin: 0;
    }
  }

  @media (max-width: 414px) {
    .navbar__logo {
      margin: 0;
    }
  }

  .navbar__logo--inline {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }

  .navbar__inner {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
  }

  @media screen and (max-width: 1280px) {
    .navbar__inner {
      max-width: 1200px;
    }
  }

  @media screen and (max-width: 1024px) {
    .navbar__inner {
      max-width: 930px;
    }
  }

  .navbar__inner--flex {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 3px;
  }

  .navbar__toggle {
    color: #333;
    display: none;
    float: right;
    font-size: 24px;
    margin-left: 8px;
    margin-right: 16px;
  }

  @media (max-width: 1280px) {
    .navbar__toggle {
      display: block;
    }
  }

  @media (max-width: 320px) {
    .navbar__toggle {
      font-size: 20px;
    }
  }

  .userbar {
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }

  .userbar__userinfo--notfloat {
    align-items: center;
    display: flex;
    float: none;
    height: 100%;
    margin: 0;
  }

  @media (max-width: 768px) {
    .userbar__userinfo {
      margin: 5px 0;
      position: relative;
    }
  }

  .userbar__iconswallet {
    color: #e0e0e0;
    font-size: 15px;
    margin: 10px 0;
  }

  @media (max-width: 414px) {
    .userbar__iconswallet {
      margin: 5px 0 -5px;
    }
  }

  .userbar__iconwallet--newmarket {
    height: 24px;
    width: 24px;
  }

  @media (max-width: 414px) {
    .userbar__iconwallet {
      height: 22px;
      width: 22px;
    }
  }

  .newuserbar__current-level {
    align-items: center;
    display: flex;
  }

  .newuserbar__list {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }

  @media (max-width: 1280px) {
    .newuserbar__list {
      display: none;
    }
  }

  .newuserbar__innerwrapper {
    border-radius: 3px;
    box-shadow: 0 1px 4px -2px;
    display: none;
    margin: -5px 0 0;
    min-width: 240px;
    padding: 0;
    position: absolute;
    right: 5px;
    width: 100%;
    z-index: 9;
  }

  .newuserbar__innerwrapper--lang {
    min-width: auto;
    width: 80px;
  }

  .newuserbar__innerwrapper--download-app {
    right: -53%;
    top: 60px;
    width: 330px;
  }

  .newuserbar__innerwrapper__notification {
    border-radius: 3px;
    box-shadow: 0 1px 4px -2px;
    font-size: 12px;
    margin: 12px 0 0;
    min-width: 240px;
    padding: 0;
    position: absolute;
    right: 5px;
    width: 400px;
    z-index: 9;
  }

  @media (max-width: 768px) {
    .newuserbar__innerwrapper__notification {
      right: 0;
      width: max-content;
    }
  }

  .newuserbar__notification {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
  }

  .newuserbar__notification__message {
    align-items: flex-start;
    border-top: 1px solid #e7e7e7;
    display: flex;
    padding: 16px 20px;
    width: 100%;
  }

  .newuserbar__notification__message--first {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .newuserbar__notification__dot {
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 6px 16px 6px 0;
    min-width: 8px;
    width: 8px;
  }

  .newuserbar__download-app {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 20px;
  }

  .newuserbar__download-app__qr {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .newuserbar__download-app__store {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-align: left;
  }

  .newuserbar__download-app__download-link {
    color: #02d767;
    font-family: Roboto;
    font-size: 16px;
    text-decoration: none;
  }

  .newuserbar__line {
    border-bottom: 1px solid #b3b3b3;
  }

  .newuserbar__email {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .newuserbar__dropdown {
    display: inline-block;
    font-family: Dosis;
    line-height: 60px;
    margin: 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
  }

  .newuserbar__dropdown--lang {
    font-size: 14px;
  }

  .newuserbar__dropdown--download-app {
    font-size: 14px;
    vertical-align: middle;
  }

  @media (max-width: 414px) {
    .newuserbar__dropdown {
      margin: 0 7px;
    }
  }

  .newuserbar__menu {
    cursor: pointer;
    position: relative;
  }

  @media (max-width: 768px) {
    .newuserbar__menu {
      position: static;
    }
  }

  @media (max-width: 1042px) {
    .newuserbar__menu--pc {
      display: none;
    }
  }

  .newuserbar__drawer-icon {
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    width: 35px;
  }

  .newuserbar__innerdrop {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .newuserbar__innerdrop--wallet {
    border-bottom: 1px solid #b3b3b3;
    padding: 0 40px;
  }

  .newuserbar--pointer {
    cursor: pointer;
    margin-bottom: 0;
  }

  .newuserbar__text--green {
    color: #02d667;
  }

  .tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .tw-mt-2\.5 {
    margin-top: .625rem;
  }

  .tw-flex {
    display: flex;
  }

  .tw-inline-flex {
    display: inline-flex;
  }

  .tw-hidden {
    display: none;
  }

  .tw-max-h-\[300px\] {
    max-height: 300px;
  }

  .tw-min-h-0 {
    min-height: 0;
  }

  .tw-w-auto {
    width: auto;
  }

  .tw-w-6 {
    width: 1.5rem;
  }

  .tw-w-\[21px\] {
    width: 21px;
  }

  .tw-min-w-\[auto\] {
    min-width: auto;
  }

  .tw-cursor-pointer {
    cursor: pointer;
  }

  .tw-cursor-auto {
    cursor: auto;
  }

  .tw-items-center {
    align-items: center;
  }

  .tw-justify-center {
    justify-content: center;
  }

  .tw-overflow-visible {
    overflow: visible;
  }

  .tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .tw-border-b-0 {
    border-bottom-width: 0;
  }

  .tw-bg-transparent {
    background-color: transparent;
  }

  .tw-fill-gray-200 {
    fill: #b3b3b3;
  }

  .tw-p-0 {
    padding: 0;
  }

  .tw-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }

  .tw-px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tw-px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tw-text-center {
    text-align: center;
  }

  .newuserbar__list li, .tw-align-middle {
    vertical-align: middle;
  }

  .tw-font-\[Dosis\] {
    font-family: Dosis;
  }

  .tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .tw-text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }

  .tw-text-\[12px\] {
    font-size: 12px;
  }

  .tw-font-normal {
    font-weight: 400;
  }

  .tw-font-semibold {
    font-weight: 600;
  }

  .tw-font-medium {
    font-weight: 500;
  }

  .tw-normal-case {
    text-transform: none;
  }

  .tw-text-gray-100 {
    color: rgb(51 51 51/1);
  }

  .tw-text-gray-200 {
    color: rgb(179 179 179/1);
  }

  .tw-no-underline {
    text-decoration-line: none;
  }

  @media (min-width: 768px) {
    .md\:tw-inline-block {
      display: inline-block;
    }

    .md\:tw-hidden {
      display: none;
    }
  }

  .fa-cog::before {
    content: "";
  }

  .fa-tags::before {
    content: "";
  }

  .fa-sign-out::before {
    content: "";
  }

  .fa-bars::before {
    content: "";
  }

  .fa-caret-down::before {
    content: "";
  }

  .fa-tachometer::before {
    content: "";
  }

  .fa-code::before {
    content: "";
  }

  .fa-history::before {
    content: "";
  }

  .newuserbar__list li {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
  }

  .newuserbar__download-app__qr span {
    font-size: 12px;
    line-height: 1;
    margin-top: 16px;
  }

  .newuserbar__innerdrop li {
    cursor: pointer;
    display: block;
    font-family: Dosis;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: uppercase;
  }

  .newuserbar__innerdrop--lang li {
    padding: 10px 20px;
  }

  .newuserbar__innerdrop--wallet li {
    line-height: 25px;
    padding: 10px 0;
  }

  .newuserbar__list li::after {
    background-color: #02d767;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    visibility: hidden;
    width: 100%;
  }

  .newuserbar__list li button {
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial initial initial initial initial !important;
    color: inherit;
    cursor: pointer !important;
    display: block;
    font-family: Dosis !important;
    height: 100%;
    line-height: 35px !important;
    text-decoration: none;
    transition: none 0s ease 0s !important;
  }

  .newuserbar__innerdrop li a {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-decoration: none;
  }

  .newuserbar__innerdrop li a label {
    cursor: pointer;
    margin-left: 15px;
  }

  .mui-style-1rpst5b:hover {
    background-color: rgba(0, 0, 0, .04);
    text-decoration: none;
  }

  @media (hover:none) {
    .mui-style-1rpst5b:hover {
      background-color: transparent;
    }
  }

  .mui-style-1rpst5b:hover {
    box-shadow: none;
  }

  .mui-style-1rpst5b:disabled {
    cursor: not-allowed;
  }

  .mui-style-1rpst5b:hover {
    color: #383838;
  }

  .mui-style-1rpst5b:disabled {
    color: #e8e8e8;
  }

  .mui-style-1rpst5b .MuiButton-startIcon {
    margin-right: 8px;
  }

  .mui-style-1l6c7y9>:nth-of-type(1) {
    font-size: 20px;
  }

  .mui-style-7axuwm:hover {
    box-shadow: none;
    text-decoration: none;
  }

  .mui-style-7axuwm:disabled {
    cursor: not-allowed;
  }

  .mui-style-7axuwm:hover {
    background-color: #0fcd69;
    border-color: #0fcd69;
    color: #fff;
  }

  .mui-style-7axuwm:disabled {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: rgba(0, 0, 0, .3);
  }

  .mui-style-7h2fbb:hover {
    background-color: rgba(0, 0, 0, .04);
    text-decoration: none;
  }

  @media (hover:none) {
    .mui-style-7h2fbb:hover {
      background-color: transparent;
    }
  }

  .userbar .navbar__logo {
    background-color: initial;
    background-image: url(/assets-bitkub/images/logo.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media (max-width: 768px) {
    .userbar .navbar__logo {
      background-size: contain;
    }
  }

  .userbar .navbar__logo--auth {
    background-color: initial;
    background-image: url(/assets-bitkub/images/logo.png);
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media (max-width: 768px) {
    .userbar .logomobilesize {
      background-image: url(/assets-bitkub/images/logo-128.png);
      width: 60px;
    }
  }

  .newuserbar__menu .userbar__iconswallet {
    transition: all .5s;
  }

  .hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .hover\:tw-bg-zinc-100:hover {
    background-color: undefined;
  }

  .newuserbar__innerdrop li:hover {
    background-color: #f5f5f5;
  }

  .newuserbar__innerdrop--wallet li:hover {
    background-color: initial;
    background-position: 0 0;
  }

  .newuserbar__list li:hover::after {
    transform: scaleX(1);
    visibility: visible;
  }

  .newuserbar__innerdrop li a .newuserbar__drawer-icon {
    color: #000;
  }

  :focus {
    outline: 0 !important;
  }

  .text-number {
    font-family: Roboto !important;
  }

  .text--grey {
    color: #b3b3b3 !important;
  }

  .text--grey2 {
    color: #969696 !important;
  }

  .navbar__button--icon {
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial initial initial initial initial !important;
    border-radius: 5px !important;
    color: #b3b3b3 !important;
    display: inline-block !important;
    height: 28px !important;
    line-height: 25px !important;
    min-width: auto !important;
    padding: 0 .5vw !important;
    vertical-align: middle !important;
  }

  .userbar {
    position: absolute !important;
  }

  .newuserbar__linepadding {
    padding: 7px 40px 15px !important;
  }

  .newuserbar__toppadding {
    padding: 20px 40px 15px !important;
  }

  .newuserbar__button {
    background-attachment: initial !important;
    background-clip: initial !important;
    background-color: #02d667 !important;
    background-image: initial !important;
    background-origin: initial !important;
    background-position: initial initial !important;
    background-repeat: initial !important;
    background-size: initial !important;
    border-radius: 20px !important;
    display: block !important;
    font-family: Dosis !important;
    height: 25px !important;
    line-height: 23px !important;
    margin-top: 5px !important;
    padding: 0 10px !important;
  }

  .\!tw-min-w-\[88px\] {
    min-width: 88px !important;
  }

  .\!tw-font-normal {
    font-weight: 400 !important;
  }

  .\!tw-text-gray-200 {
    color: rgb(179 179 179/1) !important;
  }

  @media (max-width: 768px) {
    .userbar .logomobilesize {
      background-size: contain !important;
    }
  }
  .newuserbar__list li {
    position: unset !important;
    height: unset !important;
    cursor: pointer;
}

*, ::before {
  box-sizing: border-box;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.5;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

::-webkit-file-upload-button {
  appearance: button;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #c1c1c1;
  border: 2px solid #c1c1c1;
  border-radius: 10px;
}

::-webkit-scrollbar-corner {
  background-color: #f9f9f9;
}

::placeholder {
  color: #ccc;
  opacity: 1;
}

@media (min-width: 576px) {

  .col-sm-5,   .col-sm-7 {
    -webkit-box-flex: 0;
  }
}

@media (min-width: 1200px) {
  .col-xl-8 {
    -webkit-box-flex: 0;
  }
}

.mui-style-95xqdf {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
  color: rgba(0, 0, 0, .87);
  transition: none 0s;
}

.fa {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
}

:focus {
  border-style: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.col-sm-5, .col-sm-7, .col-xl-8 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
}

@media (min-width: 1200px) {
  .col-xl-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
}

.campaign__tab, .dashboard__title {
  display: inline-block;
}

.dashboard__title {
  font-family: Dosis;
  font-size: 26px;
  font-weight: 300;
  line-height: 50px;
  margin: 20px 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .dashboard__title {
    font-size: 24px;
    margin: 15px 30px;
  }
}

.dashboard__paper {
  box-sizing: border-box;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
}

.dashboard__label--green {
  color: #02d667;
}

.dashboard__table {
  padding: 0 30px;
}

.dashboard__tabs {
  border-bottom: 1px solid #e3e3e3;
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  white-space: nowrap;
  width: 100%;
}

@media (max-width: 767px) {
  .dashboard__tabs {
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0;
  }
}

.dashboard__box {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .dashboard__box {
    padding: 0 27px;
  }
}

.dashboard__table {
  border-collapse: collapse;
  border-style: initial;
  border-width: 0;
  margin-top: 15px;
}

.dashboard__table-head {
  color: #a6a8aa;
  font-family: Dosis;
  font-size: 16px;
  font-weight: 100;
  min-width: 95px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .dashboard__table-head {
    min-width: 115px;
  }
}

.dashboard__table-data {
  cursor: pointer;
  font-size: 13px;
  min-width: 85px;
  padding: 0;
  white-space: nowrap;
}

.dashboard__currencyIcon {
  margin-left: 10px;
  width: 15px;
}

.dashboard__right {
  text-align: right;
}

.dashboard__center {
  overflow: hidden;
  text-align: center;
}

.dashboard__marketPriceData {
  border-bottom: 1px solid #e7e7e7;
  line-height: 4;
}

.dashboard__tabText {
  font-family: dosis;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding-bottom: 7px;
  text-transform: uppercase;
}

.dashboard__labelHead {
  font-size: 16px;
  font-weight: 800;
}

.dashboard__totalValue {
  font-size: 28px;
  font-weight: 500;
}

.deposit__table-wrapper {
  width: 100%;
}

.history__table-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

@media (max-width: 1280px) {
  .history__table-wrapper {
    max-width: 100%;
    overflow: auto;
    position: relative;
  }
}

.home__growth {
  font-family: roboto;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.home__growth--positive {
  color: #18cf73;
}

.home__growth--negative {
  color: #fa6565;
}

.tw-mt-5 {
  margin-top: 1.25rem;
}

.tw-flex {
  display: flex;
}

.tw-min-h-\[598px\] {
  min-height: 598px;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.fa-caret-down::before {
  content: "";
}

.fa-caret-up::before {
  content: "";
}

.dashboard__tabs::-webkit-scrollbar {
  display: none;
}

.dashboard__hovertr:hover {
  background-color: rgba(229, 242, 235, .66);
}

:focus {
  outline: 0 !important;
}


*, ::before {
  box-sizing: border-box;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.5;
}

button {
  appearance: button;
  overflow: visible;
}

::-webkit-file-upload-button {
  appearance: button;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #c1c1c1;
  border: 2px solid #c1c1c1;
  border-radius: 10px;
}

::-webkit-scrollbar-corner {
  background-color: #f9f9f9;
}

::placeholder {
  color: #ccc;
  opacity: 1;
}

@media (min-width: 576px) {

  .col-sm-5,   .col-sm-7 {
    -webkit-box-flex: 0;
  }
}

@media (min-width: 1200px) {
  .col-xl-4 {
    -webkit-box-flex: 0;
  }
}

.mui-style-1rpst5b, .mui-style-7axuwm {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-tap-highlight-color: transparent;
  border-style: initial;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0;
  line-height: 36px;
  outline: 0;
  padding: 6px 16px;
  position: relative;
  text-decoration-color: initial;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
  vertical-align: middle;
}

.mui-style-1rpst5b {
  background-color: transparent;
  border-color: currentcolor;
  border-radius: 4px;
  color: #383838;
  margin: 0;
  text-align: left;
}

.mui-style-7axuwm {
  border-color: #02d767;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.mui-style-95xqdf {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
  color: rgba(0, 0, 0, .87);
  transition: none 0s;
}

.mui-style-w0pj6f {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

:focus {
  border-style: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}

.col-sm-5, .col-sm-7, .col-xl-4 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
}

@media (min-width: 1200px) {
  .col-xl-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

.campaign__tab, .dashboard__title {
  display: inline-block;
}

.dashboard__title {
  font-family: Dosis;
  font-size: 26px;
  font-weight: 300;
  line-height: 50px;
  margin: 20px 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .dashboard__title {
    font-size: 24px;
    margin: 15px 30px;
  }
}

.dashboard__paper {
  box-sizing: border-box;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
}

.dashboard__label--green {
  color: #02d667;
}

.dashboard__tabs {
  border-bottom: 1px solid #e3e3e3;
  display: inline-block;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.dashboard__tabs--active {
  border-bottom: 2px solid #00d766;
}

@media (max-width: 767px) {
  .dashboard__tabs {
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0;
  }
}

.dashboard__box {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .dashboard__box {
    padding: 0 27px;
  }
}

.dashboard__underline {
  border-bottom: 1px solid #e7e7e7;
  margin-right: 0;
  max-width: 100%;
  padding: 15px 0 0;
}

@media (max-width: 425px) {
  .dashboard__underline {
    border-bottom-color: initial;
    border-bottom-style: none;
    border-bottom-width: initial;
  }
}

.dashboard__feedTitle {
  color: #000;
  cursor: pointer;
  font-family: roboto;
  font-size: 14px;
}

.dashboard__feedDate {
  color: #a6a8aa;
  font-family: roboto;
  font-size: 14px;
  margin-bottom: 0;
}

@media (max-width: 425px) {
  .dashboard__feedDate {
    margin-top: 0;
  }
}

.dashboard__center {
  overflow: hidden;
  text-align: center;
}

.dashboard__imgFeed {
  height: 69.66px;
  object-fit: contain;
  text-align: center;
  width: 100%;
}

@media (max-width: 1024px) {
  .dashboard__imgFeed {
    height: 100%;
    width: 100%;
  }
}

.dashboard__newsTitleBox {
  cursor: pointer;
  height: 39px;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
}

@media (max-width: 425px) {
  .dashboard__newsTitleBox {
    height: auto;
    margin-bottom: 4px;
    margin-top: 15px;
  }
}

.tw-mt-5 {
  margin-top: 1.25rem;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-hidden {
  display: none;
}

.tw-min-h-\[598px\] {
  min-height: 598px;
}

.tw-w-auto {
  width: auto;
}

.tw-min-w-\[auto\] {
  min-width: auto;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-no-underline {
  text-decoration-line: none;
}

@media (min-width: 425px) {
  .mobileL\:tw-block {
    display: block;
  }

  .mobileL\:tw-hidden {
    display: none;
  }
}

.dashboard__tabs::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
}

.mui-style-1rpst5b:hover {
  background-color: rgba(0, 0, 0, .04);
  text-decoration: none;
}

@media (hover:none) {
  .mui-style-1rpst5b:hover {
    background-color: transparent;
  }
}

.mui-style-1rpst5b:hover {
  box-shadow: none;
}

.mui-style-1rpst5b:disabled {
  cursor: not-allowed;
}

.mui-style-1rpst5b:hover {
  color: #383838;
}

.mui-style-1rpst5b:disabled {
  color: #e8e8e8;
}

.mui-style-7axuwm:hover {
  box-shadow: none;
  text-decoration: none;
}

.mui-style-7axuwm:disabled {
  cursor: not-allowed;
}

.mui-style-7axuwm:hover {
  background-color: #0fcd69;
  border-color: #0fcd69;
  color: #fff;
}

.mui-style-7axuwm:disabled {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: rgba(0, 0, 0, .3);
}

.dashboard__feedTitle:hover {
  color: #02d667;
}

:focus {
  outline: 0 !important;
}

.announcement__seemore {
  align-self: center !important;
  background-color: #10d675 !important;
  border-radius: 4px !important;
  color: #fff !important;
  margin-top: 30px !important;
}

.announcement__tab>font {
  font-size: 16px !important;
}

@media (max-width: 425px) {
  .announcement__tab>font {
    font-size: 15px !important;
  }
}


*, ::before {
  box-sizing: border-box;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.5;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

::-webkit-file-upload-button {
  appearance: button;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #c1c1c1;
  border: 2px solid #c1c1c1;
  border-radius: 10px;
}

::-webkit-scrollbar-corner {
  background-color: #f9f9f9;
}

::placeholder {
  color: #ccc;
  opacity: 1;
}

@media (min-width: 576px) {
  .col-sm-6 {
    -webkit-box-flex: 0;
  }
}

.mui-style-vubbuv {
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  font-size: 1.5rem;
  height: 1em;
  transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
  width: 1em;
}

.mui-style-95xqdf {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
  color: rgba(0, 0, 0, .87);
  transition: none 0s;
}

.mui-style-w0pj6f {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.mui-style-1w9fd8l {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  background-color: transparent;
  border: 1px solid #f7931a;
  box-shadow: none;
  box-sizing: border-box;
  color: #f7931a;
  cursor: pointer;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0;
  outline: 0;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
  vertical-align: middle;
}

:focus {
  border-style: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.col-sm-6 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.dashboard__title {
  display: inline-block;
  font-family: Dosis;
  font-size: 26px;
  font-weight: 300;
  line-height: 50px;
  margin: 20px 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .dashboard__title {
    font-size: 24px;
    margin: 15px 30px;
  }
}

.dashboard__paper {
  box-sizing: border-box;
  margin-bottom: 30px;
  min-height: 480px;
  overflow: hidden;
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .dashboard__paper {
    min-height: 370px;
  }
}

.dashboard__security-label {
  font-weight: 600;
  white-space: nowrap;
}

.dashboard__label--green {
  color: #02d667;
}

.dashboard__labelNumber {
  font-family: Roboto;
  font-weight: 100;
}

.tw-flex {
  display: flex;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-h-\[37px\] {
  height: 37px;
}

.tw-w-max {
  width: max-content;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-rounded {
  border-radius: .25rem;
}

.tw-font-normal {
  font-weight: 400;
}

.tw-leading-\[37px\] {
  line-height: 37px;
}

.mui-style-1w9fd8l:hover, a {
  text-decoration: none;
}

.dashboard__security-label>font, .dashboard__security-label>svg {
  vertical-align: middle;
}

.dashboard__security-label>svg {
  height: 18px !important;
  margin-right: 5px;
  width: 18px !important;
}

.mui-style-1w9fd8l:hover {
  box-shadow: none;
}

.mui-style-1w9fd8l:disabled {
  cursor: not-allowed;
}

.mui-style-1w9fd8l:hover {
  border: 1px solid #f7931a;
  color: #f7931a;
}

.mui-style-1w9fd8l:disabled {
  border-color: #e8e8e8;
  color: #a1ada5;
}

.dashboard__security .row {
  font-family: Dosis;
  font-size: 14px;
  line-height: 59px;
  padding: 0 50px 3px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .dashboard__security .row {
    line-height: 40px;
    padding: 0 30px 5px;
  }
}

@media (max-width: 576px) {
  .dashboard__security .row {
    line-height: 40px;
    padding: 0 30px 10px;
  }
}

.hover\:tw-bg-transparent:hover {
  background-color: transparent;
}

.dashboard__security .row:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

:focus {
  outline: 0 !important;
}

.\!tw-min-w-\[88px\] {
  min-width: 88px !important;
}


@keyframes mui-auto-fill-cancel {
  0% {
    display: block;
  }
}

*, ::before {
  box-sizing: border-box;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.5;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

button, input {
  overflow: visible;
}

::-webkit-file-upload-button {
  appearance: button;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #c1c1c1;
  border: 2px solid #c1c1c1;
  border-radius: 10px;
}

::-webkit-scrollbar-corner {
  background-color: #f9f9f9;
}

::placeholder {
  color: #ccc;
  opacity: 1;
}

.mui-style-1rpst5b {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: 0 initial;
  border-color: currentcolor;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #383838;
  cursor: pointer;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  outline: 0;
  padding: 6px 16px;
  position: relative;
  text-align: left;
  text-decoration-color: initial;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
  vertical-align: middle;
}

.mui-style-1l6c7y9 {
  display: inherit;
  margin-left: -4px;
}

.mui-style-vubbuv {
  display: inline-block;
  flex-shrink: 0;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
}

.mui-style-95xqdf {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
  color: rgba(0, 0, 0, .87);
  transition: none 0s;
}

.mui-style-i44wyl {
  border-style: initial;
  border-width: 0;
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  padding: 0;
  position: relative;
  vertical-align: top;
}

.mui-style-10iatzg, .mui-style-1a6giau {
  -webkit-box-align: center;
  align-items: center;
}

.mui-style-10iatzg {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  cursor: text;
  display: inline-flex;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.4375em;
  position: relative;
}

.mui-style-1a6giau {
  display: flex;
  height: .01em;
  margin-right: 8px;
  max-height: 2em;
  white-space: nowrap;
}

.mui-style-mnn31 {
  -webkit-tap-highlight-color: transparent;
  animation: mui-auto-fill-cancel 10ms;
  background-color: initial;
  background-image: none;
  border-style: initial;
  border-width: 0;
  box-sizing: content-box;
  color: currentcolor;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  height: 1.4375em;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  min-width: 0;
  padding: 4px 0 5px;
  width: 100%;
}

.mui-style-w0pj6f {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.fa {
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
}

.campaign__tab, .dashboard__title, .fa {
  display: inline-block;
}

.dashboard__title {
  font-family: Dosis;
  font-size: 26px;
  font-weight: 300;
  line-height: 50px;
  margin: 20px 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .dashboard__title {
    font-size: 24px;
    margin: 15px 30px;
  }
}

.dashboard__paper {
  box-sizing: border-box;
  margin-bottom: 30px;
  min-height: 480px;
  overflow: hidden;
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .dashboard__paper {
    min-height: 370px;
  }
}

.dashboard__label--green {
  color: #02d667;
}

.dashboard__table {
  padding: 0 30px;
}

.dashboard__tabs {
  border-bottom: 1px solid #e3e3e3;
  display: inline-block;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.dashboard__tabs--active {
  border-bottom: 2px solid #00d766;
}

@media (max-width: 767px) {
  .dashboard__tabs {
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0;
  }
}

.dashboard__box {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .dashboard__box {
    padding: 0 27px;
  }
}

.dashboard__boxSearch {
  float: right;
  margin: 20px 44px 0 0;
}

@media (max-width: 467px) {
  .dashboard__boxSearch {
    float: left;
    margin: 0 0 10px;
    padding: 0 30px;
    width: 100%;
  }
}

.dashboard__table {
  border-collapse: collapse;
  border-style: initial;
  border-width: 0;
  margin-top: 15px;
}

.dashboard__table-head {
  color: #a6a8aa;
  font-family: Dosis;
  font-size: 16px;
  font-weight: 100;
  min-width: 95px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .dashboard__table-head {
    min-width: 115px;
  }
}

.dashboard__table-data {
  cursor: pointer;
  font-size: 13px;
  min-width: 85px;
  padding: 0;
  white-space: nowrap;
}

.dashboard__table-disabled {
  color: #999;
  cursor: not-allowed;
  font-size: 14px;
  opacity: .4;
  padding: 0;
  pointer-events: none;
}

.dashboard__currencyIcon {
  margin-left: 10px;
  width: 15px;
}

.dashboard__center {
  overflow: hidden;
  text-align: center;
}

.dashboard__marketPriceData {
  border-bottom: 1px solid #e7e7e7;
  line-height: 4;
}

.deposit__table-wrapper {
  width: 100%;
}

.home__growth {
  font-family: roboto;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.home__growth--positive {
  color: #18cf73;
}

.home__growth--negative {
  color: #fa6565;
}

.tw-mr-2 {
  margin-right: .5rem;
}

.tw-mt-2\.5 {
  margin-top: .625rem;
}

.tw-flex {
  display: flex;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-h-\[45px\] {
  height: 45px;
}

.tw-h-\[21px\] {
  height: 21px;
}

.tw-h-\[30px\] {
  height: 30px;
}

.tw-w-full {
  width: 100%;
}

.tw-w-auto {
  width: auto;
}

.tw-w-\[21px\] {
  width: 21px;
}

.tw-min-w-\[auto\] {
  min-width: auto;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-rounded-\[6px\] {
  border-radius: 6px;
}

.tw-border-\[1px\] {
  border-width: 1px;
}

.tw-border-solid {
  border-style: solid;
}

.tw-border-zinc-500 {
  border-color: #cfcfcf;
}

.tw-fill-orange-100 {
  fill: #fbc000;
}

.tw-p-\[0_10px\] {
  padding: 0 10px;
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tw-text-inherit {
  color: inherit;
}

.tw-no-underline {
  text-decoration-line: none;
}

@media (min-width: 768px) {
  .md\:tw-w-\[170px\] {
    width: 170px;
  }
}

button {
  appearance: button;
}

.mui-style-mnn31::-webkit-input-placeholder {
  color: currentcolor;
  opacity: .42;
  transition: opacity 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
}

.mui-style-mnn31::-webkit-search-decoration {
  appearance: none;
}

.fa-search::before {
  content: "";
}

.fa-star::before {
  content: "";
}

.fa-caret-down::before {
  content: "";
}

.fa-caret-up::before {
  content: "";
}

:focus {
  border-style: none;
  outline: 0 !important;
}

.dashboard__tabs::-webkit-scrollbar {
  display: none;
}

.placeholder\:tw-text-\[14px\]::placeholder {
  font-size: 14px;
}

.mui-style-1rpst5b:hover {
  box-shadow: none;
  text-decoration: none;
}

.mui-style-1rpst5b:disabled {
  cursor: not-allowed;
}

.mui-style-1rpst5b:hover {
  color: #383838;
}

.mui-style-1rpst5b:disabled {
  color: #e8e8e8;
}

.mui-style-1rpst5b .MuiButton-startIcon {
  margin-right: 8px;
}

.mui-style-1l6c7y9>:nth-of-type(1) {
  font-size: 20px;
}

.mui-style-mnn31:invalid {
  box-shadow: none;
}

.mui-style-mnn31:-webkit-autofill {
  animation: mui-auto-fill 5000s;
}

.dashboard__hovertr:hover {
  background-color: rgba(229, 242, 235, .66);
}

.hover\:tw-bg-\[rgba\(153\,153\,153\,0\.2\)\]:hover {
  background-color: rgba(153, 153, 153, .2);
}


.inherited-styles-for-exported-element {
  box-sizing: inherit;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .00938em;
  line-height: 1.5;
  text-align: left;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track-piece {
  background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #c1c1c1;
  border: 2px solid #c1c1c1;
  border-radius: 10px;
}

::-webkit-scrollbar-corner {
  background-color: #f9f9f9;
}

::selection {
  background-color: #82baf6;
  color: #fff;
}

::before {
  box-sizing: inherit;
}

::placeholder {
  color: #ccc;
  opacity: 1;
}

button {
  appearance: button;
  overflow: visible;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

img, svg {
  vertical-align: middle;
}

img {
  border-style: none;
}

svg {
  overflow: hidden;
}

::after {
  box-sizing: inherit;
}

::-webkit-file-upload-button {
  appearance: button;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mui-style-ir7jeb {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-tap-highlight-color: transparent;
  border: 0 initial;
  border-color: #303030;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .3) 0 1px 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0;
  outline: 0;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration-color: initial;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, color 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
  vertical-align: middle;
}

.mui-style-1d7gu8y {
  bottom: 0;
  font-family: Roboto, sans-serif;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1300;
}

.mui-style-16u656j, .mui-style-919eu4 {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.mui-style-919eu4 {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(0, 0, 0, .5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}

.mui-style-16u656j {
  height: 100%;
  outline: 0;
}

.mui-style-4l9yp {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  display: flex;
  flex-direction: column;
  margin: 32px;
  max-height: calc(100% - 64px);
  max-width: 600px;
  overflow-y: auto;
  position: relative;
  transition: none 0s;
  width: calc(100% - 64px);
}

.mui-style-1ty026z {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 20px 24px;
}

.mui-style-1lp6hfb {
  -webkit-box-pack: center;
  display: flex;
  justify-content: center;
  margin: 12px 0 24px;
}

.mui-style-14b29qc {
  -webkit-box-align: center;
  -webkit-box-pack: end;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  padding: 8px;
}

.mui-style-pt151d {
  margin-left: 8px;
  margin-right: -4px;
}

.mui-style-vubbuv {
  display: inline-block;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
  user-select: none;
}

:focus {
  border-style: none;
}

.mui-style-w0pj6f {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.withdraw__google-authen {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.withdraw__google-authen__title {
  align-items: center;
  color: #999;
  display: flex;
  text-align: left;
}

.withdraw__google-authen__otp {
  display: flex;
  justify-content: center;
  width: 100%;
}

.tw-m-2\.5 {
  margin: .625rem;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-h-4 {
  height: 1rem;
}

.tw-w-4 {
  width: 1rem;
}

.tw-w-auto {
  width: auto;
}

.tw-min-w-\[auto\] {
  min-width: auto;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-rounded-\[100\%\] {
  border-radius: 100%;
}

.tw-bg-black {
  background-color: rgb(0 0 0/1);
}

.tw-bg-green-100 {
  background-color: rgb(2 215 103/1);
}

.tw-fill-gray-100 {
  fill: #333;
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tw-no-underline {
  text-decoration-line: none;
}

.withdraw__google-authen__title span {
  flex: 1 1 0;
  font-size: 14px;
}

.mui-style-ir7jeb:active {
  background-color: #262626;
  border-color: #262626;
  color: #fff;
}

.mui-style-ir7jeb:focus {
  box-shadow: rgba(0, 0, 0, .3) 0 1px 4px;
}

.mui-style-ir7jeb:hover {
  text-decoration: none;
}

.mui-style-ir7jeb:disabled {
  cursor: not-allowed;
}

.mui-style-ir7jeb:focus {
  background-color: #262626;
  border-color: #262626;
  color: #fff;
}

.mui-style-ir7jeb:hover {
  background-color: #262626;
  border-color: #262626;
  box-shadow: rgba(0, 0, 0, .3) 0 1px 4px;
  color: #fff;
}

.mui-style-ir7jeb:disabled {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: rgba(0, 0, 0, .3);
}

.mui-style-ir7jeb .MuiButton-endIcon {
  display: flex;
}

.mui-style-14b29qc>:not(:first-of-type) {
  margin-left: 8px;
}

.mui-style-pt151d>:nth-of-type(1) {
  font-size: 20px;
}

:focus {
  outline: 0 !important;
}
