@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";

/* src/styles.scss */
@font-face {
  font-family: "Chelsy";
  src: url(/assets/fonts/chelsy.eot);
  src:
    local("\263a"),
    url(/assets/fonts/chelsy.woff) format("woff"),
    url(/assets/fonts/chelsy.ttf) format("truetype"),
    url(/assets/fonts/chelsy.otf) format("otf");
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.main {
  flex: 1 1 auto;
}
@media (max-width: 900px) {
  .main {
    margin-top: 80px;
  }
}
.container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .container {
    padding: 0px 15px;
  }
}
@media (max-width: 768px) {
  .container.mob {
    padding: 0;
  }
}
* {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  font-size: 16px;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #ffe2c0;
  height: 100%;
}
body.lock {
  overflow: hidden;
}
@media (max-width: 768px) {
  body.active {
    overflow: hidden;
  }
  body.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0.4;
  }
}
@media (max-width: 900px) {
  body.lock {
    overflow: hidden;
  }
}
a,
span,
p,
b,
h1,
h2,
h3,
h4,
h5 {
  color: #ffe2c0;
}
h1 {
  font-size: 48px;
}
h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
a {
  text-decoration: none;
}
button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  outline: none;
}
.button-big {
  font-family: Chelsy;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  color: #ffe2c0;
  padding: 0px 24px;
  height: 64px;
  border-radius: 24px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.55) 0%,
      rgba(138, 83, 50, 0) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
  text-transform: uppercase;
  box-shadow: 0px 1px 0px 0px rgba(255, 202, 139, 0.4509803922) inset;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  position: relative;
}
.button-big::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4509803922);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.button-big::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px -3px 0px 0px #542e18 inset;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.button-big:hover {
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.75) 0%,
      rgba(138, 83, 50, 0.35) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-big:focus {
  background: linear-gradient(rgba(84, 46, 24, 0.4), rgba(84, 46, 24, 0.4)), url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-big.hover {
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.75) 0%,
      rgba(138, 83, 50, 0.35) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-big.active {
  background: linear-gradient(rgba(84, 46, 24, 0.4), rgba(84, 46, 24, 0.4)), url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-big.disabled {
  background: #3f2515;
  color: rgba(255, 226, 192, 0.4);
  cursor: not-allowed;
  box-shadow: none;
}
.button-big.disabled::after,
.button-big.disabled::before {
  box-shadow: none;
}
.button-small {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #ffe2c0;
  padding: 0px 80px;
  height: 48px;
  border-radius: 24px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.55) 0%,
      rgba(138, 83, 50, 0) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
  text-transform: uppercase;
  box-shadow: 0px 1px 0px 0px rgba(255, 202, 139, 0.4509803922) inset;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  position: relative;
}
.button-small::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4509803922);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.button-small::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px -3px 0px 0px #542e18 inset;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.button-small:hover {
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.75) 0%,
      rgba(138, 83, 50, 0.35) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-small:focus {
  background: linear-gradient(rgba(84, 46, 24, 0.4), rgba(84, 46, 24, 0.4)), url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-small.hover {
  background:
    linear-gradient(
      180deg,
      rgba(255, 175, 126, 0.75) 0%,
      rgba(138, 83, 50, 0.35) 93.83%),
    url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-small.active {
  background: linear-gradient(rgba(84, 46, 24, 0.4), rgba(84, 46, 24, 0.4)), url(/assets/image/button-bg.png) 0 0/cover no-repeat;
}
.button-small.disabled {
  background: #3f2515;
  color: rgba(255, 226, 192, 0.4);
  cursor: not-allowed;
  box-shadow: none;
}
.button-small.disabled::after,
.button-small.disabled::before {
  box-shadow: none;
}
.button-secondary {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #ffe2c0;
  padding: 0px 80px;
  height: 48px;
  border-radius: 24px;
  background: #24140a;
  text-transform: uppercase;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  position: relative;
}
.button-secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background:
    linear-gradient(
      180deg,
      #c27f56 0%,
      #76482c 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.button-secondary:hover {
  background: #3f2515;
}
.button-secondary:focus {
  background: #24140a;
}
.button-secondary:focus::after {
  background:
    linear-gradient(
      360deg,
      #c27f56 0%,
      #76482c 100%);
}
.button-secondary.hover {
  background: #3f2515;
}
.button-secondary.active {
  background: #24140a;
}
.button-secondary.active::after {
  background:
    linear-gradient(
      360deg,
      #c27f56 0%,
      #76482c 100%);
}
.button-secondary.disabled {
  background: #3f2515;
  color: rgba(255, 226, 192, 0.4);
  cursor: not-allowed;
  box-shadow: none;
  border: 2px solid #24140a;
}
.button-secondary.disabled::after {
  display: none;
}
.title {
  font-family: Chelsy;
  font-size: 64px;
  font-weight: 400;
  line-height: 64px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .title {
    font-size: 48px;
    line-height: 1;
  }
}
.toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.toggle input[type=checkbox] {
  position: relative;
  width: 68px;
  height: 36px;
  -webkit-appearance: none;
  background: #24140A;
  outline: none;
  border: 2px solid #3F2515;
  border-radius: 22px;
  transition: 0.3s;
  cursor: pointer;
}
.toggle input:checked[type=checkbox] {
  border: 2px solid #A56B43;
}
.toggle input[type=checkbox]::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 22px;
  top: 0;
  left: 0;
  background: #A56B43;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4), 0px 0px 1px 1px rgba(0, 0, 0, 0.3098039216);
  transition: 0.3s;
}
.toggle input:checked[type=checkbox]::before {
  left: 33px;
  background: #FFE2C0;
}
.toggle input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  background: url(/assets/image/icons/close.svg) 0 0/cover no-repeat;
  width: 15px;
  height: 15px;
  transition: 0.3s;
}
.toggle input:checked[type=checkbox]::after {
  left: 39px;
  background: url(/assets/image/icons/checkToggle.svg) 0 0/cover no-repeat;
  width: 20px;
  stroke: #24140A;
}
.input {
  color: #fff;
}
.input label {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  display: block;
}
.input input {
  border-radius: 4px;
  border: 1px solid rgba(165, 107, 67, 0.75);
  background-color: #24140a;
  padding: 14px 10px;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  transition: 0.3s border;
  color: #fff;
}
.input input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.input input:focus {
  border: 1px solid #f6a425;
}
.input input:-webkit-autofill,
.input input:-webkit-autofill:hover,
.input input:-webkit-autofill:focus,
.input input:-webkit-autofill:active {
  background-color: #24140a !important;
  color: #fff !important;
}
.input textarea {
  border-radius: 4px;
  border: 1px solid rgba(165, 107, 67, 0.75);
  background-color: #24140a;
  padding: 14px 10px;
  width: 100%;
  min-height: 88px;
  font-size: 14px;
  line-height: 16px;
  transition: 0.3s border;
  resize: vertical;
  color: #fff;
}
.input textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.input textarea:focus {
  border: 1px solid #f6a425;
}
.input textarea:-webkit-autofill,
.input textarea:-webkit-autofill:hover,
.input textarea:-webkit-autofill:focus,
.input textarea:-webkit-autofill:active {
  background-color: #24140a !important;
  color: #fff !important;
}
.modalWrapper {
  height: 100vh;
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px 16px;
}
.modal {
  background-color: #000000;
  border-radius: 24px;
  border: 1px solid #4e3627;
  padding: 30px;
  position: relative;
  max-width: 545px;
  z-index: 10000;
}
@media (max-width: 900px) {
  .modal {
    padding: 30px 16px;
  }
}
.modal__close {
  background-color: #24140a;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .modal__close {
    right: 16px;
  }
}
.modal__header {
  margin-bottom: 30px;
  padding: 0 54px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  min-height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.modal__line {
  margin: 30px -30px;
  height: 1px;
  width: calc(100% + 60px);
  background-color: #3f2515;
}
@media (max-width: 900px) {
  .modal__line {
    margin: 30px -16px;
    width: calc(100% + 32px);
  }
}
.modal__footer {
  display: flex;
}
.modal__footer_center {
  justify-content: center;
}
.modal__info {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 226, 192, 0.1);
}
.modal__info-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.modal__info-item {
  width: 33.333%;
  margin-bottom: 20px;
}
@media (max-width: 650px) {
  .modal__info-item {
    width: 50%;
  }
}
.modal__info-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.modal__info-subtitle {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
.modal__info-subtitle span {
  display: contents;
}
.modal__summary {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 226, 192, 0.1);
}
.modal__summary-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
}
.modal__summary-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.modal__summary-item {
  flex: 0 0 50%;
  margin-top: 20px;
}
.modal__summary-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.modal__summary-num {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.empty {
  min-height: calc(100vh - 80px);
}
.empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty__title {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .empty__title {
    font-size: 56px !important;
    line-height: 1.1 !important;
  }
}
.empty__image {
  width: 256px;
  height: 256px;
  object-fit: cover;
  margin-bottom: 30px;
}
.empty__description {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #ffe2c0;
  margin-bottom: 20px;
}
@media (max-width: 468px) {
  .empty__description {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 468px) {
  .empty__link {
    width: 100%;
  }
}
.tabs {
  display: flex;
  align-items: center;
  background: #3f2515;
  border-radius: 28px;
  gap: 8px;
  border: 5px solid #3f2515;
  width: max-content;
  position: relative;
}
.tabs__item {
  border-radius: 24px;
  padding: 14px 16px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
}
.tabs__item.active {
  background-color: transparent;
}
.tabs__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      #c27f56 0%,
      #76482c 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(255, 202, 139, 0.4509803922) inset;
  transition: width 0.3s, left 0.3s;
  border-radius: 100px;
}
.tabs__inner {
  width: 100%;
}
.tabs__content {
  display: flex !important;
}
.tabs__dropdown {
  padding: 12.4px 10px;
  width: 100%;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
  display: none;
}
@media (max-width: 1200px) {
  .tabs__dropdown {
    display: block;
  }
}
.tag {
  padding: 5px 7px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #131313;
}
.selectTab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}
.selectTab .tabs__item {
  padding: 8px 16px;
}
.selectTab-label {
  display: none;
}
.selectTab.select-tabs {
  gap: 16px;
  align-items: flex-start;
  height: 50px;
}
.selectTab.select-tabs .tabs {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-height: 44px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #24140a;
  border: 1px solid rgba(165, 107, 67, 0.7490196078);
  transition: 0.3s;
  position: absolute;
  z-index: 99;
}
.selectTab.select-tabs .tabs::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 5px;
  background: url(/assets/image/icons/arrow-down.svg) 0 0/cover no-repeat;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.selectTab.select-tabs .tabs.active {
  max-height: 500px;
}
.selectTab.select-tabs .tabs.active::before {
  transform: rotate(180deg);
}
.selectTab.select-tabs .tabs__item {
  padding: 12.4px 10px;
  width: 100%;
  color: #fff;
  font-weight: 400;
}
.selectTab.select-tabs .tabs__background {
  display: none;
}
.selectTab.select-tabs .tabs__dropdown {
  display: block;
}
@media (max-width: 1200px) {
  .selectTab {
    gap: 16px;
    align-items: flex-start;
    height: 50px;
  }
  .selectTab .tabs {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-height: 44px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #24140a;
    border: 1px solid rgba(165, 107, 67, 0.7490196078);
    transition: 0.3s;
    position: absolute;
  }
  .selectTab .tabs.active {
    max-height: 500px;
  }
  .selectTab .tabs.active::before {
    transform: rotate(180deg);
  }
  .selectTab .tabs.first-tab {
    width: 83%;
  }
}
@media (max-width: 1200px) and (max-width: 1024px) {
  .selectTab .tabs.first-tab {
    width: 77%;
  }
}
@media (max-width: 1200px) and (max-width: 768px) {
  .selectTab .tabs.first-tab {
    width: 73%;
  }
}
@media (max-width: 1200px) and (max-width: 600px) {
  .selectTab .tabs.first-tab {
    width: 60%;
  }
}
@media (max-width: 1200px) and (max-width: 425px) {
  .selectTab .tabs.first-tab {
    width: 53%;
  }
}
@media (max-width: 1200px) {
  .selectTab .tabs.second-tab {
    width: 150px;
    right: 0;
  }
  .selectTab .tabs.second-tab.active {
    max-height: 200px;
  }
  .selectTab .tabs__item {
    padding: 12.4px 10px;
    width: 100%;
    color: #fff;
    font-weight: 400;
  }
  .selectTab .tabs__background {
    display: none;
  }
}
.list {
  background: url(/assets/image/list/list-bg.svg) 0 0/cover no-repeat;
  padding: 50px 0px;
  color: #fff;
  position: relative;
}
.list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#d9964c), to(#b56c31));
  background:
    linear-gradient(
      180deg,
      #d9964c 0%,
      #b56c31 100%);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(36, 20, 10, 0.8);
  box-shadow: 0px 5px 10px 0px rgba(36, 20, 10, 0.8);
  -webkit-box-shadow: 0px 2px 0px 0px #ffca73 inset;
  box-shadow: 0px 2px 0px 0px #ffca73 inset;
  -webkit-box-shadow: 0px -2px 0px 0px #75421b inset;
  box-shadow: 0px -2px 0px 0px #75421b inset;
  width: 100%;
  height: 8px;
}
.list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .list__header {
    padding: 0px 15px;
  }
}
.list__header-prise {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 8px;
  padding: 8px 20px;
  font-size: 14px;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  border-radius: 24px;
  background-color: #3f2515;
}
.list__header-filter {
  display: none;
}
@media (max-width: 768px) {
  .list__header-filter {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 8px;
    padding: 8px 20px;
    font-size: 14px;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
    border-radius: 24px;
    background-color: #3f2515;
  }
  .list__header-filter .num {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: #f6a425;
  }
}
.list__more {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  color: #fff;
}
.list__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px -15px;
}
@media (max-width: 768px) {
  .list__inner {
    display: none;
  }
}
.list__swiper {
  display: none;
}
@media (max-width: 768px) {
  .list__swiper {
    display: flex;
    padding-left: 15px;
  }
}
.list__item {
  padding: 10px 15px;
  flex: 0 0 16.6666%;
}
@media (max-width: 1380px) {
  .list__item {
    flex: 0 0 20%;
  }
}
@media (max-width: 1024px) {
  .list__item {
    flex: 0 0 25%;
  }
}
@media (max-width: 900px) {
  .list__item {
    flex: 0 0 33.3333%;
  }
}
.list__card {
  padding: 4px;
  border: 1px solid rgba(165, 107, 67, 0.3019607843);
  background: rgba(63, 37, 21, 0.7490196078);
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  transition:
    border-color 0.3s,
    box-shadow 0.3s,
    transform 0.3s,
    background-color 0.3s;
  will-change: transform;
}
@media (max-width: 768px) {
  .list__card {
    color: #fff;
  }
}
.list__card:hover {
  border: 1px solid #a56b43;
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(165, 107, 67, 0.35) inset;
}
.list__card a {
  color: #fff;
}
.list__card-img {
  margin-top: 15px;
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
  object-fit: contain;
}
.list__card-info {
  background: rgba(36, 20, 10, 0.6509803922);
  padding: 5px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85px;
}
.list__card-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.list__card-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
  color: #ffe2c0;
  text-transform: uppercase;
}
.list__card-id {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.list__card-time {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
}
.list__card-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
.list__card-score {
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
}
.list__card-pol {
  padding: 5px;
  background: rgba(246, 164, 37, 0.3019607843);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5px;
}
.list__card-pol span {
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
  color: #fff;
  text-transform: uppercase;
}
.list__card-price {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
}
.list__card-rarity {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
}
.dropdown {
  position: relative;
  border-bottom: 1px solid #24140A;
  margin-bottom: 20px;
}
.dropdown.last {
  border-bottom: none;
}
.dropdown__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #fff;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.dropdown__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0px;
  background: url(/assets/image/icons/arrow-down.svg) 0 0/cover no-repeat;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
.dropdown__title.active::before {
  transform: rotate(180deg);
}
.dropdown__content {
  max-height: 0px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  min-width: 160px;
  z-index: 1;
  width: 100%;
  transition: 0.3s;
}
.dropdown__content.active {
  max-height: 400px;
  margin-bottom: 20px;
}
.dropdown__content.active:last-child {
  overflow: visible;
}
.dropdown__content.dropdown-select {
  z-index: 9;
}
.dropdown__content.dropdown-select.first {
  z-index: 19;
}
.dropdown__content-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.4;
}
.dropdown__content-link.orange {
  color: #e17420;
}
.dropdown__content-link.blue {
  color: #2bbddf;
}
.dropdown__content-link.purple {
  color: #a566e1;
}
.dropdown__content-link.green {
  color: #a5af02;
}
.dropdown__content-link.active {
  position: relative;
  opacity: 1;
}
.dropdown__content-link.active::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(/assets/image/Icons/check.svg) 0 0/cover no-repeat;
  width: 24px;
  height: 24px;
}
.dropdown__content-link span {
  display: contents;
}
.dropdown__content-price {
  display: flex;
  align-items: center;
}
.dropdown__content-input {
  width: 90px;
  padding: 15px 10px;
  border-radius: 4px;
  background-color: #24140a;
  border: 1px solid rgba(165, 107, 67, 0.7490196078);
  color: #fff;
  font-size: 14px;
}
@media (max-width: 768px) {
  .dropdown__content-input {
    width: 50%;
  }
}
.dropdown__content-line {
  width: 8px;
  height: 1px;
  background-color: #a56b43;
  margin: 0px 8px;
}
.dropdown__content-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.dropdown__content-checkbox:last-child {
  margin-bottom: 0;
}
.dropdown__content-checkbox input[type=checkbox] {
  display: none;
}
.dropdown__content-checkbox input[type=checkbox]:checked + label:before {
  background: #f6a425;
  border: 1px solid #f6a425;
}
.dropdown__content-checkbox input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform 0.3s;
}
.dropdown__content-checkbox label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.6px;
  color: #fff;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.dropdown__content-checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 19px;
  height: 19px;
  border-radius: 4px;
  background: #24140a;
  border: 1px solid #a56b43;
  transition: background 0.3s;
}
.dropdown__content-star {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.dropdown__content-star input {
  width: 100px;
}
.dropdown__content-heart {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.dropdown__content-range {
  -webkit-appearance: none;
  background: #24140a;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-image: linear-gradient(#f6a425, #f6a425);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.dropdown__content-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #24140a;
  background: #fff;
  cursor: pointer;
}
.info__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: 0.3s;
}
.info__item:hover {
  background-color: #fff;
}
.info__item-num {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.info__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info__item-character {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.info__item-id {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.info__item-left {
  display: flex;
  align-items: center;
  gap: 5px;
}
.info__item-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}
.info__item-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.info__item-price strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
}
.info__item-price span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  color: #000;
}
.info__item-time {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
}
.rarity {
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 2px;
  color: #fff;
  width: max-content;
}
.common {
  background-color: #98a706;
}
.rare {
  background-color: #01adb5;
}
.legendary {
  background-color: #7b36aa;
}
.user {
  margin-bottom: 50px;
}
.user__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  margin-bottom: 16px;
}
.user__header.user__address {
  justify-content: space-between;
  width: 100%;
}
.user__header.user__address .user__address-item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.user__owned {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.user__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #Fff;
}
.user__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
}
.user__address .user-owned {
  text-align: right;
}
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3803921569);
  z-index: 10000000;
}
.loader-box .loader {
  margin: auto;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */