/* cyrillic-ext */
@media (max-width: 1199px) {
  body {}
}

@media (min-width: 1200px) {
  body {}
}

@media (max-width: 768px) {
  body {}
}

@media (forced-colors: active) {
  body {}
}

.loader[_ngcontent-serverApp-c3837549479],
#globalLoading[_ngcontent-serverApp-c3837549479] {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center
}

.loader[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479],
#globalLoading[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479] {
  width: auto;
  height: 15vh;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15vh
}

#globalLoading[_ngcontent-serverApp-c3837549479] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  align-items: flex-start
}

#globalLoading[_ngcontent-serverApp-c3837549479] .globalLoading-child[_ngcontent-serverApp-c3837549479] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5019607843)
}

@media (max-width: 768px) {
  #app[_ngcontent-serverApp-c3837549479] {
    display: flex;
    flex-direction: column;
    height: 100vh
  }
}

@media (max-width: 1199px) {
  #app[_ngcontent-serverApp-c3837549479] {
    display: flex;
    flex-direction: column;
    height: 100vh
  }
}

[_nghost-serverApp-c3823522762] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative
}

app-header[_ngcontent-serverApp-c3823522762] {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

@media (max-width: 768px) {
  app-header[_ngcontent-serverApp-c3823522762] {
    display: block;
    height: 50px;
    width: 100%
  }
}

.restrictions[_ngcontent-serverApp-c3823522762] {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background-color: #131417
}

.main-content[_ngcontent-serverApp-c3823522762] {
  margin-top: calc(60px + var(--restrictionsHeight));
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: 100%
}

notifier-notification {
  background: rgba(26, 29, 33, .95) !important;
  box-shadow: 0 4px 40px -6px #0e0e0f99 !important;
  border-radius: 5px !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 160%;
  width: 375px;
  color: #fff
}

notifier-notification .block {
  padding: 12px 51px 20px 27px
}

notifier-notification .flex-block {
  padding: 12px 51px 20px 9px;
  display: flex;
  align-items: center
}

notifier-notification .title {
  font-weight: 700;
  margin-bottom: 1px
}

notifier-notification .img-block {
  width: 68px;
  height: 49px;
  margin-right: 10px
}

notifier-notification .img-block .img {
  width: 68px;
  height: 49px;
  background-size: contain
}

notifier-notification button.green-button {
  font-size: 14px;
  padding: 10px 16px;
  font-weight: 700;
  margin-top: 10px
}

notifier-notification button.close-button {
  top: 14px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-size: 85px 77px;
  background-position: -6px -42px;
  cursor: pointer
}

notifier-notification.notifier__notification--default {
  border-left: 4px solid #4e575e
}

notifier-notification.notifier__notification--warn {
  border-left: 4px solid #f24c05
}

notifier-notification.notifier__notification--warn .title {
  color: #f24c05
}

notifier-notification.notifier__notification--success {
  border-left: 4px solid #98b818
}

notifier-notification.notifier__notification--success a {
  color: #98b818
}

notifier-notification.notifier__notification--info {
  border-left: 4px solid #1888b8
}

notifier-notification.notifier__notification--info a {
  color: #98b818
}

app-chat[_ngcontent-serverApp-c3823522762] {
  z-index: 1000;
  position: fixed
}

app-recent-info[_ngcontent-serverApp-c3823522762] {
  display: block;
  max-width: 2200px;
  margin: auto auto 0;
  padding-top: 30px;
  width: 100%
}

app-recent-info[_ngcontent-serverApp-c3823522762] app-history-items {
  display: block;
  transform: scale(.7647);
  transform-origin: left;
  overflow: initial
}

@media (max-width: 1199px) {
  app-header[_ngcontent-serverApp-c3823522762] {
    display: block;
    height: 50px;
    width: 100%
  }

  .main-content[_ngcontent-serverApp-c3823522762] {
    background: #131417;
    display: block;
    flex-grow: 1;
    width: 100%;
    margin-top: calc(50px + var(--restrictionsHeight))
  }

  [_nghost-serverApp-c3823522762] {
    display: flex;
    flex-direction: column;
    height: 100vh
  }

  .restrictions[_ngcontent-serverApp-c3823522762] {
    top: 50px
  }
}

@media (max-width: 768px) {
  app-header[_ngcontent-serverApp-c3823522762] {
    display: block;
    height: 50px;
    width: 100%
  }

  .main-content[_ngcontent-serverApp-c3823522762] {
    display: block;
    flex-grow: 1;
    width: 100%
  }

  [_nghost-serverApp-c3823522762] {
    display: flex;
    flex-direction: column;
    height: 100vh
  }
}

.market-header[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  height: 60px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.logo[_ngcontent-serverApp-c3453128492] {
  color: #fff;
  background: #1888b8;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-self: center
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.logo[_ngcontent-serverApp-c3453128492] mat-icon[_ngcontent-serverApp-c3453128492] {
  width: 38px;
  height: 43px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.logo[_ngcontent-serverApp-c3453128492] .name[_ngcontent-serverApp-c3453128492] {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  margin-top: 4px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.logo[_ngcontent-serverApp-c3453128492]:before {
  display: none
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] {
  display: flex
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li[_ngcontent-serverApp-c3453128492] {
  font-weight: 700;
  font-size: 14px;
  height: 100%;
  line-height: 16px;
  color: #fff;
  margin: 0
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li[_ngcontent-serverApp-c3453128492] a[_ngcontent-serverApp-c3453128492] {
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  opacity: 1
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li[_ngcontent-serverApp-c3453128492] a[_ngcontent-serverApp-c3453128492]:hover {
  opacity: .6
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li[_ngcontent-serverApp-c3453128492] a.active[_ngcontent-serverApp-c3453128492] {
  opacity: 1;
  color: #43c7ff
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li.active[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li.active[_ngcontent-serverApp-c3453128492] a[_ngcontent-serverApp-c3453128492] {
  color: #559fe2
}

.market-header[_ngcontent-serverApp-c3453128492] .nav[_ngcontent-serverApp-c3453128492] ul[_ngcontent-serverApp-c3453128492] li[_ngcontent-serverApp-c3453128492]:last-child {
  margin: 0
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] {
  display: flex;
  overflow: hidden
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .lang[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: center;
  align-items: center
}

.market-header[_ngcontent-serverApp-c3453128492] .block.menu[_ngcontent-serverApp-c3453128492] {
  overflow: initial;
  justify-content: flex-start
}

.market-header[_ngcontent-serverApp-c3453128492] .block.apps[_ngcontent-serverApp-c3453128492] {
  justify-content: center;
  flex-grow: 1
}

.market-header[_ngcontent-serverApp-c3453128492] .block.right[_ngcontent-serverApp-c3453128492] {
  overflow: initial;
  gap: 27px
}

.market-header[_ngcontent-serverApp-c3453128492] .block.right[_ngcontent-serverApp-c3453128492] .button-balance[_ngcontent-serverApp-c3453128492] {
  display: flex
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.dropdown[_ngcontent-serverApp-c3453128492] {
  height: 100%;
  cursor: pointer;
  outline: none;
  padding: 21px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  box-sizing: border-box;
  border: none;
  -webkit-appearance: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.dropdown.user-photo[_ngcontent-serverApp-c3453128492]:before {
  right: 0
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] a.dropdown.projects[_ngcontent-serverApp-c3453128492] {
  white-space: nowrap
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .notification[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 7px;
  position: relative;
  color: #ffffff80
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .notification[_ngcontent-serverApp-c3453128492] .count[_ngcontent-serverApp-c3453128492] {
  background: #f24c05;
  font-size: 12px;
  line-height: 130%;
  position: absolute;
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 18px;
  right: -8px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492] {
  height: 42px;
  padding: 0 13px !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  align-self: center
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492]:hover app-svg[_ngcontent-serverApp-c3453128492] {
  transform: rotate(360deg)
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492] app-svg[_ngcontent-serverApp-c3453128492] {
  transition: transform ease-in-out .3s
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492] span[_ngcontent-serverApp-c3453128492] {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #fff
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492] .money-icon[_ngcontent-serverApp-c3453128492] {
  margin-left: 2px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .money[_ngcontent-serverApp-c3453128492] mat-icon[_ngcontent-serverApp-c3453128492] {
  width: 14px;
  height: 14px;
  line-height: 14px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] {
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] .user-photo[_ngcontent-serverApp-c3453128492] {
  padding: 21px 0
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] .user-name[_ngcontent-serverApp-c3453128492] {
  margin-right: 11px
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] .login[_ngcontent-serverApp-c3453128492] {
  font-weight: 700;
  color: #559fe2
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] button[_ngcontent-serverApp-c3453128492] {
  width: 100%;
  overflow: hidden;
  height: 42px;
  display: inline-flex;
  align-items: center;
  font-weight: 700
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] button[_ngcontent-serverApp-c3453128492] .mat-button-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center
}

.market-header[_ngcontent-serverApp-c3453128492] .block[_ngcontent-serverApp-c3453128492] .profile[_ngcontent-serverApp-c3453128492] button[_ngcontent-serverApp-c3453128492] mat-icon[_ngcontent-serverApp-c3453128492] {
  margin-right: 9px;
  width: 16px;
  height: 16px;
  line-height: 16px
}

.market-header[_ngcontent-serverApp-c3453128492] .row[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  height: 60px
}

@media (max-width: 1400px) {
  .market-header[_ngcontent-serverApp-c3453128492] .row[_ngcontent-serverApp-c3453128492] {
    padding: 0
  }
}

.market-header[_ngcontent-serverApp-c3453128492] .row[_ngcontent-serverApp-c3453128492]:first-child {
  background: #181A1E
}

.market-header[_ngcontent-serverApp-c3453128492] .row[_ngcontent-serverApp-c3453128492]:last-child {
  margin-bottom: 1px
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px
}

@media (max-width: 1300px) {
  .market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] {
    display: none !important
  }
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492]:hover .desc[_ngcontent-serverApp-c3453128492] .name[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492]:hover .desc[_ngcontent-serverApp-c3453128492] .name[_ngcontent-serverApp-c3453128492] {
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: left;
  margin-left: 10px;
  cursor: pointer
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div[_ngcontent-serverApp-c3453128492] {
  text-align: left
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div.name[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div.name[_ngcontent-serverApp-c3453128492] {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div.sub-name[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .desc[_ngcontent-serverApp-c3453128492] div.sub-name[_ngcontent-serverApp-c3453128492] {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #adaeaf
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .icons[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .icons[_ngcontent-serverApp-c3453128492] {
  position: relative
}

.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .steam[_ngcontent-serverApp-c3453128492] .icons[_ngcontent-serverApp-c3453128492] .badge-chrome[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .market-apps[_ngcontent-serverApp-c3453128492] .market[_ngcontent-serverApp-c3453128492] .icons[_ngcontent-serverApp-c3453128492] .badge-chrome[_ngcontent-serverApp-c3453128492] {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(25%, 25%)
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] {
  position: relative
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart[_ngcontent-serverApp-c3453128492] {
  background: #55574e;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  width: 176px;
  padding: 9px 12px 9px 0;
  box-sizing: border-box;
  cursor: pointer
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart[_ngcontent-serverApp-c3453128492] .cart-block[_ngcontent-serverApp-c3453128492] {
  display: flex
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart[_ngcontent-serverApp-c3453128492] .cart-img[_ngcontent-serverApp-c3453128492] {
  display: flex;
  justify-content: left;
  background: #6b6d5d;
  border-radius: 5px 0 0 5px;
  height: 48px;
  width: 48px;
  align-items: center;
  padding-left: 13px;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  cursor: pointer
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart[_ngcontent-serverApp-c3453128492] .cart-value[_ngcontent-serverApp-c3453128492] {
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #fff
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] {
  position: absolute;
  z-index: 99999;
  padding: 17px 20px 20px;
  width: 375px;
  min-height: 461px;
  background: linear-gradient(180deg, #2c2f32 0%, #2c2f32 100%);
  box-shadow: 0 4px 40px -6px #191a1c;
  border-radius: 6px;
  box-sizing: border-box;
  top: calc(100% + 16px);
  right: 0
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .m-title[_ngcontent-serverApp-c3453128492] {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
  color: #fff
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .list[_ngcontent-serverApp-c3453128492] {
  margin: 0;
  display: flex;
  flex-direction: column
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .total-container[_ngcontent-serverApp-c3453128492] {
  margin: 15px 0;
  display: flex
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .total-container[_ngcontent-serverApp-c3453128492] .container[_ngcontent-serverApp-c3453128492] {
  width: 50%;
  color: #fff
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .total-container[_ngcontent-serverApp-c3453128492] .container[_ngcontent-serverApp-c3453128492] .sub-title[_ngcontent-serverApp-c3453128492] {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .total-container[_ngcontent-serverApp-c3453128492] .container[_ngcontent-serverApp-c3453128492]:last-child {
  border-left: 1px solid rgba(255, 255, 255, .04);
  padding-left: 13px
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .green-button[_ngcontent-serverApp-c3453128492],
.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .transparent-button[_ngcontent-serverApp-c3453128492] {
  height: 42px;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .green-button[_ngcontent-serverApp-c3453128492] {
  margin-bottom: 10px
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492] .transparent-button[_ngcontent-serverApp-c3453128492] {
  color: #98b818
}

.market-header[_ngcontent-serverApp-c3453128492] .cart-container[_ngcontent-serverApp-c3453128492] .cart-full-info[_ngcontent-serverApp-c3453128492]:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #2c2f32 transparent transparent;
  position: absolute;
  top: -15px;
  right: 10px;
  transform: rotate(90deg)
}

.loading[_ngcontent-serverApp-c3453128492] button[_ngcontent-serverApp-c3453128492] {
  visibility: hidden
}

.products.dropdown[_ngcontent-serverApp-c3453128492] mat-icon[_ngcontent-serverApp-c3453128492],
.user-photo.dropdown[_ngcontent-serverApp-c3453128492]>mat-icon[_ngcontent-serverApp-c3453128492] {
  width: 6px;
  height: 6px;
  min-width: 6px;
  line-height: 0;
  padding-left: 7px;
  opacity: .6
}

.products.dropdown[_ngcontent-serverApp-c3453128492] span[_ngcontent-serverApp-c3453128492]:hover,
.user-photo.dropdown[_ngcontent-serverApp-c3453128492]>span[_ngcontent-serverApp-c3453128492]:hover {
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

[_nghost-serverApp-c1371827163] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.apps[_ngcontent-serverApp-c1371827163] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: 0 15px;
  cursor: pointer;
  background-color: #1c1f25
}

.apps[_ngcontent-serverApp-c1371827163]:hover {
  background-color: #1e2228
}

.apps[_ngcontent-serverApp-c1371827163] .description[_ngcontent-serverApp-c1371827163] {
  display: flex;
  flex-direction: column;
  margin-left: 10px
}

.apps[_ngcontent-serverApp-c1371827163] .description[_ngcontent-serverApp-c1371827163] .title[_ngcontent-serverApp-c1371827163] {
  font-weight: 600
}

.apps[_ngcontent-serverApp-c1371827163] .description[_ngcontent-serverApp-c1371827163] .sign[_ngcontent-serverApp-c1371827163] {
  color: #adaeaf;
  font-size: 12px
}

.links-list[_ngcontent-serverApp-c1371827163] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0
}

.links-list[_ngcontent-serverApp-c1371827163] .link[_ngcontent-serverApp-c1371827163] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
  height: 40px;
  padding: 0 12px
}

.links-list[_ngcontent-serverApp-c1371827163] .link[_ngcontent-serverApp-c1371827163] a[_ngcontent-serverApp-c1371827163] {
  color: #ffffffb3
}

.links-list[_ngcontent-serverApp-c1371827163] .link[_ngcontent-serverApp-c1371827163]:hover {
  background-color: #1c1e22
}

.market[_ngcontent-serverApp-c1371827163] {
  display: flex
}

.market[_ngcontent-serverApp-c1371827163] .desc[_ngcontent-serverApp-c1371827163] {
  margin-left: 10px
}

.market[_ngcontent-serverApp-c1371827163] .desc[_ngcontent-serverApp-c1371827163] .name[_ngcontent-serverApp-c1371827163] {
  width: min-content
}

@media (max-width: 1366px) {
  .description[_ngcontent-serverApp-c1371827163] {
    display: none !important
  }
}

.social-network[_ngcontent-serverApp-c3994187767] {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 15px
}

.social-network[_ngcontent-serverApp-c3994187767] .social-network-link[_ngcontent-serverApp-c3994187767] {
  height: 20px;
  width: 20px
}

.social-network[_ngcontent-serverApp-c3994187767] mat-icon[_ngcontent-serverApp-c3994187767] {
  color: #5d6676;
  height: 20px;
  width: 20px;
  cursor: pointer
}

.social-network[_ngcontent-serverApp-c3994187767] mat-icon[_ngcontent-serverApp-c3994187767]:hover {
  color: #8c93a3
}

.mobile[_nghost-serverApp-c822625754] mat-icon[_ngcontent-serverApp-c822625754]:not(.arrow),
.mobile [_nghost-serverApp-c822625754] mat-icon[_ngcontent-serverApp-c822625754]:not(.arrow) {
  display: none
}

.spinner[_ngcontent-serverApp-c822625754] {
  padding: 0 !important
}

.current-lang[_ngcontent-serverApp-c822625754]>span[_ngcontent-serverApp-c822625754] {
  font-weight: 700
}

.arrow.mat-icon[_ngcontent-serverApp-c822625754] {
  width: 6px;
  height: 6px;
  min-height: 6px;
  line-height: 0;
  opacity: .6
}

.current-lang[_ngcontent-serverApp-c822625754]:hover span[_ngcontent-serverApp-c822625754] {
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}
.mdc-touch-target-wrapper {
  display: inline
}

.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  opacity: var(--mdc-elevation-overlay-opacity, 0);
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mdc-button:active {
  outline: none
}

.mdc-button:hover {
  cursor: pointer
}

.mdc-button:disabled {
  cursor: default;
  pointer-events: none
}

.mdc-button[hidden] {
  display: none
}

.mdc-button .mdc-button__icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top
}

[dir=rtl] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir=rtl] {
  margin-left: 8px;
  margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
  font-size: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  line-height: initial
}

.mdc-button .mdc-button__label {
  position: relative
}

.mdc-button .mdc-button__focus-ring {
  pointer-events: none;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  display: none
}

@media screen and (forced-colors: active) {
  .mdc-button .mdc-button__focus-ring {
    border-color: CanvasText
  }
}

.mdc-button .mdc-button__focus-ring::after {
  content: "";
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
  .mdc-button .mdc-button__focus-ring::after {
    border-color: CanvasText
  }
}

@media screen and (forced-colors: active) {

  .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
  .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
    display: block
  }
}

.mdc-button .mdc-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
  margin-left: 8px;
  margin-right: 0
}

[dir=rtl] .mdc-button__label+.mdc-button__icon,
.mdc-button__label+.mdc-button__icon[dir=rtl] {
  margin-left: 0;
  margin-right: 8px
}

svg.mdc-button__icon {
  fill: currentColor
}

.mdc-button--touch {
  margin-top: 6px;
  margin-bottom: 6px
}

.mdc-button {
  padding: 0 8px 0 8px
}

.mdc-button--unelevated {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
  padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
  padding: 0 16px 0 12px
}

.mdc-button--raised {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
  padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
  padding: 0 16px 0 12px
}

.mdc-button--outlined {
  border-style: solid;
  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button--outlined .mdc-button__ripple {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button {
  font-family: var(--mdc-text-button-label-text-font);
  font-size: var(--mdc-text-button-label-text-size);
  letter-spacing: var(--mdc-text-button-label-text-tracking);
  font-weight: var(--mdc-text-button-label-text-weight);
  text-transform: var(--mdc-text-button-label-text-transform);
  height: var(--mdc-text-button-container-height);
  border-radius: var(--mdc-text-button-container-shape);
  padding: 0 var(--mat-text-button-horizontal-padding, 8px)
}

.mat-mdc-button:not(:disabled) {
  color: var(--mdc-text-button-label-text-color)
}

.mat-mdc-button:disabled {
  color: var(--mdc-text-button-disabled-label-text-color)
}

.mat-mdc-button .mdc-button__ripple {
  border-radius: var(--mdc-text-button-container-shape)
}

.mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) {
  padding: 0 var(--mat-text-button-with-icon-horizontal-padding, 8px)
}

.mat-mdc-button>.mat-icon {
  margin-right: var(--mat-text-button-icon-spacing, 8px);
  margin-left: var(--mat-text-button-icon-offset, 0)
}

[dir=rtl] .mat-mdc-button>.mat-icon {
  margin-right: var(--mat-text-button-icon-offset, 0);
  margin-left: var(--mat-text-button-icon-spacing, 8px)
}

.mat-mdc-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-text-button-icon-offset, 0);
  margin-left: var(--mat-text-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-text-button-icon-spacing, 8px);
  margin-left: var(--mat-text-button-icon-offset, 0)
}

.mat-mdc-button .mat-ripple-element {
  background-color: var(--mat-text-button-ripple-color)
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-text-button-state-layer-color)
}

.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-text-button-disabled-state-layer-color)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-text-button-hover-state-layer-opacity)
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-text-button-focus-state-layer-opacity)
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-text-button-pressed-state-layer-opacity)
}

.mat-mdc-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: var(--mat-text-button-touch-target-display)
}

.mat-mdc-button[disabled],
.mat-mdc-button.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-text-button-disabled-label-text-color)
}

.mat-mdc-button.mat-mdc-button-disabled-interactive {
  pointer-events: auto
}

.mat-mdc-unelevated-button {
  font-family: var(--mdc-filled-button-label-text-font);
  font-size: var(--mdc-filled-button-label-text-size);
  letter-spacing: var(--mdc-filled-button-label-text-tracking);
  font-weight: var(--mdc-filled-button-label-text-weight);
  text-transform: var(--mdc-filled-button-label-text-transform);
  height: var(--mdc-filled-button-container-height);
  border-radius: var(--mdc-filled-button-container-shape);
  padding: 0 var(--mat-filled-button-horizontal-padding, 16px)
}

.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--mdc-filled-button-container-color)
}

.mat-mdc-unelevated-button:disabled {
  background-color: var(--mdc-filled-button-disabled-container-color)
}

.mat-mdc-unelevated-button:not(:disabled) {
  color: var(--mdc-filled-button-label-text-color)
}

.mat-mdc-unelevated-button:disabled {
  color: var(--mdc-filled-button-disabled-label-text-color)
}

.mat-mdc-unelevated-button .mdc-button__ripple {
  border-radius: var(--mdc-filled-button-container-shape)
}

.mat-mdc-unelevated-button>.mat-icon {
  margin-right: var(--mat-filled-button-icon-spacing, 8px);
  margin-left: var(--mat-filled-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon {
  margin-right: var(--mat-filled-button-icon-offset, -4px);
  margin-left: var(--mat-filled-button-icon-spacing, 8px)
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-filled-button-icon-offset, -4px);
  margin-left: var(--mat-filled-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-filled-button-icon-spacing, 8px);
  margin-left: var(--mat-filled-button-icon-offset, -4px)
}

.mat-mdc-unelevated-button .mat-ripple-element {
  background-color: var(--mat-filled-button-ripple-color)
}

.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-filled-button-state-layer-color)
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-filled-button-disabled-state-layer-color)
}

.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-filled-button-hover-state-layer-opacity)
}

.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-filled-button-focus-state-layer-opacity)
}

.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-filled-button-pressed-state-layer-opacity)
}

.mat-mdc-unelevated-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: var(--mat-filled-button-touch-target-display)
}

.mat-mdc-unelevated-button[disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-filled-button-disabled-label-text-color);
  background-color: var(--mdc-filled-button-disabled-container-color)
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive {
  pointer-events: auto
}

.mat-mdc-raised-button {
  font-family: var(--mdc-protected-button-label-text-font);
  font-size: var(--mdc-protected-button-label-text-size);
  letter-spacing: var(--mdc-protected-button-label-text-tracking);
  font-weight: var(--mdc-protected-button-label-text-weight);
  text-transform: var(--mdc-protected-button-label-text-transform);
  height: var(--mdc-protected-button-container-height);
  border-radius: var(--mdc-protected-button-container-shape);
  padding: 0 var(--mat-protected-button-horizontal-padding, 16px);
  box-shadow: var(--mdc-protected-button-container-elevation-shadow)
}

.mat-mdc-raised-button:not(:disabled) {
  background-color: var(--mdc-protected-button-container-color)
}

.mat-mdc-raised-button:disabled {
  background-color: var(--mdc-protected-button-disabled-container-color)
}

.mat-mdc-raised-button:not(:disabled) {
  color: var(--mdc-protected-button-label-text-color)
}

.mat-mdc-raised-button:disabled {
  color: var(--mdc-protected-button-disabled-label-text-color)
}

.mat-mdc-raised-button .mdc-button__ripple {
  border-radius: var(--mdc-protected-button-container-shape)
}

.mat-mdc-raised-button>.mat-icon {
  margin-right: var(--mat-protected-button-icon-spacing, 8px);
  margin-left: var(--mat-protected-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-raised-button>.mat-icon {
  margin-right: var(--mat-protected-button-icon-offset, -4px);
  margin-left: var(--mat-protected-button-icon-spacing, 8px)
}

.mat-mdc-raised-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-protected-button-icon-offset, -4px);
  margin-left: var(--mat-protected-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-protected-button-icon-spacing, 8px);
  margin-left: var(--mat-protected-button-icon-offset, -4px)
}

.mat-mdc-raised-button .mat-ripple-element {
  background-color: var(--mat-protected-button-ripple-color)
}

.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-protected-button-state-layer-color)
}

.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-protected-button-disabled-state-layer-color)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-protected-button-hover-state-layer-opacity)
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-protected-button-focus-state-layer-opacity)
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-protected-button-pressed-state-layer-opacity)
}

.mat-mdc-raised-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: var(--mat-protected-button-touch-target-display)
}

