@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
html {
  height: 100%;
  scroll-behavior: smooth;
}

:root {
  --star-size: 22px;
  --star-color: #cecece;
  --star-background: #ffb72d;
  --themeColorBigTitle: #fff;
  --themeLightWhiteColor: #fff;
  --themeColorSubTitle: #000;
  --themeLightHoverResultItem: #f5f6f7;
  --themeColorTitleContainer: #f5f6f7;
  --themeBlackColorTilte: #000;
  --themeBackgroundColorWhite: #ffffff;
  --themeColorBlack: black;
  --themeColor262627: #262627;
  --themeColorF5f6f7: #f5f6f7;
  --themeColorFFFF10: rgba(0, 0, 0, 0.16);
  --themeColorNews: white;
  --themeColorEa732b: #ea732b;
  --themeColorNewsTitle: black;
  --themeColorFfffff1f: unset;
  --themeColorF5f5f7: #f5f5f7;
  --themeColor7a7a7a: #7a7a7a;
  --iconDarkPlus: url(../newImg/add1.svg);
  --iconLightPlus: url(../newImg/add.svg);
  --scrollbarBG: #242424;
  --thumbBG: white;
  --lightArrowInfoTooltip: url(../newImg/info.svg);
  --sliderColor: rgb(38, 38, 38, 1);
  --sliderColorBoxShadow: rgb(38, 38, 38, 0.3);
  --kinguinHeader: rgb(51, 51, 51);
  --kinguinMainPage: #262626;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: unset;
}
.Stars::before {
  content: "⭐⭐⭐⭐⭐";
  letter-spacing: 0px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body {
  height: 100%;
  display: flex;
  flex-flow: column;
  margin: 0 auto;
  width: 100%;
  color: #000000;
  text-size-adjust: none;
  background: #111111;
  font-family: "Roboto", sans-serif;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
}
body.night-mode {
  background: var(--kinguinMainPage);
  transition: all 0.3s;
}
body.night-mode .lightLogo {
  visibility: hidden !important;
  opacity: 0 !important;
}
body.night-mode .darkLogo {
  visibility: visible !important;
  opacity: 1 !important;
}
body.night-mode-inventory {
  background: var(--kinguinMainPage);
  transition: all 0.3s;
}
body.night-mode-inventory .lightLogo {
  visibility: hidden !important;
  opacity: 0 !important;
}
body.night-mode-inventory .darkLogo {
  visibility: visible !important;
  opacity: 1 !important;
}
body.light-mode {
  background: var(--kinguinMainPage);
  transition: all 0.3s;
}
body.light-mode .lightLogo {
  visibility: visible !important;
  opacity: 1 !important;
}
body.light-mode .darkLogo {
  visibility: hidden !important;
  opacity: 0 !important;
}
body.light-mode-inventory {
  background: var(--kinguinMainPage);
  transition: all 0.3s;
}
body.light-mode-inventory .lightLogo {
  visibility: visible !important;
  opacity: 1 !important;
}
body.light-mode-inventory .darkLogo {
  visibility: hidden !important;
  opacity: 0 !important;
}

.tumblerContainer {
  width: 100px;
  max-width: 80px;
}
.tumblerContainer .tumbler-wrapper {
  margin-left: auto;
  width: 80px;
  height: 36px;
  background: var(--thumblerWrapper);
  border: 1px solid #474746;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
.tumblerContainer .tumbler-wrapper .lightLogo {
  width: 36px;
  height: 36px;
  background-image: url(../newImg/Zasób\ 4.svg);
  background-repeat: no-repeat;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
  left: -1px;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
}
.tumblerContainer .tumbler-wrapper .darkLogo {
  width: 36px;
  height: 36px;
  background-image: url(../newImg/Zasób\ 3.svg);
  background-repeat: no-repeat;
  background-size: cover;
  visibility: visible;
  opacity: 1;
  right: -1px;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
}
.tumblerContainer .tumbler-wrapper .tumbler {
  position: absolute;
  height: 36px;
  width: 36px;
  border-radius: 48%;
  background-color: #242424;
  border: 1px solid #242424;
  transition: transform 0.3s, background-color 0.3s;
  will-change: transform;
}

button {
  padding: 0;
  margin: 0;
}

input {
  outline: none;
}
input:active {
  outline: none;
}

* {
  box-sizing: border-box;
  line-height: 1.2;
  font-style: normal;
  text-size-adjust: none;
}

a {
  text-decoration: unset;
}

*:focus-visible {
  outline-color: gray;
}

.hidden {
  display: none;
}

.loader {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000000;
  background-color: black;
  flex-flow: column;
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity;
  transition: 0.4s all;
  align-items: center;
}

.loaderTrending {
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000000;
  background: var(--kinguinMainPage);
  flex-flow: column;
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity;
  transition: 0.4s all;
  align-items: center;
  position: absolute;
  height: 100%;
  bottom: 0;
}

.loaderArticles {
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000000;
  background: var(--kinguinMainPage);
  flex-flow: column;
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity;
  transition: 0.4s all;
  align-items: center;
  position: fixed;
  height: 100%;
  bottom: 0;
}

.loaderMobile {
  position: absolute !important;
}

.loader .wrapperMain,
.loaderTrending .wrapperMain,
.loaderArticles .wrapperMain {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  width: 120px;
  height: 120px;
  position: relative;
}

.loader .wrapperMain .nifcLogo,
.loaderTrending .wrapperMain .nifcLogo,
.loaderArticles .wrapperMain .nifcLogo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 65px;
}

.loader .wrapperMain .loaderContent,
.loaderTrending .wrapperMain .loaderContent,
.loaderArticles .wrapperMain .loaderContent {
  color: #ea732b;
  font-size: 45px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0) scale(1.2);
  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

.loader .wrapperMain .loaderContentBuilder,
.loaderTrending .wrapperMain .loaderContentBuilder,
.loaderArticles .wrapperMain .loaderContentBuilder {
  animation: unset;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1.2);
  }
}
.loaderHide {
  opacity: 0;
}

.trendingContainerPadding {
  padding: 20px 0 !important;
}

#mainLoader {
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000000000000000;
  background: var(--kinguinMainPage);
  flex-flow: column;
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity;
  transition: 0.4s all;
  align-items: center;
  position: fixed;
  height: 100%;
  bottom: 0;
}
#mainLoader.loaded {
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainLoader .mainLoaderWrapper {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  width: 120px;
  height: 120px;
  position: relative;
}
#mainLoader .mainLoaderWrapper .mainLoaderWrapperLogo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 65px;
}
#mainLoader .mainLoaderWrapper .mainLoaderWrapperContnet {
  color: #ea732b;
  font-size: 45px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0) scale(1.2);
  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

