.det-tradelock_block {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 4;
  background: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.det-tradelock_item {
  font-size: 18px;
  color: #acafb2;
}
.det-tradelock_item svg {
  justify-content: center;
  display: flex;
}
.det-img_container {
  border-radius: 4px 4px 0 0;
  background: radial-gradient(50% 50% at 50% 50%,rgba(229,232,236,.05) 0,rgba(229,232,236,0) 100%),#191919;
  padding: 24px;
  height: 477px;
  display: flex;
  flex-direction: column;
}
.det-img_item {
  width: 100%;
  transition: all .3s ease-in;
  position: relative;
  padding-top: 76px;
}
.det-wick_img_block {
  width: 40px;
  height: 40px;
  background: #212121;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 4px;
}
.det-inspect_link {
  display: flex;
  justify-content: center;
}

.det-inspect_link-icon a {
  color: #fff;
  display: flex;
  align-items: center;
  column-gap: 8px;
  height: 40px;
  transition: background .3s;
  width: 40px;
  justify-content: center;
}
.det-inspect_link-icon a i.fa-search {
  font-size: 15px;
  color: #acafb2;
}
.det-screenshot_3d-2d {
  display: flex;
  align-items: center;
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 0 17px;
  color: #fff;
  border-radius: 4px;
  background: #30373e;
  height: 40px;
  transition: background .3s;
  width: 40px;
  justify-content: center;
  cursor: pointer;
}

.det-screenshot_3d-2d span.text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
}
.det-screenshot_3d-2d i.fa-eye {
  font-size: 15px;
  color: #acafb2;
}
.det-base_tt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}
.det-wiki_item {
  display: flex;
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  align-items: center;
  background: #30373e;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  justify-content: center;
}
.det-wiki_item i.fa-wikipedia-w {
  font-size: 15px;
  color: #acafb2;
}