.mat-mdc-raised-button:hover {
  box-shadow: var(--mdc-protected-button-hover-container-elevation-shadow)
}

.mat-mdc-raised-button:focus {
  box-shadow: var(--mdc-protected-button-focus-container-elevation-shadow)
}

.mat-mdc-raised-button:active,
.mat-mdc-raised-button:focus:active {
  box-shadow: var(--mdc-protected-button-pressed-container-elevation-shadow)
}

.mat-mdc-raised-button[disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-protected-button-disabled-label-text-color);
  background-color: var(--mdc-protected-button-disabled-container-color)
}

.mat-mdc-raised-button[disabled].mat-mdc-button-disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  box-shadow: var(--mdc-protected-button-disabled-container-elevation-shadow)
}

.mat-mdc-raised-button.mat-mdc-button-disabled-interactive {
  pointer-events: auto
}

.mat-mdc-outlined-button {
  font-family: var(--mdc-outlined-button-label-text-font);
  font-size: var(--mdc-outlined-button-label-text-size);
  letter-spacing: var(--mdc-outlined-button-label-text-tracking);
  font-weight: var(--mdc-outlined-button-label-text-weight);
  text-transform: var(--mdc-outlined-button-label-text-transform);
  height: var(--mdc-outlined-button-container-height);
  border-radius: var(--mdc-outlined-button-container-shape);
  padding: 0 15px 0 15px;
  border-width: var(--mdc-outlined-button-outline-width);
  padding: 0 var(--mat-outlined-button-horizontal-padding, 15px)
}

.mat-mdc-outlined-button:not(:disabled) {
  color: var(--mdc-outlined-button-label-text-color)
}

.mat-mdc-outlined-button:disabled {
  color: var(--mdc-outlined-button-disabled-label-text-color)
}

.mat-mdc-outlined-button .mdc-button__ripple {
  border-radius: var(--mdc-outlined-button-container-shape)
}

.mat-mdc-outlined-button:not(:disabled) {
  border-color: var(--mdc-outlined-button-outline-color)
}

.mat-mdc-outlined-button:disabled {
  border-color: var(--mdc-outlined-button-disabled-outline-color)
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
  padding: 0 11px 0 15px
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
  padding: 0 15px 0 11px
}

.mat-mdc-outlined-button .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: var(--mdc-outlined-button-outline-width)
}

.mat-mdc-outlined-button .mdc-button__touch {
  left: calc(-1 * var(--mdc-outlined-button-outline-width));
  width: calc(100% + 2 * var(--mdc-outlined-button-outline-width))
}

.mat-mdc-outlined-button>.mat-icon {
  margin-right: var(--mat-outlined-button-icon-spacing, 8px);
  margin-left: var(--mat-outlined-button-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-outlined-button>.mat-icon {
  margin-right: var(--mat-outlined-button-icon-offset, -4px);
  margin-left: var(--mat-outlined-button-icon-spacing, 8px)
}

.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-outlined-button-icon-offset, -4px);
  margin-left: var(--mat-outlined-button-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
  margin-right: var(--mat-outlined-button-icon-spacing, 8px);
  margin-left: var(--mat-outlined-button-icon-offset, -4px)
}

.mat-mdc-outlined-button .mat-ripple-element {
  background-color: var(--mat-outlined-button-ripple-color)
}

.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-outlined-button-state-layer-color)
}

.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-outlined-button-disabled-state-layer-color)
}

.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-outlined-button-hover-state-layer-opacity)
}

.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-outlined-button-focus-state-layer-opacity)
}

.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-outlined-button-pressed-state-layer-opacity)
}

.mat-mdc-outlined-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: var(--mat-outlined-button-touch-target-display)
}

.mat-mdc-outlined-button[disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-outlined-button-disabled-label-text-color);
  border-color: var(--mdc-outlined-button-disabled-outline-color)
}

.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive {
  pointer-events: auto
}

.mat-mdc-button-base {
  text-decoration: none
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
  overflow: hidden
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
  z-index: 1
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
  content: ""
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
  transition: none !important;
  animation: none !important
}

.mat-mdc-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1.125rem;
  height: 1.125rem;
  width: 1.125rem
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: -1px
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
  margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px)*-1)
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
  margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px)*-1)
}

.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-icon-button {
  outline: solid 1px
}

mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
  color: var(--mat-icon-color)
}

.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden
}

.mat-icon.mat-icon-inline {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
  content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
  transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
  display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
  margin: auto
}

[_nghost-serverApp-c896433673] {
  position: relative
}

[_nghost-serverApp-c896433673] button[_ngcontent-serverApp-c896433673] {
  --mdc-filled-button-disabled-container-color: var(--tarpaulin-grey) !important
}

[_nghost-serverApp-c896433673] button.not-empty[_ngcontent-serverApp-c896433673] {
  --mdc-filled-button-disabled-container-color: $green
}

[_nghost-serverApp-c896433673] .menu[_ngcontent-serverApp-c896433673] {
  padding: 0 16px !important;
  height: 100%;
  border-radius: 0;
  width: 60px
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box
}

[_nghost-serverApp-c896433673] .cart.empty[_ngcontent-serverApp-c896433673] {
  height: 100%;
  font-size: 16px
}

[_nghost-serverApp-c896433673] .cart.empty[_ngcontent-serverApp-c896433673] .arrow[_ngcontent-serverApp-c896433673] {
  color: #6b6d5d
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-block[_ngcontent-serverApp-c896433673] {
  display: flex
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .arrow[_ngcontent-serverApp-c896433673] {
  color: #8baa0f
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-img[_ngcontent-serverApp-c896433673] {
  display: flex;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  color: #fff
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-img[_ngcontent-serverApp-c896433673] .mat-badge-small .mat-badge-content {
  width: 17px;
  height: 17px;
  line-height: 17px
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-img[_ngcontent-serverApp-c896433673] .mat-badge-content {
  right: -4px;
  top: 1px
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-value[_ngcontent-serverApp-c896433673] {
  text-align: right;
  color: #fff;
  white-space: initial;
  line-height: 20px
}

[_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-value[_ngcontent-serverApp-c896433673] b[_ngcontent-serverApp-c896433673] {
  display: flex;
  align-items: center;
  line-height: 16px;
  white-space: nowrap;
  font-size: 16px
}

.currency[_ngcontent-serverApp-c896433673] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  line-height: 16px
}
@media (max-width: 768px) {
  [_nghost-serverApp-c896433673] button[_ngcontent-serverApp-c896433673] {
    min-width: initial
  }

  [_nghost-serverApp-c896433673] .menu[_ngcontent-serverApp-c896433673] {
    width: 50px
  }

  [_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] {
    padding: initial;
    justify-content: center
  }

  [_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-value[_ngcontent-serverApp-c896433673] {
    display: none
  }
}

@media (max-width: 1199px) {
  [_nghost-serverApp-c896433673] button[_ngcontent-serverApp-c896433673] {
    min-width: initial
  }

  [_nghost-serverApp-c896433673] .menu[_ngcontent-serverApp-c896433673] {
    width: 50px
  }

  [_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] {
    padding: initial;
    justify-content: center
  }

  [_nghost-serverApp-c896433673] .cart[_ngcontent-serverApp-c896433673] .cart-value[_ngcontent-serverApp-c896433673] {
    display: none
  }
}

mat-menu {
  display: none
}

.mat-mdc-menu-content {
  margin: 0;
  padding: 8px 0;
  list-style-type: none
}

.mat-mdc-menu-content:focus {
  outline: none
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  flex: 1;
  white-space: normal;
  font-family: var(--mat-menu-item-label-text-font);
  line-height: var(--mat-menu-item-label-text-line-height);
  font-size: var(--mat-menu-item-label-text-size);
  letter-spacing: var(--mat-menu-item-label-text-tracking);
  font-weight: var(--mat-menu-item-label-text-weight)
}

.mat-mdc-menu-panel {
  min-width: 112px;
  max-width: 280px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  outline: 0;
  border-radius: var(--mat-menu-container-shape);
  background-color: var(--mat-menu-container-color);
  will-change: transform, opacity
}

.mat-mdc-menu-panel.ng-animating {
  pointer-events: none
}

.cdk-high-contrast-active .mat-mdc-menu-panel {
  outline: solid 1px
}

.mat-divider {
  color: var(--mat-menu-divider-color);
  margin-bottom: var(--mat-menu-divider-bottom-spacing);
  margin-top: var(--mat-menu-divider-top-spacing)
}

.mat-mdc-menu-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  padding-left: var(--mat-menu-item-leading-spacing);
  padding-right: var(--mat-menu-item-trailing-spacing);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  background: none;
  text-decoration: none;
  margin: 0;
  align-items: center;
  min-height: 48px
}

.mat-mdc-menu-item:focus {
  outline: none
}

[dir=rtl] .mat-mdc-menu-item,
.mat-mdc-menu-item[dir=rtl] {
  padding-left: var(--mat-menu-item-trailing-spacing);
  padding-right: var(--mat-menu-item-leading-spacing)
}

.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
  padding-left: var(--mat-menu-item-with-icon-leading-spacing);
  padding-right: var(--mat-menu-item-with-icon-trailing-spacing)
}

[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]),
.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon])[dir=rtl] {
  padding-left: var(--mat-menu-item-with-icon-trailing-spacing);
  padding-right: var(--mat-menu-item-with-icon-leading-spacing)
}

.mat-mdc-menu-item::-moz-focus-inner {
  border: 0
}

.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
  color: var(--mat-menu-item-label-text-color)
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
  color: var(--mat-menu-item-icon-color)
}

.mat-mdc-menu-item[disabled] {
  cursor: default;
  opacity: .38
}

.mat-mdc-menu-item[disabled]::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.mat-mdc-menu-item .mat-icon {
  flex-shrink: 0;
  margin-right: var(--mat-menu-item-spacing);
  height: var(--mat-menu-item-icon-size);
  width: var(--mat-menu-item-icon-size)
}

[dir=rtl] .mat-mdc-menu-item {
  text-align: right
}

[dir=rtl] .mat-mdc-menu-item .mat-icon {
  margin-right: 0;
  margin-left: var(--mat-menu-item-spacing)
}

.mat-mdc-menu-item:not([disabled]):hover {
  background-color: var(--mat-menu-item-hover-state-layer-color)
}

.mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
.mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  background-color: var(--mat-menu-item-focus-state-layer-color)
}

.cdk-high-contrast-active .mat-mdc-menu-item {
  margin-top: 1px
}

.mat-mdc-menu-submenu-icon {
  width: var(--mat-menu-item-icon-size);
  height: 10px;
  fill: currentColor;
  padding-left: var(--mat-menu-item-spacing)
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
  right: auto;
  padding-right: var(--mat-menu-item-spacing);
  padding-left: 0
}

.cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
  fill: CanvasText
}

.mat-mdc-menu-item .mat-mdc-menu-ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none
}

