/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

.client-store,
.client-store * {
  box-sizing: border-box;
}
.client-store {
  height: 6490px;
  position: relative;
  overflow-y: auto;
}
.rectangle-89 {
  background: linear-gradient(180deg, rgba(21, 17, 28, 1) 0.11834320612251759%);
  width: 1920px;
  height: 6247px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-142 {
  display: flex;
  flex-direction: column;
  gap: 84px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 4813px;
  position: absolute;
  left: 266px;
  top: 172px;
}
.frame-117 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.featured {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.frame-106 {
  background: var(--background-main20, rgba(14, 20, 27, 0.2));
  border-radius: 5px;
  padding: 20px 15px 20px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1388px;
  position: relative;
}
.arrow-forward-ios {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-20 {
  flex-shrink: 0;
  width: 1281px;
  height: 488px;
  position: static;
}
.frame-340 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 17px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 53.5px;
  top: 20px;
}
.image-48 {
  border-radius: 3px;
  flex-shrink: 0;
  width: 766px;
  height: 458px;
  position: relative;
  object-fit: cover;
}
.frame-339 {
  display: flex;
  flex-direction: column;
  gap: 17px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-338 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.elden-ring {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-large-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-large-font-size, 26px);
  font-weight: var(--heading-large-font-weight, 700);
  position: relative;
}
.the-new-fantasy-action-rpg-rise-tarnished-and-be-guided-by-grace-to-brandish-the-power-of-the-elden-ring-and-become-an-elden-lord-in-the-lands-between {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: relative;
  width: 468px;
}
.group-19 {
  flex-shrink: 0;
  width: 468px;
  height: 229px;
  position: static;
}
.image-49 {
  border-radius: var(--border-radius, 3px);
  width: 231.11px;
  height: 111px;
  position: absolute;
  left: 0px;
  top: 110px;
  object-fit: cover;
}
.image-50 {
  border-radius: var(--border-radius, 3px);
  width: 229.96px;
  height: 111px;
  position: absolute;
  left: 238.04px;
  top: 110px;
  object-fit: cover;
}
.image-51 {
  border-radius: var(--border-radius, 3px);
  width: 229.96px;
  height: 111px;
  position: absolute;
  left: 238.04px;
  top: 228px;
  object-fit: cover;
}
.image-52 {
  border-radius: var(--border-radius, 3px);
  width: 231.11px;
  height: 111px;
  position: absolute;
  left: 0px;
  top: 228px;
  object-fit: cover;
}
.frame-336 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 468px;
  position: relative;
}
.frame-18 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.tag {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 8px 13px 8px 13px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.souls-like {
  color: var(--text-dim, #76808c);
  text-align: center;
  font-family: var(--body-small-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-small-font-size, 12px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
}
.tag2 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 8px 13px 8px 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.add {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-107 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.windows-8 {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  overflow: visible;
}
.frame-337 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 467px;
  position: relative;
}
.wishlist {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 20px 17px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 44px;
  position: relative;
}
.wishlist2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.favorite-border {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.main-cta {
  display: flex;
  flex-direction: row;
  gap: 13px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-47 {
  flex-shrink: 0;
  width: 63px;
  height: 22px;
  position: static;
}
.group-23 {
  width: 63px;
  height: 22px;
  position: static;
}
._34-99 {
  color: var(--text-main, #f3f3f3);
  text-align: right;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 135px;
  top: 11px;
}
.primary-button {
  background: var(--color-secondary, #4b619b);
  border-radius: 3px;
  padding: 16px 66px 16px 66px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 122px;
  height: 44px;
  position: relative;
}
.add-to-cart {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.arrow-forward-ios2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-21 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1388px;
  position: relative;
}
.group-94 {
  flex-shrink: 0;
  width: 36px;
  height: 8px;
  position: static;
}
.rectangle-80 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  width: 35px;
  height: 8px;
  position: absolute;
  left: 564.5px;
  top: 0px;
}
.rectangle-79 {
  background: var(--color-secondary, #4b619b);
  border-radius: 40px;
  width: 23px;
  height: 8px;
  position: absolute;
  left: 563.5px;
  top: 0px;
}
.rectangle-85 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  flex-shrink: 0;
  width: 35px;
  height: 8px;
  position: relative;
}
.rectangle-81 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  flex-shrink: 0;
  width: 35px;
  height: 8px;
  position: relative;
}
.rectangle-82 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  flex-shrink: 0;
  width: 35px;
  height: 8px;
  position: relative;
}
.rectangle-83 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  flex-shrink: 0;
  width: 35px;
  height: 8px;
  position: relative;
}
.rectangle-84 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  flex-shrink: 0;
  width: 35px;
  height: 8px;
  position: relative;
}
.frame-110 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-112 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1388px;
  position: relative;
}
.special-offers {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.tertiary-button-2 {
  border-radius: 3px;
  border-style: solid;
  border-color: rgba(118, 128, 140, 0.2);
  border-width: 1px;
  padding: 17px 20px 17px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 33px;
  position: relative;
}
.ignore {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.arrow-forward-ios3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-89 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.frame-140 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 634.25px);
  top: 50%;
  translate: 0 -50%;
}
.image-492 {
  border-radius: var(--border-radius, 3px);
  flex-shrink: 0;
  width: 379px;
  height: 197px;
  position: relative;
  object-fit: cover;
}
.frame-103 {
  padding: 3px 0px 3px 0px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 377px;
  height: 51px;
  position: relative;
}
.the-last-of-us-part-1 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-108 {
  flex-shrink: 0;
  width: 379px;
  height: 44.5px;
  position: static;
}
.windows-82 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.price {
  width: 148px;
  height: 44px;
  position: absolute;
  right: 86.75px;
  top: 279px;
}
.group-48 {
  position: absolute;
  inset: 0;
}
.group-22 {
  width: 74.84px;
  height: 39px;
  position: static;
}
.rectangle-75 {
  background: var(--accent-green, #a1cd44);
  border-radius: 3.16px;
  width: 50.57%;
  height: 88.64%;
  position: absolute;
  right: 49.43%;
  left: 0%;
  bottom: 4.55%;
  top: 6.82%;
}
._34 {
  color: var(--background-main, #0e141b);
  text-align: left;
  font-family: "MotivaSans-Bold", sans-serif;
  font-size: 18.972972869873047px;
  font-weight: 700;
  position: absolute;
  right: 56.26%;
  left: 9.48%;
  width: 34.27%;
  bottom: 21.74%;
  top: 25.98%;
  height: 52.27%;
}
._34-992 {
  color: var(--background-hover, #313843);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 0%;
  left: 57.43%;
  width: 42.57%;
  bottom: 50%;
  top: 0%;
  height: 50%;
}
.vector-1 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
._23-09 {
  color: var(--accent-green, #a1cd44);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 0%;
  left: 57.43%;
  width: 42.57%;
  bottom: 0%;
  top: 50%;
  height: 50%;
}
.wishlist3 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 47px;
  height: 44px;
  position: absolute;
  left: 347px;
  top: 279.5px;
}
.favorite-border2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.until-nov-2 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86px;
  top: 292.75px;
}
.group-90 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.frame-1402 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
}
.iratus-lord-of-the-dead {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-109 {
  flex-shrink: 0;
  width: 379px;
  height: 44.5px;
  position: static;
}
.windows-83 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.vector-12 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.favorite-border3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.until-nov-6 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86px;
  top: 292.75px;
}
.group-91 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.frame-1403 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - -225.25px);
  top: 50%;
  translate: 0 -50%;
}
.beyond-two-souls {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-84 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.vector-13 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.favorite-border4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.only-today {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86px;
  top: 292.75px;
}
.arrow-forward-ios4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.rectangle-802 {
  background: var(--background-main, #0e141b);
  border-radius: 40px;
  width: 35px;
  height: 8px;
  position: absolute;
  left: 609px;
  top: 0px;
}
.rectangle-792 {
  background: var(--color-secondary, #4b619b);
  border-radius: 40px;
  width: 36px;
  height: 8px;
  position: absolute;
  left: 608.5px;
  top: 0px;
}
.frame-109 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.browse-steam {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.frame-101 {
  background: var(--background-main20, rgba(14, 20, 27, 0.2));
  border-radius: 5px;
  padding: 20px 15px 20px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1388px;
  position: relative;
}
.arrow-forward-ios5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-80 {
  flex-shrink: 0;
  width: 240px;
  height: 233px;
  position: static;
}
.image-122 {
  background: linear-gradient(
    180deg,
    rgba(23, 17, 36, 0.56) 0%,
    rgba(23, 17, 36, 0.8) 100%
  );
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 57.16px;
  top: 20px;
  backdrop-filter: blur(6px);
  object-fit: cover;
}
.rectangle-115 {
  background: rgba(217, 217, 217, 0.01);
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 57.16px;
  top: 20px;
  backdrop-filter: blur(1px);
}
.action {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: absolute;
  left: 141.16px;
  top: 124px;
}
.group-81 {
  flex-shrink: 0;
  width: 240.4px;
  height: 233px;
  position: static;
}
.image-1222 {
  background: linear-gradient(
    180deg,
    rgba(14, 19, 37, 0.46) 0%,
    rgba(14, 19, 37, 1) 100%
  );
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 315.72px;
  top: 20px;
  backdrop-filter: blur(6px);
  object-fit: cover;
}
.rectangle-1152 {
  background: rgba(217, 217, 217, 0.01);
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 315.32px;
  top: 20px;
  backdrop-filter: blur(1px);
}
.rpg {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: absolute;
  left: calc(50% - 281.28px);
  top: 50%;
  translate: 0 -50%;
}
.group-82 {
  flex-shrink: 0;
  width: 240.04px;
  height: 233px;
  position: static;
}
.image-1223 {
  background: linear-gradient(
    180deg,
    rgba(35, 55, 75, 0.36) 0%,
    rgba(35, 55, 75, 1) 100%
  );
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 573.91px;
  top: 20px;
  backdrop-filter: blur(6px);
  object-fit: cover;
}
.rectangle-1153 {
  background: rgba(217, 217, 217, 0.01);
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 573.87px;
  top: 20px;
  backdrop-filter: blur(1px);
}
.free-to-play {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
}
.group-83 {
  flex-shrink: 0;
  width: 240.38px;
  height: 233px;
  position: static;
}
.image-123 {
  background: linear-gradient(
    180deg,
    rgba(22, 63, 36, 0.54) 0%,
    rgba(22, 63, 36, 1) 100%
  );
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 832.45px;
  top: 20px;
  backdrop-filter: blur(6px);
  object-fit: cover;
}
.rectangle-1154 {
  background: rgba(217, 217, 217, 0.01);
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 832.07px;
  top: 20px;
  backdrop-filter: blur(1px);
}
.anime {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: absolute;
  left: calc(50% - -224.45px);
  top: 50%;
  translate: 0 -50%;
}
.group-84 {
  flex-shrink: 0;
  width: 240.24px;
  height: 233px;
  position: static;
}
.image-1232 {
  background: linear-gradient(
    180deg,
    rgba(88, 60, 26, 0.45) 0%,
    rgba(88, 60, 26, 1) 100%
  );
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 1090.61px;
  top: 20px;
  backdrop-filter: blur(6px);
  object-fit: cover;
}
.rectangle-1155 {
  background: rgba(217, 217, 217, 0.01);
  border-radius: 5px;
  width: 240px;
  height: 233px;
  position: absolute;
  left: 1090.84px;
  top: 20px;
  backdrop-filter: blur(1px);
}
.co-op {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: absolute;
  left: calc(50% - -481.61px);
  top: 50%;
  translate: 0 -50%;
}
.arrow-forward-ios6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-108 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.free-to-play-games {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.frame-1072 {
  background: var(--background-main20, rgba(14, 20, 27, 0.2));
  border-radius: 5px;
  padding: 20px 15px 20px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1388px;
  position: relative;
}
.arrow-forward-ios7 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-892 {
  flex-shrink: 0;
  width: 409px;
  height: 342px;
  position: static;
}
.frame-141 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 59.75px;
  top: 20px;
}
.destiny-2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-1092 {
  flex-shrink: 0;
  width: 367.5px;
  height: 44px;
  position: static;
}
.group-472 {
  width: 38px;
  height: 22px;
  position: static;
}
.group-232 {
  width: 38px;
  height: 22px;
  position: static;
}
.free {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  left: 215.5px;
  top: 294px;
}
.play-button {
  background: var(--accent-green, #a1cd44);
  border-radius: 3px;
  padding: 16px 66px 16px 66px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 113px;
  height: 44px;
  position: absolute;
  left: 281px;
  top: 283px;
}
.play {
  color: var(--background-main, #0e141b);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.windows-85 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 26.5px;
  top: 293px;
  overflow: visible;
}
.group-902 {
  flex-shrink: 0;
  width: 409px;
  height: 342px;
  position: static;
}
.frame-1412 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 489.5px;
  top: 20px;
}
.halo-infinite {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-1093 {
  flex-shrink: 0;
  width: 367.75px;
  height: 44px;
  position: static;
}
.free2 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  left: 215.25px;
  top: 294px;
}
.windows-86 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 26.25px;
  top: 293px;
  overflow: visible;
}
.group-912 {
  flex-shrink: 0;
  width: 409px;
  height: 342px;
  position: static;
}
.frame-1413 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 919.25px;
  top: 20px;
}
.team-fortress-2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-87 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 26.5px;
  top: 293px;
  overflow: visible;
}
.arrow-forward-ios8 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1122 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.recently-updated {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.arrow-forward-ios9 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-893 {
  flex-shrink: 0;
  width: 290px;
  height: 343px;
  position: static;
}
.frame-348 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 69px;
  top: 20px;
}
.image-493 {
  border-radius: var(--border-radius, 3px);
  flex-shrink: 0;
  width: 260px;
  height: 146px;
  position: relative;
  object-fit: cover;
}
.frame-1032 {
  padding: 3px 0px 3px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 252px;
  height: 97px;
  position: relative;
}
.cyberpunk-2077 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.the-free-update-2-0-brings-brand-new-ways-to-play-cyberpunk-2077 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-341 {
  display: flex;
  flex-direction: row;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-473 {
  flex-shrink: 0;
  width: 89px;
  height: 44px;
  position: static;
}
.group-233 {
  width: 89px;
  height: 44px;
  position: static;
}
.tertiary-button {
  border-radius: 3px;
  border-style: solid;
  border-color: var(--background-highlight, #1e2329);
  border-width: 1px;
  padding: 17px 20px 17px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 44px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.ignore2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.secondary-button {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 127px;
  height: 44px;
  position: relative;
}
.add-to-wishlist {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.group-93 {
  flex-shrink: 0;
  width: 290px;
  height: 343px;
  position: static;
}
.frame-347 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 389px;
  top: 20px;
}
.starfield {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.a-new-update-has-been-released-for-starfield-on-all-platforms {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-342 {
  display: flex;
  flex-direction: row;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-942 {
  flex-shrink: 0;
  width: 290px;
  height: 343px;
  position: static;
}
.frame-346 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 709px;
  top: 20px;
}
.the-elder-scrolls-online {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.conquer-tamriel-s-fears-and-earn-special-rewards-during-the-witches-festival-event {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-343 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-92 {
  flex-shrink: 0;
  width: 290px;
  height: 343px;
  position: static;
}
.frame-345 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 1029px;
  top: 20px;
}
.new-world {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.nightveil-hallow-returns-as-baalphazu-marquis-of-terror-rises-once-again-on-october-18 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-344 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.arrow-forward-ios10 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-113 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.new-trending {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.arrow-forward-ios11 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-922 {
  flex-shrink: 0;
  width: 409px;
  height: 338px;
  position: static;
}
.cities-skylines-ii {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-1082 {
  flex-shrink: 0;
  width: 379px;
  height: 44px;
  position: static;
}
.windows-88 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 287.5px;
  overflow: visible;
}
.price2 {
  width: 63px;
  height: 22px;
  position: absolute;
  right: 82px;
  top: 290px;
}
.group-234 {
  position: absolute;
  inset: 0;
}
._34-993 {
  color: var(--text-main, #f3f3f3);
  text-align: right;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.wishlist4 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 47px;
  height: 44px;
  position: absolute;
  left: 347px;
  top: 279px;
}
.favorite-border5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-932 {
  flex-shrink: 0;
  width: 409px;
  height: 338px;
  position: static;
}
.wildmender {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-89 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 287.5px;
  overflow: visible;
}
.favorite-border6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.price3 {
  width: 63px;
  height: 22px;
  position: absolute;
  right: 81.75px;
  top: 289.75px;
}
.group-943 {
  flex-shrink: 0;
  width: 409px;
  height: 338px;
  position: static;
}
.the-bloodline {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-810 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 287.5px;
  overflow: visible;
}
.price4 {
  width: 63px;
  height: 22px;
  position: absolute;
  right: 88.5px;
  top: 290px;
}
.favorite-border7 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.arrow-forward-ios12 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-114 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.top-sellers {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.arrow-forward-ios13 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-115 {
  display: flex;
  flex-direction: row;
  row-gap: 16px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 1278px;
  position: relative;
}
.group-894 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.frame-350 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 0px;
}
.image-494 {
  border-radius: var(--border-radius, 3px);
  flex-shrink: 0;
  width: 230px;
  height: 101px;
  position: relative;
  object-fit: cover;
}
.frame-349 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.baldur-s-gate {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-110 {
  flex-shrink: 0;
  width: 345px;
  height: 44px;
  position: static;
}
.windows-811 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 60px;
  overflow: visible;
}
.wishlist5 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 47px;
  height: 44px;
  position: absolute;
  left: 298px;
  top: 50px;
}
.favorite-border8 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.price5 {
  width: 63px;
  height: 22px;
  position: absolute;
  left: 214px;
  top: 61px;
}
.group-903 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.frame-352 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 652px;
  top: 0px;
}
.frame-351 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.rust {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-812 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 60px;
  overflow: visible;
}
.favorite-border9 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-913 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.frame-354 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 147px;
}
.frame-353 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.call-of-duty {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-813 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 60px;
  overflow: visible;
}
.favorite-border10 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
._69-99 {
  color: var(--text-main, #f3f3f3);
  text-align: right;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 19.71%;
  left: 62.03%;
  width: 18.26%;
  bottom: 10.64%;
  top: 65.96%;
  height: 23.4%;
}
.group-923 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.until-oct-31 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 943px;
  top: 220px;
}
.frame-356 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 652px;
  top: 147px;
}
.frame-355 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fallout-76 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.group-111 {
  flex-shrink: 0;
  width: 345px;
  height: 44px;
  position: static;
}
.windows-814 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 60px;
  overflow: visible;
}
.favorite-border11 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.price6 {
  width: 148px;
  height: 44px;
  position: absolute;
  left: 129px;
  top: 50px;
}
.vector-14 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.group-933 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.frame-358 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 294px;
}
.frame-357 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.metal-gear-metal-gear-2-solid-snake {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
  width: 329px;
}
.windows-815 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 67px;
  overflow: visible;
}
.wishlist6 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 47px;
  height: 44px;
  position: absolute;
  left: 298px;
  top: 57px;
}
.favorite-border12 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.price7 {
  width: 63px;
  height: 22px;
  position: absolute;
  left: 214px;
  top: 68px;
}
.group-944 {
  flex-shrink: 0;
  width: 626px;
  height: 131px;
  position: static;
}
.until-oct-312 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 943px;
  top: 365px;
}
.frame-360 {
  background: var(--background-main, #0e141b);
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 652px;
  top: 294px;
}
.frame-359 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.red-dead-redemption-2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-816 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 0px;
  top: 60px;
  overflow: visible;
}
.wishlist7 {
  background: var(--background-hover, #313843);
  border-radius: 3px;
  padding: 17px 56px 17px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 47px;
  height: 44px;
  position: absolute;
  left: 298px;
  top: 50px;
}
.favorite {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.vector-15 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.arrow-forward-ios14 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1152 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.under-5 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.arrow-forward-ios15 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.group-924 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.american-truck-simulator {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-817 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.vector-16 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.favorite-border13 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.until-oct-313 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86px;
  top: 292.75px;
}
.group-934 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.batman-arkham-knight {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-818 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.vector-17 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.favorite-border14 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.until-oct-314 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86.25px;
  top: 292.75px;
}
.group-945 {
  flex-shrink: 0;
  width: 409px;
  height: 338.5px;
  position: static;
}
.mortal-kombat-11 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.windows-819 {
  width: 25.59px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 288px;
  overflow: visible;
}
.vector-18 {
  width: 37.84%;
  height: 0%;
  position: absolute;
  right: 2.7%;
  left: 59.46%;
  bottom: 75%;
  top: 25%;
  overflow: visible;
}
.favorite-border15 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.until-oct-315 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 86.5px;
  top: 292.75px;
}
.arrow-forward-ios16 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-116 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.games-streaming-now {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: relative;
}
.arrow-forward-ios17 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1172 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1274.5px;
  position: relative;
}
.group-895 {
  flex-shrink: 0;
  width: 409px;
  height: 333px;
  position: static;
}
.frame-335 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 16px 15px 16px 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 0px;
}
.group-403 {
  flex-shrink: 0;
  width: 379px;
  height: 197px;
  position: static;
}
.image-495 {
  border-radius: var(--border-radius, 3px);
  width: 379px;
  height: 197px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 16px;
  object-fit: cover;
}
.frame-96 {
  background: var(--background-highlight, #1e2329);
  border-radius: 3px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  gap: 1px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 26.25px;
  top: 26px;
}
.fiber-manual-record {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  position: relative;
  overflow: visible;
}
.live {
  color: var(--accent-red, #cd5444);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: relative;
}
.group-96 {
  width: 58px;
  height: 58px;
  position: static;
}
.rectangle-117 {
  background: var(--background-main50, rgba(14, 20, 27, 0.5));
  border-radius: 3px;
  width: 58px;
  height: 58px;
  position: absolute;
  left: 176.25px;
  top: 86px;
}
.play-arrow {
  width: 29.62px;
  height: 29.62px;
  position: absolute;
  left: 191.06px;
  top: 100.81px;
  overflow: visible;
}
.frame-334 {
  display: flex;
  flex-direction: column;
  gap: 19px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-333 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.wishlist-page {
  background: var(--background-main, #0e141b);
  border-radius: 3px;
  padding: 17px 10px 17px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 37px;
  position: relative;
}
.vector {
  flex-shrink: 0;
  width: 22px;
  height: 15px;
  position: relative;
  overflow: visible;
}
._20-k {
  color: var(--color-primary, #66c0f4);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.group-925 {
  flex-shrink: 0;
  width: 409px;
  height: 333px;
  position: static;
}
.frame-3352 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 16px 15px 16px 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 432.75px;
  top: 0px;
}
.fiber-manual-record2 {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  position: relative;
  overflow: visible;
}
.play-arrow2 {
  width: 29.62px;
  height: 29.62px;
  position: absolute;
  left: 191.06px;
  top: 100.81px;
  overflow: visible;
}
.warhammer-vermintide-ii {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.vector2 {
  flex-shrink: 0;
  width: 22px;
  height: 15px;
  position: relative;
  overflow: visible;
}
.group-935 {
  flex-shrink: 0;
  width: 409px;
  height: 333px;
  position: static;
}
.frame-3353 {
  background: var(--background-main, #0e141b);
  border-radius: 5px;
  padding: 16px 15px 16px 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 865.5px;
  top: 0px;
}
.fiber-manual-record3 {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  position: relative;
  overflow: visible;
}
.play-arrow3 {
  width: 29.62px;
  height: 29.62px;
  position: absolute;
  left: 191.06px;
  top: 100.81px;
  overflow: visible;
}
.euro-truck-simulator-2 {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-medium-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-medium-font-size, 22px);
  font-weight: var(--heading-medium-font-weight, 700);
  position: relative;
}
.vector3 {
  flex-shrink: 0;
  width: 22px;
  height: 15px;
  position: relative;
  overflow: visible;
}
.arrow-forward-ios18 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.footer {
  width: 1920px;
  height: 325px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 0px;
}
.rectangle-118 {
  background: var(--background-highlight, #1e2329);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.image-125 {
  width: 9.17%;
  height: 15.38%;
  position: absolute;
  right: 76.98%;
  left: 13.85%;
  bottom: 68.31%;
  top: 16.31%;
  object-fit: cover;
}
._2023-valve-corporation-all-rights-reserved-all-trademarks-are-property-of-their-respective-owners-in-the-us-and-other-countries-vat-included-in-all-prices-where-applicable {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: absolute;
  right: 67.03%;
  left: 13.85%;
  width: 19.11%;
  bottom: 35.69%;
  top: 40.92%;
  height: 23.38%;
}
.group {
  height: auto;
  position: absolute;
  left: 456px;
  top: 53px;
  overflow: visible;
}
.frame-118 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 11.51%;
  height: 48.92%;
  position: absolute;
  right: 32.5%;
  left: 55.99%;
  bottom: 34.77%;
  top: 16.31%;
}
.privacy-policy {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.legal {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.steam-subscriber-agreement {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.refunds {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.cookies {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.frame-119 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 7.34%;
  height: 48.92%;
  position: absolute;
  right: 52.66%;
  left: 40%;
  bottom: 34.77%;
  top: 16.31%;
}
.about-valve {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.jobs {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.steamworks {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.steam-distribution {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.support {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.icon-box {
  width: 2.45%;
  height: 14.46%;
  position: absolute;
  right: 16.98%;
  left: 80.57%;
  bottom: 69.23%;
  top: 16.31%;
}
.group-97 {
  position: absolute;
  inset: 0;
}
.rectangle-86 {
  background: rgba(118, 128, 140, 0.05);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.facebook-f {
  width: 63.83%;
  height: 63.83%;
  position: absolute;
  right: 17.02%;
  left: 19.15%;
  bottom: 17.02%;
  top: 19.15%;
  overflow: visible;
}
.icon-box2 {
  width: 2.45%;
  height: 14.46%;
  position: absolute;
  right: 13.85%;
  left: 83.7%;
  bottom: 69.23%;
  top: 16.31%;
}
.twitter-x {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.header {
  width: 1920px;
  height: 57px;
  position: fixed;
  left: 0px;
  top: 59px;
  overflow: hidden;
}
.rectangle-67 {
  background: #2d1859;
  width: 1920px;
  height: 57px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-15 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 10px;
  top: 6px;
}
.menu {
  background: var(--color-secondary, #4b619b);
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.home {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-large-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-large-font-size, 16px);
  font-weight: var(--body-large-font-weight, 400);
  position: relative;
}
.menu2 {
  background: #2d1859;
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.group-15 {
  background: #2d1859;
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.group-18 {
  background: #2d1859;
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.group-17 {
  background: #2d1859;
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.group-16 {
  background: #2d1859;
  border-radius: 3px;
  padding: 13px 29px 13px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-16 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 1628px;
  top: 6px;
}
.icon-box3 {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 1870px;
  top: 50%;
  translate: 0 -50%;
}
.rectangle-862 {
  background: rgba(118, 128, 140, 0.1);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.settings {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.client {
  width: 1920px;
  height: 1080px;
  position: fixed;
  left: 50%;
  translate: -50%;
  top: 0px;
  overflow: hidden;
}
.rectangle-68 {
  background: var(--background-main, #0e141b);
  width: 1920px;
  height: 59px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-3 {
  display: flex;
  flex-direction: row;
  gap: 66px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 94px;
  top: 18px;
}
.group2 {
  flex-shrink: 0;
  width: 88px;
  height: 20.99px;
  position: relative;
  overflow: visible;
}
.store-menu {
  flex-shrink: 0;
  width: 60px;
  height: 22px;
  position: relative;
}
.div {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: 2px;
  width: 81px;
  height: 22px;
}
.store-menu2 {
  flex-shrink: 0;
  width: 77px;
  height: 22px;
  position: relative;
}
.library {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.frame-233 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 497px;
  top: 18px;
}
.store-menu3 {
  flex-shrink: 0;
  width: 118px;
  height: 22px;
  position: relative;
}
.downloads {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--heading-small-font-family, "MotivaSans-Bold", sans-serif);
  font-size: var(--heading-small-font-size, 18px);
  font-weight: var(--heading-small-font-weight, 700);
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.view-list {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 1873px;
  top: 349px;
  overflow: visible;
}
.frame-330 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 1567px;
  top: 10px;
}
.friends {
  flex-shrink: 0;
  width: 56px;
  height: 37px;
  position: relative;
}
.group-9 {
  position: absolute;
  inset: 0;
}
.rectangle-61 {
  background: var(--background-highlight, #1e2329);
  border-radius: var(--border-radius, 3px);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.people {
  width: 44.64%;
  height: 67.57%;
  position: absolute;
  right: 28.57%;
  left: 26.79%;
  bottom: 16.22%;
  top: 16.22%;
  overflow: visible;
}
.notifications {
  flex-shrink: 0;
  width: 56px;
  height: 37px;
  position: relative;
}
.group-135 {
  position: absolute;
  inset: 0;
}
.group-8 {
  width: 56px;
  height: 37px;
  position: static;
}
.rectangle-60 {
  background: var(--background-highlight, #1e2329);
  border-radius: var(--border-radius, 3px);
  width: 56px;
  height: 37px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.notifications2 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 6px;
  overflow: visible;
}
.group-12 {
  position: absolute;
  inset: 0;
}
.ellipse-2 {
  background: var(--color-primary, #66c0f4);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 43px;
  top: -2px;
}
._1 {
  color: var(--background-main, #0e141b);
  text-align: left;
  font-family: var(--body-small-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-small-font-size, 12px);
  font-weight: var(--body-small-font-weight, 400);
  position: absolute;
  left: 48px;
  top: -1px;
}
.component-2 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 39px;
  position: relative;
}
.group-7 {
  flex-shrink: 0;
  width: 210px;
  height: 39px;
  position: static;
}
.rectangle-602 {
  background: var(--background-highlight, #1e2329);
  border-radius: var(--border-radius, 3px);
  width: 210px;
  height: 39px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 94.76%;
  height: 83.78%;
  position: absolute;
  right: 3.81%;
  left: 1.43%;
  bottom: 8.11%;
  top: 8.11%;
}
.sprite-0003-1 {
  background: linear-gradient(to left, #000000, #000000);
  border-radius: 2px;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  position: relative;
  object-fit: cover;
}
.juxtopposed {
  color: var(--text-main, #f3f3f3);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: relative;
}
._5-25 {
  color: var(--text-dim, #76808c);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: relative;
}
.keyboard-arrow-down {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-331 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 22px;
  top: 17px;
}
.keyboard-arrow-left {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.keyboard-arrow-left2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.search {
  width: 507px;
  height: 37px;
  position: absolute;
  left: 1048px;
  top: 10px;
}
.rectangle-70 {
  background: rgba(14, 20, 27, 0.2);
  border-radius: var(--border-radius, 3px);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.search2 {
  color: var(--color-secondary, #4b619b);
  text-align: left;
  font-family: var(--body-medium-font-family, "MotivaSans-Regular", sans-serif);
  font-size: var(--body-medium-font-size, 14px);
  font-weight: var(--body-medium-font-weight, 400);
  position: absolute;
  left: 19px;
  top: calc(50% - 6.5px);
}
.search3 {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 11px;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}