.det-img_item-wrap {
  margin: 0 auto;
  max-width: 321px;
  height: 241px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.det-img_item-wrap img.img_item {
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: contain;
  object-fit: contain;
}
.det-float_block {
  margin-top: auto;
}
.det-float_block .float-stripe {
  display: inline-flex;
  align-items: start;
  position: relative;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
.det-float_block .float-stripe .float-line {
  position: relative;
  z-index: 1;
  min-width: 203px;
  width: 100%;
  border-radius: 4px;
  height: 6px;
  overflow: visible;
}
.float-line .fl_content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.float-line .fl_content.fn {
  background: #2ebb90;
  width: 7%;
  z-index: 5;
}
.float-line .fl_content.mw {
  background: #4ddf9a;
  width: 15%;
  z-index: 4;
}
.float-line .fl_content.ft {
  background: linear-gradient(90deg,#f2a64c,#f2c94c);
  width: 38%;z-index: 3;
}
.float-line .fl_content.ww {
  background: #eb5757;
  width: 45%;z-index: 2;
}
.float-line .fl_content.bs {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #533;
  width: 100%;
  z-index: 1;
}
.det-float_block .float-stripe .float-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.det-name-qualidade-float {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  grid-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
}
.det-name-qualidade-float span {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: .01em;
  color: #fff;
}
.det-float_value {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: .01em;
  color: #737983;
}
.det-stickers_box, .det-info_box {
  position: absolute;
  right: 24px;
  top: 102px;
}
.det-info_box {
  left: 24px;
  right: unset;
}
.det-stickers_block, .det-info_block {
  right: 0;
  top: 0;
  align-items: center;
  width: auto;
  grid-row-gap: 6px;
  row-gap: 6px;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  bottom: 5px;
}
.det-info_block {
  left: 0;
  right: unset;
}
.det-stickers_block-row, .det-info_block-row {
  display: flex;
  grid-row-gap: 27px;
  row-gap: 18px;
  flex-direction: column;
}
.det-sticker_item, .det-info_items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #30373e;
  border-radius: 4px;
  font-size: 15px;
  color: #acafb2;
}
.det-sticker_item img, .det-info_items i {
  border-style: none;
  vertical-align: middle;
  width: auto;
  height: 100%;
  cursor: pointer;
  max-height: 35px;
}
.det-info_items i {
  height: unset;
}
.s {
  color: #fff;
  max-height: 228px;
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  row-gap: 24px;
}
.s .s_content {
  color: #fff;
  display: flex;
  flex-direction: column;
  grid-row-gap: 1px;
  row-gap: 1px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.s-box {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  background: #212121;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
}
.s-box .text {
  color: #78818f;
}
.det-item_information-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.det-item_information-container .actions-block {
  display: block;
  margin-bottom: 12px;
}
.s-block {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  row-gap: 20px;
  background: #212121;
  border-radius: 4px;
  padding: 20px;
}
.det-item_name-container {
  display: flex;
  justify-content: space-between;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  align-items: center;
}
.det-item_name-container .det-item_name {
  color: #fff;
}
.det-item_name-container .det-share_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* opacity: .6; */
  background: #212121;
  border-radius: 4px;
  display: inline-flex;
  font-size: 18px;
  width: 120px;
}
.det-item_name-container .det-share_item li a, .det-item_name-container .det-share_item li button {
  border: 0;
  border-radius: 0.4rem;
  background: rgba(0,0,0,0);
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  cursor: pointer;
  font-size: 0rem;
  padding: 0;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.det-item_name-container .det-share_item li a i, .det-item_name-container .det-share_item li button i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #acafb2;
}

.det-item_name-container .det-share_item li:hover a i, .det-item_name-container .det-share_item li:hover button i {
  color: #fffc;
}
.det-divider {
  border-bottom: 1px solid #30373e;
  margin: 16px 0 20px!important;
  height: 1px;
  margin: 25px 0;
  background: #393f47;
}
.history-graph_container {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  row-gap: 10px;
  background: #212121;
  border-radius: 4px;
  padding: 10px;
}
.history-graph_container .hist-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 0!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.history-graph_container .hist-header .hist_label-block {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 161%;
  letter-spacing: .01em;
  color: #f1f1f1;
  margin-right: 10px;
  margin-left: 5px;
  white-space: nowrap;
  margin-bottom: 0;
}
.history-graph_container .hist-header .hist_label-block .hist_label {
  display: flex;
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.history-graph_container .hist-header .hist-timeRange-block {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  align-items: center
}
.hist-timeRange__period-block {
  display: flex;
  align-items: center;
  grid-column-gap: 26px;
  -moz-column-gap: 26px;
  column-gap: 26px;
  margin-right: 24px;
}
.hist-timeRange__period-block span.text {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #737983;
  text-transform: capitalize;
  padding: 0.75rem 0.47rem;
}
.hist-timeRange__period-block span.text.active {
  color: #fff;
}
.product_recent {
  height: inherit;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(290px,1fr));
  grid-gap: 9px;
  min-height: 420px;
}


.item_float_bar span:nth-of-type(1),.item_float_bar span:nth-of-type(2) {
  background: #7be528;
  width: calc((7% / 2));
}
.item_float_bar span:nth-of-type(3),.item_float_bar span:nth-of-type(4) {
  background: #28e546;
  width: calc((8% / 2));
}
.item_float_bar span:nth-of-type(5),.item_float_bar span:nth-of-type(6),
.item_float_bar span:nth-of-type(7),.item_float_bar span:nth-of-type(8),
.item_float_bar span:nth-of-type(9),.item_float_bar span:nth-of-type(10)
 {
  background: #e5a528;
  width: calc((23% / 6));
}
.item_float_bar span:nth-of-type(11),.item_float_bar span:nth-of-type(12) {
  background: #e58e28 linear-gradient(90deg, #e58e28 0%, #e58328 100%);
  width: calc((7% / 2));
}
.item_float_bar span:nth-of-type(13), .item_float_bar span:nth-of-type(14), 
.item_float_bar span:nth-of-type(15), .item_float_bar span:nth-of-type(16), 
.item_float_bar span:nth-of-type(17), .item_float_bar span:nth-of-type(18), 
.item_float_bar span:nth-of-type(19), .item_float_bar span:nth-of-type(20), 
.item_float_bar span:nth-of-type(21), .item_float_bar span:nth-of-type(22), 
.item_float_bar span:nth-of-type(23), .item_float_bar span:nth-of-type(24), 
.item_float_bar span:nth-of-type(25), .item_float_bar span:nth-of-type(26)   {
  background: #e53328;
  width: calc((55% / 14));
}


.item_float_bar {
  padding: 0;
}

.item_float_bar span {
  min-width: unset;
}

.souvenir-badge {
  color: gold !important;
} 
.stattrak-badge{
  color: #e5961f !important;
}