.projects-menu[_ngcontent-serverApp-c1457732338] {
  min-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 0
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project[_ngcontent-serverApp-c1457732338] {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  padding: 10px 17px;
  width: 100%
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project.list[_ngcontent-serverApp-c1457732338] {
  padding: 0
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project.list[_ngcontent-serverApp-c1457732338]:last-of-type {
  padding-bottom: 7px
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project.list[_ngcontent-serverApp-c1457732338]+.list[_ngcontent-serverApp-c1457732338] {
  padding-top: 14px
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project.list[_ngcontent-serverApp-c1457732338] .links[_ngcontent-serverApp-c1457732338] a[_ngcontent-serverApp-c1457732338] {
  padding: 0 20px;
  line-height: 26px;
  box-sizing: border-box
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project[_ngcontent-serverApp-c1457732338] .title[_ngcontent-serverApp-c1457732338] {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  flex-direction: row
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project[_ngcontent-serverApp-c1457732338] .title[_ngcontent-serverApp-c1457732338] a[_ngcontent-serverApp-c1457732338] {
  padding: 0 10px;
  color: #fff;
  cursor: pointer
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project[_ngcontent-serverApp-c1457732338] .title[_ngcontent-serverApp-c1457732338] span[_ngcontent-serverApp-c1457732338] {
  padding-left: 6px
}

.projects-menu[_ngcontent-serverApp-c1457732338] .project[_ngcontent-serverApp-c1457732338] .title[_ngcontent-serverApp-c1457732338] app-svg[_ngcontent-serverApp-c1457732338] {
  color: #fff
}

.projects-menu[_ngcontent-serverApp-c1457732338] .horizontal-line[_ngcontent-serverApp-c1457732338] {
  width: 100%;
  padding: 0 19px;
  box-sizing: border-box;
  margin: 5px 0
}

.projects-menu[_ngcontent-serverApp-c1457732338] .horizontal-line[_ngcontent-serverApp-c1457732338] hr[_ngcontent-serverApp-c1457732338] {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .04);
  width: 100%;
  margin: 0
}

.projects-menu[_ngcontent-serverApp-c1457732338] a.project[_ngcontent-serverApp-c1457732338] {
  color: #fff
}

.projects-menu[_ngcontent-serverApp-c1457732338] a.project[_ngcontent-serverApp-c1457732338]:hover {
  background: #202227
}

.projects-menu[_ngcontent-serverApp-c1457732338] .links[_ngcontent-serverApp-c1457732338] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 3px
}

.projects-menu[_ngcontent-serverApp-c1457732338] .link[_ngcontent-serverApp-c1457732338] {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  cursor: pointer
}

.projects-menu[_ngcontent-serverApp-c1457732338] .link[_ngcontent-serverApp-c1457732338]:hover {
  background: #1f2122
}

.mobile[_nghost-serverApp-c1848521569] button[_ngcontent-serverApp-c1848521569],
.mobile [_nghost-serverApp-c1848521569] button[_ngcontent-serverApp-c1848521569] {
  padding: 0 !important
}

.icon[_ngcontent-serverApp-c1848521569] {
  color: #fff
}

.icon-menu[_ngcontent-serverApp-c1848521569] {
  font-size: 14px
}

button[_ngcontent-serverApp-c1848521569] {
  font-weight: 700
}

button[_ngcontent-serverApp-c1848521569] .currency-button[_ngcontent-serverApp-c1848521569] {
  display: flex;
  align-items: center
}

button[_ngcontent-serverApp-c1848521569] mat-icon[_ngcontent-serverApp-c1848521569] {
  width: 6px;
  height: 6px;
  min-width: 6px;
  line-height: 0;
  padding-left: 7px;
  opacity: .6
}

button[_ngcontent-serverApp-c1848521569]:hover .currency-button[_ngcontent-serverApp-c1848521569] span[_ngcontent-serverApp-c1848521569] {
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.currency-list[_ngcontent-serverApp-c1848521569] {
  display: flex;
  align-items: center;
  font-weight: 700
}

.currency-list[_ngcontent-serverApp-c1848521569]:hover {
  background: #1F2122
}

.currency-list[_ngcontent-serverApp-c1848521569] span[_ngcontent-serverApp-c1848521569]+span[_ngcontent-serverApp-c1848521569] {
  padding-left: 7px
}

.notification.tradeoffer-error[_ngcontent-serverApp-c1099686997] button[_ngcontent-serverApp-c1099686997] {
  height: 42px;
  font-weight: 700
}

.notification.tradeoffer-error[_ngcontent-serverApp-c1099686997] mat-icon[_ngcontent-serverApp-c1099686997] {
  width: 15px;
  height: 24px
}

app-filter-above-inventory[_ngcontent-serverApp-c1099686997] {
  position: sticky;
  top: calc(60px + var(--restrictionsHeight));
  width: 100%;
  background: #131417;
  z-index: 1
}

.scroll[_ngcontent-serverApp-c1099686997] {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100vh
}

.main-view[_ngcontent-serverApp-c1099686997] {
  width: 100%;
  padding: 30px;
  background: #131417;
  min-height: calc(100vh - 108px);
  border-left: 1px solid rgba(255, 255, 255, .04);
  display: flex;
  margin-left: 308px;
  flex-direction: column
}

app-main-filter[_ngcontent-serverApp-c1099686997] {
  border-radius: 6px 0 0 6px;
  overflow: hidden;
  background: #131417;
  min-width: 308px;
  position: fixed
}

app-virtual-pagination[_ngcontent-serverApp-c1099686997] {
  flex-grow: 10;
  position: relative
}

.notification[_ngcontent-serverApp-c1099686997] {
  display: flex;
  justify-content: space-between;
  mix-blend-mode: normal;
  border-radius: 4px;
  font-size: 16px;
  line-height: 19px;
  padding: 20px;
  margin-bottom: 15px;
  align-items: center
}

.notification[_ngcontent-serverApp-c1099686997] .text[_ngcontent-serverApp-c1099686997] {
  display: flex;
  align-items: center
}

.notification[_ngcontent-serverApp-c1099686997] .text[_ngcontent-serverApp-c1099686997] app-svg[_ngcontent-serverApp-c1099686997] {
  margin-right: 10px
}

.notification[_ngcontent-serverApp-c1099686997] .action[_ngcontent-serverApp-c1099686997] {
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  color: #fff
}

.notification.tradeoffer-error[_ngcontent-serverApp-c1099686997] {
  margin-top: 15px;
  color: #f24c05;
  background: rgba(242, 76, 5, .1)
}

.notification.tradeoffer-success[_ngcontent-serverApp-c1099686997] {
  margin-top: 15px;
  background: rgba(152, 184, 24, .1);
  color: #98b818;
  padding: 14px 20px
}

.filter-mobile[_ngcontent-serverApp-c1099686997] {
  width: 42px;
  height: 42px;
  min-width: 42px;
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 42px
}

.filter-mobile[_ngcontent-serverApp-c1099686997] mat-icon[_ngcontent-serverApp-c1099686997] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0
}

.mat-sidenav[_ngcontent-serverApp-c1099686997] {
  left: 0;
  top: calc(50px + var(--restrictionsHeight)) !important
}

mat-sidenav-container[_ngcontent-serverApp-c1099686997] {
  background: initial;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px
}

mat-sidenav-container[_ngcontent-serverApp-c1099686997] mat-sidenav-content[_ngcontent-serverApp-c1099686997] {
  display: flex;
  flex-direction: column
}

.mobile-header-filter[_ngcontent-serverApp-c1099686997] .reset[_ngcontent-serverApp-c1099686997] {
  height: 42px;
  width: 100%;
  margin-bottom: 6px
}

.mobile-header-filter[_ngcontent-serverApp-c1099686997] .reset[_ngcontent-serverApp-c1099686997] mat-icon[_ngcontent-serverApp-c1099686997] {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: 3px
}

.filter-close[_ngcontent-serverApp-c1099686997] {
  display: none
}

.banners[_ngcontent-serverApp-c1099686997] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 18px
}

.banners.banner-margin[_ngcontent-serverApp-c1099686997] {
  margin-bottom: 20px
}

@media (max-width: 768px) {
  [_nghost-serverApp-c1099686997] {
    flex: 1
  }

  mat-sidenav[_ngcontent-serverApp-c1099686997] {
    background-color: #1e2022 !important
  }

  app-main-filter[_ngcontent-serverApp-c1099686997] {
    position: initial
  }

  app-filter-above-inventory[_ngcontent-serverApp-c1099686997] {
    overflow-y: initial;
    padding: initial;
    position: initial;
    background: none;
    max-height: initial;
    border-left: none
  }

  .filter-close[_ngcontent-serverApp-c1099686997] {
    padding: 20px;
    background: #322e2b
  }

  .filter-close[_ngcontent-serverApp-c1099686997] button[_ngcontent-serverApp-c1099686997] {
    width: 100%;
    height: 42px;
    line-height: 42px
  }

  .banners[_ngcontent-serverApp-c1099686997] {
    margin-bottom: 10px !important
  }
}

@media (max-width: 1199px) {
  [_nghost-serverApp-c1099686997] {
    flex: 1
  }

  [_nghost-serverApp-c1099686997] .mat-drawer-backdrop.mat-drawer-shown {
    background-color: #00000080
  }

  [_nghost-serverApp-c1099686997] .mat-badge-content {
    --mat-badge-container-overlap-offset: 0;
    --mat-badge-legacy-container-size: 16px;
    position: absolute !important;
    top: 50% !important;
    right: 13px !important;
    left: auto !important;
    transform: translateY(-50%) !important
  }

  mat-sidenav[_ngcontent-serverApp-c1099686997] {
    background-color: #1e2022 !important;
    padding-bottom: 82px
  }

  app-main-filter[_ngcontent-serverApp-c1099686997] {
    position: initial;
    display: block;
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    margin-right: 6px
  }

  app-main-filter[_ngcontent-serverApp-c1099686997]::-webkit-scrollbar-thumb {
    border-radius: 11px;
    background: rgba(233, 244, 255, .07)
  }

  app-filter-above-inventory[_ngcontent-serverApp-c1099686997] {
    overflow-y: initial;
    padding: initial;
    position: initial;
    background: none;
    max-height: initial;
    border-left: none
  }

  .filter-wrap[_ngcontent-serverApp-c1099686997] {
    overflow: hidden;
    position: relative;
    padding-bottom: 82px;
    height: 100%;
    background-color: #131417
  }

  .filter-close[_ngcontent-serverApp-c1099686997] {
    position: absolute;
    bottom: 0;
    display: flex;
    gap: 10px;
    padding: 20px;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    background: #131417;
    z-index: 5
  }

  .filter-close[_ngcontent-serverApp-c1099686997] button[_ngcontent-serverApp-c1099686997] {
    width: 100%;
    height: 42px;
    line-height: 42px
  }

  .banners[_ngcontent-serverApp-c1099686997] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0
  }

  .banners.banner-margin[_ngcontent-serverApp-c1099686997] {
    margin-bottom: 0
  }
}

.banner-tablet-mobile[_ngcontent-serverApp-c1099686997] {
  margin-bottom: 0
}

app-top-items-filter[_ngcontent-serverApp-c2224778419] {
  display: block
}

.filters[_ngcontent-serverApp-c2224778419] {
  width: 100%
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
  padding-bottom: 25px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] a[_ngcontent-serverApp-c2224778419] {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-right: 31px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] a[_ngcontent-serverApp-c2224778419]:hover {
  color: #43c7ff;
  cursor: pointer
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] a[_ngcontent-serverApp-c2224778419]:before {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  background-size: 70px 72px;
  width: 11px;
  height: 6px;
  top: 5px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] a[_ngcontent-serverApp-c2224778419]:last-child {
  margin-right: 0
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter[_ngcontent-serverApp-c2224778419] {
  box-sizing: border-box;
  padding: 13px;
  width: 98px;
  height: 42px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter[_ngcontent-serverApp-c2224778419] app-svg[_ngcontent-serverApp-c2224778419] {
  margin-right: 3px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter.close-filter[_ngcontent-serverApp-c2224778419] {
  width: 156px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter.close-filter[_ngcontent-serverApp-c2224778419] app-svg[_ngcontent-serverApp-c2224778419] {
  margin-right: 6px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-sort-order[_ngcontent-serverApp-c2224778419] {
  display: flex
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] {
  min-width: 318px;
  height: 42px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] .input-button .is-background {
  background-color: #323537
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] .actions app-svg {
  padding-right: 0
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] app-svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 14px;
  margin-left: 14px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] .default-icon {
  transform: none !important
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-price[_ngcontent-serverApp-c2224778419] {
  margin-left: 10px
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .selected-filter[_ngcontent-serverApp-c2224778419] {
  margin-left: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
  margin-top: 10px;
  color: #fff
}

.filters[_ngcontent-serverApp-c2224778419] .button-container[_ngcontent-serverApp-c2224778419] {
  display: flex
}

.filters[_ngcontent-serverApp-c2224778419] .button-container[_ngcontent-serverApp-c2224778419] button[_ngcontent-serverApp-c2224778419]:first-child {
  margin-right: 10px
}

.filters[_ngcontent-serverApp-c2224778419] .button-container[_ngcontent-serverApp-c2224778419] button[_ngcontent-serverApp-c2224778419] app-svg[_ngcontent-serverApp-c2224778419] {
  margin-right: 3px
}

.filters[_ngcontent-serverApp-c2224778419] .update-button[_ngcontent-serverApp-c2224778419] {
  min-width: 122px;
  min-height: 42px;
  padding: 0 10px;
  margin: 0 10px
}

@media (max-width: 768px) {
  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
    padding-bottom: 10px
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
    margin-bottom: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter.close-filter[_ngcontent-serverApp-c2224778419] {
    width: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-sort-order[_ngcontent-serverApp-c2224778419] {
    margin-left: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] {
    width: initial;
    flex-grow: 1;
    height: 100%
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .selected-filter[_ngcontent-serverApp-c2224778419] {
    margin-left: initial;
    gap: 6px
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .selected-filter[_ngcontent-serverApp-c2224778419] app-tags-search[_ngcontent-serverApp-c2224778419] {
    margin-bottom: 6px
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
    margin-top: initial;
    display: flex
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .top[_ngcontent-serverApp-c2224778419] {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 42px;
    flex-grow: 1
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] {
    min-width: initial
  }
}

@media (max-width: 768px) {
  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
    margin-bottom: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .filter.close-filter[_ngcontent-serverApp-c2224778419] {
    width: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-sort-order[_ngcontent-serverApp-c2224778419] {
    margin-left: initial
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] {
    width: initial;
    flex-grow: 1;
    height: 100%
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .selected-filter[_ngcontent-serverApp-c2224778419] {
    margin-left: initial;
    gap: 6px
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .selected-filter[_ngcontent-serverApp-c2224778419] app-tags-search[_ngcontent-serverApp-c2224778419] {
    margin-bottom: 6px
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] {
    margin-top: initial;
    display: flex
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] .top[_ngcontent-serverApp-c2224778419] {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 42px;
    flex-grow: 1
  }

  .filters[_ngcontent-serverApp-c2224778419] .row[_ngcontent-serverApp-c2224778419] app-search[_ngcontent-serverApp-c2224778419] {
    min-width: initial
  }
}

.list[_ngcontent-serverApp-c2278522998] {
  height: 100%
}

.list[_ngcontent-serverApp-c2278522998]>div {
  display: grid;
  width: 100%;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  gap: 6px
}

.list[_ngcontent-serverApp-c2278522998] .cdk-virtual-scroll-content-wrapper {
  z-index: 2
}

.not-found[_ngcontent-serverApp-c2278522998] {
  position: absolute;
  display: flex;
  inset: 0 -30px 0 -31px;
  gap: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #131417;
  padding: 150px 300px
}

.not-found[_ngcontent-serverApp-c2278522998] .mat-headline-6[_ngcontent-serverApp-c2278522998] {
  margin: 0
}

.not-found[_ngcontent-serverApp-c2278522998] .subject[_ngcontent-serverApp-c2278522998] {
  opacity: .6
}

.not-found[_ngcontent-serverApp-c2278522998] .button-content[_ngcontent-serverApp-c2278522998] button[_ngcontent-serverApp-c2278522998] {
  height: 42px
}

.not-found[_ngcontent-serverApp-c2278522998] .button-content[_ngcontent-serverApp-c2278522998] mat-icon[_ngcontent-serverApp-c2278522998] {
  width: 10px;
  height: 10px;
  line-height: 10px;
  margin-right: 6px
}

.not-found[_ngcontent-serverApp-c2278522998] .icon-footer[_ngcontent-serverApp-c2278522998] {
  display: flex;
  gap: 10px
}

.not-found[_ngcontent-serverApp-c2278522998] .icon-footer[_ngcontent-serverApp-c2278522998] mat-icon[_ngcontent-serverApp-c2278522998] {
  width: 20px;
  height: 20px
}

.not-found[_ngcontent-serverApp-c2278522998] .icon-header[_ngcontent-serverApp-c2278522998] mat-icon[_ngcontent-serverApp-c2278522998] {
  width: 22px;
  height: 22px
}

.invisible[_ngcontent-serverApp-c2278522998] {
  visibility: hidden
}

@media (max-width: 1199px) {
  .not-found[_ngcontent-serverApp-c2278522998] {
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none
  }
}

[_nghost-serverApp-c1836149937] app-stickers[_ngcontent-serverApp-c1836149937] app-svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 14px
}

[_nghost-serverApp-c1836149937] app-stickers[_ngcontent-serverApp-c1836149937] .default-icon {
  transform: none !important
}

app-checkbox-container[_ngcontent-serverApp-c1836149937] {
  display: block
}

app-checkbox-container[_ngcontent-serverApp-c1836149937]+app-checkbox-container[_ngcontent-serverApp-c1836149937] {
  margin-top: 10px
}

app-stickers[_ngcontent-serverApp-c1836149937] {
  display: block;
  margin-top: 10px
}

.main-filter[_ngcontent-serverApp-c1836149937] {
  width: 307px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff
}

.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] {
  width: 100%;
  padding: 23px 0 26px;
  margin-right: 6px;
  box-sizing: border-box;
  overflow-y: scroll;
  position: relative;
  height: calc(100vh - 71px - 60px - var(--restrictionsHeight))
}

.main-filter[_ngcontent-serverApp-c1836149937] .filter.desktop[_ngcontent-serverApp-c1836149937] {
  height: calc(100vh - 71px - 60px - 30px - var(--restrictionsHeight))
}

.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937]::-webkit-scrollbar-thumb {
  border-radius: 11px;
  background: rgba(233, 244, 255, .07)
}

.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-range-container[_ngcontent-serverApp-c1836149937],
.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-range-container-exp[_ngcontent-serverApp-c1836149937],
.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-checkbox-container[_ngcontent-serverApp-c1836149937],
.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-stickers[_ngcontent-serverApp-c1836149937],
.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-legal-information[_ngcontent-serverApp-c1836149937] {
  display: block;
  margin-left: 30px;
  margin-right: 30px
}

.main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] app-legal-information[_ngcontent-serverApp-c1836149937] {
  margin-top: 10px
}

.close[_ngcontent-serverApp-c1836149937] {
  display: none
}

@media (max-width: 768px) {
  .main-filter[_ngcontent-serverApp-c1836149937] {
    width: initial
  }

  .main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] {
    height: initial;
    margin-top: 0;
    overflow-y: unset
  }
}

@media (max-width: 1199px) {
  .main-filter[_ngcontent-serverApp-c1836149937] {
    width: initial
  }

  .main-filter[_ngcontent-serverApp-c1836149937] .filter[_ngcontent-serverApp-c1836149937] {
    height: initial;
    margin-top: 0;
    padding-top: 20px;
    overflow-y: unset;
    padding-bottom: 0
  }
}

[_nghost-serverApp-c3288006989] {
  display: block;
  width: 100%
}

.header[_ngcontent-serverApp-c3288006989] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, .04);
  padding: 28px 30px 25px;
  box-sizing: border-box
}

.header[_ngcontent-serverApp-c3288006989] .filters[_ngcontent-serverApp-c3288006989] {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 14px
}

.header[_ngcontent-serverApp-c3288006989] .filters[_ngcontent-serverApp-c3288006989]>.filters-title[_ngcontent-serverApp-c3288006989] {
  margin-right: 2px;
  margin-bottom: 1px
}

.header[_ngcontent-serverApp-c3288006989] .filters[_ngcontent-serverApp-c3288006989]>.filters-count[_ngcontent-serverApp-c3288006989] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  background: #f24c05;
  border-radius: 50%
}

.header[_ngcontent-serverApp-c3288006989] .title[_ngcontent-serverApp-c3288006989] {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-right: 2px
}

.header[_ngcontent-serverApp-c3288006989] .reset[_ngcontent-serverApp-c3288006989] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #f24c05;
  cursor: pointer
}

.header[_ngcontent-serverApp-c3288006989] .reset[_ngcontent-serverApp-c3288006989]>.reset-title[_ngcontent-serverApp-c3288006989] {
  margin-right: 6px
}

.header[_ngcontent-serverApp-c3288006989] .reset[_ngcontent-serverApp-c3288006989]>.reset-icon[_ngcontent-serverApp-c3288006989] {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-top: 2px
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] {
  margin-bottom: 20px
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] .range-container[_ngcontent-serverApp-c2178660527] {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 20px
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] .range-container[_ngcontent-serverApp-c2178660527] .column[_ngcontent-serverApp-c2178660527] {
  display: flex;
  flex-direction: column;
  width: 50%
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] .range-container[_ngcontent-serverApp-c2178660527] .column[_ngcontent-serverApp-c2178660527] .title[_ngcontent-serverApp-c2178660527] {
  color: #adaeaf;
  margin-bottom: 11px
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] .range-container[_ngcontent-serverApp-c2178660527] .column[_ngcontent-serverApp-c2178660527]:first-child .input-container input {
  border-right: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px 0 0 5px
}

[_nghost-serverApp-c2178660527] .range-container-block[_ngcontent-serverApp-c2178660527] .range-container[_ngcontent-serverApp-c2178660527] .column[_ngcontent-serverApp-c2178660527]:last-child .input-container input {
  border-radius: 0 5px 5px 0
}

app-input[_ngcontent-serverApp-c2178660527] {
  height: 42px
}

.range[_ngcontent-serverApp-c2178660527] {
  display: flex;
  justify-content: center
}

.range[_ngcontent-serverApp-c2178660527] mat-slider[_ngcontent-serverApp-c2178660527] {
  display: block;
  width: calc(100% - 18px)
}

#stickers[_ngcontent-serverApp-c349281539] {
  display: block;
  height: 42px
}

.stickers[_ngcontent-serverApp-c349281539] {
  padding-top: 10px;
  gap: 5px;
  flex-wrap: wrap;
  display: inline-flex
}

.stickers[_ngcontent-serverApp-c349281539]>div[_ngcontent-serverApp-c349281539] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #323537;
  border-radius: 5px;
  width: 58px;
  height: 47px
}

.stickers[_ngcontent-serverApp-c349281539]>div[_ngcontent-serverApp-c349281539] mat-icon[_ngcontent-serverApp-c349281539] {
  width: 15px;
  height: 15px;
  line-height: 15px;
  display: none
}

.stickers[_ngcontent-serverApp-c349281539]>div[_ngcontent-serverApp-c349281539] img[_ngcontent-serverApp-c349281539] {
  height: 100%;
  padding: 5px 7px;
  box-sizing: border-box
}

.stickers[_ngcontent-serverApp-c349281539]>div[_ngcontent-serverApp-c349281539]:hover {
  background: rgba(80, 167, 204, .19);
  cursor: pointer
}

.stickers[_ngcontent-serverApp-c349281539]>div[_ngcontent-serverApp-c349281539]:hover mat-icon[_ngcontent-serverApp-c349281539] {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px
}

.input-container[_ngcontent-serverApp-c3039924608] {
  flex-grow: 1;
  height: 100%;
  position: relative
}

.input-container[_ngcontent-serverApp-c3039924608] [_ngcontent-serverApp-c3039924608]::placeholder {
  color: #fff6
}

.input-container[_ngcontent-serverApp-c3039924608] [_ngcontent-serverApp-c3039924608]:-ms-input-placeholder {
  color: #fff6
}

.input-container[_ngcontent-serverApp-c3039924608] [_ngcontent-serverApp-c3039924608]::-ms-input-placeholder {
  color: #fff6
}

.input-container.hover[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608] {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  transition: border-color .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608] {
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, .15);
  border: 1px solid rgba(255, 255, 255, .07);
  transition: border-color .2s cubic-bezier(.1, .7, .5, 1);
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 7px 35px 7px 14px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield
}

.input-container[_ngcontent-serverApp-c3039924608] input.has-prefix[_ngcontent-serverApp-c3039924608] {
  padding-left: 30px
}

.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:hover {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  transition: border-color .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:-webkit-autofill,
.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:-webkit-autofill:hover,
.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:-webkit-autofill:focus,
.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:-webkit-autofill:active {
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 30px rgb(22, 23, 23) inset !important
}

.input-container[_ngcontent-serverApp-c3039924608] input[_ngcontent-serverApp-c3039924608]:disabled {
  background-color: #1c1e23
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 1;
  align-items: center;
  padding-right: 5px
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] app-svg[_ngcontent-serverApp-c3039924608] {
  height: 100%;
  width: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] app-svg.close[_ngcontent-serverApp-c3039924608] {
  width: initial
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] app-svg.error-tool[_ngcontent-serverApp-c3039924608] {
  width: initial
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] .input-button[_ngcontent-serverApp-c3039924608] {
  display: flex;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  height: 100%;
  align-items: center
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] .input-button.is-background[_ngcontent-serverApp-c3039924608] {
  background: rgba(50, 53, 55, .6)
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] .content[_ngcontent-serverApp-c3039924608] {
  display: flex;
  height: 100%;
  align-items: center
}

.input-container[_ngcontent-serverApp-c3039924608] .actions[_ngcontent-serverApp-c3039924608] .mat-icon-button[_ngcontent-serverApp-c3039924608] {
  width: auto
}

.input-container[_ngcontent-serverApp-c3039924608] button[_ngcontent-serverApp-c3039924608] {
  color: #fff;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c3039924608] button[_ngcontent-serverApp-c3039924608]:hover {
  opacity: 1
}

.input-container[_ngcontent-serverApp-c3039924608] app-svg[_ngcontent-serverApp-c3039924608] {
  color: #fff;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.input-container[_ngcontent-serverApp-c3039924608] app-svg[_ngcontent-serverApp-c3039924608]:hover {
  opacity: 1
}

.input-container[_ngcontent-serverApp-c3039924608] app-svg.cursor[_ngcontent-serverApp-c3039924608] {
  cursor: pointer
}

.input-container[_ngcontent-serverApp-c3039924608] app-svg.cursor[_ngcontent-serverApp-c3039924608]:hover {
  color: #fff
}

.input-container[_ngcontent-serverApp-c3039924608] button[_ngcontent-serverApp-c3039924608],
.input-container[_ngcontent-serverApp-c3039924608] .error-tool[_ngcontent-serverApp-c3039924608] {
  cursor: pointer
}

.input-container[_ngcontent-serverApp-c3039924608] .invisible[_ngcontent-serverApp-c3039924608] {
  visibility: hidden
}

.input-container[_ngcontent-serverApp-c3039924608] .prefix[_ngcontent-serverApp-c3039924608] {
  position: absolute;
  left: 11px;
  top: 12px;
  font-size: 14px;
  color: #adaeaf
}

input[_ngcontent-serverApp-c3039924608]::-webkit-outer-spin-button,
input[_ngcontent-serverApp-c3039924608]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number][_ngcontent-serverApp-c3039924608] {
  -moz-appearance: textfield
}

.default-icon[_ngcontent-serverApp-c3039924608] {
  transform: scaleX(-1) !important;
  width: 42px;
  align-items: center;
  justify-content: center
}

div.mat-mdc-autocomplete-panel {
  width: 100%;
  max-height: 256px;
  visibility: hidden;
  transform-origin: center top;
  overflow: auto;
  padding: 8px 0;
  box-sizing: border-box;
  position: static;
  border-radius: var(--mat-autocomplete-container-shape);
  box-shadow: var(--mat-autocomplete-container-elevation-shadow);
  background-color: var(--mat-autocomplete-background-color)
}

.cdk-high-contrast-active div.mat-mdc-autocomplete-panel {
  outline: solid 1px
}

.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform-origin: center bottom
}

div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
  visibility: visible
}

div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden {
  visibility: hidden
}

mat-autocomplete {
  display: none
}

.header[_nghost-serverApp-c3069159449] .links[_ngcontent-serverApp-c3069159449],
.header [_nghost-serverApp-c3069159449] .links[_ngcontent-serverApp-c3069159449] {
  display: none
}

[_nghost-serverApp-c3069159449] {
  display: flex !important;
  flex-direction: column;
  gap: 7px;
  font-size: 14px
}

.content[_ngcontent-serverApp-c3069159449] {
  opacity: .7;
  font-size: 12px;
  line-height: 18px
}

.links[_ngcontent-serverApp-c3069159449] {
  display: flex;
  flex-direction: column;
  gap: 7px
}

.links[_ngcontent-serverApp-c3069159449] a[_ngcontent-serverApp-c3069159449] {
  color: #43c7ff !important
}

.header.bold[_ngcontent-serverApp-c3069159449] {
  font-weight: 700
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] {
  background: initial;
  box-shadow: initial
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] .checkbox-list[_ngcontent-serverApp-c1670103271] {
  margin-top: 10px
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-title[_ngcontent-serverApp-c1670103271] {
  display: flex;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-title[_ngcontent-serverApp-c1670103271] .count[_ngcontent-serverApp-c1670103271] {
  margin-left: 3px
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] .mat-expansion-panel-body {
  padding: 0 0 16px
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-expansion-panel-header {
  padding: 10px 0;
  height: auto
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-expansion-panel-header:hover {
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
  background: none !important
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-expansion-panel-header:hover mat-panel-title {
  opacity: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-title {
  font-size: 12px;
  font-weight: 400;
  flex-grow: 1;
  opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-description {
  flex-grow: 0;
  gap: 9px;
  margin: 0
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-description mat-icon {
  width: 6px;
  height: 6px;
  line-height: 0;
  opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c1670103271] mat-panel-description a {
  font-weight: 400;
  font-size: 12px;
  color: #f24c05
}

.checkbox-container[_ngcontent-serverApp-c1670103271] {
  padding: 10px 0;
  letter-spacing: 0
}

.checkbox-container[_ngcontent-serverApp-c1670103271] .title[_ngcontent-serverApp-c1670103271] {
  color: #adaeaf
}

mat-checkbox[_ngcontent-serverApp-c1670103271] {
  display: block
}

mat-checkbox[_ngcontent-serverApp-c1670103271]+mat-checkbox[_ngcontent-serverApp-c1670103271] {
  margin-top: 14px
}

app-checkbox-item[_ngcontent-serverApp-c1670103271] {
  display: block
}

app-checkbox-item[_ngcontent-serverApp-c1670103271]+app-checkbox-item[_ngcontent-serverApp-c1670103271] {
  padding-top: 21px
}

.check-box-item[_ngcontent-serverApp-c3592165380] {
  display: flex;
  flex-direction: column
}

.check-box-item.primary[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] {
  color: #98b818
}

.check-box-item.primary[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] span[_ngcontent-serverApp-c3592165380] {
  background: #98b818;
  border: 1px solid #98b818
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380] {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380] span[_ngcontent-serverApp-c3592165380] {
  position: relative;
  background: rgba(255, 255, 255, .05);
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1);
  border: 1px solid rgba(255, 255, 255, .2)
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:focus+label[_ngcontent-serverApp-c3592165380] span[_ngcontent-serverApp-c3592165380] {
  outline: solid 1px #1888b8
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380] mat-icon[_ngcontent-serverApp-c3592165380] {
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #242628
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380] b[_ngcontent-serverApp-c3592165380] {
  display: inline-flex;
  gap: 6px;
  opacity: .7;
  font-weight: 400;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380]:hover b[_ngcontent-serverApp-c3592165380] {
  opacity: 1;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380]:hover span[_ngcontent-serverApp-c3592165380] {
  opacity: 1;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]+label[_ngcontent-serverApp-c3592165380] span[_ngcontent-serverApp-c3592165380] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  opacity: .7;
  border: 1px solid rgba(255, 255, 255, .2);
  box-sizing: border-box;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] {
  color: #5ab9e1
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] span[_ngcontent-serverApp-c3592165380] {
  border: 1px solid #50a7cc;
  background: #50a7cc;
  position: relative;
  opacity: .7
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] span.dropdown[_ngcontent-serverApp-c3592165380] {
  border: 1px solid rgba(255, 255, 255, .2);
  background: initial
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] span.dropdown[_ngcontent-serverApp-c3592165380] mat-icon[_ngcontent-serverApp-c3592165380] {
  color: #fff3
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=checkbox][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380]:hover span[_ngcontent-serverApp-c3592165380] {
  opacity: 1;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.check-box-item[_ngcontent-serverApp-c3592165380] input[type=radio][_ngcontent-serverApp-c3592165380]:checked+label[_ngcontent-serverApp-c3592165380] {
  color: #fff
}

.check-box-item[_ngcontent-serverApp-c3592165380] .variables[_ngcontent-serverApp-c3592165380] {
  margin-top: 10px;
  display: flex
}

.check-box-item[_ngcontent-serverApp-c3592165380] .variables[_ngcontent-serverApp-c3592165380] .transparent-button[_ngcontent-serverApp-c3592165380] {
  width: 29px;
  height: 29px;
  font-size: 14px;
  line-height: 20px;
  margin-right: 7px
}

.check-box-item[_ngcontent-serverApp-c3592165380] .variables[_ngcontent-serverApp-c3592165380] .transparent-button[_ngcontent-serverApp-c3592165380]:last-child {
  margin-right: 0
}

.check-box-item[_ngcontent-serverApp-c3592165380] .search-block {
  margin: 10px 0
}

.check-box-item[_ngcontent-serverApp-c3592165380] .search-block .search {
  width: 100%
}

.check-box-item[_ngcontent-serverApp-c3592165380] .search-block .search .input-container input {
  width: 100%
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] {
  display: flex
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item[_ngcontent-serverApp-c3592165380] {
  background: #323537;
  mix-blend-mode: normal;
  border-radius: 5px;
  width: 58px;
  min-height: 47px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item[_ngcontent-serverApp-c3592165380] .selected-item-img[_ngcontent-serverApp-c3592165380] {
  width: 44px;
  height: 37px;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 26px;
  line-height: 28px;
  color: #fff3
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item[_ngcontent-serverApp-c3592165380]:hover {
  background: rgba(80, 167, 204, .19)
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item[_ngcontent-serverApp-c3592165380]:hover [_ngcontent-serverApp-c3592165380]:before {
  content: "";
  display: block;
  background-size: 79px 64px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: 6px
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item.show-more[_ngcontent-serverApp-c3592165380] [_ngcontent-serverApp-c3592165380]:before {
  display: none
}

.check-box-item[_ngcontent-serverApp-c3592165380] .selected[_ngcontent-serverApp-c3592165380] .selected-item[_ngcontent-serverApp-c3592165380]:last-child {
  margin-right: 0
}

[_nghost-serverApp-c3592165380] app-checkbox-icons {
  display: flex;
  align-items: center
}

.without-color[_nghost-serverApp-c3592165380] .check-box-item[_ngcontent-serverApp-c3592165380] label[_ngcontent-serverApp-c3592165380],
.without-color [_nghost-serverApp-c3592165380] .check-box-item[_ngcontent-serverApp-c3592165380] label[_ngcontent-serverApp-c3592165380] {
  color: #adaeaf !important
}

mat-icon[_ngcontent-serverApp-c1426990940] {
  width: 15px;
  height: 15px;
  line-height: 15px
}

mat-icon[svgIcon=steam-logo][_ngcontent-serverApp-c1426990940] {
  color: #f24c05
}

mat-icon[svgIcon=triangle][_ngcontent-serverApp-c1426990940] {
  width: 10px;
  height: 10px;
  line-height: 10px;
  color: #f24c05
}

span[_ngcontent-serverApp-c1426990940] {
  line-height: 10px;
  font-size: 15px;
  display: block
}

.mat-expansion-panel {
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  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)
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0
}

.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape)
}

.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape)
}

.cdk-high-contrast-active .mat-expansion-panel {
  outline: solid 1px
}

.mat-expansion-panel.ng-animate-disabled,
.ng-animate-disabled .mat-expansion-panel,
.mat-expansion-panel._mat-animation-noopable {
  transition: none
}

.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking)
}

.mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: hidden !important
}

.mat-expansion-panel-body {
  padding: 0 24px 16px
}

.mat-expansion-panel-spacing {
  margin: 16px 0
}

.mat-accordion>.mat-expansion-panel-spacing:first-child,
.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
  margin-top: 0
}

.mat-accordion>.mat-expansion-panel-spacing:last-child,
.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
  margin-bottom: 0
}

.mat-action-row {
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 8px 16px 24px;
  border-top-color: var(--mat-expansion-actions-divider-color)
}

.mat-action-row .mat-button-base,
.mat-action-row .mat-mdc-button-base {
  margin-left: 8px
}

[dir=rtl] .mat-action-row .mat-button-base,
[dir=rtl] .mat-action-row .mat-mdc-button-base {
  margin-left: 0;
  margin-right: 8px
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking)
}

.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: var(--mat-expansion-header-disabled-state-text-color)
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
  cursor: pointer
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color)
}

@media(hover: none) {
  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: var(--mat-expansion-container-background-color)
  }
}

.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused {
  background: var(--mat-expansion-header-focus-state-layer-color)
}

.mat-expansion-panel-header._mat-animation-noopable {
  transition: none
}

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none
}

.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
  flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
  margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
  margin: 0 0 0 16px
}