#inventory {
  width: 100%;
  padding-top: 30px;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 50px;
}
#inventory .inventoryContainer {
  width: 100%;
  padding: 0 20px;
}
#inventory .inventoryContainer .inventoryWrapper {
  width: 100%;
  display: flex;
  gap: 30px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox {
  display: flex;
  width: 100%;
  max-width: 350px;
  background: var(--kinguinHeader);
  border-radius: 8px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem {
  width: 100%;
  display: flex;
  padding: 15px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox {
  width: 100%;
  padding-bottom: 40px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchItem {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 300px;
  align-items: center;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchItem .itemIcon {
  content: "";
  background-image: url(../newImg/search1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchItem .itemInput {
  width: 100%;
  border: 1px solid var(--inventoryInputBorder);
  padding: 12px 0 12px 48px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  background: var(--inventoryInputBackground);
  border-radius: 8px;
  font-family: "Roboto Condensed", sans-serif;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchButton {
  width: 100%;
  max-width: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #ea732b;
  padding: 10px 0;
  border: 1px solid #ea732b;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchButton:hover {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 4px 0px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchButton span {
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #222;
  padding-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountTitle {
  display: none;
  color: #ea732b;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 330px;
  justify-content: space-between;
  flex-direction: column-reverse;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountLogo {
  width: 80px;
  height: 80px;
  background-image: url(../newImg/chopin.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  margin-bottom: 10px;
  transition: 0.3s ease-in-out;
  transform: scale(1);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountLogo:hover {
  transform: scale(1.1);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountName {
  color: rgb(153, 153, 153);
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId .accountIdLogo {
  padding: 5px;
  width: 30px;
  height: 30px;
  background: rgb(153, 153, 153);
  border-radius: 8px;
  color: rgb(197, 195, 192);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId .accountIdName {
  padding-left: 5px;
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId .accountIdName:hover {
  color: rgb(234, 115, 43);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId .accountIdName::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 5px;
  width: 0;
  height: 1px;
  background-color: rgb(234, 115, 43);
  transition: width 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountId .accountIdName:hover::before {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus .accountStatusLogo {
  width: 18px;
  height: 18px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus .accountStatusName {
  padding-left: 5px;
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus .accountStatusName:hover {
  color: rgb(234, 115, 43);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus .accountStatusName::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 5px;
  width: 0;
  height: 1px;
  background-color: rgb(234, 115, 43);
  transition: width 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountStatus .accountStatusName:hover::before {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue .accountValueLogo {
  width: 16px;
  height: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue .accountValueName {
  padding-left: 5px;
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue .accountValueName:hover {
  color: rgb(234, 115, 43);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue .accountValueName::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 5px;
  width: 0;
  height: 1px;
  background-color: rgb(234, 115, 43);
  transition: width 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountValue .accountValueName:hover::before {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount .accountAmountLogo {
  width: 16px;
  height: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount .accountAmountName {
  padding-left: 5px;
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount .accountAmountName:hover {
  color: rgb(234, 115, 43);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount .accountAmountName::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 5px;
  width: 0;
  height: 1px;
  background-color: rgb(234, 115, 43);
  transition: width 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .accountBox .accountItems .accountItem .accountAmount .accountAmountName:hover::before {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #222;
  padding: 25px 0 10px 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalTitle {
  color: #ea732b;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink {
  color: var(--inventorySortPartnersButtonFont);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem {
  display: flex;
  align-items: center;
  background: var(--inventoryInputBackground);
  justify-content: center;
  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--inventoryInputBorder);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem.active {
  background: #ea732b;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg {
  width: 25px;
  height: 25px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg {
  background-image: url(../newImg/steam.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg2 {
  background-image: url(../newImg/csmoneyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg3 {
  background-image: url(../newImg/dmarketInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg4 {
  background-image: url(../newImg/tradeitInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg6 {
  background-image: url(../newImg/skinsmonkeyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoImg7 {
  background-image: url(../newImg/shadowPayInventory2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 34px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoTitle {
  padding-left: 10px;
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
  position: relative;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .totalItemLogoTitle.active {
  color: white;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .paidPromotion {
  font-weight: 800;
  margin-left: 28px;
  font-size: 10px;
  color: #ea732b;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemValue {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #222;
  padding: 25px 0 10px 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagTitle {
  color: #ea732b;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems .bagItem {
  display: flex;
  align-items: center;
  background: #222;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems .bagItem .bagItemName {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems .bagItem .bagItemVolume {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems .bagItem .bagItemVolume .bagItemVolumeAmount {
  color: white;
  font-size: 15px;
  font-weight: 800;
  opacity: 0.9;
  padding-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .bagBox .bagItems .bagItem .bagItemVolume .bagItemVolumePrice {
  color: rgb(153, 153, 153);
  font-size: 13px;
  font-weight: 800;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #222;
  padding: 25px 0 10px 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersTitle {
  color: #ea732b;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems {
  padding-bottom: 15px;
  border-bottom: 1px solid #222;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem .filtersItemOption {
  width: 100%;
  transition: all 1s ease-in-out;
  padding: 10px 20px;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  background: var(--inventoryInputBackground);
  border: 1px solid var(--inventoryMainInputBorder);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem .filtersItemOption .filtersItemOptionTitle {
  position: relative;
  color: var(--inventorySortPartnersButtonFont);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem .filtersItemOption.filtersItemOptionArrow {
  transition: all 1s ease-in-out;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem .filtersItemOption.filtersItemOptionArrow::after {
  transform: rotate(-180deg);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItem .filtersItemOption::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/arrowDown.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden {
  width: 100%;
  display: flex;
  transition: height 0.5s ease;
  overflow: hidden;
  flex-direction: column;
  background: var(--inventorySortPartnersButtonBackground);
  border-radius: 15px;
  margin-top: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden:not(.active) {
  display: none;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle {
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 800;
  padding: 10px 10px 10px 15px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecbox {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecbox:checked + .sortChecboxCustom {
  border-color: #ec4e27;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecbox:checked + .sortChecboxCustom svg path {
  fill: #ec4e27;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecbox:checked + .sortChecboxCustom svg polyline {
  stroke-dashoffset: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle:hover .sortChecboxCustom svg path {
  stroke-dashoffset: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecboxCustom {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecboxCustom svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecboxCustom svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle .sortChecboxCustom svg polyline {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 {
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 800;
  padding: 10px 10px 10px 15px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecbox1 {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecbox1:checked + .sortChecboxCustom1 {
  border-color: #ec4e27;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecbox1:checked + .sortChecboxCustom1 svg path {
  fill: #ec4e27;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecbox1:checked + .sortChecboxCustom1 svg polyline {
  stroke-dashoffset: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1:hover .sortChecboxCustom1 svg path {
  stroke-dashoffset: 0;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecboxCustom1 {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecboxCustom1 svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecboxCustom1 svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .filtersBox .filtersItems .filtersItemOptionHidden .optionHiddenItem1 .optionHiddenItemTitle1 .sortChecboxCustom1 svg polyline {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem {
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  border-bottom: 2px solid #222;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 50px;
  justify-content: flex-end;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort {
  width: 100%;
  max-width: 250px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption {
  width: 100%;
  transition: all 1s ease-in-out;
  padding: 16px 20px;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--inventorySortPartnersButtonFont);
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--inventorySortPartnersButtonBackground);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconDay.sortPriceLowIcon {
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: all 0.5s ease-in-out;
  background-image: url(../../assets/newImg/lowToHighWhite.svg);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconDay.sortPriceHighIcon {
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: all 0.5s ease-in-out;
  background-image: url(../../assets/newImg/sortPriceHighWhite.svg);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconNight {
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: all 0.5s ease-in-out;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconNight.sortPriceHighIcon {
  background-image: url(../newImg/sortPriceHighHover.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconNight.sortPriceLowIcon {
  background-image: url(../newImg/lowToHighHover.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconNight.sortQuantityLowIcon {
  background-image: url(../newImg/quantityToLowhHover.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionIconNight.sortQuantityHighIcon {
  background-image: url(../newImg/quantityToHighHover.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption .filtersItemOptionTitle {
  position: relative;
  color: var(--inventorySortPartnersButtonFont);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption.filtersItemOptionArrow {
  transition: all 1s ease-in-out;
  box-shadow: #ea732b 0px 0px 0px 0px, #ea732b 0px 0px 10px 1px inset;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption.filtersItemOptionArrow::after {
  transform: rotate(-180deg);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItem .filtersItemOption::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/arrowDown.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden {
  width: 100%;
  display: flex;
  transition: height 0.5s ease;
  overflow: hidden;
  flex-direction: column;
  background: var(--inventorySortPartnersButtonBackground);
  border-radius: 15px;
  position: absolute;
  top: 70px;
  z-index: 1;
  box-shadow: #ea732b 0px 0px 0px 0px, #ea732b 0px 0px 10px 1px inset;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden:not(.active) {
  display: none;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle {
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 800;
  padding: 10px 10px 10px 15px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.active {
  background: #ea732b;
  color: white;
  opacity: 0.9;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceHigh {
  position: relative;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceHigh .sortPriceHighIcon {
  background-image: url(../newImg/sortPriceHigh.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceHigh.active {
  transition: background-image 0.3s, opacity 0.3s;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceHigh.active .sortPriceHighIcon {
  background-image: url(../newImg/sortPriceHighHover.svg);
  opacity: 1;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceLow {
  position: relative;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceLow .sortPriceLowIcon {
  background-image: url(../newImg/lowToHigh.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceLow.active {
  transition: background-image 0.3s, opacity 0.3s;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort .filtersItemOptionHidden .optionHiddenItem .optionHiddenItemTitle.sortPriceLow.active .sortPriceLowIcon {
  background-image: url(../newImg/lowToHighHover.svg);
  opacity: 1;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners {
  width: 100%;
  max-width: 250px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption {
  width: 100%;
  transition: all 1s ease-in-out;
  padding: 16px 20px;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  height: 57px;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--inventorySortPartnersButtonBackground);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceSteamIcon {
  background-image: url(../newImg/steamInventory.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceDmarketIcon {
  background-image: url(../newImg/dmarketInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceCsmoneyIcon {
  background-image: url(../newImg/csmoneyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceShadowPayIcon {
  background-image: url(../newImg/shadowPayInventory2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceTradeitIcon {
  background-image: url(../newImg/tradeitInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersSortPriceSkinsmonkeyIcon {
  background-image: url(../newImg/skinsmonkeyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersFiltersItemOptionIcon {
  background-image: url(../newImg/dmarketInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: all 0.5s ease-in-out;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption .partnersFiltersItemOptionTitle {
  position: relative;
  color: var(--inventorySortPartnersButtonFont);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption.partnersFiltersItemOptionArrow {
  transition: all 1s ease-in-out;
  box-shadow: #ea732b 0px 0px 0px 0px, #ea732b 0px 0px 10px 1px inset;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption.partnersFiltersItemOptionArrow::after {
  transform: rotate(-180deg);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItem .partnersFiltersItemOption::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/arrowDown.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden {
  width: 100%;
  display: flex;
  transition: height 0.5s ease;
  overflow: hidden;
  flex-direction: column;
  background: var(--inventorySortPartnersButtonBackground);
  border-radius: 15px;
  position: absolute;
  top: 70px;
  z-index: 1;
  box-shadow: #ea732b 0px 0px 0px 0px, #ea732b 0px 0px 10px 1px inset;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden:not(.active) {
  display: none;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle {
  color: rgb(153, 153, 153);
  font-size: 15px;
  font-weight: 800;
  padding: 10px 10px 10px 15px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceSteamIcon {
  background-image: url(../newImg/steamInventory.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceDmarketIcon {
  background-image: url(../newImg/dmarketInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceCsmoneyIcon {
  background-image: url(../newImg/csmoneyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceShadowPayIcon {
  background-image: url(../newImg/shadowPayInventory2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceTradeitIcon {
  background-image: url(../newImg/tradeitInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle .partnersSortPriceSkinsmonkeyIcon {
  background-image: url(../newImg/skinsmonkeyInventory.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners .partnersFiltersItemOptionHidden .partnersOptionHiddenItem .partnersOptionHiddenItemTitle.active {
  background: #ea732b;
  color: white;
  opacity: 0.9;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--inventorySortPartnersButtonBackground);
  border: 1px solid var(--inventoryMainInputBorder);
  padding: 15px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border-radius: 8px;
  width: auto;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal .searchTotalAmount {
  color: #ea732b;
  font-size: 16px;
  font-weight: 800;
  padding-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal .searchTotalTitle {
  color: rgb(153, 153, 153);
  font-size: 16px;
  font-weight: 400;
  padding-right: 5px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal .searchTotalScore {
  color: #ea732b;
  font-size: 16px;
  font-weight: 800;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 500px;
  align-items: center;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput .resultSearchIcon {
  content: "";
  background-image: url(../newImg/search1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput .resultSearchIconInput {
  width: 100%;
  border: 1px solid var(--inventoryMainInputBorder);
  padding: 15px 0 15px 48px;
  color: #7a7a7a;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.14px;
  background: var(--inventoryMainInputBackground);
  border-radius: 8px;
  font-family: "Roboto Condensed", sans-serif;
  height: 57px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
  grid-auto-rows: max-content;
  gap: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo {
  grid-column: span 3;
  width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo .inventoryResultItemPromoLogo {
  width: 100%;
  background-image: url(../../assets/newImg/baners/g4skins1.jpg);
  background-repeat: no-repeat;
  height: auto;
  background-size: cover;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem {
  position: relative;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  height: 300px;
  background: var(--inventorySortPartnersButtonBackground);
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 86px;
  padding: 0 16px;
  margin-bottom: 16px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemLogo .inventoryResultItemLogoImg {
  max-height: 100%;
  max-width: 100%;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemName {
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
  padding-bottom: 10px;
  opacity: 0.9;
  height: 80px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemType {
  color: rgb(153, 153, 153);
  font-size: 13px;
  font-weight: 800;
  padding-bottom: 10px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemBuy {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemBuy .inventoryResultItemPrice {
  color: #ea732b;
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 15px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemBuy .inventoryResultItemPriceIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  width: 75px;
  cursor: pointer;
  background: #ea732b;
  border-radius: 8px;
  color: white;
  padding: 5px;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .noResultsMessage {
  padding: 50px;
  color: white;
  transition: visibility 0.5s, opacity 0.5s;
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-weight: 400;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .noResultsMessage.noResultsMessageHidden {
  opacity: 0;
  visibility: hidden;
}
#inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .noResultsMessage.noResultsMessageActive {
  opacity: 1;
  visibility: visible;
}

#noAccount {
  width: 100%;
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
}
#noAccount .noAccountContainer {
  width: 100%;
}
#noAccount .noAccountContainer .noAccountWrapper {
  width: 100%;
  padding-top: 30px;
  max-width: 1420px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerMobile {
  display: none;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerMobile .noAccountWrapperBannerMobileImg {
  width: 100%;
  height: auto;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBoxButton {
  width: 100%;
  max-width: 140px;
  margin: 0 auto 40px auto;
  background: #ea732b;
  border-radius: 8px;
  color: white;
  padding: 15px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountBannerMobile {
  display: none;
  margin-bottom: 40px;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountBannerMobile .noAccountBannerMobileImg {
  width: 100%;
  height: au;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBox {
  max-width: 800px;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--kinguinHeader);
  padding: 30px;
  border-radius: 8px;
  margin: 30px auto;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBox .noAccountWrapperBoxItem {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBox .noAccountWrapperBoxItem .noAccountWrapperBoxItemTitle {
  color: #ea732b;
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 15px;
}
#noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBox .noAccountWrapperBoxItem .noAccountWrapperBoxItemText {
  font-size: 18px;
  font-weight: 400;
  color: #7a7a7a;
}

#account {
  width: 100%;
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
}
#account .roulette {
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 100%;
  max-width: 285px;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 15px;
  border: 2px solid rgba(255, 194, 13, 0.75);
  opacity: 0;
  visibility: hidden;
  background: #433712;
  box-shadow: 0px 0px 25px 0px rgba(255, 194, 13, 0.25);
  align-items: center;
  display: flex;
  transition: visibility 0s, opacity 1s;
  padding: 15px 0;
  z-index: 2;
}
#account .roulette .rouletteWrapper {
  width: 100%;
}
#account .roulette .rouletteWrapper .rouletteBox {
  display: flex;
  align-items: center;
  position: relative;
}
#account .roulette .rouletteWrapper .rouletteBox .rouletteLogo {
  background-position: 100% 100%;
  background-image: url(../newImg/0846e5eda5a9e84341d255f5e74c8521.gif);
  width: 180px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
}
#account .roulette .rouletteWrapper .rouletteBox .rouletteText {
  padding-right: 40px;
}
#account .roulette .rouletteWrapper .rouletteBox .rouletteText .first {
  color: white;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
#account .roulette .rouletteWrapper .rouletteBox .rouletteText .second {
  color: #fff;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#account .roulette .rouletteWrapper .rouletteBox .rouletteText .third {
  color: #ea732b;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#account .roulette .rouletteWrapper .closePopup {
  position: absolute;
  top: 0px;
  right: 0px;
  color: white;
  z-index: 111111;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 111111;
}
#account .accountContainer {
  padding-top: 30px;
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
#account .accountContainer .accountWrapper {
  width: 100%;
}
#account .accountContainer .accountWrapper .accountBox {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#account .accountContainer .accountWrapper .accountBox .accountBannerMobile {
  display: none;
}
#account .accountContainer .accountWrapper .accountBox .accountBannerMobile .accountBannerMobileImg {
  width: 100%;
  height: auto;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenu {
  display: flex;
  gap: 25px;
  width: 100%;
  max-width: max-content;
  margin: 0 auto;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--kinguinHeader);
  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenu .accountItemMenuItem {
  color: var(--themeBlackColorTilte);
  background: none;
  border: none;
  padding: 5px 10px;
  width: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenu .accountItemMenuItem:hover {
  color: #ea732b;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenu .accountItemMenuItem.active {
  color: white;
  background: #ea732b;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent {
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem {
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.5s ease-in-out;
  visibility: visible;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem.hidden {
  opacity: 0;
  visibility: hidden;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem.show {
  visibility: visible;
  opacity: 1;
  height: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
  width: 100%;
  max-width: 1000px;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--kinguinHeader);
  padding: 30px;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:nth-child(2) {
  width: 100%;
  max-width: 400px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer {
  width: 100%;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox {
  width: 100%;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskBoxTitle {
  color: #ea732b;
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 15px;
  text-align: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 35px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem {
  width: 100%;
  transition: all 1s ease-in-out;
  padding: 10px 20px;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  background: var(--inventoryInputBackground);
  border: 1px solid var(--inventoryMainInputBorder);
  color: var(--inventorySortPartnersButtonFont);
  margin-bottom: 10px;
  justify-content: space-between;
  cursor: pointer;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemName {
  color: var(--themeBlackColorTilte);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.16px;
  display: flex;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemName .smallTaskItemName {
  font-size: 11px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  color: #ea732b;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 125px;
  justify-content: space-between;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemPoints {
  display: flex;
  align-items: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemPoints .taskItemPointsPoint {
  font-size: 21px;
  position: relative;
  padding-left: 3px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemPoints .taskItemPointsPoint .taskItemPointsPointSecond {
  position: absolute;
  font-size: 10px;
  right: 0;
  bottom: -8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemNumberInvited {
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--yellowHeader);
  font-weight: 800;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemCheck {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemCheck.check {
  background-image: url(../newImg/check.png);
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemCheck.noCheck {
  background-image: url(../newImg/error.png);
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem:hover {
  border: 1px solid #ea732b;
  background: #ea732b;
  color: var(--themeBlackColorTilte);
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite {
  margin-top: 25px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background: var(--kinguinHeader);
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateLeftItems {
  display: flex;
  margin-right: 25px;
  width: 100%;
  max-width: 115px;
  cursor: pointer;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateLeftItems .accountAffiliateLeftItem {
  color: white;
  background: #ea732b;
  padding: 15px 20px;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems .accountAffiliateRghtItem {
  display: flex;
  align-items: center;
  background: var(--inventoryInputBackground);
  justify-content: center;
  padding: 15px 20px;
  border-radius: 8px;
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid var(--inventoryInputBorder);
  opacity: 0.6;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems .copyAffiliateNotification {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #4caf50;
  color: white;
  border-radius: 5px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
  max-width: 60px;
  font-size: 14px;
  margin-left: 20px;
  height: 0;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems .copyAffiliateNotification.show {
  opacity: 1;
  visibility: visible;
  height: 27px;
  padding: 0 5px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer {
  width: 93%;
  padding-bottom: 50px;
  position: relative;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardBoixTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ea732b;
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 15px;
  text-align: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -50px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__prev svg {
  fill: #ec4e27;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -50px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__next svg {
  fill: #ec4e27;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .trendingBigRewardsSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--themeLightWhiteColor);
  width: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemData {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px 10px;
  gap: 20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 103px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemData .rewardsItemDataCategory {
  color: var(--themeBlackColorTilte);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  text-align: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemData .rewardsItemDataTitle {
  justify-content: center;
  color: var(--themeBlackColorTilte);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 {
  /* display: none; */
  margin-top: 20px;
  padding: 10px 10px;
  background-color: #ea732b;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  width: 100%;
  max-width: 145px;
  /* height: 50px; */
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock1, #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock2, #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock3, #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock4, #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock5, #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton1 .claimButtonUnlock6,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton2 .claimButtonUnlock6,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton3 .claimButtonUnlock6,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton4 .claimButtonUnlock6,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton5 .claimButtonUnlock6,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #claimButton6 .claimButtonUnlock6 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background-color: grey;
  height: 100%;
  display: flex;
  align-items: center;
  /* padding-top: 7px; */
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox6 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
  border: 2px dotted #ea732b;
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
  height: 0;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox1.show1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox2.show2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox3.show3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox4.show4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox5.show5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox6.show6 {
  opacity: 1;
  visibility: visible;
  height: auto;
  margin: 20px 0;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox1.show1 .promoCode1,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox2.show2 .promoCode2,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox3.show3 .promoCode3,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox4.show4 .promoCode4,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox5.show5 .promoCode5,
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems #promoCodeBox6.show6 .promoCode6 {
  cursor: pointer;
  color: #ea732b;
  text-decoration: underline;
  padding-top: 10px;
  font-size: 15px;
  align-items: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsFaqContainer .rewardsFaqContainerBoxItem {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsFaqContainer .rewardsFaqContainerBoxItem .rewardsFaqContainerBoxItemTitle {
  color: #ea732b;
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 15px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsFaqContainer .rewardsFaqContainerBoxItem .rewardsFaqContainerBoxItemText {
  font-size: 18px;
  font-weight: 400;
  color: #7a7a7a;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory {
  padding-top: 35px;
  width: 100%;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryMainTitle {
  color: #ea732b;
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 15px;
  text-align: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryBox {
  width: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 10px;
  justify-content: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem .rewardsHistoryTime {
  color: #ea732b;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-right: 15px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem .rewardsHistoryTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-right: 15px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem .rewardsHistoryCode {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  display: flex;
  opacity: 0.4;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--kinguinHeader);
  padding: 30px;
  border-radius: 8px;
  height: 360px;
  justify-content: space-between;
  margin-bottom: 30px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .affiliateBoxRank {
  display: flex;
  display: none;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .affiliateBoxRank .affiliateBoxRankTitle {
  color: white;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 5px;
  padding-right: 5px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .affiliateBoxRank .affiliateBoxRankPoints {
  color: green;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 5px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 20px 0;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container .circle {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f5f6f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container .circle svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container .circle svg .progress-circle-bg {
  fill: none;
  stroke: #ddd;
  stroke-width: 10;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container .circle svg .progress-circle {
  fill: none;
  stroke: #ea732b;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 628;
  stroke-dashoffset: 628;
  transition: stroke-dashoffset 0.3s;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .circular-container .circle .circle-inner-text {
  position: relative;
  font-size: 50px;
  font-weight: bold;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .affiliateBoxRankRefresh {
  color: rgb(153, 153, 153);
  font-size: 10px;
  font-weight: 800;
  padding-bottom: 10px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank .affiliateBoxPoints {
  color: #ea732b;
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 5px;
  padding-right: 5px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBannerMobile {
  display: none;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBanner {
  width: 100%;
  max-width: 262px;
  display: flex;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBanner img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount {
  display: flex;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount .accountItemMenuContentAccountBannerLeft {
  width: 100%;
  max-width: 250px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount .accountItemMenuContentAccountBannerLeft img {
  width: 100%;
  height: auto;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount .accountItemMenuContentAccountBannerRight {
  width: 100%;
  max-width: 250px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount .accountItemMenuContentAccountBannerRight img {
  width: 100%;
  height: auto;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItemAccount.hidden {
  display: none;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount {
  flex-direction: row;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid var(--inventoryMainInputBorder);
  background: var(--kinguinHeader);
  padding: 30px;
  border-radius: 8px;
  flex-direction: column;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBoxContentItem {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBoxContentItem .accountAffiliateBoxContentItemTitle {
  color: #ea732b;
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 15px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBoxContentItem .accountAffiliateBoxContentItemText {
  font-size: 18px;
  font-weight: 400;
  color: #7a7a7a;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background: var(--kinguinHeader);
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateLeftItems {
  display: flex;
  margin-right: 25px;
  cursor: pointer;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateLeftItems .accountAffiliateLeftItem {
  color: white;
  background: #ea732b;
  padding: 15px 20px;
  border-radius: 8px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateRghtItems {
  display: flex;
  align-items: center;
  gap: 15px;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateRghtItems .accountAffiliateRghtItem {
  display: flex;
  align-items: center;
  background: var(--inventoryInputBackground);
  justify-content: center;
  padding: 15px 20px;
  border-radius: 8px;
  color: var(--inventorySortPartnersButtonFont);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid var(--inventoryInputBorder);
  opacity: 0.6;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateRghtItems .copyAffiliateNotification {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #4caf50;
  color: white;
  border-radius: 5px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
  max-width: 60px;
  margin: 0 auto;
  font-size: 14px;
  height: 0;
}
#account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateRghtItems .copyAffiliateNotification.show {
  opacity: 1;
  visibility: visible;
  height: 27px;
  padding: 0 5px;
}
#account .accountContainer .accountWrapper .accountBox #inputContainer {
  position: absolute;
  width: 0;
  height: 0;
  display: none;
}
#account .accountContainer .accountWrapper .accountBox #inputContainer #pointsInput {
  position: absolute;
  width: 0;
  height: 0;
  display: none;
}

#accountLoaderWarning {
  font-family: "Roboto Condensed", sans-serif;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  transition: visibility 0.5s, opacity 0.5s linear;
  z-index: 2;
}
#accountLoaderWarning .accountModalContentWarning {
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #222;
  border-radius: 20px;
  padding: 25px;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarning {
  background-image: url(/assets/newImg/headerLogo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 65px;
  height: 104px;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxExit {
  background-image: url(../../../assets/newImg/exitWhite.svg);
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: -100px;
  background-repeat: no-repeat;
  transition: visibility 0.5s, opacity 0.5s linear;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxTitle {
  color: white;
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 20px;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead1,
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead2,
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead3 {
  color: white;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
}
#accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxText {
  padding-top: 10px;
  color: #ea732b;
  font-size: 20px;
  font-weight: 800;
}

#accountLoader {
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
  transition: visibility 0.5s, opacity 0.5s linear;
}
#accountLoader .accountModalContent {
  /* background-color: rgb(51, 51, 51); */
  margin: 0 auto;
  padding: 20px;
  /* border: 1px solid rgb(51, 51, 51); */
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
#accountLoader .accountModalContent .accountLoader {
  background-image: url(/assets/newImg/headerLogo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 65px;
  height: 104px;
}
#accountLoader .accountModalContent .accountLoaderContent {
  animation: mltShdSpin 1.7s ease infinite, round 1.7s ease infinite;
  border-radius: 50%;
  color: #ea732b;
  font-size: 60px;
  height: 1em;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0) scale(1.2);
  width: 1em;
  position: absolute;
  bottom: 0;
  top: -10px;
  margin: auto;
  transition: visibility 0.5s, opacity 0.5s linear;
}

#accountPopup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#accountPopup .popupContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: 1px solid rgb(51, 51, 51);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgb(51, 51, 51);
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
}
#accountPopup .popupContent .popupLogo {
  background-size: cover;
  background-repeat: no-repeat;
  width: 115px;
  height: 115px;
}
#accountPopup .popupContent .popupText {
  color: white;
  font-size: 20px;
  font-weight: 800;
  padding: 25px 0;
  width: 100%;
  max-width: 205px;
}
#accountPopup .popupContent .popupButtons {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#accountPopup .popupContent .popupButtons .closePopupAndExecute {
  padding: 10px 10px;
  background-color: #61cf87;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  width: 100%;
  max-width: 145px;
}
#accountPopup .popupContent .popupButtons .closePopupWithoutExecute {
  padding: 10px 10px;
  background-color: #ea732b;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 15px;
  width: 100%;
  max-width: 170px;
  font-weight: 800;
}
#accountPopup.showPopup {
  display: block;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1.2);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#terms {
  width: 100%;
  display: flex;
}
#terms .termsWrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px 50px 20px;
}
#terms .termsWrapper .termsTopBox {
  padding: 50px 0;
}
#terms .termsWrapper .termsTopBox .termsText1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 30px;
}
#terms .termsWrapper .termsTopBox .termsTitle1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: var(--termsColor);
  padding-bottom: 15px;
}
#terms .termsWrapper .termsTopBox .termsLead1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--termsColor);
  padding-bottom: 5px;
}
#terms .termsWrapper .termsTopBox .termsSubLead1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--termsColor);
  padding-bottom: 5px;
}
#terms .termsWrapper .termsBottomBox {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#terms .termsWrapper .termsBottomBox .termsLeftItems {
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  color: var(--termsColor);
  font-weight: 500;
  padding-bottom: 18px;
}
#terms .termsWrapper .termsRightItems {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
#terms .termsWrapper .termsRightItems .termisRightTitle {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  color: var(--termsColor);
  font-weight: 500;
  padding-right: 18px;
}
#terms .termsWrapper .termsRightItems .termisRightText {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  color: rgb(168, 168, 168);
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  position: relative;
}
#terms .termsWrapper .termsRightItems .termisRightText:hover {
  color: rgb(234, 115, 43);
}
#terms .termsWrapper .termsRightItems .termisRightText::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: rgb(234, 115, 43);
  transition: width 0.3s ease;
}
#terms .termsWrapper .termsRightItems .termisRightText:hover::before {
  width: 100%;
}

#landingPage {
  width: 100%;
}
#landingPage .wrapper {
  width: 100%;
}
#landingPage .wrapper .topContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 31px;
}
#landingPage .wrapper .topContainer .title {
  padding: 24px 0 0 0;
  color: #ec4e27;
  text-align: center;
  font-family: Anton;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 93.6px */
}
#landingPage .wrapper .topContainer .subTitle {
  color: #000;
  font-family: Anton;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding: 0 0 41px 0;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer {
  width: 100%;
  max-width: 1436px;
  margin: 0 auto;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .splide__arrow {
  align-items: center;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid #d6d6d6;
  opacity: 1;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcard__arrow__prev {
  left: -40px;
  top: 30%;
  transition: all 0.2s ease-in-out;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcard__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcard__arrow__next {
  right: -40px;
  top: 30%;
  transition: all 0.2s ease-in-out;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcard__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: #fff;
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 24px;
  transition: all 0.3s ease-in-out;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem:hover {
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(234, 115, 43, 0.06) 0%, rgba(234, 115, 43, 0.06) 100%), #fff;
  box-shadow: 0px 5px 25px 0px rgba(234, 115, 43, 0.55);
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 99%;
  position: relative;
  width: 100%;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallCategory {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallTitle {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPrice {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 85px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#landingPage .wrapper .topContainer .box .giftcardsContainer .giftcartItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButtonActive {
  background: #ed5833;
  color: #fff;
}
#landingPage .wrapper .topContainer .moreButtonBox {
  width: 100%;
  max-width: 167px;
  margin: 10px auto 0 auto;
}
#landingPage .wrapper .topContainer .moreButtonBox .buttonItem {
  cursor: pointer;
  width: 100%;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  padding: 12px 5px;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#landingPage .wrapper .topContainer .moreButtonBox .buttonItem .buttonTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#landingPage .wrapper .topContainer .moreButtonBox .buttonItem .buttonArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
}
#landingPage .wrapper .articlesBox {
  width: 100%;
}
#landingPage .wrapper .articlesBox .articlesBackground {
  background: rgba(237, 154, 63, 0.06);
  filter: drop-shadow(0px 7px 85px rgba(251, 142, 49, 0.25));
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesTitleContainer {
  color: #262627;
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  padding: 44px 0 53px 0;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .splide__arrow:disabled {
  display: none;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .trending__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .trending__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .splide__arrow svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox {
  filter: drop-shadow(0px 7px 85px rgba(251, 142, 49, 0.25));
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem {
  width: 100%;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems {
  width: 100%;
  max-width: 286px;
  border-radius: 8px;
  background: #ea732b;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData {
  padding: 16px 16px 41px 16px;
  width: 100%;
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 445px;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemLogo {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 140px;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemTitle {
  padding-top: 24px;
  color: #000;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  height: 80px;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemLead {
  padding-top: 22px;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  opacity: 0.45;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderItemButton {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #ea732b;
  padding: 19px 0;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderItemButton span {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox {
  padding: 40px 0 62px 0;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox .articlesShowMoreButton {
  display: none;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 143px;
  margin: 0 auto;
  cursor: pointer;
}
#landingPage .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox .articlesShowMoreButton span {
  padding: 12px 0;
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
#landingPage .wrapper .newsletterContainer {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
  display: flex;
  padding-bottom: 71px;
}
#landingPage .wrapper .newsletterContainer .newsletterItem {
  width: 100%;
  background-image: url(../newImg/071f2fd2093724d43f950d8274e7f125.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 19%;
  position: relative;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm {
  position: absolute;
  width: 100%;
  height: 40px;
  max-width: 341px;
  left: 61px;
  right: 0;
  top: auto;
  bottom: 17px;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm .formItem {
  display: flex;
  width: 100%;
  border-radius: 6px;
  background: #fff;
  height: 40px;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm .formItem .formInput {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #f2802e;
  background: #fff;
  outline: #f2802e;
  padding: 0 22px;
  color: #111;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm .formItem .formButton {
  position: absolute;
  right: 0;
  width: 100%;
  max-width: 110px;
  border-radius: 8px;
  background: #ee792d;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  border: none;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm .formItem .formButton .buttonTitle {
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#landingPage .wrapper .newsletterContainer .newsletterItem .newsletterForm .formItem .formButton .buttonArrow {
  width: 10px;
  height: 16px;
  background-image: url(../newImg/newsletterDownArrow.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#articleListPage {
  width: 100%;
}
#articleListPage .wrapper {
  width: 100%;
}
#articleListPage .wrapper .container .backgroundBox {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
#articleListPage .wrapper .container .backgroundBox .backgroundItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  height: 100%;
}
#articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleTop {
  color: var(--goldenToOrange);
  text-align: center;
  font-family: Arimo;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: 6.4px;
  text-transform: uppercase;
}
#articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleMiddle {
  color: var(--whiteToBlack);
  text-align: center;
  font-family: Anton;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding: 20px 0;
}
#articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleBottom {
  color: var(--goldenToOrange);
  text-align: center;
  font-family: Arimo;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.4px;
}
#articleListPage .wrapper .container .contentBox {
  width: 100%;
  max-width: 890px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#articleListPage .wrapper .container .contentBox .contenWrapper {
  width: 100%;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer {
  width: 100%;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredTitle {
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 60px;
  /* 36px */
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a {
  width: calc(33.3333333333% - 10px);
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem {
  width: 100%;
  max-width: 286px;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem .featuredData {
  padding: 16px 16px 41px 16px;
  width: 100%;
  background: var(--lightGreyToWhite);
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem .featuredData .dataLogo {
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 140px;
  background-image: url(/upload/article/small/76_169927035680f97c.jpg);
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem .featuredData .dataTitle {
  color: var(--whiteToBlack);
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  padding: 24px 0 22px 0;
  height: 120px;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem .featuredData .dataLead {
  color: var(--whiteToBlack);
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredBox a .featuredItem .featuredButton {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0px;
  border-top-right-radius: 0x;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  /* background: #ea732b; */
  padding: 19px 0;
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  cursor: pointer;
  background: #ea732b;
}
#articleListPage .wrapper .contentContainer {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
  padding-top: 5%;
}
#articleListPage .wrapper .contentContainer .bannerBox {
  width: 100%;
}
#articleListPage .wrapper .contentContainer .bannerBox .bannerItem {
  background-image: url(../newImg/baner\ poglądowy\ poziomy\ 2.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 20%;
  border-radius: 8px;
}
#articleListPage .wrapper .contentContainer .listTopContainer {
  padding-bottom: 60px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox {
  display: flex;
  flex-direction: column;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .noResults {
  font-size: 22px;
  color: var(--whiteToBlack);
  display: flex;
  justify-content: center;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem {
  border-radius: 8px;
  margin-bottom: 25px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a {
  grid-template-columns: auto 68px;
  display: grid;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  background: var(--lightGreyToWhite);
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent {
  display: grid;
  grid-template-columns: 254px 1fr;
  width: 100%;
  padding: 16px 22px 24px 16px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listLogo {
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 140px;
  background-image: url(/upload/article/small/76_169927035680f97c.jpg);
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  align-items: flex-start;
  justify-content: center;
  padding-left: 37px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData .listTitle {
  color: var(--whiteToBlack);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  /* 25.2px */
  padding-bottom: 18px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData .listLead {
  color: var(--whiteToBlack);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.45;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem .listItemButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  border-radius: 8px;
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.12);
  background: linear-gradient(180deg, #fb8e31 0%, #ea732b 100%);
  cursor: pointer;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem .listItemButton .buttonArrow {
  width: 24px;
  height: 42px;
  background-image: url(../newImg/arrowRight.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll {
  display: flex;
  flex-direction: column;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile {
  display: flex;
  border-radius: 8px;
  margin-bottom: 25px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a {
  display: flex;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
  width: 100%;
  background: var(--themeLightWhiteColor);
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent {
  display: grid;
  grid-template-columns: 254px 1fr;
  width: 100%;
  padding: 16px 22px 24px 16px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listLogo {
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
  background-image: url(/upload/article/small/76_169927035680f97c.jpg);
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  padding-left: 37px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listTitle {
  color: #424242;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  /* 25.2px */
  padding-bottom: 18px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listLead {
  color: var(--themeBlackColorTilte);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.45;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile .listItemButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.12);
  background: linear-gradient(180deg, #fb8e31 0%, #ea732b 100%);
  cursor: pointer;
  height: 100%;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile .listItemButton .buttonArrow {
  width: 24px;
  height: 42px;
  background-image: url(../newImg/arrowRight.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  align-items: center;
  align-items: center;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationPrevItem {
  display: flex;
  cursor: pointer;
  border: none;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox {
  display: flex;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  justify-content: space-between;
  cursor: pointer;
  gap: 10px;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox .paginationItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(12.5% - 9px);
  height: 48px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  color: rgba(0, 0, 0, 0.45);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.16px;
  transition: all 0.2s;
  cursor: pointer;
  border: none;
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox .paginationItem.active {
  color: #ec4e27;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationNextItem {
  display: flex;
  cursor: pointer;
  border: none;
}
#articleListPage .wrapper .contentContainer .loadMoreButton {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: linear-gradient(180deg, #fb8e31 0%, #ea732b 100%);
  width: 100%;
  max-width: 143px;
  margin: 0 auto 60px auto;
  border: none;
  cursor: pointer;
}
#articleListPage .wrapper .contentContainer .loadMoreButton span {
  padding: 12px 0;
  color: white;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif;
}
#articleListPage .wrapper .contentContainer .loadMoreButton.hidden {
  display: none;
}
#articleListPage .wrapper .contentContainer .legendsBannerWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
  padding-bottom: 25px;
  padding-top: 30px;
}
#articleListPage .wrapper .contentContainer .legendsBannerWrapper .legendsBannerWrapperTitle {
  color: var(--themeColor262627);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 36px;
}
#articleListPage .wrapper .contentContainer .legendsBannerWrapper a .legendsBanner {
  background-image: url(../../assets/newImg/bannerLegends5.png);
  width: 100%;
  padding-top: 29%;
  background-size: cover;
  background-repeat: no-repeat;
}

#articleListPageHeader {
  width: 100%;
  background: var(--themeColorBlack);
  z-index: 1;
}
#articleListPageHeader .main {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
#articleListPageHeader .main .wrapper {
  width: 100%;
}
#articleListPageHeader .main .wrapper .box {
  width: 100%;
  max-width: 1095px;
  margin: 0 auto;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
}
#articleListPageHeader .main .wrapper .box .leftItem {
  display: flex;
  align-items: center;
  width: 100%;
}
#articleListPageHeader .main .wrapper .box .leftItem .logo {
  background-image: url(../newImg/headerLogo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 28px;
  height: 43px;
  margin-right: 24px;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem {
  width: 100%;
  max-width: 669px;
  display: flex;
  align-items: center;
  position: relative;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem .searchIcon {
  background-image: url(../newImg/searchWhite.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem .input {
  border-radius: 8px;
  border: 1px solid #353535;
  background: #212121;
  width: 100%;
  padding: 15px 0 15px 48px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  color: #a6a6a6;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem .filterBox {
  position: absolute;
  right: 0;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 16px 6px 0;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem .filterBox .moreButton {
  display: flex;
  align-items: center;
  border: initial;
  background-color: initial;
  cursor: pointer;
  padding-left: 31px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
}
#articleListPageHeader .main .wrapper .box .leftItem .searchItem .filterBox .moreButton::after {
  content: url(../newImg/arrowDown.svg);
  width: 24px;
  height: 24px;
  padding-left: 8px;
}
#articleListPageHeader .main .wrapper .box .rightItem {
  display: flex;
  width: 40%;
  justify-content: flex-end;
  align-items: center;
}
#articleListPageHeader .main .wrapper .box .rightItem .langBox {
  width: 100%;
  max-width: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  cursor: pointer;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
#articleListPageHeader .main .wrapper .box .rightItem .langBox::after {
  content: url(../newImg/arrowDown.png);
  width: 24px;
  height: 24px;
  padding-left: 8px;
}
#articleListPageHeader .main .wrapper .box .rightItem .langBox div {
  display: flex;
  align-items: center;
}
#articleListPageHeader .main .wrapper .box .rightItem .discordBox .discordBoxLogo {
  background-image: url(../newImg/discord.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
}
#articleListPageHeader .main .wrapper .box .rightItem .logInBox {
  display: flex;
  max-width: 150px;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: #ec4e27;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  justify-content: space-evenly;
  cursor: pointer;
}
#articleListPageHeader .main .wrapper .box .rightItem .logInBox::after {
  content: url(../newImg/loginArrow.svg);
  width: 24px;
  height: 24px;
}

#header {
  width: 100%;
  background: var(--kinguinHeader);
  z-index: 1;
}
#header .main {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
#header .main .wrapper {
  width: 100%;
}
#header .main .wrapper .box {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#header .main .wrapper .box .leftItem {
  display: flex;
  align-items: center;
  width: 100%;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox {
  display: flex;
  align-items: center;
  width: 100%;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory {
  color: var(--yellowHeader);
  display: flex;
  margin: 0 0 0 25px;
  flex-direction: column;
  align-items: center;
  font-family: "Roboto Condensed";
  position: relative;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
  color: var(--lightYellowHeader);
  font-size: 16px;
  font-weight: 800;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitleNew {
  color: var(--lightYellowHeader);
  font-size: 16px;
  font-weight: 800;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitle {
  color: white;
  font-size: 14px;
  font-weight: 600;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleNew {
  font-size: 14px;
  font-weight: 600;
  color: var(--yellowHeader);
  text-align: center;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
  z-index: -11;
  position: absolute;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  left: -55px;
  transform: rotate(-45deg);
  background: red;
  bottom: 8px;
  width: 130px;
  padding-left: 25px;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards {
  z-index: -11;
  position: absolute;
  font-size: 14px;
  font-weight: 800;
  color: white;
  left: -40px;
  transform: rotate(-45deg);
  background: red;
  bottom: 20px;
  width: 100%;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards::before {
  z-index: -2;
  left: -13px;
  content: "";
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 20px solid red;
  transform: rotate(45deg);
  bottom: 5px;
  border-radius: 2px;
}
#header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryRewards {
  margin: 0 15px 0 15px;
}
#header .main .wrapper .box .leftItem .logo {
  background-image: url(../newImg/headerLogo.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 36px;
  margin-right: 24px;
}
#header .main .wrapper .box .leftItem .searchItem {
  width: 100%;
  max-width: 669px;
  display: none;
  align-items: center;
  position: relative;
}
#header .main .wrapper .box .leftItem .searchItem .searchIcon {
  background-image: url(../newImg/searchWhite.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
}
#header .main .wrapper .box .leftItem .searchItem .input {
  border-radius: 8px;
  border: 1px solid #353535;
  background: #212121;
  width: 100%;
  padding: 15px 0 15px 48px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  color: #a6a6a6;
}
#header .main .wrapper .box .leftItem .searchItem .filterBox {
  position: absolute;
  right: 0;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 16px 6px 0;
}
#header .main .wrapper .box .leftItem .searchItem .filterBox .moreButton {
  display: flex;
  align-items: center;
  border: initial;
  background-color: initial;
  cursor: pointer;
  padding-left: 31px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
}
#header .main .wrapper .box .leftItem .searchItem .filterBox .moreButton::after {
  content: url(../newImg/arrowDown.svg);
  width: 24px;
  height: 24px;
  padding-left: 8px;
}
#header .main .wrapper .box .rightItem {
  display: flex;
  max-width: 160px;
  align-items: center;
  justify-content: flex-end;
}
#header .main .wrapper .box .rightItem .logWrapper {
  background: var(--kinguinMainPage);
  border-radius: 10px;
  width: 110px;
  padding: 5px;
  margin-right: 30px;
}
#header .main .wrapper .box .rightItem .logWrapper a {
  width: 100%;
}
#header .main .wrapper .box .rightItem .logWrapper a .logBox {
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 1px 5px;
  align-items: center;
}
#header .main .wrapper .box .rightItem .logWrapper a .logBox svg {
  width: 20px;
  height: 20px;
}
#header .main .wrapper .box .rightItem .logWrapper a .logBox .logTitle {
  color: var(--themeColorBigTitle);
  font-size: 16px;
  font-weight: 400;
  padding-left: 10px;
}
#header .main .wrapper .box .rightItem .logWrapper a:hover svg path {
  fill: #ea732b;
}
#header .main .wrapper .box .rightItem .logWrapper a:hover .logTitle {
  color: #ea732b;
}
#header .main .wrapper .box .rightItem .logContainer {
  width: 115px;
  height: 36px;
  background-color: #242424;
  border: 1px solid #474746;
  border-radius: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#header .main .wrapper .box .rightItem .logContainer .logLogo {
  width: 35px;
  height: 35px;
  transition: all 0.2s ease-in-out;
}
#header .main .wrapper .box .rightItem .logContainer .logLogo .logoSvgFill {
  transition: all 0.2s ease-in-out;
}
#header .main .wrapper .box .rightItem .logContainer .logText {
  padding-left: 15px;
  color: #fff;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.16px;
  transition: all 0.2s ease-in-out;
}
#header .main .wrapper .box .rightItem .legalNotice {
  background: var(--themeBackgroundColorWhite);
  font-size: 16px;
  font-weight: 800;
  color: #ea732b;
  border-radius: 8px;
  display: flex;
  padding: 10px 10px;
}
#header .main .wrapper .box .rightItem .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#header .main .wrapper .box .rightItem .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 100px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  background: var(--themeBackgroundColorWhite);
  padding: 10px 10px;
  display: flex;
  align-items: center;
}
#header .main .wrapper .box .rightItem .sortBox .sortButton .currencyButtonLogo {
  background-image: url(../newImg/eur.png);
  width: 26px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
#header .main .wrapper .box .rightItem .sortBox .sortButton .currencyButtonName {
  padding-left: 10px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#header .main .wrapper .box .rightItem .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/arrowDown.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
  top: 9px;
}
#header .main .wrapper .box .rightItem .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
}
#header .main .wrapper .box .rightItem .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: #242424;
  width: 291px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions::-webkit-scrollbar {
  width: 11px;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: var(--themeBackgroundColorWhite);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .currencyItems .currencyItem {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin: 13px 12px;
  width: 100%;
  max-width: 65px;
  justify-content: space-between;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .currencyItems .currencyItem .currencyLogo {
  background-image: url(../newImg/eur.png);
  width: 26px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .currencyItems .currencyItem > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
  margin-left: 5px;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin: 10px 5px;
  width: 100%;
  max-width: 65px;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: white;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
  margin-left: 5px;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#header .main .wrapper .box .rightItem .roulette {
  position: fixed;
  right: 20px;
  top: 65px;
  width: 100%;
  max-width: 331px;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 15px;
  border: 2px solid rgba(255, 194, 13, 0.75);
  opacity: 0;
  visibility: hidden;
  background: #433712;
  box-shadow: 0px 0px 25px 0px rgba(255, 194, 13, 0.25);
  align-items: center;
  display: flex;
  transition: visibility 0s, opacity 1s;
  padding: 15px 0;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper {
  width: 100%;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox {
  display: flex;
  align-items: center;
  position: relative;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox .rouletteLogo {
  background-position: 100% 100%;
  background-image: url(../newImg/0846e5eda5a9e84341d255f5e74c8521.gif);
  width: 180px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox .rouletteText {
  padding-right: 40px;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox .rouletteText .first {
  color: white;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox .rouletteText .second {
  color: #fff;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .rouletteBox .rouletteText .third {
  color: #ea732b;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#header .main .wrapper .box .rightItem .roulette .rouletteWrapper .closePopup {
  position: absolute;
  top: 0px;
  right: 0px;
  color: white;
  z-index: 111111;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 111111;
}
#header .main .wrapper .box .rightItem .langBox {
  width: 100%;
  max-width: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  cursor: pointer;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
#header .main .wrapper .box .rightItem .langBox::after {
  content: url(../newImg/arrowDown.png);
  width: 24px;
  height: 24px;
  padding-left: 8px;
}
#header .main .wrapper .box .rightItem .langBox div {
  display: flex;
  align-items: center;
}
#header .main .wrapper .box .rightItem .discordBox .discordBoxLogo {
  background-image: url(../newImg/discord-logo-discord-icon-transparent-free-png.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
}
#header .main .wrapper .box .rightItem .burgerMenu {
  cursor: pointer;
  height: 27px;
  width: 27px;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#header .main .wrapper .box .rightItem .burgerMenu span {
  background: #ea732b;
  display: block;
  height: 4px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
  right: 0px;
  top: 13px;
  width: 27px;
}
#header .main .wrapper .box .rightItem .burgerMenu span:before, #header .main .wrapper .box .rightItem .burgerMenu span:after {
  background: #ea732b;
  display: block;
  height: 4px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
}
#header .main .wrapper .box .rightItem .burgerMenu span:before, #header .main .wrapper .box .rightItem .burgerMenu span:after {
  content: "";
}
#header .main .wrapper .box .rightItem .burgerMenu span:before {
  left: 0px;
  top: -10px;
  width: 27px;
}
#header .main .wrapper .box .rightItem .burgerMenu span:after {
  left: 0px;
  top: 10px;
  width: 27px;
}
#header .main .wrapper .box .rightItem .burgerMenu.close span {
  transform: rotate(-45deg);
  top: 13px;
  width: 27px;
}
#header .main .wrapper .box .rightItem .burgerMenu.close span:before {
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
#header .main .wrapper .box .rightItem .burgerMenu.close span:after {
  top: 0px;
  left: 0;
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
}
#header .main .wrapper .box .rightItem #menu {
  z-index: 1;
  width: 100%;
  max-width: 250px;
  top: 59px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  display: flex;
  margin-left: -150px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#header .main .wrapper .box .rightItem #menu.overlay {
  visibility: visible;
  opacity: 1;
  background: var(--kinguinHeader);
  overflow: hidden;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper {
  width: 100%;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transition: all 0.35s ease-in-out 0s;
  transform: translateX(0px);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox.active {
  transform: translateX(-100%);
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem:hover {
  background: rgb(251, 142, 49);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuLogo {
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuLogo path {
  transition: all 0.2s ease-in-out 0s;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuLogo path.active {
  fill: white;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuTitle {
  padding-left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuTitle span {
  font-weight: 800;
  padding-left: 5px;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .menuArrow {
  background-image: url(../newImg/whiteArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  transform: rotate(-90deg);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .tumblerContainer {
  width: 100%;
  max-width: 80px;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .tumblerContainer .tumbler-wrapper {
  margin-left: 15px;
  width: 50px;
  height: 25px;
  background: var(--thumblerWrapper);
  border: 1px solid #474746;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .tumblerContainer .tumbler-wrapper .lightLogo {
  width: 25px;
  height: 25px;
  background-image: url(../newImg/Zasób\ 4.svg);
  background-repeat: no-repeat;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
  left: -1px;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .tumblerContainer .tumbler-wrapper .darkLogo {
  width: 25px;
  height: 25px;
  background-image: url(../newImg/Zasób\ 3.svg);
  background-repeat: no-repeat;
  background-size: cover;
  visibility: visible;
  opacity: 1;
  right: -1px;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .hamburgerMenuItem .tumblerContainer .tumbler-wrapper .tumbler {
  position: absolute;
  height: 36px;
  width: 36px;
  border-radius: 48%;
  background-color: #242424;
  border: 1px solid #242424;
  transition: transform 0.3s, background-color 0.3s;
  will-change: transform;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox {
  display: none;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden {
  z-index: 100;
  min-width: 250px;
  width: 100%;
  top: 0px;
  left: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.35s ease-in-out 0s;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden.open {
  visibility: visible;
  transform: translateX(-100%);
  position: absolute;
  opacity: 1;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBack {
  width: 100%;
  display: flex;
  padding: 12px 120px 0 12px;
  background: var(--themeBackgroundColorWhite);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBack .sortOptionsBackArrow {
  background-image: url(../newImg/whiteArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  transform: rotate(90deg);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBack .sortOptionsBackTitle {
  padding: 5px 0;
  cursor: pointer;
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBox {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: var(--themeBackgroundColorWhite);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBox .currencyItems .currencyItem {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin: 13px 12px;
  width: 100%;
  max-width: 53px;
  justify-content: space-between;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBox .currencyItems .currencyItem .currencyLogo {
  background-image: url(../newImg/eur.png);
  width: 20px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
}
#header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden .sortOptionsBox .currencyItems .currencyItem > span {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
  margin-left: 5px;
}
#header .main .wrapper .box .rightItem .logInBox {
  display: flex;
  max-width: 150px;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: #ec4e27;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  justify-content: space-evenly;
  cursor: pointer;
}
#header .main .wrapper .box .rightItem .logInBox::after {
  content: url(../newImg/loginArrow.svg);
  width: 24px;
  height: 24px;
}

#mainPage {
  width: 100%;
  padding-top: 30px;
}
#mainPage .comparisonMain {
  z-index: 0;
}
#mainPage .comparisonMain .wrapper {
  position: relative;
}
#mainPage .comparisonMain .wrapper .ageRestrictions {
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  height: 100%;
  left: 0;
  opacity: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  transition: opacity 0.5s linear, visibility 0.5s linear 0.5ms;
  visibility: hidden;
  width: 100%;
  z-index: 1001000;
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer {
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  align-items: center;
  margin: auto;
  max-width: 1200px;
  padding: 50px;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  width: 100%;
  background-color: rgb(55, 55, 55);
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsLogo {
  background-image: url(../newImg/+18age.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 103px;
  height: 90px;
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsText {
  padding: 24px 0;
  color: var(--themeBlackColorTilte);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  max-width: 350px;
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsButtons {
  width: 100%;
  max-width: 350px;
  display: flex;
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsButtons .over18 {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  padding: 12px 5px;
  color: #ec4e27;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsButtons .under18 {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  padding: 12px 5px;
  color: #ec4e27;
  font-size: 12px;
  font-weight: 500;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .hidden {
  opacity: 0;
  visibility: hidden;
}
#mainPage .comparisonMain .wrapper .active {
  opacity: 1;
  visibility: visible;
}
#mainPage .comparisonMain .wrapper .comparisonContainer {
  margin: 0 auto;
  max-width: 1827px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox {
  width: 100%;
  display: flex;
  flex-flow: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 51px auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  left: 100px;
  opacity: 1;
  z-index: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__prev svg {
  fill: white;
  height: 1.2em;
  width: 1.2em;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 100px;
  z-index: 1;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__next svg {
  fill: white;
  height: 1.2em;
  width: 1.2em;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideBox {
  border-radius: 10px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideBox .mainPageBannerSplideItems {
  border-radius: 10px;
  width: 650px !important;
  height: 200px !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideBox .mainPageBannerSplideItems .mainPageBannerSplideItem {
  display: flex;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideBox .mainPageBannerSplideItems .mainPageBannerSplideItem .mainPageBannerSplideItemLogo {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideItems.is-prev::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background: linear-gradient(to left, var(--sliderColor) 0%, rgba(0, 0, 0, 0) 90%, var(--sliderColor) 100%);
  box-shadow: 0 4px 10px var(--sliderColorBoxShadow);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideItems.is-next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background: linear-gradient(to right, var(--sliderColor) 0%, rgba(0, 0, 0, 0) 90%, var(--sliderColor) 100%);
  box-shadow: 0 4px 10px var(--sliderColorBoxShadow);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .splide__pagination {
  bottom: -25px;
  z-index: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .splide__pagination .splide__pagination__page {
  border-radius: 0;
  width: 20px;
  height: 2px;
  background: white;
  transition: 0.5s ease-in-out;
  margin: 3px 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .splide__pagination .splide__pagination__page.is-active {
  background: #f17d2e;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .title {
  color: var(--themeColorBigTitle);
  text-align: center;
  font-family: Anton;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  /* 64.8px */
  padding-bottom: 22px;
  max-width: 670px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .lead {
  color: var(--goldenMainPageTitle);
  text-align: center;
  font-family: Arimo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  /* 14.4px */
  letter-spacing: 6.4px;
  text-transform: uppercase;
  padding-bottom: 11px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .lead span:first-child {
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .lead span:first-child::after {
  content: ",";
  position: absolute;
  right: -6px;
  bottom: 1px;
  color: #ffb72d;
  text-align: center;
  font-family: Arimo, "sans-serif";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitle {
  color: var(--goldenMainPageTitle);
  text-align: center;
  font-family: Arimo;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.4px;
  padding-bottom: 11px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitle1 {
  color: var(--goldenMainPageTitle);
  text-align: center;
  font-family: Arimo;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.4px;
  padding-bottom: 11px;
  text-decoration: underline;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitleTerms {
  color: var(--goldenMainPageTitle);
  text-align: center;
  font-family: Arimo;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.4px;
  padding-bottom: 11px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitleTerms::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0px;
  width: 0;
  height: 1px;
  background-color: var(--goldenMainPageTitle);
  transition: width 0.3s ease;
  animation: hoverAnimation 5s infinite;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitleTerms:hover::before {
  color: var(--goldenMainPageTitle);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .subTitleTerms:hover {
  color: var(--goldenMainPageTitle);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox {
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .leftPromoBox {
  padding-top: 6%;
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .leftPromoBox .leftPromoItem img {
  width: 100%;
  height: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .rightPromoBox {
  padding-top: 6%;
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .rightPromoBox img {
  width: 100%;
  height: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper {
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox {
  margin: 0 auto;
  display: flex;
  width: 100%;
  max-width: 705px;
  justify-content: space-between;
  padding-bottom: 22px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems {
  transition: all 0.2s ease-out;
  width: calc(14.2857142857% - 7px);
  display: flex;
  align-items: center;
  flex-direction: column;
  border: initial;
  background: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  border-radius: 12px;
  background: var(--kinguinMenuItem);
  opacity: 0.6;
  border: 2px solid rgba(234, 115, 43, 0.35);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem svg {
  height: 48px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .svgElementOther {
  width: 30px;
  margin-left: 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .svgElementCases {
  margin-left: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .logo1 {
  background-image: url(../newImg/cartMenu3.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .logo2 {
  background-image: url(../newImg/cartMenu1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .logo3 {
  background-image: url(../newImg/cartMenu2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .logo4 {
  background-image: url(../newImg/cartMenu4.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .logo5 {
  background-image: url(../newImg/cartMenu5.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .title {
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 90%;
  padding-bottom: 22px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .borderBottom {
  width: 100%;
  background: #ec4e27;
  height: 3px;
  opacity: 0;
  transition: all 0.2s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .borderBottomActive {
  width: 100%;
  background: #ec4e27;
  height: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem.active {
  border: 1px solid #ec4e27;
  background: linear-gradient(234deg, rgba(236, 78, 39, 0) 50.56%, rgba(236, 78, 39, 0.2) 109.43%), linear-gradient(135deg, rgba(236, 78, 39, 0) 29.21%, rgba(236, 78, 39, 0.2) 117.18%);
  border-radius: 12px;
  border: 1px solid #ec4e27;
  background: linear-gradient(234deg, rgba(236, 78, 39, 0) 50.56%, rgba(236, 78, 39, 0.2) 109.43%), linear-gradient(135deg, rgba(236, 78, 39, 0) 29.21%, rgba(236, 78, 39, 0.2) 117.18%);
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem.active .title {
  color: #ec4e27;
  transition: all 0.2s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem.active .svgElement > path {
  stroke: #ec4e27;
  transition: all 0.2s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem.active .svgElement > rect {
  stroke: #ec4e27;
  transition: all 0.2s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer {
  width: 100%;
  max-width: 931px;
  margin: 0 auto;
  padding: 12px 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle {
  width: auto;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle .title {
  color: var(--themeColorSubTitle);
  font-size: 24px;
  font-weight: 500;
  line-height: 90%;
  padding-right: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle .titleTooltip {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle .hiddenTitleTooltip {
  display: flex;
  position: absolute;
  top: 30px;
  border: 1px solid #ea732b;
  padding: 15px;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  visibility: hidden;
  opacity: 0;
  width: 300px;
  border-radius: 15px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle .hiddenTitleTooltip.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInputMarketplace {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 200px;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInputMarketplace .searchIconMarketplace {
  background-image: url(../newImg/add.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInputMarketplace .inputMarketplace {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  padding: 12px 0 10px 48px;
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 133px;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .searchIcon {
  background-image: var(--iconSearch);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  padding: 12px 0 10px 48px;
  color: var(--themeColor7a7a7a);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  background: var(--themeBackgroundColorWhite);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .input::placeholder {
  color: var(--themeColor7a7a7a);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper {
  display: flex;
  width: 100%;
  max-width: 96px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 96px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 330px;
  display: flex;
  z-index: 2;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 26px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterSubTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 13px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter {
  width: 100%;
  padding: 15px 0 7px 0;
  margin-left: 11px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterButton {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterButton .fiterIcon {
  background-image: var(--arrowFilters);
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterButton .fiterIcon.active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterButton .filterButtonTitle {
  color: var(--themeBlackColorTilte);
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 50px;
  margin-right: 16px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions {
  display: flex;
  width: 100%;
  padding-top: 11px;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: 16px;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel {
  display: flex;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 12px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.14px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox {
  display: flex;
  flex-wrap: wrap;
  padding-left: 16px;
  justify-content: space-between;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 12px;
  width: 130px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .deleteBox {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  cursor: pointer;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .deleteBox .deleteBackground {
  background-image: url(../newImg/Delete.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .deleteBox .deleteText {
  color: #ec4e27;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 203px;
  display: flex;
  z-index: 2;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .deleteBox {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  cursor: pointer;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .deleteBox .deleteBackground {
  background-image: url(../newImg/Delete.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox .deleteBox .deleteText {
  color: #ec4e27;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterOptions .filterOptionsBox p {
  color: var(--themeColor000000);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare {
  display: flex;
  width: 100%;
  max-width: 193px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 193px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  background-color: var(--themeBackgroundColorButtonComparison);
  padding: 10px 0 10px 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem .fiterIcon {
  background-image: var(--iconPlusZoom);
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem .fiterIcon.active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 203px;
  display: flex;
  z-index: 2;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox {
  width: 100%;
  padding: 0 18px 18px 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox p {
  font-size: 11px;
  color: var(--themeColor000000);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .deleteBox {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  cursor: pointer;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .deleteBox .deleteBackground {
  background-image: url(../newImg/Delete.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .deleteBox .deleteText {
  color: #ec4e27;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterOptions .filterOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--themeColorTitleContainer);
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .skinTitleBox {
  display: grid;
  grid-template-columns: 54px 0.7fr 1fr 1fr;
  padding: 23px 0;
  width: 100%;
  max-width: 923px;
  margin-left: 50px;
  justify-items: start;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .skinTitleBox .skinTitleBoxItem {
  color: var(--colorTitleBoxItem);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .skinTitleBox .skinTitleBoxItem:not(:nth-child(2)):not(:last-child) {
  text-align: center;
  padding-right: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .skinTitleBox .skinTitleBoxItem:last-child {
  text-align: center;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 220px 350px 200px auto;
  padding: 16px 0;
  width: 100%;
  max-width: 931px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues1 {
  display: flex;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues1 .arrowInitial {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues1 .arrowInitialStart {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues1 .arrowInitialDown {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues1 .arrowInitialUp {
  transform: rotate(-180deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues2 {
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues2 .arrowInitial {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues2 .arrowInitialStart {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues2 .arrowInitialDown {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues2 .arrowInitialUp {
  transform: rotate(-180deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues3 {
  display: flex;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues3 .arrowInitial {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues3 .arrowInitialStart {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues3 .arrowInitialDown {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues3 .arrowInitialUp {
  transform: rotate(-180deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues4 {
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues4 .arrowInitial {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues4 .arrowInitialStart {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues4 .arrowInitialDown {
  transform: rotate(0deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox #comparisonItemValues4 .arrowInitialUp {
  transform: rotate(-180deg);
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox .titleBoxItem {
  color: var(--colorTitleBoxItem);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: var(--textOpacity);
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox .titleBoxItem .textInitial {
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox .titleBoxItemReferal {
  text-align: left;
  padding-left: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainerMobile {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer {
  height: auto;
  overflow: hidden;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsActive {
  background: #f5f6f7;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemPromoCsgofast {
  background: linear-gradient(to bottom left, #ffdf00, #996515) !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemPromoCsgofast .resultItemPromoCsgofast::before {
  content: "Paid Promotion";
  color: white;
  top: 9px;
  left: -58px;
  width: 69px;
  height: 39px;
  background: none !important;
  position: absolute;
  /* border-top-left-radius: 10px; */
  /* border-bottom-left-radius: 10px; */
  transform: rotate(-90deg);
  display: flex;
  justify-content: center;
  /* align-items: center; */
  font-size: 11px;
  padding-top: 10px;
  font-weight: 800;
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemPromoCsgofast .resultItemPromoCsgofast:hover::before {
  background: #5b9fff;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemPromoCsgofast .resultItemPromoCsgofast .resultLogoPromoCsgofast {
  height: 40px !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo {
  --animate-duration: 1.5s;
  background: linear-gradient(to bottom left, #5b407b, #30385a);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo:hover {
  background: #5b9fff;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo {
  display: grid;
  align-items: center;
  justify-items: left;
  width: 100%;
  position: relative;
  max-width: 931px;
  grid-template-columns: 40px 220px 350px 200px auto;
  padding: 11px 0px 11px 0px;
  margin-left: 50px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo:hover {
  background: #5b9fff;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo::before {
  content: "Paid Promotion";
  color: white;
  top: 9px;
  left: -58px;
  width: 69px;
  height: 39px;
  background: linear-gradient(to bottom left, #5b407b, #30385a);
  position: absolute;
  /* border-top-left-radius: 10px; */
  /* border-bottom-left-radius: 10px; */
  transform: rotate(-90deg);
  display: flex;
  justify-content: center;
  /* align-items: center; */
  font-size: 11px;
  padding-top: 10px;
  font-weight: 800;
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo:hover::before {
  background: #5b9fff;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemActivePromo {
  display: flex;
  width: 100%;
  align-items: center;
  color: var(--themeColorBlack);
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemActivePromo .resultItemTextPromo {
  margin-right: 10px;
  margin-right: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemActivePromo .resultItemTextCasesPromo {
  display: flex;
  border-radius: 24px;
  background: white;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: #5b407b;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  /* 116.667% */
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemActivePromo .resultItemShowMorePromo {
  visibility: hidden;
  opacity: 0;
  background-image: var(--iconInfo);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemActivePromo .resultItemShowMoreEmptyPromo {
  width: 16px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultLogoPromo {
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 26px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNameTitleCsgofast {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo {
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameTitlePromo {
  background-image: url(../newImg/g4skins2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  height: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryPromo {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryPromo .resultNameCategoryTitlePromo {
  display: flex;
  align-items: center;
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryPromo .resultNameCategoryTitlePromo::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 7.5px;
  background-color: var(--themeBlackColorTilte);
  opacity: 0.6000000238;
  margin: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryPromo .resultNameCategoryTitlePromo:last-child::after {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryHiddenPromo {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px;
  width: auto;
  position: absolute;
  top: 50px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: -40px;
  right: auto;
  display: flex;
  top: 60px;
  flex-wrap: wrap;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryHiddenPromo .resultNameCategoryHiddenItemPromo {
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryHiddenPromo .resultNameCategoryHiddenItemPromo::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 7.5px;
  background-color: var(--themeBlackColorTilte);
  opacity: 0.6000000238;
  margin: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryHiddenPromo .resultNameCategoryHiddenItemPromo:last-child::after {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultNamePromo .resultNameCategoryHiddenActivePromo {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo {
  display: flex;
  width: 100%;
  max-width: 350px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsItemsPromoCsgoskins {
  color: var(--themeColorBlack) !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsItemsPromo {
  display: flex;
  color: white;
  font-family: "Roboto Condensed";
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px;
  /* 137.5% */
  text-align: justify;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsItemsPromo .resultPaymentsItemPromo {
  margin-right: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsOtherPromo {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
  border-radius: 2.5px;
  background: rgba(0, 0, 0, 0.05);
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsOtherHiddenPromo {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 8px 4px 8px;
  width: auto;
  position: absolute;
  top: 50px;
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: 25%;
  right: auto;
  height: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsOtherHiddenPromo .resultPaymentsItemContainerPromo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 324px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsOtherHiddenPromo .resultPaymentsItemContainerPromo .resultPaymentsItemPromo {
  background-repeat: no-repeat;
  background-size: cover;
  width: 34.5px;
  height: 24px;
  margin-right: 4px;
  margin-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPaymentsPromo .resultPaymentsOtherHiddenActivePromo {
  opacity: 1;
  transition: all 0.3s;
  visibility: visible;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemShowMoreHiddenPromo {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px;
  max-width: 250px;
  width: 100%;
  position: absolute;
  top: 50px;
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: 53%;
  right: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultItemShowMoreHiddenActivePromo {
  opacity: 1;
  visibility: visible;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultEmptyItemPromo {
  background-image: url(../../assets/newImg/Toggles.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromoCsgofast {
  background: #996515 !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromoCsgofast:hover {
  background: #ffdf00 !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromoCsgofast:hover .resultPromoCodeCodePromoCsgofast {
  color: #996515 !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo {
  display: flex;
  width: 100%;
  max-width: 141px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 8px;
  background: white;
  padding: 16px 0;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo:hover {
  background: #5b407b;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo:hover .resultPromoCodeCodePromo {
  color: white;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo .resultPromoCodeTitlePromo {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 700;
  line-height: 90%;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo .resultPromoCodeCodePromo {
  color: #5b407b;
  font-size: 16px;
  font-weight: 800;
  line-height: 90%;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo .resultPromoCodeCodePromoCsgofast {
  color: #ffdf00 !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodePromo .resultPromoCodeCodeActivePromo {
  color: white;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItemsPromo .resultItemPromo .resultPromoCodeActivePromo {
  background: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItemPromoText {
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItemPromoText::before {
  content: "Paid Promotion";
  color: var(--themeBlackColorTilte);
  top: 50%;
  left: -58px;
  width: 69px;
  height: 39px;
  position: absolute;
  /* border-top-left-radius: 10px; */
  /* border-bottom-left-radius: 10px; */
  transform: translateY(-50%) rotate(-90deg);
  display: flex;
  justify-content: center;
  /* align-items: center; */
  font-size: 11px;
  padding-top: 10px;
  font-weight: 800;
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem {
  display: grid;
  align-items: center;
  justify-items: left;
  width: 100%;
  position: relative;
  max-width: 931px;
  grid-template-columns: 40px 220px 350px 200px auto;
  padding: 11px 0px 11px 0px;
  margin-left: 50px;
  border-bottom: 1px solid var(--themeColorFFFF10);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemActive {
  display: flex;
  width: 100%;
  align-items: center;
  color: var(--themeColorBlack);
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemActive .resultItemText {
  margin-right: 10px;
  margin-right: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemActive .resultItemTextCases {
  display: flex;
  border-radius: 24px;
  background: rgba(242, 102, 33, 0.12);
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: #f26621;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  /* 116.667% */
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemActive .resultItemShowMore {
  visibility: hidden;
  opacity: 0;
  background-image: var(--iconInfo);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemActive .resultItemShowMoreEmpty {
  width: 16px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultLogo {
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName {
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory .resultNameCategoryTitle {
  display: flex;
  align-items: center;
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory .resultNameCategoryTitle::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 7.5px;
  background-color: var(--themeBlackColorTilte);
  opacity: 0.6000000238;
  margin: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory .resultNameCategoryTitle:last-child::after {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategoryHidden {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px;
  width: auto;
  position: absolute;
  top: 50px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: -40px;
  right: auto;
  display: flex;
  top: 60px;
  flex-wrap: wrap;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategoryHidden .resultNameCategoryHiddenItem {
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategoryHidden .resultNameCategoryHiddenItem::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 7.5px;
  background-color: var(--themeBlackColorTilte);
  opacity: 0.6000000238;
  margin: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategoryHidden .resultNameCategoryHiddenItem:last-child::after {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategoryHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments {
  display: flex;
  width: 100%;
  max-width: 350px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsItems {
  display: flex;
  color: var(--themeColorBlack);
  font-family: "Roboto Condensed";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 137.5% */
  text-align: justify;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsItems .resultPaymentsItem {
  margin-right: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsOther {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
  border-radius: 2.5px;
  background: rgba(0, 0, 0, 0.05);
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsOtherHidden {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 8px 4px 8px;
  width: auto;
  position: absolute;
  top: 50px;
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: 25%;
  right: auto;
  height: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsOtherHidden .resultPaymentsItemContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 324px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsOtherHidden .resultPaymentsItemContainer .resultPaymentsItem {
  background-repeat: no-repeat;
  background-size: cover;
  width: 34.5px;
  height: 24px;
  margin-right: 4px;
  margin-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPayments .resultPaymentsOtherHiddenActive {
  opacity: 1;
  transition: all 0.3s;
  visibility: visible;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemShowMoreHidden {
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 8px;
  max-width: 250px;
  width: 100%;
  position: absolute;
  top: 50px;
  color: #666666;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  left: 53%;
  right: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultItemShowMoreHiddenActive {
  opacity: 1;
  visibility: visible;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultEmptyItem {
  background-image: url(../../assets/newImg/Toggles.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPromoCode {
  display: flex;
  width: 100%;
  max-width: 141px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  padding: 16px 0;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPromoCode .resultPromoCodeTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 700;
  line-height: 90%;
  display: none;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPromoCode .resultPromoCodeCode {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 700;
  line-height: 90%;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPromoCode .resultPromoCodeCodeActive {
  color: white;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultPromoCodeActive {
  background: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems.animate__animated {
  animation-duration: 1.5s !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .moreResultContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .moreResultContainer .moreResultTitle {
  display: flex;
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding: 12px 0;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: var(--themeLightWhiteColor);
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .moreResultContainer .moreResultArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .moreResultContainer .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItemsActive {
  background: var(--themeColorF5f6f7);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItemsChecked {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem {
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 931px;
  grid-template-columns: 54px 0.7fr 1fr 1fr;
  padding: 11px 0px 11px 0px;
  margin-left: 50px;
  border-bottom: 1px solid var(--themeColorFFFF10);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultLogo {
  background-image: url(../newImg/productImage1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  height: 40px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultName {
  padding: 0 9px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultName .skinTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultName .skinLead {
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer {
  display: flex;
  margin: 0 auto;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100px;
  height: 46.4px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  /* 12.6px */
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellButtonActive {
  background: #ec4e27;
  color: white;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  padding-right: 15px;
  justify-content: center;
  align-items: flex-start;
  width: 130px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinSellPrice {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinActiveSellPrice {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinSellCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  line-height: 90%;
  /* 12.6px */
  opacity: 0.6000000238;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinActiveSellCategory {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinSellArrowHidden {
  content: "";
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: auto;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .secondSkinResultSellContainer .skinResultSellPrice .skinSellArrowHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer {
  display: flex;
  margin: 0 auto;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100px;
  height: 46.4px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  /* 12.6px */
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellButtonActive {
  background: #ec4e27;
  color: white;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  padding-right: 30px;
  justify-content: center;
  align-items: flex-start;
  width: 130px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinSellPrice {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinActiveSellPrice {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinSellCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  line-height: 90%;
  /* 12.6px */
  opacity: 0.6000000238;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinActiveSellCategory {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinSellArrowHidden {
  content: "";
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: auto;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultSellContainer .skinResultSellPrice .skinSellArrowHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice {
  display: flex;
  position: relative;
  padding-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice .skinBuyPrice {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  transition: all 0.3s ease-out;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice .skinActiveBuyPrice {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice .skinBuyCategory {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 90%;
  /* 12.6px */
  opacity: 0.6000000238;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice .skinBuyArrowHidden {
  content: "";
  background-image: url(../newImg/blackArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: auto;
  right: -30px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .skinResultItems .skinResultItem .skinResultBuyPrice .skinBuyArrowHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer {
  width: 100%;
  max-width: 931px;
  margin: 0 auto;
  padding: 12px 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsTitle {
  width: 10%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsTitle .skinTitle {
  color: var(--themeBlackColorTilte);
  font-size: 24px;
  font-weight: 500;
  line-height: 90%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinSearchInput {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 133px;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinSearchInput .skinSearchIcon {
  background-image: var(--iconSearch);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinSearchInput .skinInput {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  padding: 12px 0 10px 48px;
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper {
  display: flex;
  width: 100%;
  max-width: 96px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 96px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  background-color: var(--themeBackgroundColorWhite);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterItem .skinFiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterItem .skinFilterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 203px;
  display: flex;
  z-index: 2;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapper .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare {
  display: flex;
  width: 100%;
  max-width: 193px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 193px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  background-color: var(--themeBackgroundColorWhite);
  padding: 12px 0 10px 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterItem .skinFiterIcon {
  background-image: url(../newImg/add.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterItem .skinFilterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 203px;
  display: flex;
  z-index: 2;
  transition-property: none;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  height: 0;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions.closed {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox {
  width: 100%;
  padding: 0 18px 18px 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox p {
  font-size: 11px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel .skinHiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinOptionsContainer .skinOptionsBox .skinOptionsButton .skinFilterWrapperCompare .skinFilterOptions .skinFilterOptionsBox .skinHiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinTitleContainer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--themeColorF5f6f7);
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinTitleContainer .skinTitleBox {
  display: grid;
  grid-template-columns: 54px 0.5fr 1fr 1fr;
  padding: 16px 0;
  width: 100%;
  max-width: 920px;
  justify-items: end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinTitleContainer .skinTitleBox .skinTitleBoxItem {
  color: #171717;
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  /* 10.8px */
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer {
  height: 425px;
  overflow: hidden;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItemsActive {
  background: var(--themeColorF5f6f7);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem {
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 931px;
  grid-template-columns: 54px 0.5fr 1fr 1fr;
  padding: 12px 60px 12px 0px;
  margin-left: 50px;
  border-bottom: 1px solid var(--themeColorFFFF10);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultLogo {
  background-image: url(../newImg/productImage1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  height: 40px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultName {
  padding: 0 9px;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultName .skinTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultName .skinLead {
  color: var(--themeBlackColorTilte);
  font-size: 12px;
  font-weight: 400;
  line-height: 90%;
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  padding-right: 30px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinSellPrice {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  /* 14.4px */
  padding-bottom: 4px;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinActiveSellPrice {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinSellCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  line-height: 90%;
  /* 12.6px */
  opacity: 0.6000000238;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinActiveSellCategory {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinSellArrowHidden {
  content: "";
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: auto;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultItem .skinResultSellPrice .skinSellArrowHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultBuyPrice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultBuyPrice .skinBuyPrice {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 400;
  line-height: 90%;
  /* 14.4px */
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultBuyPrice .skinBuyCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  line-height: 90%;
  /* 12.6px */
  opacity: 0.6000000238;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultBuyPrice .skinBuyArrowHidden {
  content: "";
  background-image: url(../newImg/blackArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: auto;
  right: -30px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinResultContainer .skinResultItems .skinResultBuyPrice .skinBuyArrowHiddenActive {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinMoreResultContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinMoreResultContainer .skinMoreResultTitle {
  display: flex;
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding: 12px 0;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: var(--themeLightWhiteColor);
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinMoreResultContainer .skinMoreResultArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: all 0.3s;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .skinFilterBox .skinMoreResultContainer .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerComparisonMobile {
  display: none;
  max-width: 340px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerComparisonMobile img {
  position: absolute;
  transition: opacity 0.5s ease;
  width: 100%;
  height: auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper {
  display: none;
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper a {
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper a .bannerLogo {
  display: flex;
  width: 100%;
  background-image: url(../newImg/1200x270.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 41%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper.mobile {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .titleTooltipTermsBox {
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .titleTooltipTermsBox .titleTooltipTerms {
  color: var(--goldenMainPageTitle);
  text-align: center;
  font-family: Arimo;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.4px;
  padding-bottom: 11px;
  text-decoration: underline;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper {
  padding: 83px 0 83px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container {
  width: 100%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__next svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__next:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__prev svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSplide__arrow__prev:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  padding-bottom: 31px;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox span:first-child {
  color: #ea732b;
  font-size: 40px;
  font-weight: 400;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .titleTooltipTrending {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .hiddenTitleTooltipTrending {
  display: flex;
  position: absolute;
  top: 40px;
  right: 150px;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 300px;
  border-radius: 15px;
  transition: all 0.3s ease;
  font-family: "Roboto", sans-serif;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .hiddenTitleTooltipTrending.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems .categoryItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid #575757;
  background: rgba(33, 33, 33, 0.75);
  padding: 0 19px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems .categoryItem .hiddenInputCategory {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems .categoryItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems .categoryItemActive {
  border: 2px solid #ec4e27;
  color: var(--themeBlackColorTilte);
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55), 0px 0px 25px 0px rgba(236, 78, 39, 0.25) inset;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 208px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 208px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--Main, #ec4e27);
  background: var(--themeBackgroundColorWhite);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55);
  padding: 12.5px 30px;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortButton::before {
  content: "Price history:";
  position: absolute;
  left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.55;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--arrowFilters);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120px;
  height: 100%;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  margin: 0 10px 0;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
  z-index: 10;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer {
  width: 165px;
  height: auto;
  max-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .filterContent {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  padding: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .filterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .labelText {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems .filterItem .filterContainer.active {
  max-height: 150px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trending__arrow__prev {
  top: -105px;
  right: 115px;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trending__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trending__arrow__next {
  top: -105px;
  right: 45px;
  left: auto;
  width: 42px;
  height: 48px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trending__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox {
  height: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(234, 115, 43, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  border: 2px solid rgba(234, 115, 43, 0.35);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSlideLogoSkins {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSlideLogoSkins .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 85px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(234, 115, 43, 0.35);
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSlideLogo {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 71%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSlideLogo .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 70px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .filterItem {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .searchButtonNew {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .searchButtonNew .searchButtonTitleNew {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .searchButtonNew .searchButtonArrowNew {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .searchButtonNew .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper {
  padding: 0px 0 113px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer {
  width: 100%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox span:first-child {
  color: #ea732b;
  font-size: 40px;
  font-weight: 400;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinTitleTooltipTrending {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinsHiddenTitleTooltipTrending {
  display: flex;
  position: absolute;
  top: 40px;
  right: 200px;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 220px;
  border-radius: 15px;
  transition: all 0.3s ease;
  font-family: "Roboto", sans-serif;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinsHiddenTitleTooltipTrending.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid #575757;
  background: rgba(33, 33, 33, 0.75);
  padding: 0 19px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem .hiddenInputCategory {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItemActive {
  border: 2px solid #ec4e27;
  color: var(--themeBlackColorTilte);
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55), 0px 0px 25px 0px rgba(236, 78, 39, 0.25) inset;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 208px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 208px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--Main, #ec4e27);
  background: var(--themeBackgroundColorWhite);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55);
  padding: 12.5px 30px;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::before {
  content: "Price history:";
  position: absolute;
  left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.55;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--arrowFilters);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120px;
  height: 100%;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  margin: 0 10px 0;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
  z-index: 10;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer {
  width: 165px;
  height: auto;
  max-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterContent {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  padding: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .labelText {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer.active {
  max-height: 150px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__prev {
  top: -105px;
  right: 115px;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__next {
  top: -105px;
  right: 45px;
  left: auto;
  width: 42px;
  height: 48px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox {
  height: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(234, 115, 43, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  border: 2px solid rgba(234, 115, 43, 0.35);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSlideLogoSkins {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 85px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceOld {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 80px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(234, 115, 43, 0.35);
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 71%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 70px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .filterItem {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .searchButtonTitleNew {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .searchButtonArrowNew {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes {
  padding: 83px 0 83px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container {
  width: 100%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__next svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__next:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__prev svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSplide__arrow__prev:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .primeTitleBox {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  padding-bottom: 31px;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .primeTitleBox span:first-child {
  color: #ea732b;
  font-size: 40px;
  font-weight: 400;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .primeTitleBox .titleTooltipTrending {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .primeTitleBox .hiddenTitleTooltipTrending {
  display: flex;
  position: absolute;
  top: 40px;
  right: 150px;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 300px;
  border-radius: 15px;
  transition: all 0.3s ease;
  font-family: "Roboto", sans-serif;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .primeTitleBox .hiddenTitleTooltipTrending.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .categoryItems {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .categoryItems .categoryItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid #575757;
  background: rgba(33, 33, 33, 0.75);
  padding: 0 19px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .categoryItems .categoryItem .hiddenInputCategory {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .categoryItems .categoryItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .categoryItems .categoryItemActive {
  border: 2px solid #ec4e27;
  color: var(--themeBlackColorTilte);
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55), 0px 0px 25px 0px rgba(236, 78, 39, 0.25) inset;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 208px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 208px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--Main, #ec4e27);
  background: var(--themeBackgroundColorWhite);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55);
  padding: 12.5px 30px;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortButton::before {
  content: "Price history:";
  position: absolute;
  left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.55;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--arrowFilters);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120px;
  height: 100%;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  margin: 0 10px 0;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
  z-index: 10;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer {
  width: 165px;
  height: auto;
  max-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .filterContent {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  padding: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .filterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .labelText {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingFilterBox .sortItems .filterItem .filterContainer.active {
  max-height: 150px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingBigSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trending__arrow__prev {
  top: -105px;
  right: 115px;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trending__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trending__arrow__next {
  top: -105px;
  right: 45px;
  left: auto;
  width: 42px;
  height: 48px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trending__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox {
  height: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(234, 115, 43, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  border: 2px solid rgba(234, 115, 43, 0.35);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSlideLogoSkins {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSlideLogoSkins .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 85px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(234, 115, 43, 0.35);
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSlideLogo {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 71%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSlideLogo .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 70px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .filterItem {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .searchButtonNew {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .searchButtonNew .searchButtonTitleNew {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .searchButtonNew .searchButtonArrowNew {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .container .searchButtonNew .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes {
  padding: 0px 0 113px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer {
  width: 100%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__next svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__next:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__prev svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingSplide__arrow__prev:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .primeTitleBox {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .primeTitleBox span:first-child {
  color: #ea732b;
  font-size: 40px;
  font-weight: 400;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .primeTitleBox .primeTitleTooltipTrending {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .primeTitleBox .primeHiddenTitleTooltipTrending {
  display: flex;
  position: absolute;
  top: 40px;
  right: 0;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 220px;
  border-radius: 15px;
  transition: all 0.3s ease;
  font-family: "Roboto", sans-serif;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .primeTitleBox .primeHiddenTitleTooltipTrending.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .categoryItems {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .categoryItems .categoryItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid #575757;
  background: rgba(33, 33, 33, 0.75);
  padding: 0 19px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .categoryItems .categoryItem .hiddenInputCategory {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .categoryItems .categoryItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .categoryItems .categoryItemActive {
  border: 2px solid #ec4e27;
  color: var(--themeBlackColorTilte);
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55), 0px 0px 25px 0px rgba(236, 78, 39, 0.25) inset;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 208px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 208px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--Main, #ec4e27);
  background: var(--themeBackgroundColorWhite);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55);
  padding: 12.5px 30px;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::before {
  content: "Price history:";
  position: absolute;
  left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.55;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--arrowFilters);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120px;
  height: 100%;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  margin: 0 10px 0;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
  z-index: 10;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer {
  width: 165px;
  height: auto;
  max-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterContent {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  padding: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .labelText {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer.active {
  max-height: 150px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trending__arrow__prev {
  top: -105px;
  right: 115px;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trending__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trending__arrow__next {
  top: -105px;
  right: 45px;
  left: auto;
  width: 42px;
  height: 48px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trending__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox {
  height: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(234, 115, 43, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  border: 2px solid rgba(234, 115, 43, 0.35);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSlideLogoSkins {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 85px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceOld {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 80px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(234, 115, 43, 0.35);
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 71%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 70px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .filterItem {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .searchButtonNew {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .searchButtonNew .searchButtonTitleNew {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .searchButtonNew .searchButtonArrowNew {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .searchButtonNew .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper {
  padding: 0px 0 113px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer {
  width: 100%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__next:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -100px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingSplide__arrow__prev:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox span:first-child {
  color: #ea732b;
  font-size: 40px;
  font-weight: 400;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinTitleTooltipTrending {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--tooltipIcon);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinsHiddenTitleTooltipTrending {
  display: flex;
  position: absolute;
  top: 40px;
  right: 200px;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 220px;
  border-radius: 15px;
  transition: all 0.3s ease;
  font-family: "Roboto", sans-serif;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTitleBox .pinsHiddenTitleTooltipTrending.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid #575757;
  background: rgba(33, 33, 33, 0.75);
  padding: 0 19px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem .hiddenInputCategory {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .categoryItems .categoryItemActive {
  border: 2px solid #ec4e27;
  color: var(--themeBlackColorTilte);
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55), 0px 0px 25px 0px rgba(236, 78, 39, 0.25) inset;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 208px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  position: relative;
  width: 100%;
  max-width: 208px;
  padding-left: 20px;
  border-radius: 8px;
  transition: all 1s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--Main, #ec4e27);
  background: var(--themeBackgroundColorWhite);
  box-shadow: 0px 0px 25px 0px rgba(236, 78, 39, 0.55);
  padding: 12.5px 30px;
  display: flex;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::before {
  content: "Price history:";
  position: absolute;
  left: 16px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.55;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--arrowFilters);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 120px;
  height: 100%;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  justify-content: space-evenly;
  margin: 0 10px 0;
  cursor: pointer;
  position: relative;
  background-color: var(--themeBackgroundColorWhite);
  z-index: 10;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem.active {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .fiterIcon {
  background-image: var(--iconBurger);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterButton {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: initial;
  background-color: initial;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer {
  width: 165px;
  height: auto;
  max-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterContent {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  padding: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .filterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 12px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .labelText {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingFilterBox .sortItems .filterItem .filterContainer.active {
  max-height: 150px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  left: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
  right: -90px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__prev {
  top: -105px;
  right: 115px;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__next {
  top: -105px;
  right: 45px;
  left: auto;
  width: 42px;
  height: 48px;
  background: rgba(242, 102, 33, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trending__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox {
  height: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(234, 115, 43, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem {
  display: flex;
  flex-direction: column;
  background: var(--themeLightWhiteColor);
  border: 2px solid rgba(234, 115, 43, 0.35);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSlideLogoSkins {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 85px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceOld {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 80px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .pinsTrendingSliderItem .pinsTrendingSliderDataSkins .pinsTrendingSliderPriceBox .pinsTrendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(234, 115, 43, 0.35);
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 71%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSlideLogo .trendingHiddenPromo {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 100%;
  max-width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px 8px 16px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderTitleSkins {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 8px;
  text-align: left;
  height: 70px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .filterItem {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceOld {
  color: #9d9d9d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  text-decoration: line-through;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart {
  width: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartArrow {
  display: flex;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.red {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart .trendingSliderChartPrice.green {
  color: #27ae60;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.red {
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderChart.green {
  background: rgba(39, 174, 96, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 100px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .pinsTrendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .searchButtonTitleNew {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .searchButtonArrowNew {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .searchButtonNew .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper {
  padding: 0px 0 43px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer {
  width: 100%;
  max-width: 1027px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox {
  padding-bottom: 31px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .title {
  padding-bottom: 7px;
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .giftcardsTooltipTitle {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../newImg/info.svg);
  cursor: pointer;
  margin-left: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle {
  display: flex;
  position: absolute;
  top: 50px;
  right: 60px;
  border: 1px solid #ea732b;
  padding: 15px;
  z-index: 15;
  background: var(--themeLightWhiteColor);
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  width: 300px;
  border-radius: 15px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle.active {
  visibility: visible;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .lead {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput {
  position: relative;
  width: 100%;
  max-width: 503px;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput .filterInputButton {
  background-image: var(--iconSearch);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: initial;
  background-color: initial;
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput .filterInput {
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  padding: 14px 0;
  width: 100%;
  padding-left: 45px;
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  opacity: 0.6000000238;
  background: var(--themeColorFfffff1f);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice {
  width: 100%;
  max-width: 129px;
  background: var(--themeColorF5f5f7);
  position: relative;
  margin-right: 8px;
  border-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceButton {
  width: 100%;
  max-width: 129px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  transition: all 0.3s ease-out;
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding: 12.5px 0px 12.5px 16px;
  background: initial;
  position: relative;
  display: flex;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceButton::after {
  content: "";
  background-image: var(--arrowFilters);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  height: 24px;
  width: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceButtonOpen {
  transition: all 0.3s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceButtonOpen::after {
  transform: rotate(180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox {
  position: absolute;
  top: 55px;
  left: -25%;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 331px;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox:not(.filterGamesOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem {
  width: 100%;
  padding: 18px 26px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenInputs {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  gap: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenInputs .fromInput {
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  width: 100%;
  max-width: 146px;
  padding: 13.5px 12px;
  color: var(--themeColor00006);
  font-size: 16px;
  font-weight: 400;
  background: var(--themeColorF5f5f7);
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenInputs .toInput {
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  width: 100%;
  max-width: 146px;
  padding: 13.5px 12px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
  background: var(--themeColorF5f5f7);
  color: var(--themeColor00006);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox {
  width: 100%;
  padding-bottom: 15px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .priceHiddenCheckbox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .filtersSliderRound {
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  background: #fbdcd4 !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem #rangeSlider {
  height: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem #rangeSlider .noUi-handle {
  height: 12px;
  width: 12px;
  top: -5px;
  right: -5px;
  border-radius: 9px;
  cursor: pointer;
  background: linear-gradient(0deg, #ec4e27, #ec4e27), #555555;
  box-shadow: none;
  border: none;
  border: none !important;
  box-shadow: none !important;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem #rangeSlider .noUi-connect {
  background: linear-gradient(0deg, #ec4e27, #ec4e27), #555555;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .noUi-handle:before {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice .filterPriceHiddenBox .filterPriceHiddenItem .noUi-handle:after {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands {
  width: 100%;
  max-width: 139px;
  background: var(--themeColorF5f5f7);
  position: relative;
  margin-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButton {
  width: 100%;
  max-width: 139px;
  border-radius: 8px;
  border: 2px solid var(--themeColorFFFF10);
  transition: all 0.3s ease-out;
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding: 12.5px 0px 12.5px 16px;
  background: initial;
  position: relative;
  display: flex;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButton::after {
  content: "";
  background-image: var(--arrowFilters);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  height: 24px;
  width: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButton .filterBrandsButtonNumber {
  display: flex;
  min-width: 20px;
  min-height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 48px;
  background: #fff;
  position: absolute;
  top: calc(50% - 10px);
  left: 70px;
  transition: 0.3s all;
  opacity: 0;
  padding: 1px 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButton .filterBrandsButtonNumber.active {
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButton.filterBrandsButtonHasElement {
  border: 2px solid #ec4e27;
  background: rgba(236, 78, 39, 0.1);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButtonOpen {
  transition: all 0.3s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsButtonOpen::after {
  transform: rotate(180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenBox {
  position: absolute;
  top: 55px;
  left: -25%;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 331px;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenBox:not(.filterBrandsOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem:first-child {
  padding: 20px 26px 10px 26px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem {
  width: 100%;
  padding: 10px 26px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands .filterBrandsHiddenItem .hiddenFilterLabel .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems {
  display: none;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-right: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 169px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortButton {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border: none;
  background: none;
  position: relative;
  padding: 12.5px 0;
  width: 100%;
  max-width: 169px;
  padding-left: 20px;
  border: 2px solid var(--themeColorFFFF10);
  border-radius: 8px;
  transition: all 1s ease-in-out;
  text-align: left;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortButton::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/blackArrow.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  transition: all 0.3s ease-in-out;
  transform: rotate(90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortButtonArrow {
  transition: all 1s ease-in-out;
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortButtonArrow::after {
  transform: rotate(-90deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  width: 100%;
  max-width: 362px;
  display: flex;
  z-index: 2;
  transition: height 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions:not(.sortOptionsActive) {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox {
  width: 100%;
  padding: 18px;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  margin-bottom: 10px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:last-child {
  margin-bottom: 0px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox {
  border-color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg path {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel input:checked + .hiddenFilterCheckbox svg polyline {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel:hover .hiddenFilterCheckbox svg path {
  stroke-dashoffset: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox {
  position: relative;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg path {
  fill: none;
  stroke: #ec4e27;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel .hiddenFilterCheckbox svg polyline {
  fill: none;
  stroke: var(--themeLightWhiteColor);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterLabel > span {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  pointer-events: none;
  vertical-align: middle;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .hiddenFilterInput {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems .sortBox .sortOptions .sortOptionsBox .sortOptionsItem .sortOptionsItemCheckbox {
  display: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox {
  display: flex;
  align-items: flex-start;
  padding-bottom: 15px;
  flex-direction: column;
  width: 100%;
  max-width: 777px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterTitle {
  color: var(--themeBlackColorTilte);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding-bottom: 12px;
  opacity: 0.6;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems {
  display: flex;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems .popularFilterItem {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--themeColorFFFF10);
  background: var(--themeColor255255255075);
  width: auto;
  color: var(--themeBlackColorTilte);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 6px 12px;
  margin-right: 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems .popularFilterItem label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems .popularFilterItemActive {
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox {
  width: 100%;
  border-radius: 8px;
  padding-bottom: 2px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox .searchSmallContainerText {
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a {
  width: calc(20% - 12px);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--themeLightWhiteColor);
  width: 100%;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 99%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo .searchHiddenPromo {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  padding: 4px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo .searchHiddenPromo .searchHiddenTitle {
  width: 100%;
  max-width: 75px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--themeLightWhiteColor);
  text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  padding: 6px 2px;
  margin-right: 4px;
  text-align: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo .searchHiddenPromo .searchFeaturedPromo {
  width: 100%;
  max-width: 82px;
  border-radius: 4px;
  background: #ec4e27;
  display: flex;
  padding: 6px 0;
  align-items: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo .searchHiddenPromo .searchFeaturedPromo .star {
  background-image: url(../newImg/starIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchLogo .searchHiddenPromo .searchFeaturedPromo .featuredTitle {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 8px 18px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPriceButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 85px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPriceButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .serachNoResult {
  grid-template-columns: 1fr;
  font-size: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 50px 0 50px 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
  width: 100%;
  border-radius: 8px;
  padding-bottom: 2px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 16px;
  height: 340px;
  transition: height 0.3s ease 0.3s;
  overflow: hidden;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer {
  max-width: 1200px;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .splide__arrow {
  align-items: center;
  background: var(--themeLightWhiteColor);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: center;
  position: absolute;
  width: 26px;
  z-index: 1;
  bottom: 0;
  border: 2px solid var(--themeLightWhiteColor);
  opacity: 1;
  transform: none;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__prev {
  left: 0px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__prev svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__prev:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__next {
  right: 0px;
  top: 25%;
  transition: all 0.2s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__next svg {
  fill: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__next:hover {
  background: rgba(236, 78, 39, 0.1);
  border: 2px solid #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
  max-width: 1027px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--themeLightWhiteColor);
  width: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  padding: 4px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo {
  width: 100%;
  max-width: 82px;
  border-radius: 4px;
  background: #ec4e27;
  display: flex;
  padding: 6px 0;
  align-items: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo .star {
  background-image: url(../newImg/starIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo .featuredTitle {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPriceOut {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
  padding-top: 3px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 85px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButtonActive {
  background: #ed5833;
  color: #fff;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--themeLightWhiteColor);
  width: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 99%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  padding: 4px 5px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo {
  width: 100%;
  max-width: 82px;
  border-radius: 4px;
  background: #ec4e27;
  display: flex;
  padding: 6px 0;
  align-items: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo .star {
  background-image: url(../newImg/starIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallLogo .searchSmallHiddenPromo .searchFeaturedPromo .featuredTitle {
  color: var(--themeLightWhiteColor);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 5px 18px 5px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallTitle {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 45px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPrice {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPriceOut {
  padding-top: 3px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 85px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPromo {
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPromo .promo {
  color: #ec4e27;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .searchSmallAdsItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 24px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .searchSmallAdsItem .searchSmallAdsLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-image: url(../newImg/trendingLogoPromo.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 99%;
  position: relative;
  width: 100%;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .searchSmallAdsItem .searchSmallAdsData {
  display: flex;
  flex-direction: column;
  padding: 12px 8px 18px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .searchSmallAdsItem .searchSmallAdsData .searchSmallAdsCategory {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .searchSmallAdsItem .searchSmallAdsData .searchSmallAdsTitle {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer {
  max-width: 280px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 15px auto 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchButton {
  width: fit-content;
  cursor: pointer;
  margin: 40px auto 0;
  padding: 12px;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchButton .searchButtonTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchButton .searchButtonArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchButton .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchHidenButton {
  width: 100%;
  max-width: 119px;
  cursor: pointer;
  width: 100%;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  padding: 12px 0;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
  margin: 40px auto 0;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchHidenButton .searchHidenButtonTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchHidenButton .searchHidenButtonArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .btnContainer .searchHidenButton .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchMoreButtonBox {
  width: 100%;
  max-width: 119px;
  margin: 40px auto 0 auto;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchMoreButtonBox .searchButton {
  cursor: pointer;
  width: 100%;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  padding: 12px 0;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchMoreButtonBox .searchButton .searchButtonTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchMoreButtonBox .searchButton .searchButtonArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchMoreButtonBox .searchButton .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .blackFriday {
  padding: 0 0 40px 0;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .blackFriday a {
  color: #000;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  position: relative;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .blackFriday a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #333333;
  transition: width 0.3s ease;
}
#mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .blackFriday a:hover::before {
  width: 100%;
}
#mainPage .comparisonMain .wrapper .articlesBox {
  width: 100%;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground {
  background: rgba(237, 154, 63, 0.06);
  filter: drop-shadow(0px 7px 85px rgba(251, 142, 49, 0.25));
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesTitleContainer {
  color: var(--themeColor262627);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  font-family: Anton;
  padding: 44px 0 53px 0;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .splide__arrow:disabled {
  display: none;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .trending__arrow__prev {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  right: 0;
  left: -250px;
  margin: 0 auto;
  bottom: -110px;
  top: auto;
  border-radius: 10px;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .trending__arrow__next {
  background: #f17d2e;
  width: 42px;
  height: 48px;
  border-radius: 10px;
  right: 0;
  left: 240px;
  margin: 0 auto;
  bottom: -110px;
  top: auto;
  opacity: 1;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .splide__arrow svg {
  fill: white;
  height: 2.2em;
  width: 2.2em;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox {
  filter: drop-shadow(0px 7px 85px rgba(251, 142, 49, 0.25));
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem {
  width: 100%;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems {
  width: 100%;
  max-width: 286px;
  border-radius: 8px;
  background: var(--themeColorEa732b);
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData {
  padding: 16px 16px 41px 16px;
  width: 100%;
  background: var(--themeColorNews);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 445px;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemLogo {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 140px;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemTitle {
  padding-top: 24px;
  color: var(--themeBlackColorTilte);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  height: 80px;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderData .articlesSliderItemLead {
  padding-top: 22px;
  color: var(--themeBlackColorTilte);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  opacity: 0.45;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderItemButton {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #ea732b;
  padding: 19px 0;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesSplideContainer .articlesSliderBox .articlesSliderBoxItem .articlesSliderItems .articlesSliderItem .articlesSliderItemButton span {
  color: var(--themeColorNewsTitle);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox {
  padding: 40px 0 62px 0;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox .articlesShowMoreButton {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 143px;
  margin: 0 auto;
  cursor: pointer;
}
#mainPage .comparisonMain .wrapper .articlesBox .articlesBackground .articlesShowMoreButtonBox .articlesShowMoreButton span {
  padding: 12px 0;
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainPage .comparisonMain .wrapper .newsBox {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem {
  padding: 80px 24px;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop {
  display: flex;
  justify-content: center;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newsTitle {
  padding-bottom: 36px;
  color: var(--themeColor262627);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newShowMore {
  width: 100%;
  max-width: 119px;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newShowMore .newShowMoreButton {
  cursor: pointer;
  width: 100%;
  display: flex;
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  padding: 12px 0;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newShowMore .newShowMoreButton .newShowMoreButtonTitle {
  color: #ec4e27;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newShowMore .newShowMoreButton .newShowMoreButtonArrow {
  background-image: url(../newImg/orangeArrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTop .newShowMore .newShowMoreButton .active {
  transform: rotate(-180deg);
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsLead {
  display: flex;
  width: 100%;
  max-width: 460px;
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 32px;
  opacity: 0.6000000238;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTwitterBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#mainPage .comparisonMain .wrapper .newsBox .newsItem .newsTwitterBox .newsTwitterItem {
  width: calc(33.3333333333% - 11px);
}
#mainPage .comparisonMain .wrapper .expectBox {
  display: none;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem {
  background-image: url(../newImg/header_keyart\ 1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30%;
  position: relative;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem .expectItemData {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 335px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 34px;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem .expectItemData .expectDataLogo {
  background-image: url(../newImg/logo_cs_full\ 1.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 19px;
  width: 100%;
  max-width: 190px;
  margin-bottom: 40px;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem .expectItemData .expectDataTitle {
  color: var(--themeLightWhiteColor);
  font-size: 32px;
  font-weight: 500;
  padding-bottom: 8px;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem .expectItemData .expectDataLead {
  color: var(--themeLightWhiteColor);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 32px;
}
#mainPage .comparisonMain .wrapper .expectBox .expectItem .expectItemData .expectDataButton {
  width: 100%;
  max-width: 198px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: #ec4e27;
  box-shadow: 0px 0px 28px 0px rgba(236, 78, 39, 0.19);
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border: none;
  padding: 13px 1px;
}

.legendsBannerWrapper {
  display: flex;
  flex-direction: column;
}
.legendsBannerWrapper .legendsBannerWrapperTitle {
  color: var(--themeColor262627);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 36px;
}

#article {
  background: #f5f5f7;
  width: 100%;
}
#article .articleWrapperUp {
  display: flex;
  background: #f5f5f7;
  width: 100%;
  position: absolute;
  top: 0px;
  padding-top: 22%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#article .articleWrapperUp video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#article .articleWrapperUp .articleHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
}
#article .articleWrapperUp .articleHeader .articleHeaderBox {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 56px 0 71px 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
#article .articleWrapperUp .articleHeader .articleHeaderBox .headerBoxTitle {
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-family: Anton;
  font-size: 72px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 27px;
}
#article .articleWrapperUp .articleHeader .articleHeaderBox .headerBoxLead {
  color: #ffb72d;
  text-align: center;
  font-family: Arimo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 8px;
  text-transform: uppercase;
  max-width: 515px;
  margin: 0 auto;
}
#article .articleWrapperUp .articleHeader .articleHeaderBox .headerBoxBottomText {
  color: #ffb72d;
  font-family: Anton;
  font-size: 72px;
  font-weight: 400;
  text-transform: uppercase;
}
#article .articleWrapperBottom {
  padding-top: 18%;
}
#article .articleWrapperBottom .articleBody {
  width: 100%;
  max-width: 876px;
  margin: 0 auto;
  padding-bottom: 75px;
  padding-top: 72px;
}
#article .articleWrapperBottom .articleBody p {
  color: var(--themeColor262627);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -0.18px;
  margin: 0;
}
#article .articleWrapperBottom .articleBody p a {
  border-radius: 55px;
  background: rgba(236, 78, 39, 0.16);
  padding: 15px 35px;
  color: var(--themeColor262627);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 185.714% */
  letter-spacing: -0.14px;
  text-decoration-line: underline;
}
#article .articleWrapperBottom .articleBody p .removeClass {
  border-radius: 0;
  background: none;
  padding: 0;
  font-size: 14px;
}
#article .articleWrapperBottom .newsTwitterBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
  max-width: 1440px;
  margin: 0 auto;
}
#article .articleWrapperBottom .newsTwitterBox .newsTwitterTitle {
  color: var(--themeColor262627);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  /* 36px */
  padding-bottom: 36px;
}
#article .articleWrapperBottom .newsTwitterBox .newsTwitterItems {
  display: flex;
  justify-content: space-between;
}
#article .articleWrapperBottom .newsTwitterBox .newsTwitterItems .newsTwitterItem {
  width: calc(33.3333333333% - 11px);
}
#article .articleWrapperBottom .newsTwitterBoxArticle {
  padding-bottom: 118px;
}

#singleNewsHeader .main .wrapper {
  width: 100%;
  background-image: url(../newImg/logoMainArticle3.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 24%;
  position: relative;
}
#singleNewsHeader .main .wrapper .box {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: flex;
  padding-top: 8px;
  align-items: center;
}
#singleNewsHeader .main .wrapper .box .logoItem {
  display: flex;
  align-items: center;
}
#singleNewsHeader .main .wrapper .box .logoItem .logo {
  background-image: url(../newImg/headerLogo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 28px;
  height: 43px;
  margin-right: 53px;
}
#singleNewsHeader .main .wrapper .box .menuItem {
  width: 100%;
  max-width: 460px;
  display: flex;
}
#singleNewsHeader .main .wrapper .box .menuItem .menuBox {
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(228, 228, 228, 0.1);
  background: #212121;
  align-items: center;
  justify-content: center;
  height: 48px;
}
#singleNewsHeader .main .wrapper .box .menuItem .menuBox a {
  height: 100%;
  cursor: pointer;
}
#singleNewsHeader .main .wrapper .box .menuItem .menuBox a .menuBoxItem {
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
}
#singleNewsHeader .main .wrapper .box .menuItem .menuBox .menuBoxItemBorder {
  width: 1px;
  height: 38px;
  border: 1px solid var(--themeLightWhiteColor);
  border-radius: 8px;
  opacity: 0.4;
}
#singleNewsHeader .main .wrapper .box .discordItem {
  width: 100%;
  height: 38px;
  display: flex;
  justify-content: flex-end;
}
#singleNewsHeader .main .wrapper .box .discordItem .discordLogo {
  width: 35px;
  height: 38px;
  background-image: url(../newImg/discord-logo-discord-icon-transparent-free-png.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#singleArticle .topMain {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 45px;
  word-break: break-all;
}
#singleArticle .topMain .topContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 1260px;
  margin: 0 auto;
}
#singleArticle .topMain .topContainer .leftWrapper {
  width: 100%;
  max-width: 815px;
  padding-right: 30px;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem {
  word-break: break-word;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .title {
  color: #ec4e27;
  font-family: Anton;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  padding-bottom: 25px;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .authorItem {
  display: flex;
  padding-bottom: 25px;
  align-items: center;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .authorItem .authorLogo {
  width: 77px;
  height: 77px;
  display: flex;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .authorItem .authorLogo .logo {
  width: 100%;
  height: auto;
  background-image: url(../newImg/avatar1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .authorItem .authorName {
  padding-left: 20px;
  color: #ec4e27;
  font-family: Roboto Flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
#singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem .text {
  color: #5a5a5a;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 218.75% */
  letter-spacing: -0.16px;
  padding-bottom: 65px;
}
#singleArticle .topMain .topContainer .rightWrapper {
  width: 100%;
  max-width: 380px;
  display: flex;
  justify-content: flex-end;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox {
  width: 100%;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox .rightWrapperBoxTop {
  display: flex;
  padding-bottom: 50px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox .rightWrapperBoxTop img {
  width: 100%;
  height: auto;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--kinguinHeader);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 23px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemLogo {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 70.5%;
  position: relative;
  width: 100%;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 12px 8px 18px 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataCategory {
  color: var(--themeBlackColorTilte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  opacity: 0.6000000238;
  padding-bottom: 4px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemName {
  color: var(--themeBlackColorTilte);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  padding-bottom: 14px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataPriceBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataPriceBox .itemDataPriceBox {
  color: var(--themeBlackColorTilte);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  padding-right: 8px;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataPriceBox .itemDataPriceBoxButton {
  border-radius: 8px;
  background: rgba(242, 102, 33, 0.1);
  width: 100%;
  max-width: 85px;
  color: #ec4e27;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  padding: 8px 0 7px 0;
  transition: all 0.3s ease-in-out;
}
#singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataPriceBox .itemDataPriceBoxButtonActive {
  background: #ed5833;
  color: var(--themeLightWhiteColor);
}
#singleArticle .topMain .bannerContainer {
  width: 100%;
  background-image: url(../newImg/smokeCsgo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30%;
}
#singleArticle .topMain .middleContainer {
  width: 100%;
  max-width: 815px;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 25%;
  margin-top: 40px;
}
#singleArticle .topMain .bottomContainer {
  display: flex;
  width: 100%;
  padding-top: 60px;
}
#singleArticle .topMain .bottomContainer .leftWrapper {
  width: 100%;
  max-width: 815px;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .leftItem {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .leftItem .title {
  color: #ec4e27;
  font-family: Anton;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  padding-bottom: 25px;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .leftItem .text {
  color: #5a5a5a;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 218.75% */
  letter-spacing: -0.16px;
  padding-bottom: 65px;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox {
  width: 100%;
  max-width: 667px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 30px;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem a {
  width: 100%;
  max-width: 300px;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem a .socialDiscord {
  width: 100%;
  max-width: 300px;
  border-radius: 8px;
  background: #5865f2;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  color: #f5f5f7;
  text-align: center;
  font-family: Anton;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  cursor: pointer;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem a .socialTwitter {
  width: 100%;
  max-width: 300px;
  border-radius: 8px;
  background: var(--themeColor262627);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  color: #f5f5f7;
  text-align: center;
  font-family: Anton;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  cursor: pointer;
}
#singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .moreItem {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #ed772c;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  color: #f5f5f7;
  text-align: center;
  font-family: Anton;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  height: 50px;
  cursor: pointer;
  margin-bottom: 30px;
}
#singleArticle .topMain .bottomContainer .rightWrapper {
  width: 100%;
  max-width: 285px;
  display: flex;
  justify-content: flex-end;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems {
  margin-bottom: 38px;
  width: 100%;
  display: flex;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem {
  display: flex;
  flex-direction: column;
  max-width: 285px;
  width: 100%;
  border-radius: 8px;
  background: linear-gradient(180deg, #fb8e31 0%, #ea732b 100%);
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData {
  padding: 16px;
  background: var(--themeLightWhiteColor);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData .newsLogo {
  background-image: url(../newImg/articleLogo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 55%;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData .newsTitle {
  color: var(--themeBlackColorTilte);
  text-align: center;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  padding: 24px 0 22px 0;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData .newsLead {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 40px;
  opacity: 0.45;
  text-align: center;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsButton {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--themeLightWhiteColor);
  text-align: center;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  height: 63px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: linear-gradient(180deg, #fb8e31 0%, #ea732b 100%);
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems {
  margin-bottom: 38px;
  width: 100%;
  display: flex;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem {
  display: flex;
  flex-direction: column;
  max-width: 285px;
  width: 100%;
  border-radius: 8px;
  background: var(--themeLightWhiteColor);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productLogo {
  background-image: url(../newImg/trendingLogo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData {
  display: flex;
  flex-direction: column;
  padding: 8px 8px 17px 8px;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productCategory {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.18px;
  opacity: 0.6;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productTitle {
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  padding: 10px 0 17px 0;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails {
  display: flex;
  width: 100%;
  align-items: center;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productPrice {
  color: var(--themeBlackColorTilte);
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.8px;
  padding-right: 8px;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productOdds {
  display: flex;
  align-items: center;
  color: #ec4e27;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.2px;
  border-radius: 4px;
  background: rgba(236, 78, 39, 0.1);
  height: 28px;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productOdds .oddsArrow {
  display: flex;
  align-items: center;
}
#singleArticle .topMain .bottomContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productTime {
  color: #828282;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding-left: 8px;
}
#singleArticle .topMain .legendsContainer {
  width: 100%;
  padding: 49px 0 70px 0;
}
#singleArticle .topMain .legendsContainer .legendsTitle {
  color: var(--themeColor262627);
  text-align: center;
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 36px;
}
#singleArticle .topMain .legendsContainer .legendsLogo {
  background-image: url(../../assets/newImg/bannerLegends5.png);
  width: 100%;
  padding-top: 29%;
  background-size: cover;
  background-repeat: no-repeat;
}

#errorRodoNewsletter {
  width: 100%;
  max-width: 320px;
  display: flex;
  background: #fedc89;
  border: 1px solid #fdb913;
  position: fixed;
  right: 16px;
  top: 16px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s opacity;
  z-index: 2;
}
#errorRodoNewsletter.error {
  opacity: 1;
  visibility: visible;
}
#errorRodoNewsletter .errorNewsletterBox {
  display: flex;
  padding: 14px;
}
#errorRodoNewsletter .errorNewsletterBox .errorNewsletterBoxText {
  color: #272727;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-family: Roboto, sans-serif;
}
#errorRodoNewsletter .errorNewsletterBox .errorNewsletterBoxExit {
  background-image: url(../../assets/newImg/exit.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  cursor: pointer;
}

#errorEmailNewsletter {
  width: 100%;
  max-width: 320px;
  display: flex;
  background: #fcc;
  border: 1px solid #ed1c24;
  position: fixed;
  right: 16px;
  top: 90px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s opacity;
}
#errorEmailNewsletter.error {
  opacity: 1;
  visibility: visible;
}
#errorEmailNewsletter .errorNewsletterBox {
  display: flex;
  padding: 14px;
  width: 100%;
  justify-content: space-between;
}
#errorEmailNewsletter .errorNewsletterBox .errorNewsletterBoxText {
  color: #272727;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  padding-right: 20px;
}
#errorEmailNewsletter .errorNewsletterBox .errorEmailNewsletterBoxExit {
  background-image: url(../../assets/newImg/exit.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  cursor: pointer;
}

#successEmailNewsletter {
  width: 100%;
  max-width: 320px;
  display: flex;
  background: #e3edcf;
  border: 1px solid #8fb73e;
  position: fixed;
  right: 16px;
  top: 16px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s opacity;
}
#successEmailNewsletter.success {
  opacity: 1;
  visibility: visible;
}
#successEmailNewsletter .successNewsletterBox {
  display: flex;
  padding: 14px;
  width: 100%;
  justify-content: space-between;
}
#successEmailNewsletter .successNewsletterBox .successNewsletterBoxText {
  color: #272727;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  padding-right: 20px;
}
#successEmailNewsletter .successNewsletterBox .successEmailNewsletterBoxExit {
  background-image: url(../../assets/newImg/exit.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  cursor: pointer;
}

#footer {
  width: 100%;
  background: rgb(234, 115, 43);
}
#footer .mobileSocialWrapper {
  display: none;
  width: 100%;
  max-width: 1214px;
  margin: 0 auto;
}
#footer .mobileSocialWrapper .container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
#footer .mobileSocialWrapper .container .itemSocial {
  width: 100%;
  max-width: 255px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
#footer .mobileSocialWrapper .container .itemSocial .mainTitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: rgb(247, 247, 247);
  padding-bottom: 15px;
}
#footer .mobileSocialWrapper .container .itemSocial .logoHunter {
  width: 106px;
  height: 47px;
  margin-bottom: 15px;
}
#footer .mobileSocialWrapper .container .itemSocial .logoHunter .imgHunter {
  width: 100%;
  height: auto;
  padding-top: 45%;
  background-image: url(../newImg/logo_hunter.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a {
  width: 25px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .discord {
  background-image: url(../newImg/discord.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .fb {
  background-image: url(../newImg/fb1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 20px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .insta {
  background-image: url(../newImg/insta1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 20px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .yt {
  background-image: url(../newImg/yt1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .twitter {
  background-image: url(../newImg/x1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .linkedin {
  background-image: url(../newImg/linkedin.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .mobileSocialWrapper .container .itemSocial .socialBox a .tiktok {
  background-image: url(../newImg/tiktok1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .copyrightContainer {
  text-align: center;
  font-size: 12px;
  color: rgb(247, 247, 247);
  line-height: 12px;
  padding-bottom: 20px;
}
#footer .mainFooter {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#footer .mainFooter .topWrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
#footer .mainFooter .topWrapper .itemNewsletter {
  padding-top: 50px;
  width: 100%;
  max-width: 445px;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem {
  display: flex;
  flex-direction: column;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .mainTitle {
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  color: rgb(247, 247, 247);
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 2px;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .subTitle {
  font-weight: 400;
  font-size: 12px;
  color: rgb(247, 247, 247);
  padding-bottom: 10px;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 10px;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterBox {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterBox .newslettetFormItem {
  display: flex;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterBox .newslettetFormItem .newsletterInput {
  width: 100%;
  max-width: 305px;
  background: #e7e7e7;
  height: 36px;
  border: none;
  padding-left: 10px;
  outline: none;
  background: 0% 0% no-repeat padding-box padding-box rgba(247, 247, 247, 0.25);
  color: rgb(247, 247, 247);
  border-radius: 20px;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterBox .newslettetFormItem .newsletterInput::placeholder {
  color: rgb(247, 247, 247);
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterBox .newslettetFormItem .newletterButton {
  text-align: center;
  width: 100%;
  max-width: 136px;
  height: 36px;
  padding: 9px 10px;
  border-radius: 20px;
  margin-left: 5px;
  font-size: 14px;
  background: none;
  border: 1px solid rgb(247, 247, 247);
  color: rgb(247, 247, 247);
  font-weight: 600;
  cursor: pointer;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterRodo {
  padding-top: 30px;
  color: rgb(247, 247, 247);
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  opacity: 0.6;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterRodo .rodoInput {
  width: 16px;
  height: 16px;
  border: 1px solid rgb(239, 182, 145);
  background-color: transparent;
}
#footer .mainFooter .topWrapper .itemNewsletter .newsletterItem .newsletterRodo .rodoLabel {
  padding-left: 5px;
}
#footer .mainFooter .bottomWrapper .container {
  width: 100%;
  max-width: 1026px;
  margin: 0 auto;
  padding-bottom: 40px;
}
#footer .mainFooter .bottomWrapper .container .item {
  color: rgb(247, 247, 247);
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 0;
}
#footer .mainFooter .bottomWrapper .container .copyrightItem {
  padding: 20px 0 28px 0;
}
#footer .mainFooter .wrapper {
  padding-top: 40px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
#footer .mainFooter .wrapper .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  padding: 0 20px 50px 20px;
}
#footer .mainFooter .wrapper .container .itemLogo {
  width: 200px;
  height: 67px;
  display: flex;
}
#footer .mainFooter .wrapper .container .itemLogo .logo {
  background-image: url(../newImg/_kinguin_logo_final_RGB_horizontal-white.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
}
#footer .mainFooter .wrapper .container .item .aboutItem,
#footer .mainFooter .wrapper .container .item .helpItem,
#footer .mainFooter .wrapper .container .item .termsItem {
  display: flex;
  flex-direction: column;
}
#footer .mainFooter .wrapper .container .item .aboutItem .mainTitle,
#footer .mainFooter .wrapper .container .item .helpItem .mainTitle,
#footer .mainFooter .wrapper .container .item .termsItem .mainTitle {
  color: rgb(247, 247, 247);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 24px;
}
#footer .mainFooter .wrapper .container .item .aboutItem .subTitle,
#footer .mainFooter .wrapper .container .item .helpItem .subTitle,
#footer .mainFooter .wrapper .container .item .termsItem .subTitle {
  font-weight: 400;
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  color: rgb(247, 247, 247);
  padding-bottom: 14px;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out;
}
#footer .mainFooter .wrapper .container .item .aboutItem .subTitle::before,
#footer .mainFooter .wrapper .container .item .helpItem .subTitle::before,
#footer .mainFooter .wrapper .container .item .termsItem .subTitle::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: rgb(247, 247, 247);
  transition: width 0.3s ease;
}
#footer .mainFooter .wrapper .container .item .aboutItem .subTitle:hover::before,
#footer .mainFooter .wrapper .container .item .helpItem .subTitle:hover::before,
#footer .mainFooter .wrapper .container .item .termsItem .subTitle:hover::before {
  width: 100%;
}
#footer .mainFooter .wrapper .container .itemSocial {
  width: 100%;
  max-width: 255px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .mainTitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: rgb(247, 247, 247);
  padding-bottom: 15px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .logoHunter {
  width: 106px;
  height: 47px;
  margin-bottom: 15px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .logoHunter .imgHunter {
  width: 100%;
  height: auto;
  padding-top: 45%;
  background-image: url(../newImg/logo_hunter.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a {
  width: 25px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .discord {
  background-image: url(../newImg/discord.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .linkedin {
  background-image: url(../newImg/linkedin.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .fb {
  background-image: url(../newImg/fb1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 20px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .insta {
  background-image: url(../newImg/insta1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 20px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .yt {
  background-image: url(../newImg/yt1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .twitter {
  background-image: url(../newImg/x1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .mainFooter .wrapper .container .itemSocial .socialItem .socialBox a .tiktok {
  background-image: url(../newImg/tiktok1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#footer .mainFooter .wrapper .copyrightContainer {
  text-align: center;
  font-size: 12px;
  color: rgb(247, 247, 247);
  line-height: 12px;
  padding-bottom: 20px;
}
#footer .mainFooter .mobileWrapper {
  padding: 30px;
  display: none;
}
#footer .mainFooter .mobileWrapper .sortBoxX {
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-direction: column;
  background: rgb(237, 124, 46);
  margin-bottom: 5px;
  font-family: "Roboto Condensed", sans-serif;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonX {
  position: relative;
  height: 62px;
  color: rgb(247, 247, 247);
  padding: 20px;
  margin-bottom: 2px;
  font-size: 23px;
  font-weight: 500;
  width: 100%;
  padding-left: 20px;
  text-decoration: underline;
  transition: all 1s ease-in-out;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonX::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../newImg/arrowDown.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  transition: all 0.3s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonX .currencyButtonLogoX {
  background-image: url(../newImg/eur.png);
  width: 26px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonX .currencyButtonNameX {
  padding-left: 10px;
  color: var(--themeBlackColorTilte);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.16px;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonArrowX {
  transition: all 1s ease-in-out;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortButtonArrowX::after {
  transform: rotate(-90deg);
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortOptionsX {
  width: 100%;
  display: flex;
  transition: height 0.5s ease;
  overflow: hidden;
  flex-direction: column;
  background: rgb(234, 115, 43);
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortOptionsX:not(.sortOptionsActiveX) {
  display: none;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortOptionsX .sortOptionsBoxX {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
#footer .mainFooter .mobileWrapper .sortBoxX .sortOptionsX .sortOptionsBoxX a {
  border-bottom: 2px solid rgb(237, 124, 46);
  font-size: 16px;
  color: rgb(247, 247, 247);
  padding: 20px;
}

@media screen and (max-width: 1850px) {
  #articleListPage .wrapper .container .contentBox {
    bottom: -50%;
  }
}
@media screen and (max-width: 1800px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal {
    width: 100%;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput {
    max-width: 350px;
  }
}
@media screen and (max-width: 1750px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer {
    justify-content: space-around;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .leftPromoBox {
    max-width: 300px;
    padding: 6% 25px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .rightPromoBox {
    max-width: 300px;
    padding: 6% 25px;
  }
}
@media screen and (max-width: 1700px) {
  #article .articleWrapperUp {
    padding-top: 25%;
  }
  #article .articleWrapperUp .articleHeader .articleHeaderBox {
    padding: 55px 0 0px 0;
  }
  #articleListPage .wrapper .container .contentBox {
    bottom: -60%;
  }
}
@media screen and (max-width: 1600px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 930px;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden {
    left: 0;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .menuBoxHidden.open {
    transform: translateX(0);
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .leftPromoBox {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .rightPromoBox {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper {
    display: flex;
  }
}
@media screen and (max-width: 1550px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput {
    max-width: 300px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners {
    max-width: 170px;
  }
}
@media screen and (max-width: 1500px) {
  #articleListPage .wrapper .container .contentBox {
    bottom: -75%;
  }
}
@media screen and (max-width: 1440px) {
  #article .articleWrapperUp .articleHeader .articleHeaderBox .headerBoxTitle {
    font-size: 62px;
  }
  #noAccount .noAccountContainer .noAccountWrapper {
    padding: 30px 20px 50px 20px;
  }
  #noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerLeft {
    padding-right: 20px;
  }
  #noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerRight {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1420px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 1027px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerComparisonMobile {
    display: flex;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox {
    padding: 40px 20px 0 20px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch {
    flex-direction: column;
    gap: 20px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchInput {
    max-width: 100%;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchTotal {
    width: auto;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight {
    justify-content: center;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 424px;
  }
}
@media screen and (max-width: 1380px) {
  #header .main .wrapper .box .rightItem .sortBox .sortOptions {
    left: -145px;
  }
}
@media screen and (max-width: 1320px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo .inventoryResultItemPromoLogo {
    width: 550px;
  }
}
@media screen and (max-width: 1300px) {
  #articleListPage .wrapper .container .contentBox {
    bottom: -85%;
  }
  #header .main .wrapper .box {
    padding: 8px 20px;
  }
}
@media screen and (max-width: 1280px) {
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 635px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
    max-width: 800px;
  }
  #footer .mainFooter {
    padding: 0 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__prev {
    left: 40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__next {
    right: 40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .expectBox {
    padding: 0 24px;
    width: 100%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .leftPromoBox {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .rightPromoBox {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer {
    display: unset;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox {
    justify-content: center;
  }
  #singleNewsHeader .main .wrapper .box {
    padding: 20px 20px;
  }
  #singleArticle .topMain {
    padding: 45px 20px 0px 20px;
  }
  #singleArticle .topMain .topContainer .leftWrapper {
    padding-right: 50px;
  }
  #singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem {
    gap: 30px;
  }
  #singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem a {
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 1200px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    margin: 0 80px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    margin: 0 80px;
  }
  #articleListPage .wrapper .contentContainer {
    padding: 5% 20px 0 20px;
  }
  #articleListPage .wrapper .container .contentBox {
    bottom: -95%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 822px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight {
    gap: 25px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort {
    max-width: 200px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 445px;
  }
}
@media screen and (max-width: 1160px) {
  #header .main .wrapper .box .leftItem .menuItemInventoryBox {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  #articleListPage .wrapper .container .contentBox {
    bottom: -105%;
  }
  #articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredTitle {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1180px) {
  #header .main .wrapper .box {
    padding: 8px 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions {
    left: 0;
  }
  #articleListPageHeader .main .wrapper .box {
    padding: 10px 20px 0 20px;
  }
}
@media screen and (max-width: 1080px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .mainPageBannerSplideBox .mainPageBannerSplideItems {
    width: calc(100% + 0px) !important;
    height: auto !important;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer {
    padding: 21px 50px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox {
    grid-template-columns: 40px 1fr 1fr 1fr 1fr;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem {
    margin: 0 auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer .titleBox .titleBoxItemReferal {
    display: flex;
    justify-content: center;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory {
    flex-wrap: wrap;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer .resultItems .resultItem .resultName .resultNameCategory .resultNameCategoryTitle {
    padding-bottom: 3px;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p {
    text-align: left !important;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p img {
    width: 100%;
    height: auto;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p span img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1080px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper {
    padding: 0px 20px 83px 20px;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p {
    text-align: left !important;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p img {
    width: 100%;
    height: auto;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p span img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1060px) {
  .splide__list {
    flex-wrap: nowrap;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems {
    margin-bottom: 35px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
    max-width: 100%;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemLogo {
    width: auto;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem.show {
    gap: 30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPrimeSliderContainer .trendingPrimeSliderContainer {
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
  }
  #inventory .inventoryContainer .inventoryWrapper {
    flex-direction: column;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox {
    max-width: 100%;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchItem {
    max-width: 100%;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountItemMenuContentAccountBannerLeft {
    display: none;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountItemMenuContentAccountBannerRight {
    display: none;
  }
  #account .accountContainer .accountWrapper .accountBox .accountBannerMobile {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  #noAccount .noAccountContainer .noAccountWrapper {
    flex-direction: column;
  }
  #noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerLeft {
    display: none;
  }
  #noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerRight {
    display: none;
  }
  #noAccount .noAccountContainer .noAccountWrapper .noAccountWrapperBannerMobile {
    display: flex;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox {
    display: flex;
    flex-direction: column;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoReward {
    background-image: url(../../assets/newImg/header/rewardLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoTournaments {
    background-image: url(../../assets/newImg/header/tournamentLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoSteamIDChecker {
    background-image: url(../../assets/newImg/header/steamLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoInventory {
    background-image: url(../../assets/newImg/header/inventoryLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 20px;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
    color: var(--yellowHeader);
    font-size: 16px;
    font-weight: 800;
    align-items: center;
    padding-left: 16px;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoTrending {
    background-image: url(../../assets/newImg/header/rendingLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoGiftcards {
    background-image: url(../../assets/newImg/header/giftcardLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header .main .wrapper .box .rightItem #menu .menuWrapper .hamburgerMenuBox .menuItemInventoryBox .menuItemInventory .menuItemInventoryLogoArticles {
    background-image: url(../../assets/newImg/header/articlesLogo.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 1030px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__prev {
    left: 0px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcards__arrow__next {
    right: 0px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper {
    padding: 0px 20px 40px 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .categoryItems {
    height: 48px;
    justify-content: center;
    margin-bottom: 35px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingFilterBox .sortItems {
    width: 100%;
    justify-content: center;
    height: 48px;
  }
}
@media screen and (max-width: 1020px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .titleContainer,
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox {
    display: unset;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainerMobile {
    display: block;
    position: relative;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .resultContainer,
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .moreResultContainer {
    display: none;
  }
  .mobileResultContainer {
    padding-bottom: 30px;
  }
  .mobileResultContainer .resultItem {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .mobileResultContainer .mobileResultItem {
    width: 100%;
    max-width: 169px;
    padding: 7px 0 16px 0;
    border-radius: 5px;
    background: rgba(221, 221, 221, 0.26);
  }
  .mobileResultContainer .mobileResultItem .mobileResultPromoText {
    color: var(--titleMobileComprison);
    text-align: center;
    font-family: Roboto;
    font-size: 6px;
    font-style: normal;
    font-weight: 800;
    padding-bottom: 7px;
  }
  .mobileResultContainer .mobileResultItem .mobileResultCategory {
    border-radius: 5px 5px 0px 0px;
    background: #afafaf;
    width: 100%;
    max-width: 169px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1216;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 90%;
    padding: 12px 0;
  }
  .mobileResultContainer .mobileResultItem .resultNameCategory {
    display: flex;
    padding-top: 9px;
    justify-content: center;
  }
  .mobileResultContainer .mobileResultItem .resultNameCategory .resultNameCategoryTitle {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    opacity: 0.6000000238;
  }
  .mobileResultContainer .mobileResultItem .resultNameCategory .resultNameCategoryTitle::after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 7.5px;
    background-color: #000;
    opacity: 0.6000000238;
    margin: 0px 5px;
  }
  .mobileResultContainer .mobileResultItem .resultNameCategory .resultNameCategoryTitle:last-child::after {
    display: none;
  }
  .mobileResultContainer .mobileResultItem .resultLogo {
    background-image: url(../newImg/productImage2.svg);
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 15px auto;
  }
  .mobileResultContainer .mobileResultItem .resultMainComparisonItem {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
  }
  .mobileResultContainer .mobileResultItem .resultMainComparisonItem .resultMainComparisonTitle {
    color: var(--titleMobileComprison);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
  }
  .mobileResultContainer .mobileResultItem .resultMainComparisonItem .resultMainComparisonTitleValue {
    color: var(--titleMobileComprison);
    text-align: center;
  }
  .mobileResultContainer .mobileResultItem .resultMainComparisonItem .resultFreeCasesText {
    color: var(--titleMobileComprison);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 10px;
    height: 140px;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 154px;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemLeft .resultMainComparisonTitle {
    color: rgba(1, 1, 1, 0.6);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
    padding-bottom: 3px;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemLeft .resultMainComparisonValue {
    display: flex;
    justify-content: space-evenly;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemLeft .resultMainComparisonValue .resultMainComparisonValueIcon {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemLeft .resultMainComparisonValue .resultMainComparisonValueSubTitle {
    color: rgba(1, 1, 1, 0.6);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemRight .resultMainComparisonTitle {
    color: rgba(1, 1, 1, 0.6);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
    padding-bottom: 3px;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemRight .resultMainComparisonValue {
    display: flex;
    justify-content: space-evenly;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemRight .resultMainComparisonValue .resultMainComparisonValueIcon {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  .mobileResultContainer .mobileResultItem .resultSecondaryComparisonItem .resultSecondaryComparisonItemRight .resultMainComparisonValueSubTitle {
    color: rgba(1, 1, 1, 0.6);
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .mobileResultContainer .mobileResultItemPromoCsgofast {
    background: linear-gradient(to left top, #ffdf00, #996515) !important;
  }
  .mobileResultContainer .mobileResultItemPromoCsgofast .mobileResultCategoryCsgofast {
    padding: 0;
    background: inherit;
    background-image: url(../../assets/newImg/promo/csgofasttitle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    height: 23px;
    margin: 15px auto 0px auto;
    max-width: 88px;
  }
  .mobileResultContainer .mobileResultItemPromo {
    background: linear-gradient(to bottom left, #5b407b, #30385a);
  }
  .mobileResultContainer .mobileResultItemPromo .mobileResultCopyrightPromo {
    color: var(--themeBlackColorTilte);
    text-align: center;
    font-family: Roboto;
    font-size: 6px;
    font-style: normal;
    font-weight: 800;
  }
  .mobileResultContainer .mobileResultItemPromo .mobileResultCategoryPromo {
    padding: 0;
    background: inherit;
    background-image: url(../newImg/g4skins2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    height: 23px;
    margin: 4px auto 25px auto;
    max-width: 110px;
  }
  .mobileResultContainer .mobileResultItemPromo .skinResultLogoOtherPromoCsgofast {
    margin: 10px auto 20px auto !important;
  }
  .mobileResultContainer .mobileResultItemPromo .skinResultLogoOtherPromo {
    background-position: 100% 50%;
    background-size: contain;
  }
  .mobileResultContainer .mobileResultItemPromo .resultPromoCodePromoCsgofast {
    background: #996515 !important;
  }
  .mobileResultContainer .mobileResultItemPromo .resultPromoCodePromoCsgofast .resultPromoCodeTitlePromoCsgofast {
    color: #ffdf00 !important;
  }
  .mobileResultContainer .mobileResultItemPromo .resultPromoCodePromo {
    background: white;
  }
  .mobileResultContainer .mobileResultItemPromo .resultPromoCodePromo .resultPromoCodeTitle {
    color: #5b407b;
  }
  .mobileResultContainer .mobileResultItemPromo.animate__animated {
    animation-duration: 1.5s !important;
  }
  .mobileResultContainer .resultRating {
    padding-bottom: 20px;
    text-align: center;
    padding: 0 10px 20px 10px;
  }
  .mobileResultContainer .resultPromoCode {
    display: flex;
    width: 100%;
    max-width: 141px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    background: rgba(242, 102, 33, 0.1);
    padding: 16px 0;
    margin: auto auto 0 auto;
    color: #ec4e27;
    font-size: 16px;
    font-weight: 700;
    line-height: 90%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .mobileResultContainer .resultPromoCode .resultPromoCodeCodeActive {
    color: white;
  }
  .mobileResultContainer .resultPromoCode .resultPromoCodeTitle {
    transition: all 0.3s ease-in-out;
  }
  .mobileResultContainer .resultPromoCodeActive {
    background: #ec4e27;
  }
  .mobileResultContainer .skinResultTitle {
    border-radius: 5px 5px 0px 0px;
    background: #afafaf;
    width: 100%;
    max-width: 169px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1216;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 90%;
    padding: 12px 0;
  }
  .mobileResultContainer .skinResultLogo {
    background-image: url(../newImg/productImage2.svg);
    width: 134px;
    height: 99px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px auto 20px auto;
  }
  .mobileResultContainer .skinResultLogoOther {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px auto 20px auto;
  }
  .mobileResultContainer .skinResultLead {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    padding-bottom: 11px;
    text-align: center;
  }
  .mobileResultContainer .skinResultBest {
    color: #171717;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    opacity: 0.6000000238;
    padding-bottom: 7px;
    text-align: center;
  }
  .mobileResultContainer .skinResultBestPrice {
    color: #010101;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    padding-bottom: 7px;
  }
  .mobileResultContainer .skinBuyCategory {
    color: #171717;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    opacity: 0.6000000238;
    text-align: center;
    padding-bottom: 7px;
  }
  .mobileResultContainer .skinBorder {
    height: 1px;
    max-width: 50px;
    width: 100%;
    margin: 10px auto;
    background: #a0a0a0;
  }
  .mobileResultContainer .skinResultLowest {
    color: #171717;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    opacity: 0.6000000238;
    padding-bottom: 7px;
    text-align: center;
  }
  .mobileResultContainer .skinResultLowestPrice {
    color: #010101;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    padding-bottom: 7px;
  }
  .mobileResultContainer .skinBuyCategory {
    color: #171717;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%;
    opacity: 0.6000000238;
    text-align: center;
    padding-bottom: 7px;
  }
  .mobileResultContainer .skinResultButton {
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    border-radius: 8px;
    background: #fef0e9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ec4e27;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    padding: 7px 0;
    transition: all 0.3s ease-out;
  }
  .mobileResultContainer .skinResultButtonActive {
    background: #ec4e27;
    color: white;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions {
    left: -65px;
  }
}
@media screen and (max-width: 1000px) {
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:nth-child(2) {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 30px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBanner {
    display: none;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:nth-child(2) {
    flex-direction: column;
    max-width: 100%;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBannerMobile {
    display: none;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBannerMobile img {
    width: 100%;
    height: auto;
  }
  #accountItemMenuContentAffiliate {
    flex-direction: column-reverse;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxRank {
    margin-bottom: 0;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__prev {
    left: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__next {
    right: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev {
    left: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next {
    right: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__next {
    right: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPinsWrapper .trendingPinsWrapperContainer .trendingBigSplide__arrow__prev {
    left: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__prev {
    left: -40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingBigSplide__arrow__next {
    right: -40px;
  }
  #articleListPage .wrapper .container {
    background-position: unset;
  }
  #articleListPage .wrapper .container .contentBox {
    padding: 0 20px;
  }
  #articleListPage .wrapper .container .contentBox .contenWrapper {
    padding-top: 30px;
  }
  #articleListPage .wrapper .container .contentBox {
    bottom: unset;
  }
  #articleListPage .wrapper .container .contentBox .contenWrapper .featuredContainer .featuredTitle {
    color: black;
  }
  #footer .mainFooter .wrapper {
    display: none;
  }
  #footer .mainFooter .mobileWrapper {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
  }
  #footer .mainFooter {
    padding: 0;
  }
  #footer .mainFooter .mobileSocialWrapper {
    display: flex;
  }
  #footer .mainFooter .bottomWrapper {
    padding: 0 20px;
  }
  #footer .mainFooter .topWrapper {
    padding: 0 20px;
  }
}
@media screen and (max-width: 980px) {
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem {
    flex-direction: column-reverse;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
    max-width: 100%;
  }
  .splide__list {
    flex-wrap: nowrap;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 530px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox .rewardsItems .rewardsItem .rewardsItemLogo {
    width: 100%;
  }
}
@media screen and (max-width: 950px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .hiddenTitleTooltipTrending {
    right: 0;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 617px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox {
    flex-wrap: wrap;
    justify-content: left;
    gap: 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a {
    width: calc(33% - 12px);
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent {
    padding: 50px 0px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemName {
    padding-right: 15px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryArticles,
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryGiftcards,
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryTrending {
    display: none;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory {
    width: auto;
  }
}
@media screen and (max-width: 910px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #singleArticle .topMain .middleContainer {
    max-width: unset;
    padding-top: 40%;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox .rightWrapperBoxTop a {
    display: none;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox {
    max-width: 500px;
  }
  #singleArticle .topMain .topContainer {
    flex-direction: column;
  }
  #singleArticle .topMain .topContainer .leftWrapper {
    padding-right: 0px;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #singleArticle .topMain .topContainer .rightWrapper {
    max-width: 100%;
    justify-content: center;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox {
    gap: 30px;
    display: flex;
  }
  #singleArticle .topMain .topContainer .rightWrapper {
    padding-top: 50px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem {
    height: fit-content;
  }
}
@media screen and (max-width: 800px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__prev {
    left: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__next {
    right: 20px;
  }
  #header .main .wrapper .box .rightItem .roulette {
    top: 85px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll {
    display: flex !important;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent {
    display: flex;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listLogo {
    width: 160px;
    height: 86px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData .listTitle {
    font-size: 20px;
    padding-bottom: 0;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent {
    padding: 15px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem .listItemButton .buttonArrow {
    width: 12px;
    height: 21px;
  }
  #articleListPage .wrapper .container .contentBox {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 530px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox {
    height: auto;
  }
  #header .main .wrapper .box .rightItem .sortBox .sortOptions .sortOptionsBox {
    max-height: 200px;
    height: 100%;
    overflow: scroll;
    left: -100px;
  }
  #header .main .wrapper .box .rightItem .sortBox .sortOptions {
    max-height: 200px;
    height: 100%;
    overflow: scroll;
    left: -100px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle {
    width: 60%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput {
    margin-bottom: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterPrice {
    margin-bottom: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterBrands {
    margin-bottom: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems {
    margin-bottom: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems {
    flex-wrap: wrap;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .popularFilterBox .popularFilterItems .popularFilterItem {
    margin-bottom: 4px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    grid-template-columns: repeat(1, 1fr);
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems {
    width: 31%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput {
    max-width: 100%;
    margin-right: 8px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox {
    padding: 0 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox {
    flex-wrap: wrap;
    justify-content: center;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 760px) {
  #header .main .wrapper .box .rightItem .sortBox .sortOptions {
    left: -155px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem .rewardsHistoryTitle {
    font-size: 16px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem .rewardsHistoryCode {
    font-size: 12px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem {
    width: calc(20% - 10px);
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
    padding: 30px 5px;
  }
}
@media screen and (max-width: 730px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    max-width: 550px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    max-width: 550px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 400px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory {
    align-items: flex-start;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    display: flex;
    width: 110px;
    bottom: 38px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory {
    margin: 0 0 0 50px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
    font-size: 17px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleNew {
    font-size: 15px;
  }
  #header .main .wrapper .box .leftItem {
    width: 100%;
  }
  .tumblerContainer .tumbler-wrapper {
    width: 60px;
    height: 30px;
  }
  .tumblerContainer .tumbler-wrapper .darkLogo {
    width: 30px;
    height: 30px;
  }
  .tumblerContainer .tumbler-wrapper .lightLogo {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 720px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle {
    right: 0;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox {
    flex-wrap: wrap;
    max-width: 300px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox .paginationItem {
    width: calc(16.6666666667% - 9px);
  }
  #terms .termsWrapper .termsBottomBox {
    flex-direction: column;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 450px;
  }
}
@media screen and (max-width: 700px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo {
    justify-content: center;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo .inventoryResultItemPromoLogo {
    width: 100%;
    padding-top: 51%;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo {
    height: 100%;
  }
  #articleListPage .wrapper .container .backgroundBox::after {
    padding-top: 40%;
    background-position: 100% 50%;
    background-size: auto;
  }
  #articleListPage .wrapper .container .backgroundBox .backgroundItem {
    padding: 0 20px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitle {
    font-size: 14px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight {
    flex-direction: column;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchPartners {
    max-width: 100%;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResultSearch .inventoryResultSearchSortRight .inventoryResultSearchSort {
    max-width: 100%;
  }
}
@media screen and (max-width: 650px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    max-width: 450px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    max-width: 450px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 490px;
  }
  #articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleTop {
    font-size: 15px;
  }
  #articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleMiddle {
    font-size: 50px;
  }
  #articleListPage .wrapper .container .backgroundBox .backgroundItem .backgroundItemTitleBottom {
    font-size: 15px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a {
    display: flex;
    flex-direction: column;
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent {
    flex-direction: column;
    align-items: center;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listLogo {
    width: 100%;
    height: 0;
    padding-top: 55%;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData {
    padding: 15px;
    align-items: center;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem a .listItemContent .listData .listTitle {
    font-size: 25px;
    text-align: center;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem {
    background: none;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem .listItemButton {
    width: 100%;
    padding: 15px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBox .listItem .listItemButton .buttonArrow {
    transform: rotate(90deg);
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountAffiliateBox {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems {
    justify-content: center;
    flex-direction: column;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 450px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemButtonInvite .accountAffiliateBox .accountAffiliateRghtItems .copyAffiliateNotification {
    margin-left: 0;
    margin-top: 15px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountAffiliateBox .accountAffiliateRghtItems .accountAffiliateRghtItem {
    word-break: break-all;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountAffiliateBox .accountAffiliateLeftItems {
    margin-right: 0;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems {
    width: calc(20% - 7px);
  }
  #header .main .wrapper .box .rightItem #menu {
    max-width: 330px;
    margin-left: -230px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listTitle {
    font-size: 19px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listLead {
    font-size: 14px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent {
    grid-template-columns: 180px 1fr;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listLogo {
    padding-top: 55%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 400px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .searchIcon {
    left: 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .input {
    padding: 12px 0 10px 40px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    grid-template-columns: repeat(1, 1fr);
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .sortItems {
    width: 100%;
    justify-content: center;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox {
    flex-wrap: wrap;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a {
    width: calc(50% - 12px);
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a:nth-last-of-type(-n + 2) {
    display: none;
  }
  .tumblerContainer {
    margin: 0 15px;
  }
  .tumblerContainer {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox {
    padding: 10px 20px;
  }
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead1,
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead2,
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxLead3 {
    font-size: 15px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper.desktop {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .bannerWrapper.mobile {
    display: flex;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItemInvite .taskItemName {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .titleTooltipTrending {
    margin: 5px 0;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .accountContentAffiliateBoxBanner {
    display: none;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .giftcardsTooltipTitle {
    margin: 5px 0;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox .hiddenTitleTooltipTrending {
    top: 125px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .titleBox {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper {
    padding: 0px 8px 40px 8px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .title {
    font-size: 10px;
  }
  #singleArticle .topMain .topContainer .leftWrapper .leftBox .leftItem p iframe {
    width: 100%;
    height: auto;
  }
  #account .accountContainer .accountWrapper .accountBox {
    padding: 0 20px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent {
    max-width: 100%;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsHistory .rewardsHistoryBox {
    flex-direction: column;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsHistory .rewardsHistoryBox .rewardsHistoryItem {
    width: 100%;
    align-items: flex-start;
    padding-bottom: 15px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardBoixTitleTooltipHidden.active {
    right: 0;
  }
}
@media screen and (max-width: 570px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo {
    grid-column: span 2;
  }
}
@media screen and (max-width: 550px) {
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent #accountItemMenuContentAccount .accountAffiliateBoxContentContainer .accountAffiliateBox .accountAffiliateRghtItems {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    max-width: 400px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    max-width: 400px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 440px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox .rightWrapperBoxTop {
    display: none;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightWrapperBox {
    max-width: 390px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 350px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox {
    padding: 0 10px 22px 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox {
    flex-wrap: wrap;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchFilterBox .searchFilterInput {
    margin-right: 0px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .lead {
    color: #ffb72d;
    text-align: center;
    font-family: Arimo;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 19.2px */
    letter-spacing: 6px;
    text-transform: uppercase;
    max-width: 300px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .lead span:first-child::after {
    font-size: 12px;
    right: -6px;
    bottom: 1px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .textBox .title {
    font-size: 56px;
    max-width: 325px;
    text-align: center;
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    grid-template-columns: repeat(1, 1fr);
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem {
    margin-bottom: 30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer {
    padding: 25px 21px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare {
    justify-content: flex-end;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem {
    max-width: 158px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryRewards {
    margin: 0 0 0 25px;
  }
  #header .main .wrapper .box .rightItem {
    max-width: 80px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
    font-size: 15px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards {
    bottom: 17px;
    left: -30px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
    font-size: 15px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleNew {
    font-size: 12px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    bottom: 37px;
  }
}
@media screen and (max-width: 520px) {
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 240px;
  }
}
@media screen and (max-width: 500px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__prev {
    width: 30px;
    height: 30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .mainPageBannerSplide .trendingMainSlider__arrow__next {
    width: 30px;
    height: 30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes {
    max-width: 340px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemName {
    font-size: 18px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData .taskItemPoints .taskItemPointsPoint {
    font-size: 18px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem {
    padding: 10px 10px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemData {
    max-width: 110px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .taskContainer .taskBox .taskItems .taskItem .taskItemName {
    padding-right: 25px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox:first-child {
    padding: 30px 20px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 240px;
  }
  .tumblerContainer {
    margin: 0 0 0 10px;
    max-width: 60px;
  }
  .tumblerContainer .tumbler-wrapper {
    margin-left: 0;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listTitle {
    font-size: 17px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listLead {
    font-size: 12px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile .listItemButton .buttonArrow {
    width: 15px;
    height: 26px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem svg {
    width: 28px;
    height: 28px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .svgElementOther {
    width: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .svgElementTrading {
    width: 20px !important;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .svgElementSkins {
    width: 40px !important;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem {
    padding: 7px;
    height: 70px;
    justify-content: space-evenly;
    opacity: unset;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem .title {
    padding-bottom: 0;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems .menuItem.active .title {
    padding-bottom: 0px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem {
    max-width: 180px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails {
    align-items: flex-start;
    flex-direction: column;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productPrice {
    padding-bottom: 5px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productOdds {
    margin-bottom: 5px;
    font-size: 18px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productCategory {
    font-size: 14px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productTitle {
    font-size: 16px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightProductItems .rightProductItem .productData .productDetails .productPrice {
    font-size: 18px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData .newsTitle {
    font-size: 18px;
    padding: 24px 16px 22px 16px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData .newsLead {
    font-size: 16px;
    padding: 0px 16px 40px 16px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsButton {
    height: 50px;
    font-size: 20px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox {
    gap: 15px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightBox .rightNewsItems .rightNewsItem .newsData {
    padding: 0;
  }
  #singleArticle .topMain .bottomContainer {
    padding-top: 30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSlideLogoSkins {
    padding-top: 60%;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderCategory {
    font-size: 12px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderTitleSkins {
    font-size: 13px;
    height: 75px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox .trendingSliderPrice {
    padding-bottom: 15px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderPriceBox {
    margin: unset;
    flex-direction: column;
    align-items: flex-start;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    max-width: 300px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    max-width: 300px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__prev {
    left: -30px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingBigSplide__arrow__next {
    right: -30px;
  }
  #header .main .wrapper .box .rightItem .burgerMenu {
    height: 27px;
    width: 23px;
  }
  #header .main .wrapper .box .rightItem .burgerMenu span {
    width: 23px;
    height: 3px;
  }
  #header .main .wrapper .box .rightItem .burgerMenu span:after {
    width: 23px;
    height: 3px;
  }
  #header .main .wrapper .box .rightItem .burgerMenu span:before {
    width: 23px;
    height: 3px;
  }
  #header .main .wrapper .box .rightItem #menu {
    margin-left: -240px;
  }
}
@media screen and (max-width: 480px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox {
    max-width: 195px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox .giftcartSplideContainer .giftcartSliderBox .giftcartSliderBoxItem .giftcartSliderItems a .searchSmallItem .searchSmallData {
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxTitle {
    font-size: 15px;
  }
  #accountLoaderWarning .accountModalContentWarningContainer .accountModalContentWarning .accountLoaderWarningBox .accountLoaderWarningBoxLead1,
  #accountLoaderWarning .accountModalContentWarningContainer .accountModalContentWarning .accountLoaderWarningBox .accountLoaderWarningBoxLead2,
  #accountLoaderWarning .accountModalContentWarningContainer .accountModalContentWarning .accountLoaderWarningBox .accountLoaderWarningBoxLead3 {
    font-size: 13px;
  }
  #accountLoaderWarning .accountModalContentWarning .accountModalContentWarningContainer .accountLoaderWarningBox .accountLoaderWarningBoxText {
    font-size: 15px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox .paginationItem {
    width: calc(25% - 9px);
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listPagination .paginationBox {
    max-width: 200px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent {
    grid-template-columns: 140px 1fr;
    padding: 15px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listTitle {
    padding-bottom: 10px;
    font-size: 14px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData .listLead {
    font-size: 11px;
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent .listData {
    padding-left: 20px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData {
    height: 143px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer {
    padding: 15px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox {
    align-items: flex-start;
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallButton {
    margin: 0 auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData {
    padding: 12px 8px 10px 8px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox a .searchSmallItem .searchSmallData .searchSmallPriceBox .searchSmallPrice {
    padding-bottom: 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox {
    align-items: flex-start;
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData {
    padding: 12px 8px 10px 8px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPriceButton {
    margin: 0 auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .searchBox a .searchItem .searchData .searchPriceBox .searchPrice {
    padding-bottom: 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox {
    align-items: flex-start;
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData {
    padding: 8px 8px 10px 8px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPriceButton {
    margin: 0 auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItem .trendingSliderData .trendingSliderPriceBox .trendingSliderPrice {
    padding-bottom: 10px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle {
    top: 80px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards {
    font-size: 9px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards::before {
    left: -10px;
    border-left: 13px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 12px solid red;
    bottom: 4px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    font-size: 9px;
    bottom: 37px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect::before {
    left: -10px;
    border-left: 13px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 12px solid red;
    bottom: 4px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventoryTitle {
    font-size: 15px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleNew {
    font-size: 9px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards {
    bottom: 19px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryRewards {
    margin: 0 0 0 20px;
  }
  #header .main .wrapper .box {
    padding: 8px 10px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory {
    margin: 0 0 0 0px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    bottom: 32px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpectRewards {
    left: -20px;
    bottom: 14px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventoryInventory {
    margin: 0 0 0 25px;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    left: -30px;
  }
}
@media screen and (max-width: 417px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle {
    top: 130px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 200px;
  }
}
@media screen and (max-width: 410px) {
  #mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsButtons {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .ageRestrictions .ageRestrictionsContainer .ageRestrictionsButtons .over18 {
    margin: 0 auto 25px auto;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchContainer .titleBox .hiddenGiftcardsTooltipTitle {
    top: 130px;
  }
  #singleArticle .topMain .topContainer .rightWrapper .rightWrapperBoxBottom .boxBottomItems .boxBottomItem .boxBottomItemData .boxBottomItemDataPriceBox {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (max-width: 400px) {
  #header .main .wrapper .box .rightItem #menu {
    max-width: 310px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .menuBox .menuItems {
    width: calc(25% - 7px);
  }
  #articleListPage .wrapper .contentContainer .listTopContainer .listBoxAll .listItemMobile a .listItemContent {
    grid-template-columns: 120px 1fr;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer {
    padding: 15px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .socialItem {
    flex-direction: column;
    align-items: center;
  }
  #singleArticle .topMain .bottomContainer .leftWrapper .leftBox .socialBox .moreItem {
    max-width: 300px;
    margin: 0 auto;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems {
    flex-direction: column;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .searchBox .searchItems .searchButton {
    margin: 0 auto;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}
@media screen and (max-width: 385px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderContainer {
    max-width: 200px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingPinsWrapper .trendingPinsWrapperContainer .trendingPinsSliderContainer {
    max-width: 200px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox.primes .trendingPrimeWrapper.primes .trendingPrimeWrapperContainer .trendingPrimeSliderContainer.trendingSliderContainer {
    max-width: 200px;
    margin: auto;
  }
}
@media screen and (max-width: 380px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem .inventoryResultItemName {
    height: auto;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItem {
    height: 270px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formTrendingBox .trendingWrapper .container .trendingSliderBox .trendingSliderItemSkins .trendingSliderDataSkins .trendingSliderTitleSkins {
    height: auto;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardBoixTitleTooltipHidden {
    width: 200px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 180px;
  }
}
@media screen and (max-width: 375px) {
  #inventory .inventoryContainer .inventoryWrapper .inventoryRightBox .inventoryResultBoxItem .inventoryResult .inventoryResultItems .inventoryResultItemPromo {
    grid-column: span 1;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .paidPromotion {
    margin-left: 7px;
  }
}
@media screen and (max-width: 360px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsTitle .title {
    font-size: 22px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapperCompare .filterItem {
    max-width: 145px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .searchIcon {
    width: 19px;
    height: 19px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .searchInput .input {
    padding: 12px 0 10px 35px;
    font-size: 12px;
  }
  #account .accountContainer .accountWrapper .accountBox .accountItemMenuContent .accountItemMenuContentItem .accountContentAffiliateBox .rewardsContainer .rewardsBox {
    max-width: 130px;
  }
}
@media screen and (max-width: 350px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .skinFilterItemsBox {
    flex-direction: column;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions {
    width: 250px;
  }
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formComparisonBox .wrapper .filterBox .optionsContainer .optionsBox .optionsButton .filterWrapper .filterSkinsOptions .filterOptionsBox .skinFilterItems .subSkinFilter .subSkinFilterOptions .subSkinFilterOptionsItem {
    grid-template-columns: repeat(1, 1fr);
  }
  #errorRodoNewsletter,
  #errorEmailNewsletter,
  #successEmailNewsletter {
    max-width: 270px;
  }
  #inventory .inventoryContainer .inventoryWrapper .inventoryLeftBox .inventoryLeftItem .inventoryItemSearch .totalBox .totalItems .totalItemLink .totalItem .totalItemLogo .paidPromotion {
    margin-left: 5px;
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 345px) {
  #header .main .wrapper .box {
    padding: 8px 10px 0px 10px;
    overflow: hidden;
  }
  #header .main .wrapper .box .leftItem .menuItemInventoryBox .menuItemInventory .menuItemInventorySubtitleExpect {
    bottom: 40px;
  }
}
@media screen and (max-width: 330px) {
  #mainPage .comparisonMain .wrapper .comparisonContainer .middleContentBox .formSearchBox .searchWrapper .searchSmallContainer .searchSmallBox {
    height: auto;
  }
}
@keyframes hoverAnimation {
  0% {
    width: 0;
    /* Początkowa szerokość */
  }
  50% {
    width: 100%;
    /* Szerokość na hover */
  }
  100% {
    width: 0;
    /* Zmniejszenie szerokości po upływie 1 sekundy */
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.02, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes shine {
  0% {
    left: -50%;
  }
  100% {
    left: 170%;
  }
}/*# sourceMappingURL=newStyleNew.css.map */