.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden
}

.mat-content.mat-content-hide-toggle {
  margin-right: 8px
}

[dir=rtl] .mat-content.mat-content-hide-toggle {
  margin-right: 0;
  margin-left: 8px
}

.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
  margin-left: 24px;
  margin-right: 0
}

[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
  margin-right: 24px;
  margin-left: 0
}

.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color)
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center
}

[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
  margin-right: 0;
  margin-left: 16px
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit
}

.mat-expansion-panel-header-description {
  flex-grow: 2;
  color: var(--mat-expansion-header-description-color)
}

.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
  color: var(--mat-expansion-header-indicator-color)
}

.cdk-high-contrast-active .mat-expansion-panel-content {
  border-top: 1px solid;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

mat-icon[_ngcontent-serverApp-c2649217818] {
  width: 19px;
  height: 19px;
  line-height: 19px
}

span[_ngcontent-serverApp-c2649217818] {
  line-height: 10px;
  font-size: 15px;
  display: block
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] {
  margin-bottom: 20px
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] .range-container[_ngcontent-serverApp-c2453630649] {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 20px
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] .range-container[_ngcontent-serverApp-c2453630649] .column[_ngcontent-serverApp-c2453630649] {
  display: flex;
  flex-direction: column;
  width: 50%
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] .range-container[_ngcontent-serverApp-c2453630649] .column[_ngcontent-serverApp-c2453630649] .title[_ngcontent-serverApp-c2453630649] {
  color: #adaeaf;
  margin-bottom: 11px
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] .range-container[_ngcontent-serverApp-c2453630649] .column[_ngcontent-serverApp-c2453630649]:first-child .input-container input {
  border-right: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px 0 0 5px
}

[_nghost-serverApp-c2453630649] .range-container-block[_ngcontent-serverApp-c2453630649] .range-container[_ngcontent-serverApp-c2453630649] .column[_ngcontent-serverApp-c2453630649]:last-child .input-container input {
  border-radius: 0 5px 5px 0
}

app-input[_ngcontent-serverApp-c2453630649] {
  height: 42px
}

.range[_ngcontent-serverApp-c2453630649] {
  display: flex;
  justify-content: center
}

.range[_ngcontent-serverApp-c2453630649] mat-slider[_ngcontent-serverApp-c2453630649] {
  display: block;
  width: calc(100% - 18px)
}

.mdc-slider {
  cursor: pointer;
  height: 48px;
  margin: 0 24px;
  position: relative;
  touch-action: pan-y
}

.mdc-slider .mdc-slider__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.mdc-slider .mdc-slider__track--active,
.mdc-slider .mdc-slider__track--inactive {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%
}

.mdc-slider .mdc-slider__track--active {
  overflow: hidden
}

.mdc-slider .mdc-slider__track--active_fill {
  border-top-style: solid;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-transform-origin: left;
  transform-origin: left
}

[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,
.mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
  -webkit-transform-origin: right;
  transform-origin: right
}

.mdc-slider .mdc-slider__track--inactive {
  left: 0;
  top: 0
}

.mdc-slider .mdc-slider__track--inactive::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors: active) {
  .mdc-slider .mdc-slider__track--inactive::before {
    border-color: CanvasText
  }
}

.mdc-slider .mdc-slider__value-indicator-container {
  bottom: 44px;
  left: 50%;
  left: var(--slider-value-indicator-container-left, 50%);
  pointer-events: none;
  position: absolute;
  right: var(--slider-value-indicator-container-right);
  transform: translateX(-50%);
  transform: var(--slider-value-indicator-container-transform, translateX(-50%))
}

.mdc-slider .mdc-slider__value-indicator {
  transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 32px;
  padding: 0 12px;
  transform: scale(0);
  transform-origin: bottom
}

.mdc-slider .mdc-slider__value-indicator::before {
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 6px solid;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  left: var(--slider-value-indicator-caret-left, 50%);
  position: absolute;
  right: var(--slider-value-indicator-caret-right);
  transform: translateX(-50%);
  transform: var(--slider-value-indicator-caret-transform, translateX(-50%));
  width: 0
}

.mdc-slider .mdc-slider__value-indicator::after {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors: active) {
  .mdc-slider .mdc-slider__value-indicator::after {
    border-color: CanvasText
  }
}

.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
  pointer-events: auto
}

.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1)
}

@media(prefers-reduced-motion) {

  .mdc-slider .mdc-slider__value-indicator,
  .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
    transition: none
  }
}

.mdc-slider .mdc-slider__thumb {
  display: flex;
  left: -24px;
  outline: none;
  position: absolute;
  user-select: none;
  height: 48px;
  width: 48px
}

.mdc-slider .mdc-slider__thumb--top {
  z-index: 1
}

.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-style: solid;
  border-width: 1px;
  box-sizing: content-box
}

.mdc-slider .mdc-slider__thumb-knob {
  box-sizing: border-box;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.mdc-slider .mdc-slider__tick-marks {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0 1px;
  position: absolute;
  width: 100%
}

.mdc-slider--discrete .mdc-slider__thumb,
.mdc-slider--discrete .mdc-slider__track--active_fill {
  transition: transform 80ms ease
}

@media(prefers-reduced-motion) {

  .mdc-slider--discrete .mdc-slider__thumb,
  .mdc-slider--discrete .mdc-slider__track--active_fill {
    transition: none
  }
}

.mdc-slider--disabled {
  cursor: auto
}

.mdc-slider--disabled .mdc-slider__thumb {
  pointer-events: none
}

.mdc-slider__input {
  cursor: pointer;
  left: 2px;
  margin: 0;
  height: 44px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 2px;
  width: 44px
}

.mat-mdc-slider {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
  min-width: 112px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-slider .mdc-slider__thumb-knob {
  background-color: var(--mdc-slider-handle-color);
  border-color: var(--mdc-slider-handle-color)
}

.mat-mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: #fff
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
  background-color: var(--mdc-slider-disabled-handle-color);
  border-color: var(--mdc-slider-disabled-handle-color)
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb::before,
.mat-mdc-slider .mdc-slider__thumb::after {
  background-color: var(--mdc-slider-handle-color)
}

.mat-mdc-slider .mdc-slider__thumb:hover::before,
.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
  opacity: var(--mdc-ripple-hover-opacity)
}

.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,
.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: var(--mdc-ripple-focus-opacity)
}

.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear
}

.mat-mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: var(--mdc-ripple-press-opacity)
}

.mat-mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity)
}

.mat-mdc-slider .mdc-slider__track--active_fill {
  border-color: var(--mdc-slider-active-track-color)
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
  border-color: var(--mdc-slider-disabled-active-track-color)
}

.mat-mdc-slider .mdc-slider__track--inactive {
  background-color: var(--mdc-slider-inactive-track-color);
  opacity: .24
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  background-color: var(--mdc-slider-disabled-inactive-track-color);
  opacity: .24
}

.mat-mdc-slider .mdc-slider__tick-mark--active {
  background-color: var(--mdc-slider-with-tick-marks-active-container-color);
  opacity: var(--mdc-slider-with-tick-marks-active-container-opacity)
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
  background-color: var(--mdc-slider-with-tick-marks-active-container-color);
  opacity: var(--mdc-slider-with-tick-marks-active-container-opacity)
}

.mat-mdc-slider .mdc-slider__tick-mark--inactive {
  background-color: var(--mdc-slider-with-tick-marks-inactive-container-color);
  opacity: var(--mdc-slider-with-tick-marks-inactive-container-opacity)
}

.mat-mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
  background-color: var(--mdc-slider-with-tick-marks-disabled-container-color);
  opacity: var(--mdc-slider-with-tick-marks-inactive-container-opacity)
}

.mat-mdc-slider .mdc-slider__value-indicator {
  background-color: var(--mdc-slider-label-container-color);
  opacity: 1
}

.mat-mdc-slider .mdc-slider__value-indicator::before {
  border-top-color: var(--mdc-slider-label-container-color)
}

.mat-mdc-slider .mdc-slider__value-indicator {
  color: var(--mdc-slider-label-label-text-color)
}

.mat-mdc-slider .mdc-slider__track {
  height: var(--mdc-slider-inactive-track-height)
}

.mat-mdc-slider .mdc-slider__track--active {
  height: var(--mdc-slider-active-track-height);
  top: calc((var(--mdc-slider-inactive-track-height) - var(--mdc-slider-active-track-height)) / 2)
}

.mat-mdc-slider .mdc-slider__track--active_fill {
  border-top-width: var(--mdc-slider-active-track-height)
}

.mat-mdc-slider .mdc-slider__track--inactive {
  height: var(--mdc-slider-inactive-track-height)
}

.mat-mdc-slider .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-mark--inactive {
  height: var(--mdc-slider-with-tick-marks-container-size);
  width: var(--mdc-slider-with-tick-marks-container-size)
}

.mat-mdc-slider.mdc-slider--disabled {
  opacity: 0.38
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
  letter-spacing: var(--mdc-slider-label-label-text-tracking);
  font-size: var(--mdc-slider-label-label-text-size);
  font-family: var(--mdc-slider-label-label-text-font);
  font-weight: var(--mdc-slider-label-label-text-weight);
  line-height: var(--mdc-slider-label-label-text-line-height)
}

.mat-mdc-slider .mdc-slider__track--active {
  border-radius: var(--mdc-slider-active-track-shape)
}

.mat-mdc-slider .mdc-slider__track--inactive {
  border-radius: var(--mdc-slider-inactive-track-shape)
}

.mat-mdc-slider .mdc-slider__thumb-knob {
  border-radius: var(--mdc-slider-handle-shape);
  width: var(--mdc-slider-handle-width);
  height: var(--mdc-slider-handle-height);
  border-style: solid;
  border-width: calc(var(--mdc-slider-handle-height) / 2) calc(var(--mdc-slider-handle-width) / 2)
}

.mat-mdc-slider .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-mark--inactive {
  border-radius: var(--mdc-slider-with-tick-marks-container-shape)
}

.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
  background-color: var(--mdc-slider-hover-handle-color);
  border-color: var(--mdc-slider-hover-handle-color)
}

.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  background-color: var(--mdc-slider-focus-handle-color);
  border-color: var(--mdc-slider-focus-handle-color)
}

.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb:not(:disabled):active .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: #fff
}

.mat-mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mat-mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border-color: var(--mdc-slider-with-overlap-handle-outline-color);
  border-width: var(--mdc-slider-with-overlap-handle-outline-width)
}

.mat-mdc-slider .mdc-slider__thumb-knob {
  box-shadow: var(--mdc-slider-handle-elevation)
}

.mat-mdc-slider .mdc-slider__input {
  box-sizing: content-box;
  pointer-events: auto
}

.mat-mdc-slider .mdc-slider__input.mat-mdc-slider-input-no-pointer-events {
  pointer-events: none
}

.mat-mdc-slider .mdc-slider__input.mat-slider__right-input {
  left: auto;
  right: 0
}

.mat-mdc-slider .mdc-slider__thumb,
.mat-mdc-slider .mdc-slider__track--active_fill {
  transition-duration: 0ms
}

.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
  transition-duration: 80ms
}

.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,
.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill {
  transition-duration: 0ms
}

.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
  transition-duration: 80ms
}

.mat-mdc-slider .mdc-slider__track,
.mat-mdc-slider .mdc-slider__thumb {
  pointer-events: none
}

.mat-mdc-slider .mdc-slider__value-indicator-container {
  transform: var(--mat-slider-value-indicator-container-transform)
}

.mat-mdc-slider .mdc-slider__value-indicator {
  width: var(--mat-slider-value-indicator-width);
  height: var(--mat-slider-value-indicator-height);
  padding: var(--mat-slider-value-indicator-padding);
  opacity: var(--mat-slider-value-indicator-opacity);
  border-radius: var(--mat-slider-value-indicator-border-radius)
}

.mat-mdc-slider .mdc-slider__value-indicator::before {
  display: var(--mat-slider-value-indicator-caret-display)
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
  width: var(--mat-slider-value-indicator-width);
  transform: var(--mat-slider-value-indicator-text-transform)
}

.mat-mdc-slider .mat-ripple .mat-ripple-element {
  background-color: var(--mat-slider-ripple-color)
}

.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple {
  background-color: var(--mat-slider-hover-state-layer-color)
}

.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple,
.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple {
  background-color: var(--mat-slider-focus-state-layer-color)
}

.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb,
.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,
.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator {
  transition: none
}

.mat-mdc-slider .mat-mdc-focus-indicator::before {
  border-radius: 50%
}

.mat-mdc-slider .mdc-slider__value-indicator {
  word-break: normal
}

.mat-mdc-slider .mdc-slider__value-indicator-text {
  text-align: center
}

.mdc-slider__thumb--focused .mat-mdc-focus-indicator::before {
  content: ""
}

.mat-mdc-slider-visual-thumb .mat-ripple {
  height: 100%;
  width: 100%
}

.mat-mdc-slider .mdc-slider__tick-marks {
  justify-content: start
}

.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active,
.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
  position: absolute;
  left: 2px
}

.banner[_ngcontent-serverApp-c2241618641] {
  display: flex;
  width: 100%;
  height: 82px;
  background-position: center;
  background-size: cover;
  position: relative;
  cursor: pointer;
  border-radius: 5px
}

.banner[_ngcontent-serverApp-c2241618641] .close[_ngcontent-serverApp-c2241618641] {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff3;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
}

.banner[_ngcontent-serverApp-c2241618641] .close[_ngcontent-serverApp-c2241618641]:hover {
  background-color: #fff6
}

.handset[_nghost-serverApp-c3969465561] .items-mobile-menu.active[_ngcontent-serverApp-c3969465561],
.handset [_nghost-serverApp-c3969465561] .items-mobile-menu.active[_ngcontent-serverApp-c3969465561] {
  background: initial
}

.handset[_nghost-serverApp-c3969465561] .items-mobile-menu-sub.active[_ngcontent-serverApp-c3969465561] .items-menu[_ngcontent-serverApp-c3969465561],
.handset [_nghost-serverApp-c3969465561] .items-mobile-menu-sub.active[_ngcontent-serverApp-c3969465561] .items-menu[_ngcontent-serverApp-c3969465561] {
  background: initial
}

[_nghost-serverApp-c3969465561] {
  font-size: 14px
}

[_nghost-serverApp-c3969465561] .mat-badge .mat-badge-content {
  right: 2px !important
}

@media (max-width: 768px) {
  [_nghost-serverApp-c3969465561] {
    width: 100%;
    display: block;
    margin-top: 13px;
    padding: 0 30px;
    box-sizing: border-box
  }
}

.top-items[_ngcontent-serverApp-c3969465561] {
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 768px) {
  .top-items[_ngcontent-serverApp-c3969465561] {
    flex-direction: column;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    margin: 0;
    gap: 0
  }

  .top-items[_ngcontent-serverApp-c3969465561]>app-checkbox-item[_ngcontent-serverApp-c3969465561] {
    padding-top: 12px;
    padding-bottom: 9px
  }
}

.top[_ngcontent-serverApp-c3969465561] {
  display: flex;
  padding: 12px 13px;
  align-items: center
}

.top[_ngcontent-serverApp-c3969465561] mat-icon[_ngcontent-serverApp-c3969465561] {
  padding-left: 8px;
  width: 6px;
  height: 6px;
  line-height: 0;
  opacity: .6
}

a.top[_ngcontent-serverApp-c3969465561] {
  white-space: nowrap;
  border-radius: 4px;
  color: #fff;
  opacity: .7;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

a.top.active[_ngcontent-serverApp-c3969465561],
a.top[_ngcontent-serverApp-c3969465561]:hover {
  opacity: 1;
  background-color: #181a1e
}

.items-menu[_ngcontent-serverApp-c3969465561] {
  display: flex;
  flex-direction: column;
  background: #181A1E;
  padding: 5px 0;
  max-height: var(--height-list);
  overflow: auto
}

.items-menu[_ngcontent-serverApp-c3969465561] a[_ngcontent-serverApp-c3969465561] {
  padding: 0 14px;
  line-height: 42px;
  color: #fff;
  opacity: .7;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.items-menu[_ngcontent-serverApp-c3969465561] a[_ngcontent-serverApp-c3969465561]:hover,
.items-menu[_ngcontent-serverApp-c3969465561] a.active[_ngcontent-serverApp-c3969465561] {
  background: #23262C;
  opacity: 1
}

.items-mobile[_ngcontent-serverApp-c3969465561] {
  cursor: pointer;
  justify-content: space-between
}

.items-mobile[_ngcontent-serverApp-c3969465561] .items-mobile-icon[_ngcontent-serverApp-c3969465561] mat-icon[_ngcontent-serverApp-c3969465561] {
  width: 6px;
  height: 6px;
  line-height: 6px;
  opacity: .6
}

.items-mobile[_ngcontent-serverApp-c3969465561] .items-mobile-text[_ngcontent-serverApp-c3969465561] {
  font-weight: 700;
  cursor: pointer
}

.items-mobile-menu[_ngcontent-serverApp-c3969465561] {
  display: block
}

.items-mobile-menu.active[_ngcontent-serverApp-c3969465561] {
  background: #1D1E20
}

.items-mobile-menu[_ngcontent-serverApp-c3969465561] .menu[_ngcontent-serverApp-c3969465561] {
  display: flex;
  align-items: center
}

.items-mobile-menu[_ngcontent-serverApp-c3969465561] .menu[_ngcontent-serverApp-c3969465561] mat-icon[_ngcontent-serverApp-c3969465561] {
  padding-left: 6px
}

.items-mobile-menu[_ngcontent-serverApp-c3969465561] mat-icon[_ngcontent-serverApp-c3969465561] {
  width: 6px;
  height: 6px;
  line-height: 6px;
  opacity: .6
}

.items-mobile-menu-sub.active[_ngcontent-serverApp-c3969465561] .items-menu[_ngcontent-serverApp-c3969465561] {
  background: #1D1E20;
  padding-top: 0;
  padding-left: 22px
}

.items-mobile-menu-sub.active[_ngcontent-serverApp-c3969465561] .items-menu[_ngcontent-serverApp-c3969465561] app-checkbox-item[_ngcontent-serverApp-c3969465561]+app-checkbox-item[_ngcontent-serverApp-c3969465561] {
  margin-top: 15px
}

.mobile-zero[_ngcontent-serverApp-c3969465561] {
  display: block
}

.mat-menu-panel[_ngcontent-serverApp-c3969465561] {
  box-shadow: 0 4px 40px #0000004d
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] {
  background: initial;
  box-shadow: initial
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] .checkbox-list[_ngcontent-serverApp-c3969465561] {
  margin-top: 10px
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-title[_ngcontent-serverApp-c3969465561] {
  display: flex;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-title[_ngcontent-serverApp-c3969465561] .count[_ngcontent-serverApp-c3969465561] {
  margin-left: 3px
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] .mat-expansion-panel-body {
  padding: 0 0 16px;
  display: flex;
  margin-top: 10px;
  flex-direction: column;
  gap: 20px
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-expansion-panel-header {
  padding: 10px 0;
  height: auto
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-expansion-panel-header:hover {
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1);
  background: none !important
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-expansion-panel-header:hover mat-panel-title {
  opacity: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-title {
  flex-grow: 1
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-description {
  flex-grow: 0;
  gap: 9px;
  margin: 0
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-description mat-icon {
  width: 6px;
  height: 6px;
  line-height: 0;
  opacity: .6
}

.mat-expansion-panel[_ngcontent-serverApp-c3969465561] mat-panel-description a {
  font-weight: 400;
  font-size: 12px;
  color: #f24c05
}

.search[_ngcontent-serverApp-c885416566] {
  position: relative;
  width: 100%;
  height: 100%
}

.search[_ngcontent-serverApp-c885416566] form[_ngcontent-serverApp-c885416566] {
  display: block;
  height: 100%
}

.search[_ngcontent-serverApp-c885416566] form[_ngcontent-serverApp-c885416566] app-input[_ngcontent-serverApp-c885416566] {
  height: 100%;
  display: block
}

.search[_ngcontent-serverApp-c885416566]:after {
  content: "";
  color: red;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 13px;
  right: 13px;
  background-size: 16px 80px
}

.history-two-row[_ngcontent-serverApp-c885416566] {
  display: flex;
  flex-direction: column
}

.search-history[_ngcontent-serverApp-c885416566] {
  background-color: red
}

.search-history-controls-wrapper[_ngcontent-serverApp-c885416566] {
  padding: 16px 16px 4px;
  min-height: auto
}

.search-history-controls-wrapper[_ngcontent-serverApp-c885416566]:hover {
  background: inherit;
  cursor: inherit
}

.search-history-controls[_ngcontent-serverApp-c885416566] {
  display: flex;
  font-size: 12px;
  color: #adaeaf;
  line-height: normal
}

.search-history-header[_ngcontent-serverApp-c885416566] {
  flex-grow: 1
}

.search-history-clear[_ngcontent-serverApp-c885416566] {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #adaeaf;
  transition-duration: .25s
}

.search-history-clear[_ngcontent-serverApp-c885416566]:hover {
  color: #fff
}

.search-history-item[_ngcontent-serverApp-c885416566] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px
}

.search-history-item[_ngcontent-serverApp-c885416566]>.search-history-item-text[_ngcontent-serverApp-c885416566] {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

button[_ngcontent-serverApp-c832986] {
  height: 42px;
  color: #fff;
  opacity: .7;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

button.active[_ngcontent-serverApp-c832986],
button[_ngcontent-serverApp-c832986]:hover {
  background-color: #202227;
  opacity: 1
}

button[_ngcontent-serverApp-c832986] mat-icon.menu[_ngcontent-serverApp-c832986] {
  width: 6px;
  height: 8px;
  line-height: 6px;
  opacity: .3;
  padding-left: 5px
}

button.menu-active[_ngcontent-serverApp-c832986] {
  background: #181A1E;
  opacity: 1
}

mat-icon.arrow[_ngcontent-serverApp-c832986] {
  width: 11px;
  height: 9px;
  line-height: 0
}

[_nghost-serverApp-c832986] .mat-flat-button {
  padding: 0 15px
}

@media (max-width: 768px) {
  [_nghost-serverApp-c832986] .mat-flat-button {
    height: 42px
  }
}

cdk-virtual-scroll-viewport {
  display: block;
  position: relative;
  transform: translateZ(0)
}

.cdk-virtual-scrollable {
  overflow: auto;
  will-change: scroll-position;
  contain: strict;
  -webkit-overflow-scrolling: touch
}

.cdk-virtual-scroll-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  contain: content
}

[dir=rtl] .cdk-virtual-scroll-content-wrapper {
  right: 0;
  left: auto
}

.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper {
  min-height: 100%
}

.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]) {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  border-left-width: 0;
  border-right-width: 0;
  outline: none
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
  min-width: 100%
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),
.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]) {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  outline: none
}

.cdk-virtual-scroll-spacer {
  height: 1px;
  transform-origin: 0 0;
  flex: 0 0 auto
}

[dir=rtl] .cdk-virtual-scroll-spacer {
  transform-origin: 100% 0
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492],
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] {
  cursor: initial
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .blue-button[_ngcontent-serverApp-c290122492],
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .blue-button[_ngcontent-serverApp-c290122492] {
  display: none
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:before,
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:before {
  content: "";
  position: absolute;
  background: #000;
  opacity: .3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover,
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover {
  background: #242629
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover:before,
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover:before {
  opacity: .3
}

.loading[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492],
.loading [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492] {
  transform: initial
}

mat-icon.warning[_ngcontent-serverApp-c290122492] {
  position: absolute;
  width: 19px;
  height: 19px;
  line-height: 0;
  top: 5px;
  right: 7px;
  z-index: 1;
  color: #f24c05
}

[_nghost-serverApp-c290122492] {
  display: block;
  height: 100%;
  will-change: opacity;
  position: relative
}

.selected[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] {
  box-shadow: 0 0 0 1px #98b818
}

[_nghost-serverApp-c290122492]>mat-spinner[_ngcontent-serverApp-c290122492] {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%)
}

.item[_ngcontent-serverApp-c290122492] {
  transition: .2s ease;
  overflow: hidden;
  background: #181A1E;
  mix-blend-mode: normal;
  border-radius: 5px;
  padding: 6px;
  color: #fff;
  width: 100%;
  height: 186px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box
}

.item.untradable[_ngcontent-serverApp-c290122492] {
  opacity: .3
}

.item.activeBuyer[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item.activeBuyer[_ngcontent-serverApp-c290122492] .ctp[_ngcontent-serverApp-c290122492] {
  display: none
}

.item.rarity[_ngcontent-serverApp-c290122492]:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .7;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1), color .2s cubic-bezier(.1, .7, .5, 1)
}

.item.rarity-0[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(24, 26, 30) 100%)
}

.item.rarity-1[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(44, 47, 53) 100%)
}

.item.rarity-2[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(19, 37, 53) 100%)
}

.item.rarity-3[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(23, 41, 83) 100%)
}

.item.rarity-4[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(47, 30, 83) 100%)
}

.item.rarity-5[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(79, 30, 83) 100%)
}

.item.rarity-6[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(67, 25, 19) 100%)
}

.item.rarity-7[_ngcontent-serverApp-c290122492]:before {
  background: linear-gradient(180deg, rgb(24, 26, 30) 0%, rgb(58, 54, 28) 100%)
}

.item.rarity[_ngcontent-serverApp-c290122492]:hover:before {
  opacity: 1
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] {
  padding: 0 2px
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] {
  display: none
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .needPrice[_ngcontent-serverApp-c290122492] {
  font-size: 12px;
  color: #adaeaf
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .block[_ngcontent-serverApp-c290122492] {
  gap: 7px
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .block[_ngcontent-serverApp-c290122492] .popularity[_ngcontent-serverApp-c290122492] {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  gap: 2px;
  color: #adaeaf
}

.item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .block[_ngcontent-serverApp-c290122492] .popularity[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  width: 11px;
  height: 13px
}

.item.dummy[_ngcontent-serverApp-c290122492],
.item.dummy[_ngcontent-serverApp-c290122492]:hover {
  background-color: #181a1e;
  position: relative;
  background-size: 100% 100%;
  background-image: url("");
  background-repeat: no-repeat
}

.item[_ngcontent-serverApp-c290122492] .close-button[_ngcontent-serverApp-c290122492] {
  width: 15px;
  height: 15px;
  padding: 0 !important;
  position: absolute;
  top: 0;
  right: 0
}

.item[_ngcontent-serverApp-c290122492] .close-button[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  opacity: .6;
  display: flex;
  line-height: 0;
  width: 15px;
  height: 15px
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] {
  width: 40%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: 0;
  right: 0
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position.qty[_ngcontent-serverApp-c290122492] {
  color: #adaeaf;
  gap: 3px
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position.qty[_ngcontent-serverApp-c290122492] .icon-position[_ngcontent-serverApp-c290122492] {
  width: 9px;
  height: 9px;
  min-width: 9px;
  min-height: 9px;
  line-height: 0
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position.qty[_ngcontent-serverApp-c290122492] .position[_ngcontent-serverApp-c290122492] {
  font-size: 12px
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] .position[_ngcontent-serverApp-c290122492] {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] .red[_ngcontent-serverApp-c290122492] {
  stroke: red
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] .grey[_ngcontent-serverApp-c290122492] {
  stroke: gray
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] .green[_ngcontent-serverApp-c290122492] {
  stroke: #adff2f
}

.item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] .item-item-position[_ngcontent-serverApp-c290122492] .icon-position[_ngcontent-serverApp-c290122492] {
  fill: #2f3336;
  width: 18px;
  min-width: 18px;
  height: 18px;
  line-height: 18px
}

.item[_ngcontent-serverApp-c290122492] .item-info-container[_ngcontent-serverApp-c290122492] {
  z-index: 2
}

.item[_ngcontent-serverApp-c290122492]:hover {
  background: #293036
}

.item[_ngcontent-serverApp-c290122492]:hover .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492] {
  transform: scale(1.1)
}

.item[_ngcontent-serverApp-c290122492] .phase[_ngcontent-serverApp-c290122492] {
  position: absolute;
  border-radius: 2px;
  background-color: #3b4044;
  top: 6px;
  right: 6px;
  line-height: 16px
}

.item[_ngcontent-serverApp-c290122492] .phase[_ngcontent-serverApp-c290122492] span[_ngcontent-serverApp-c290122492] {
  color: #adaeaf;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 5px
}

.item[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex
}

.item[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492] .sticker-img[_ngcontent-serverApp-c290122492] {
  width: 34px;
  height: 30px;
  background: center no-repeat;
  background-size: contain !important
}

.item[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492]:first-child {
  margin-left: 0
}

.item[_ngcontent-serverApp-c290122492] .selected[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item[_ngcontent-serverApp-c290122492] .change-price[_ngcontent-serverApp-c290122492] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: fit-content;
  overflow: hidden;
  position: absolute;
  top: 0;
  border-radius: 0 0 3px 3px;
  width: 100%;
  z-index: 9;
  left: 0;
  box-sizing: border-box;
  align-items: center
}

.item[_ngcontent-serverApp-c290122492] .change-price_one-button[_ngcontent-serverApp-c290122492] {
  flex-direction: row;
  height: 30px;
  justify-content: center
}

.item[_ngcontent-serverApp-c290122492] .change-price[_ngcontent-serverApp-c290122492] .hover-button[_ngcontent-serverApp-c290122492] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  border-radius: 0
}

.item[_ngcontent-serverApp-c290122492] .change-price[_ngcontent-serverApp-c290122492] .hover-button-link[_ngcontent-serverApp-c290122492] {
  width: 100%
}

.item[_ngcontent-serverApp-c290122492] .change-price[_ngcontent-serverApp-c290122492] span[_ngcontent-serverApp-c290122492] {
  font-size: 12px;
  line-height: 15px;
  margin-left: 3px
}

.item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  width: 100%;
  height: 100%
}

.item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute
}

.item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492] {
  margin-top: 10px;
  max-width: 128px;
  max-height: 96px;
  width: auto;
  height: auto;
  transition: .2s ease
}

.item[_ngcontent-serverApp-c290122492] .type[_ngcontent-serverApp-c290122492] {
  font-size: 12px;
  line-height: 15px
}

.item[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492] {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  z-index: 100
}

.item[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492] .icon[_ngcontent-serverApp-c290122492] {
  width: 16px;
  height: 16px
}

.item[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  height: 16px;
  width: 16px;
  line-height: 16px
}

.item[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492] .sale[_ngcontent-serverApp-c290122492] {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  margin-left: 1px;
  color: #f24c05
}

.item[_ngcontent-serverApp-c290122492] .quality[_ngcontent-serverApp-c290122492] {
  font-size: 12px;
  line-height: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #adaeaf;
  height: 30px
}

.item[_ngcontent-serverApp-c290122492] .quality.statTrak[_ngcontent-serverApp-c290122492] {
  color: #d3b000
}

.item.green-background[_ngcontent-serverApp-c290122492] {
  background: #2a2f20;
  cursor: default
}

.item.green-background[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492],
.item.green-background[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item.green-background[_ngcontent-serverApp-c290122492]:after {
  display: none
}

.item.blue-background[_ngcontent-serverApp-c290122492] {
  cursor: default;
  background: rgba(85, 159, 226, .1)
}

.item.blue-background[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492],
.item.blue-background[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item.blue-background[_ngcontent-serverApp-c290122492]:after {
  display: none
}

.item[_ngcontent-serverApp-c290122492] .item-selected[_ngcontent-serverApp-c290122492] {
  display: none;
  position: absolute;
  width: 60px;
  height: 60px;
  background: #98b818;
  border-radius: 50%;
  inset: 42px 0 0 48px;
  justify-content: center;
  align-items: center
}

.item.selected[_ngcontent-serverApp-c290122492]:hover {
  background: #2f3336
}

.item.selected[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  opacity: .2
}

.item.selected[_ngcontent-serverApp-c290122492] .item-selected[_ngcontent-serverApp-c290122492] {
  display: flex
}

.lock[_ngcontent-serverApp-c290122492] {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  line-height: 15px;
  color: #adaeaf;
  display: flex
}

.lock[_ngcontent-serverApp-c290122492] app-svg[_ngcontent-serverApp-c290122492] {
  margin-right: 4px
}

.block[_ngcontent-serverApp-c290122492] {
  display: block
}

.item.activeSeller[_ngcontent-serverApp-c290122492] {
  cursor: initial
}

.item.activeSeller[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item.activeSeller[_ngcontent-serverApp-c290122492] .ctp[_ngcontent-serverApp-c290122492] {
  display: none
}

.item[_ngcontent-serverApp-c290122492] .transparent-green[_ngcontent-serverApp-c290122492],
.item[_ngcontent-serverApp-c290122492] .waiting-lable[_ngcontent-serverApp-c290122492] {
  box-sizing: border-box;
  padding: 0 10px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #98b81833;
  color: #98b818;
  border-radius: 5px;
  font-size: 12px;
  text-align: center
}

.num[_ngcontent-serverApp-c290122492] {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] {
  padding: 6px;
  box-sizing: border-box;
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  display: flex;
  gap: 11px;
  flex-direction: column;
  align-items: center;
  height: 100%
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin-bottom: 6px
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] app-svg[_ngcontent-serverApp-c290122492] {
  margin-right: 5px
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] .no-guarantee[_ngcontent-serverApp-c290122492] {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #f24c05
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] {
  height: 30px;
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  padding: 7px 11px;
  margin-bottom: 35px
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] button.transparent-green-button[_ngcontent-serverApp-c290122492] {
  font-weight: 400
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] {
  width: 100%;
  height: 100%;
  background: #1888B8;
  border-radius: 5px;
  padding: 11px 12px;
  box-sizing: border-box
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .buyer[_ngcontent-serverApp-c290122492] {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(255, 255, 255, .3);
  margin-bottom: 18px
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .info[_ngcontent-serverApp-c290122492] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 4px;
  color: #fff9
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .info[_ngcontent-serverApp-c290122492] span[_ngcontent-serverApp-c290122492] {
  color: #fff;
  font-weight: 700
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .white-blue[_ngcontent-serverApp-c290122492] {
  width: 100%;
  margin: 6px 0 0;
  padding: 12px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  height: 42px
}

.seller.active-items-container.final-status[_ngcontent-serverApp-c290122492] .waiting-lable[_ngcontent-serverApp-c290122492] {
  width: 100%
}

.seller.active-items-container.final-status[_ngcontent-serverApp-c290122492] .close-at[_ngcontent-serverApp-c290122492] {
  color: #adaeaf
}

.seller.active-items-container[_ngcontent-serverApp-c290122492] .close-at-mb[_ngcontent-serverApp-c290122492] {
  margin-bottom: 5px
}

.item.activeBuyer[_ngcontent-serverApp-c290122492] {
  background: #2A2F20
}

.item.activeBuyer[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  opacity: .1
}

.item.activeBuyer[_ngcontent-serverApp-c290122492] .ctp[_ngcontent-serverApp-c290122492] {
  display: none
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin-bottom: 6px
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] app-svg[_ngcontent-serverApp-c290122492] {
  margin-right: 5px
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .time[_ngcontent-serverApp-c290122492] .no-guarantee[_ngcontent-serverApp-c290122492] {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #f24c05
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492],
.buyer.active-items-container[_ngcontent-serverApp-c290122492] .seller-waiting[_ngcontent-serverApp-c290122492] {
  height: 30px;
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  padding: 7px 11px;
  margin-bottom: 35px
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] button.transparent-green-button[_ngcontent-serverApp-c290122492],
.buyer.active-items-container[_ngcontent-serverApp-c290122492] .seller-waiting.transparent-green-button[_ngcontent-serverApp-c290122492] {
  font-weight: 400
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] {
  width: 100%;
  height: 100%;
  background: #1888B8;
  border-radius: 5px;
  padding: 11px 12px;
  box-sizing: border-box
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .buyer[_ngcontent-serverApp-c290122492] {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(255, 255, 255, .3);
  margin-bottom: 18px
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .info[_ngcontent-serverApp-c290122492] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 4px;
  color: #fff9
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .info[_ngcontent-serverApp-c290122492] span[_ngcontent-serverApp-c290122492] {
  color: #fff;
  font-weight: 700
}

.buyer.active-items-container[_ngcontent-serverApp-c290122492] .active-container[_ngcontent-serverApp-c290122492] .white-blue[_ngcontent-serverApp-c290122492] {
  width: 100%;
  margin: 6px 0 0;
  padding: 12px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  height: 42px
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] {
  height: initial;
  cursor: initial;
  gap: 11px;
  background: #1B1E22;
  align-items: center;
  padding: 6px 20px;
  display: flex
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .ctp[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .ctp[_ngcontent-serverApp-c290122492] {
  display: none
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] {
  display: flex;
  flex-direction: column-reverse
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .type[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .type[_ngcontent-serverApp-c290122492] {
  order: 1;
  font-size: 12px;
  color: #adaeaf
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .quality[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .quality[_ngcontent-serverApp-c290122492] {
  order: 2;
  font-size: 12px;
  color: #adaeaf
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492] .price[_ngcontent-serverApp-c290122492] {
  font-size: 14px;
  margin-top: 2px
}

app-base-item.cart[_nghost-serverApp-c290122492] .item.rarity[_ngcontent-serverApp-c290122492]:before,
app-base-item.cart [_nghost-serverApp-c290122492] .item.rarity[_ngcontent-serverApp-c290122492]:before {
  display: none
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492] {
  display: flex;
  gap: 7px;
  flex-direction: row;
  align-items: center
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] {
  display: flex
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492] {
  border-radius: 99999px;
  border: 1px solid #3E4448;
  background: #2F3336;
  overflow: hidden
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492]+.sticker[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492]+.sticker[_ngcontent-serverApp-c290122492] {
  margin-left: -15px
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .stickers[_ngcontent-serverApp-c290122492] {
  position: initial
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] {
  flex-basis: 70px
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] {
  position: initial
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492] {
  height: 50px;
  width: initial
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-container[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-container[_ngcontent-serverApp-c290122492] {
  flex-grow: 1;
  margin: auto 0;
  overflow: hidden
}

app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492]:hover .img-block[_ngcontent-serverApp-c290122492] .img[_ngcontent-serverApp-c290122492] img[_ngcontent-serverApp-c290122492] {
  transform: initial
}

app-base-item.cart[_nghost-serverApp-c290122492] button[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] {
  --mdc-outlined-button-container-height: 34px
}

app-base-item.cart[_nghost-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492],
app-base-item.cart [_nghost-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  width: 16px;
  height: 16px;
  line-height: 0
}

app-base-item.cart[_nghost-serverApp-c290122492] button.mat-mdc-outlined-button,
app-base-item.cart [_nghost-serverApp-c290122492] button.mat-mdc-outlined-button {
  padding: 8px !important
}

.item.editable[_ngcontent-serverApp-c290122492] {
  height: 224px
}

.item.editable.in-edit[_ngcontent-serverApp-c290122492] {
  cursor: initial
}

.item.editable[_ngcontent-serverApp-c290122492] .edited[_ngcontent-serverApp-c290122492] {
  position: absolute;
  top: 0;
  cursor: initial;
  z-index: 12;
  left: 0;
  width: 100%;
  height: 100%
}

.item.editable[_ngcontent-serverApp-c290122492] .edited[_ngcontent-serverApp-c290122492] .actions[_ngcontent-serverApp-c290122492] {
  position: absolute;
  top: 47px;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 6px;
  align-items: center;
  z-index: 12
}

.item.editable[_ngcontent-serverApp-c290122492] .edited[_ngcontent-serverApp-c290122492] .actions[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: #2F3336;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important
}

.item.editable[_ngcontent-serverApp-c290122492] .edited[_ngcontent-serverApp-c290122492] .actions[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  margin: 0;
  line-height: 0
}

.item.editable[_ngcontent-serverApp-c290122492] .editable-quality[_ngcontent-serverApp-c290122492] {
  margin-top: 6px
}

.item.editable[_ngcontent-serverApp-c290122492] .price.opacity[_ngcontent-serverApp-c290122492] {
  opacity: .5
}

.item.editable[_ngcontent-serverApp-c290122492] form.edit[_ngcontent-serverApp-c290122492] {
  display: flex;
  gap: 4px
}

.item.editable[_ngcontent-serverApp-c290122492] form.edit[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] {
  padding: 0 !important;
  margin: 0 !important;
  width: 32px;
  height: 32px;
  min-width: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center
}

.item.editable[_ngcontent-serverApp-c290122492] form.edit[_ngcontent-serverApp-c290122492] button[_ngcontent-serverApp-c290122492] mat-icon[_ngcontent-serverApp-c290122492] {
  line-height: 0
}

.item.editable[_ngcontent-serverApp-c290122492] form.edit[_ngcontent-serverApp-c290122492] input {
  padding-left: 8px !important
}

.item.editable[_ngcontent-serverApp-c290122492] form.edit[_ngcontent-serverApp-c290122492] .input-container .actions app-svg.close {
  padding-right: 4px
}

@media (max-width: 768px) {

  app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492],
  app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] {
    order: -1;
    display: flex;
    margin-top: 2px
  }

  app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492],
  app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492] {
    border-radius: 99999px;
    border: 1px solid #3E4448;
    background: #2F3336;
    overflow: hidden
  }

  app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492]+.sticker[_ngcontent-serverApp-c290122492],
  app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-info-block[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] .sticker[_ngcontent-serverApp-c290122492]+.sticker[_ngcontent-serverApp-c290122492] {
    margin-left: -15px
  }

  app-base-item.cart[_nghost-serverApp-c290122492] .item.rarity[_ngcontent-serverApp-c290122492]:before,
  app-base-item.cart [_nghost-serverApp-c290122492] .item.rarity[_ngcontent-serverApp-c290122492]:before {
    display: none
  }

  app-base-item.cart[_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492],
  app-base-item.cart [_nghost-serverApp-c290122492] .item[_ngcontent-serverApp-c290122492] .item-container[_ngcontent-serverApp-c290122492]>.stickers[_ngcontent-serverApp-c290122492] {
    display: none
  }
}

[_nghost-serverApp-c1510751026] {
  z-index: 1000;
  position: fixed
}

.chat_resize[_ngcontent-serverApp-c1510751026] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: 0;
  cursor: nwse-resize
}

.chat_resize[_ngcontent-serverApp-c1510751026] mat-icon[_ngcontent-serverApp-c1510751026] {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 0
}

.hidden[_ngcontent-serverApp-c1510751026] {
  display: none !important
}

.chat-mini[_ngcontent-serverApp-c1510751026] {
  z-index: 1000;
  overflow: hidden;
  position: fixed;
  width: fit-content;
  min-width: 170px;
  height: 50px;
  cursor: pointer;
  color: #fff;
  background: #1498D0;
  display: flex;
  padding: 0 15px;
  font-size: 12px;
  align-items: center;
  box-shadow: 0 4px 40px -6px #191a1c;
  border-radius: 5px;
  box-sizing: border-box;
  right: 10px;
  bottom: 10px
}

.chat-mini_china[_ngcontent-serverApp-c1510751026] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: fit-content;
  width: 44px;
  min-width: 44px;
  cursor: default;
  background-color: #1498d0;
  border-radius: 5px;
  padding: 4px
}

.chat-mini_china[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] {
  padding: 0 !important;
  border-radius: 5px;
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center
}

.chat-mini_china[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026]:hover {
  background-color: #0f87ba
}

.chat-mini_china[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] .header-circle[_ngcontent-serverApp-c1510751026] {
  position: absolute;
  width: 7px;
  right: 1px
}

.chat-mini_china[_ngcontent-serverApp-c1510751026] .icon[_ngcontent-serverApp-c1510751026] {
  color: #fff
}

.chat-mini[_ngcontent-serverApp-c1510751026] .chat-icon[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 16px;
  line-height: 0
}

.chat-mini.hidden[_ngcontent-serverApp-c1510751026] {
  display: block !important;
  left: -9999999px
}

.chat-mini[_ngcontent-serverApp-c1510751026] .header-online-text[_ngcontent-serverApp-c1510751026] {
  opacity: .5;
  color: #fff !important
}

.chat-mini[_ngcontent-serverApp-c1510751026]:hover .header-online-text[_ngcontent-serverApp-c1510751026] {
  opacity: 1
}

.chat[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] {
  display: flex;
  gap: 5px;
  align-items: center
}

.chat[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-title[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-title[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-title[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-title[_ngcontent-serverApp-c1510751026] {
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 3px
}

.chat[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-circle[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-circle[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-circle[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-circle[_ngcontent-serverApp-c1510751026] {
  width: 5px;
  height: 5px;
  line-height: 0;
  color: #a5c81c;
  filter: drop-shadow(0 0 4px #A5C81C)
}

.chat[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-online-text[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-online-text[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .header-online-text[_ngcontent-serverApp-c1510751026],
.chat-mini[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] .header-online-text[_ngcontent-serverApp-c1510751026] {
  display: flex;
  gap: 3px;
  color: #adaeaf
}

.chat[_ngcontent-serverApp-c1510751026] {
  z-index: 1000;
  position: fixed;
  max-height: 100vh;
  min-width: 250px;
  background: #292C2F;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 40px -6px #191a1c;
  border-radius: 5px;
  box-sizing: border-box
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] {
  font-size: 12px;
  height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, .04);
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: move;
  justify-content: space-between
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-left[_ngcontent-serverApp-c1510751026] .chat-icon[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 16px;
  line-height: 0;
  color: #fff
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] {
  gap: 8px
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 16px;
  line-height: 0;
  padding: 0 !important
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] mat-icon[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 16px;
  line-height: 0
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] button.button-settings.active[_ngcontent-serverApp-c1510751026] {
  opacity: 1
}

.chat[_ngcontent-serverApp-c1510751026] .header[_ngcontent-serverApp-c1510751026] .header-right[_ngcontent-serverApp-c1510751026] mat-icon[_ngcontent-serverApp-c1510751026] {
  transition-duration: .5s
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body-inner[_ngcontent-serverApp-c1510751026] {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] {
  display: flex;
  min-height: 200px;
  flex-direction: column;
  position: initial;
  justify-content: space-between
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body.hidden[_ngcontent-serverApp-c1510751026] {
  display: none
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .messages[_ngcontent-serverApp-c1510751026] {
  font-size: 12px;
  line-height: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: none
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .messages[_ngcontent-serverApp-c1510751026] app-chat-message[_ngcontent-serverApp-c1510751026] {
  padding: 5px 15px
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] {
  display: flex;
  flex-direction: column
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input.login[_ngcontent-serverApp-c1510751026] {
  border-top: 1px solid rgba(255, 255, 255, .04)
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input.login[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] {
  margin: 15px;
  height: 42px;
  font-weight: 700
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-area[_ngcontent-serverApp-c1510751026] {
  border-top: 1px solid rgba(255, 255, 255, .04);
  padding: 15px 15px 0;
  height: 100%
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-area[_ngcontent-serverApp-c1510751026] form[_ngcontent-serverApp-c1510751026] {
  display: block;
  height: 100%
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-area[_ngcontent-serverApp-c1510751026] form[_ngcontent-serverApp-c1510751026] app-text-area[_ngcontent-serverApp-c1510751026] {
  height: 100%
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] {
  gap: 10px;
  display: flex;
  padding: 9px 15px;
  align-items: center;
  justify-content: space-between
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] {
  padding: 0 !important;
  height: 20px;
  line-height: 20px
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] button[_ngcontent-serverApp-c1510751026] mat-icon[_ngcontent-serverApp-c1510751026] {
  height: 16px;
  width: 16px;
  min-width: 16px;
  line-height: 0
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] .insert-profile[_ngcontent-serverApp-c1510751026] {
  overflow: hidden;
  color: #adaeaf;
  font-size: 12px;
  display: flex;
  justify-content: flex-start
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] .insert-profile[_ngcontent-serverApp-c1510751026] .mdc-button__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] .action[_ngcontent-serverApp-c1510751026] {
  width: 100%;
  gap: 4px
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] .mdc-button.mat-accent[_ngcontent-serverApp-c1510751026] {
  font-size: 12px;
  color: #43c7ff
}

.chat[_ngcontent-serverApp-c1510751026] .chat-body[_ngcontent-serverApp-c1510751026] .chat-input[_ngcontent-serverApp-c1510751026] .chat-input-buttons[_ngcontent-serverApp-c1510751026] .mdc-button.mat-accent.mat-mdc-button-disabled[_ngcontent-serverApp-c1510751026] {
  opacity: .5
}

.chat[_ngcontent-serverApp-c1510751026] .top[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .top-right-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .right[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom-right-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom-left-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .left[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .top-left-corner[_ngcontent-serverApp-c1510751026] {
  position: absolute
}

.chat[_ngcontent-serverApp-c1510751026] .top[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom[_ngcontent-serverApp-c1510751026] {
  width: 100%;
  height: 16px;
  cursor: n-resize
}

.chat[_ngcontent-serverApp-c1510751026] .top[_ngcontent-serverApp-c1510751026] {
  top: -8px
}

.chat[_ngcontent-serverApp-c1510751026] .bottom[_ngcontent-serverApp-c1510751026] {
  bottom: -8px
}

.chat[_ngcontent-serverApp-c1510751026] .left[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .right[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 100%;
  cursor: e-resize;
  z-index: 1
}

.chat[_ngcontent-serverApp-c1510751026] .left[_ngcontent-serverApp-c1510751026] {
  left: -8px
}

.chat[_ngcontent-serverApp-c1510751026] .right[_ngcontent-serverApp-c1510751026] {
  right: -8px
}

.chat[_ngcontent-serverApp-c1510751026] .top-right-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom-right-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .bottom-left-corner[_ngcontent-serverApp-c1510751026],
.chat[_ngcontent-serverApp-c1510751026] .top-left-corner[_ngcontent-serverApp-c1510751026] {
  width: 16px;
  height: 16px;
  z-index: 1
}

.chat[_ngcontent-serverApp-c1510751026] .top-right-corner[_ngcontent-serverApp-c1510751026] {
  top: -8px;
  right: -8px;
  cursor: ne-resize
}

.chat[_ngcontent-serverApp-c1510751026] .bottom-right-corner[_ngcontent-serverApp-c1510751026] {
  bottom: -8px;
  right: -8px;
  cursor: nw-resize
}

.chat[_ngcontent-serverApp-c1510751026] .bottom-left-corner[_ngcontent-serverApp-c1510751026] {
  bottom: -8px;
  left: -8px;
  cursor: ne-resize
}

.chat[_ngcontent-serverApp-c1510751026] .top-left-corner[_ngcontent-serverApp-c1510751026] {
  top: -8px;
  left: -8px;
  cursor: nw-resize
}

.support-link[_ngcontent-serverApp-c1510751026] {
  width: 100%
}

.text-insert-button[_ngcontent-serverApp-c1510751026] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mdc-icon-button {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  z-index: 0;
  overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%)
}

@media screen and (forced-colors: active) {

  .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
  .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
    display: block
  }
}

.mdc-icon-button:disabled {
  cursor: default;
  pointer-events: none
}

.mdc-icon-button[hidden] {
  display: none
}

.mdc-icon-button--display-flex {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.mdc-icon-button__focus-ring {
  pointer-events: none;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  display: none
}

@media screen and (forced-colors: active) {
  .mdc-icon-button__focus-ring {
    border-color: CanvasText
  }
}

.mdc-icon-button__focus-ring::after {
  content: "";
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
  .mdc-icon-button__focus-ring::after {
    border-color: CanvasText
  }
}

.mdc-icon-button__icon {
  display: inline-block
}

.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none
}

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block
}

.mdc-icon-button__link {
  height: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%
}

.mat-mdc-icon-button {
  color: var(--mdc-icon-button-icon-color)
}

.mat-mdc-icon-button .mdc-button__icon {
  font-size: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button svg,
.mat-mdc-icon-button img {
  width: var(--mdc-icon-button-icon-size);
  height: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button:disabled {
  color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button {
  border-radius: 50%;
  flex-shrink: 0;
  text-align: center;
  width: var(--mdc-icon-button-state-layer-size, 48px);
  height: var(--mdc-icon-button-state-layer-size, 48px);
  padding: calc(calc(var(--mdc-icon-button-state-layer-size, 48px) - var(--mdc-icon-button-icon-size, 24px)) / 2);
  font-size: var(--mdc-icon-button-icon-size);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-icon-button svg {
  vertical-align: baseline
}

.mat-mdc-icon-button[disabled],
.mat-mdc-icon-button.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button.mat-mdc-button-disabled-interactive {
  pointer-events: auto
}

.mat-mdc-icon-button .mat-mdc-button-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit
}

.mat-mdc-icon-button .mat-mdc-button-ripple {
  overflow: hidden
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0
}

.mat-mdc-icon-button .mdc-button__label {
  z-index: 1
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
  content: ""
}

.mat-mdc-icon-button .mat-ripple-element {
  background-color: var(--mat-icon-button-ripple-color)
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-icon-button-state-layer-color)
}

.mat-mdc-icon-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mat-icon-button-disabled-state-layer-color)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-icon-button-hover-state-layer-opacity)
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-icon-button-focus-state-layer-opacity)
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-icon-button-pressed-state-layer-opacity)
}

.mat-mdc-icon-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%);
  display: var(--mat-icon-button-touch-target-display)
}

.mat-mdc-icon-button._mat-animation-noopable {
  transition: none !important;
  animation: none !important
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 50%
}

.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
  background: rgba(0, 0, 0, 0);
  opacity: 1
}

[_nghost-serverApp-c3907076708] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 15px 0
}

button[_ngcontent-serverApp-c3907076708] {
  --mdc-icon-button-state-layer-size: 16px !important;
  width: 16px;
  height: 16px;
  line-height: 0;
  padding: 0 !important;
  margin: auto 13px !important
}

button[_ngcontent-serverApp-c3907076708] mat-icon[_ngcontent-serverApp-c3907076708] {
  width: 16px;
  height: 16px;
  line-height: 0
}

app-input[_ngcontent-serverApp-c3907076708] {
  height: 42px;
  display: block
}

.label[_ngcontent-serverApp-c3907076708] {
  font-size: 12px;
  color: #adaeaf
}

form[_ngcontent-serverApp-c3907076708] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 15px
}

form[_ngcontent-serverApp-c3907076708]+form[_ngcontent-serverApp-c3907076708] {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .03)
}

.colors[_ngcontent-serverApp-c3907076708] {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: auto;
  height: auto
}

.colors[_ngcontent-serverApp-c3907076708] .color[_ngcontent-serverApp-c3907076708] input[_ngcontent-serverApp-c3907076708] {
  display: none
}

.colors[_ngcontent-serverApp-c3907076708] .color[_ngcontent-serverApp-c3907076708] input[_ngcontent-serverApp-c3907076708]:checked+label[_ngcontent-serverApp-c3907076708]:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}

.colors[_ngcontent-serverApp-c3907076708] .color[_ngcontent-serverApp-c3907076708] input[_ngcontent-serverApp-c3907076708]:disabled+label[_ngcontent-serverApp-c3907076708] {
  opacity: .3
}

.colors[_ngcontent-serverApp-c3907076708] .color[_ngcontent-serverApp-c3907076708] label[_ngcontent-serverApp-c3907076708] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity .2s cubic-bezier(.1, .7, .5, 1)
}

.colors[_ngcontent-serverApp-c3907076708] .color[_ngcontent-serverApp-c3907076708] label[_ngcontent-serverApp-c3907076708]:before {
  width: 10px;
  height: 7px;
  content: "";
  display: block;
  background: url("");
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(2);
  visibility: hidden;
  transition: .2s ease
}

[_nghost-serverApp-c3687504893] {
  display: flex;
  gap: 5px;
  transition: background .2s cubic-bezier(.1, .7, .5, 1);
  word-wrap: break-word;
  position: relative;
  overflow-wrap: anywhere
}

[_nghost-serverApp-c3687504893] button.mat-flat-button[_ngcontent-serverApp-c3687504893]:hover {
  background-color: #b83700
}

[_nghost-serverApp-c3687504893]:hover {
  background: rgba(255, 255, 255, .03)
}

[_nghost-serverApp-c3687504893] a {
  font-weight: 700
}

[_nghost-serverApp-c3687504893] a.citem {
  color: #43c7ff !important;
  text-decoration: underline
}

[_nghost-serverApp-c3687504893] a.citem:hover {
  text-decoration: none
}

[_nghost-serverApp-c3687504893] a.chat-item {
  color: #f24c05 !important;
  text-decoration: underline
}

[_nghost-serverApp-c3687504893] a.chat-item:hover {
  text-decoration: none
}

[_nghost-serverApp-c3687504893] a:hover {
  opacity: .6
}

.header[_ngcontent-serverApp-c3687504893] {
  display: flex;
  justify-content: space-between
}

.header[_ngcontent-serverApp-c3687504893] b.system[_ngcontent-serverApp-c3687504893] {
  color: #adaeaf
}

.header[_ngcontent-serverApp-c3687504893] b.admin[_ngcontent-serverApp-c3687504893] {
  color: #f24c05
}

.header[_ngcontent-serverApp-c3687504893] b[_ngcontent-serverApp-c3687504893] mat-icon[_ngcontent-serverApp-c3687504893] {
  color: inherit;
  width: 12px;
  height: 15px;
  vertical-align: middle;
  margin-right: 3px;
  line-height: 0
}

.header[_ngcontent-serverApp-c3687504893] button[_ngcontent-serverApp-c3687504893] {
  z-index: 3;
  font-size: 12px;
  height: 18px;
  position: absolute;
  right: 32px;
  top: 5px;
  line-height: 15px
}

.header[_ngcontent-serverApp-c3687504893] button[_ngcontent-serverApp-c3687504893]:not(:last-child) {
  display: none
}

.header[_ngcontent-serverApp-c3687504893] button[_ngcontent-serverApp-c3687504893] .mat-button-wrapper>span {
  gap: 4px
}

.header[_ngcontent-serverApp-c3687504893] button[_ngcontent-serverApp-c3687504893] mat-icon[_ngcontent-serverApp-c3687504893] {
  height: 12px;
  width: 12px;
  line-height: 0
}

.message[_ngcontent-serverApp-c3687504893] {
  color: #adaeaf;
  line-height: 18px;
  font-weight: 400
}

.message.admin-message[_ngcontent-serverApp-c3687504893] {
  color: inherit;
  font-weight: inherit
}

.mat-flat-button[_ngcontent-serverApp-c3687504893] {
  background-color: #f24c05;
  padding: 0 4px !important
}

.nick-name[_ngcontent-serverApp-c3687504893] {
  cursor: pointer
}

[_nghost-serverApp-c977795784] {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  overflow: hidden
}

.big-banner[_nghost-serverApp-c977795784],
.big-banner [_nghost-serverApp-c977795784] {
  width: calc(200% + 6px)
}

.banner[_ngcontent-serverApp-c977795784] {
  display: flex;
  width: 100%;
  height: 186px;
  background-position: left center;
  background-size: cover;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  transition: all .2s cubic-bezier(.1, .7, .5, 1)
}

.banner[_ngcontent-serverApp-c977795784]:hover {
  transition: all .2s cubic-bezier(.1, .7, .5, 1);
  filter: contrast(1.5)
}

.banner[_ngcontent-serverApp-c977795784] .close[_ngcontent-serverApp-c977795784] {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff3;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
}

.banner[_ngcontent-serverApp-c977795784] .close[_ngcontent-serverApp-c977795784]:hover {
  background-color: #fff6
}

body {
  font-family: Inter, sans-serif;
  min-height: 100%;
  width: 100%;
  color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  background-color: #191a1c;
}

@-webkit-keyframes rotate-center {
  0% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(720deg);
  }
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(720deg);
  }
}

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

::-webkit-scrollbar-track {
  border-radius: 11px;
}

::-webkit-scrollbar-thumb {
  background: rgba(233, 244, 255, 0.13);
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#masterLoader {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 999999;
  background-color: #191a1c;
}

#masterLoader app-loader {
  width: auto;
  height: 15vh;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15vh;
}

.logo-rotate .border {
  width: 100%;
  height: auto;
  color: #2D3138;
}

.logo-rotate .center-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-5%);

}

.logo-rotate .center-wrap .center {
  width: 55%;
  height: 55%;
  animation: rotate-center 2s ease-in-out infinite both;
}

.logo-rotate {
  position: relative;
  height: 100%;
  display: flex;
}

@import"css2.css";

html {
  --mat-ripple-color: rgba(0, 0, 0, .1)
}

html {
  --mat-option-selected-state-label-text-color: #98b818;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

html {
  --mat-optgroup-label-text-color: white
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #1888b8;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
  --mat-full-pseudo-checkbox-unselected-icon-color: white;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1888b8;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

html {
  --mat-app-background-color: #2f3336;
  --mat-app-text-color: white
}

html {
  --mat-option-label-text-font: Inter, sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400
}

html {
  --mat-optgroup-label-text-font: Inter, sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px
}

html {
  --mdc-elevated-card-container-color: #292c2f;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-outlined-card-container-color: #292c2f;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mat-card-subtitle-text-color: white
}

html {
  --mat-card-title-text-font: Inter, sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 16px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 600;
  --mat-card-subtitle-text-font: Inter, sans-serif;
  --mat-card-subtitle-text-line-height: 19px;
  --mat-card-subtitle-text-size: 16px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: bold
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
  --mdc-plain-tooltip-supporting-text-font: Inter, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 14px;
  --mdc-plain-tooltip-supporting-text-weight: 500;
  --mdc-plain-tooltip-supporting-text-tracking: normal
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px
}

html {
  --mdc-filled-text-field-caret-color: #98b818;
  --mdc-filled-text-field-focus-active-indicator-color: #98b818;
  --mdc-filled-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
  --mdc-filled-text-field-container-color: #272a2d;
  --mdc-filled-text-field-disabled-container-color: #282b2e;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #98b818;
  --mdc-outlined-text-field-focus-outline-color: #98b818;
  --mdc-outlined-text-field-focus-label-text-color: rgba(152, 184, 24, .87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(152, 184, 24, .87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
  --mat-form-field-hover-state-layer-opacity: .04;
  --mat-form-field-focus-state-layer-opacity: .08
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

html {
  --mdc-filled-text-field-label-text-font: Inter, sans-serif;
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Inter, sans-serif;
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Inter, sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: Inter, sans-serif;
  --mat-form-field-subscript-text-line-height: 24px;
  --mat-form-field-subscript-text-size: 14px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 500
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
  --mat-select-panel-background-color: #292c2f;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
  --mat-select-focused-arrow-color: rgba(152, 184, 24, .87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
  --mat-select-arrow-transform: translateY(-8px)
}

html {
  --mat-select-trigger-text-font: Inter, sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
  --mat-autocomplete-background-color: #292c2f
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px
}

html {
  --mdc-dialog-container-color: #181a1e;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

html {
  --mdc-dialog-subhead-font: Inter, sans-serif;
  --mdc-dialog-subhead-line-height: 20px;
  --mdc-dialog-subhead-size: 16px;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Inter, sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal
}

html {
  --mdc-switch-disabled-selected-icon-opacity: .38;
  --mdc-switch-disabled-track-opacity: .12;
  --mdc-switch-disabled-unselected-icon-opacity: .38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: .12;
  --mdc-switch-selected-hover-state-layer-opacity: .04;
  --mdc-switch-selected-pressed-state-layer-opacity: .1;
  --mdc-switch-unselected-focus-state-layer-opacity: .12;
  --mdc-switch-unselected-hover-state-layer-opacity: .04;
  --mdc-switch-unselected-pressed-state-layer-opacity: .1;
  --mat-switch-disabled-selected-handle-opacity: .38;
  --mat-switch-disabled-unselected-handle-opacity: .38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent
}

html {
  --mdc-switch-selected-focus-state-layer-color: #98b818;
  --mdc-switch-selected-handle-color: #98b818;
  --mdc-switch-selected-hover-state-layer-color: #98b818;
  --mdc-switch-selected-pressed-state-layer-color: #98b818;
  --mdc-switch-selected-focus-handle-color: #4d301e;
  --mdc-switch-selected-hover-handle-color: #4d301e;
  --mdc-switch-selected-pressed-handle-color: #4d301e;
  --mdc-switch-selected-focus-track-color: #c9a38c;
  --mdc-switch-selected-hover-track-color: #c9a38c;
  --mdc-switch-selected-pressed-track-color: #c9a38c;
  --mdc-switch-selected-track-color: #c9a38c;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
  --mdc-switch-state-layer-size: 40px
}

html {
  --mdc-radio-disabled-selected-icon-opacity: .38;
  --mdc-radio-disabled-unselected-icon-opacity: .38;
  --mdc-radio-state-layer-size: 40px
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: .6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: .6
}

html {
  --mdc-slider-handle-color: #98b818;
  --mdc-slider-focus-handle-color: #98b818;
  --mdc-slider-hover-handle-color: #98b818;
  --mdc-slider-active-track-color: #98b818;
  --mdc-slider-inactive-track-color: #98b818;
  --mdc-slider-with-tick-marks-inactive-container-color: #98b818;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mat-slider-ripple-color: #98b818;
  --mat-slider-hover-state-layer-color: rgba(152, 184, 24, .05);
  --mat-slider-focus-state-layer-color: rgba(152, 184, 24, .2);
  --mat-slider-value-indicator-opacity: .6
}

html {
  --mdc-slider-label-label-text-font: Inter, sans-serif;
  --mdc-slider-label-label-text-size: 16px;
  --mdc-slider-label-label-text-line-height: 19px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: bold
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px
}

html {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-menu-container-color: #292c2f;
  --mat-menu-divider-color: rgba(255, 255, 255, .1)
}

html {
  --mat-menu-item-label-text-font: Inter, sans-serif;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: .38;
  --mdc-list-list-item-disabled-leading-icon-opacity: .38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: .38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 0
}

html {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: white;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: .04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: .12
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px
}

html {
  --mdc-list-list-item-label-text-font: Inter, sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Inter, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Inter, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 24px;
  --mdc-list-list-item-trailing-supporting-text-size: 14px;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 500
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
  --mat-paginator-container-background-color: #292c2f;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px
}

html {
  --mat-paginator-container-text-font: Inter, sans-serif;
  --mat-paginator-container-text-line-height: 24px;
  --mat-paginator-container-text-size: 14px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 14px
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: .16;
  --mdc-checkbox-selected-hover-state-layer-opacity: .04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #1888b8;
  --mdc-checkbox-selected-hover-icon-color: #1888b8;
  --mdc-checkbox-selected-icon-color: #1888b8;
  --mdc-checkbox-selected-pressed-icon-color: #1888b8;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
  --mdc-checkbox-selected-focus-state-layer-color: #1888b8;
  --mdc-checkbox-selected-hover-state-layer-color: #1888b8;
  --mdc-checkbox-selected-pressed-state-layer-color: #1888b8;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38)
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px
}

html {
  --mdc-text-button-label-text-color: #000;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mat-text-button-state-layer-color: #000;
  --mat-text-button-disabled-state-layer-color: #000;
  --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
  --mat-text-button-hover-state-layer-opacity: .04;
  --mat-text-button-focus-state-layer-opacity: .12;
  --mat-text-button-pressed-state-layer-opacity: .12;
  --mdc-filled-button-container-color: #292c2f;
  --mdc-filled-button-label-text-color: #000;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-disabled-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
  --mat-filled-button-hover-state-layer-opacity: .04;
  --mat-filled-button-focus-state-layer-opacity: .12;
  --mat-filled-button-pressed-state-layer-opacity: .12;
  --mdc-protected-button-container-color: #292c2f;
  --mdc-protected-button-label-text-color: #000;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-disabled-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
  --mat-protected-button-hover-state-layer-opacity: .04;
  --mat-protected-button-focus-state-layer-opacity: .12;
  --mat-protected-button-pressed-state-layer-opacity: .12;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .38);
  --mdc-outlined-button-label-text-color: #000;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);
  --mat-outlined-button-state-layer-color: #000;
  --mat-outlined-button-disabled-state-layer-color: #000;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
  --mat-outlined-button-hover-state-layer-opacity: .04;
  --mat-outlined-button-focus-state-layer-opacity: .12;
  --mat-outlined-button-pressed-state-layer-opacity: .12
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block
}

html {
  --mdc-text-button-label-text-font: Inter, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Inter, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Inter, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Inter, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none
}

html {
  --mdc-icon-button-icon-size: 24px
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38);
  --mat-icon-button-state-layer-color: #000;
  --mat-icon-button-disabled-state-layer-color: #000;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
  --mat-icon-button-hover-state-layer-opacity: .04;
  --mat-icon-button-focus-state-layer-opacity: .12;
  --mat-icon-button-pressed-state-layer-opacity: .12
}

html {
  --mat-icon-button-touch-target-display: block
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px
}

html {
  --mdc-fab-container-color: #292c2f;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: #000;
  --mat-fab-disabled-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, .1);
  --mat-fab-hover-state-layer-opacity: .04;
  --mat-fab-focus-state-layer-opacity: .12;
  --mat-fab-pressed-state-layer-opacity: .12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38);
  --mdc-fab-small-container-color: #292c2f;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-disabled-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
  --mat-fab-small-hover-state-layer-opacity: .04;
  --mat-fab-small-focus-state-layer-opacity: .12;
  --mat-fab-small-pressed-state-layer-opacity: .12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, .12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
  --mdc-extended-fab-container-shadow-color: #000
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block
}

html {
  --mdc-extended-fab-label-text-font: Inter, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 500
}

html {
  --mdc-snackbar-container-shape: 4px
}

html {
  --mdc-snackbar-container-color: #080909;
  --mdc-snackbar-supporting-text-color: rgba(41, 44, 47, .87);
  --mat-snack-bar-button-color: #1888b8
}

html {
  --mdc-snackbar-supporting-text-font: Inter, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400
}

html {
  --mat-table-row-item-outline-width: 1px
}

html {
  --mat-table-background-color: #292c2f;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, .1)
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px
}

html {
  --mat-table-header-headline-font: Inter, sans-serif;
  --mat-table-header-headline-line-height: 19px;
  --mat-table-header-headline-size: 16px;
  --mat-table-header-headline-weight: bold;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Inter, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Inter, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px
}

html {
  --mdc-circular-progress-active-indicator-color: #98b818
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0
}

html {
  --mat-badge-background-color: #98b818;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #595c5e;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

html {
  --mat-badge-text-font: Inter, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px
}

html {
  --mat-bottom-sheet-container-shape: 4px
}

html {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #181a1e
}

html {
  --mat-bottom-sheet-container-text-font: Inter, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: .04;
  --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
  --mat-legacy-button-toggle-selected-state-text-color: white;
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #292c2f;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .2);
  --mat-standard-button-toggle-disabled-state-background-color: #292c2f;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #3e4144
}

html {
  --mat-standard-button-toggle-height: 48px
}

html {
  --mat-legacy-button-toggle-label-text-font: Inter, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Inter, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #98b818;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(152, 184, 24, .4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(152, 184, 24, .3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(152, 184, 24, .3);
  --mat-datepicker-toggle-active-state-icon-color: #98b818;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(152, 184, 24, .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: white;
  --mat-datepicker-calendar-period-button-text-color: #000;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .1);
  --mat-datepicker-calendar-header-text-color: white;
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .2);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-container-background-color: #292c2f;
  --mat-datepicker-calendar-container-text-color: white
}

html {
  --mat-datepicker-calendar-text-font: Inter, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400
}

html {
  --mat-divider-width: 1px
}

html {
  --mat-divider-color: rgba(255, 255, 255, .1)
}

html {
  --mat-expansion-container-shape: 4px
}

html {
  --mat-expansion-container-background-color: #292c2f;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, .1);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, .2);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: white;
  --mat-expansion-header-indicator-color: white
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px
}

html {
  --mat-expansion-header-text-font: Inter, sans-serif;
  --mat-expansion-header-text-size: 16px;
  --mat-expansion-header-text-weight: bold;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Inter, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 14px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 14px
}

html {
  --mat-icon-color: inherit
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
  --mat-sidenav-container-width: auto
}

html {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, .1);
  --mat-sidenav-container-background-color: #181a1e;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #2f3336;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(214, 211, 208, .6)
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #98b818;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #98b818;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #98b818;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #292c2f;
  --mat-stepper-line-color: rgba(255, 255, 255, .1);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-stepper-header-label-text-color: white;
  --mat-stepper-header-optional-label-text-color: white;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: white;
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent
}

html {
  --mat-stepper-header-height: 72px
}

html {
  --mat-stepper-container-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
  --mat-sort-arrow-color: white
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: white
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px
}

html {
  --mat-toolbar-title-text-font: Inter, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 16px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 600
}

html {
  --mat-tree-container-background-color: #292c2f;
  --mat-tree-node-text-color: white
}

html {
  --mat-tree-node-min-height: 48px
}

html {
  --mat-tree-node-text-font: Inter, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400
}

:root {
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-handle-width: 18px;
  --mdc-slider-handle-height: 18px;
  --mat-badge-small-size-text-size: 12px;
  --white: #FFFFFF;
  --white-20: #FFFFFF33;
  --disable-color: rgba(63, 74, 98, .2);
  --tarpaulin-grey: #4c4f49;
  --mat-autocomplete-background-color: #181a1e;
  --bg-dark: #16171B;
  --gray: #ADAEAF;
  --main-background: #131417;
  --green: #98B818;
  --restrictionsHeight: 0
}

body {
  font-family: Inter, sans-serif;
  min-height: 100%;
  width: 100%;
  color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  background-color: #131417
}

* {
  font-family: Inter, sans-serif
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2") format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2") format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}