.frame-2,
.frame-2 * {
  box-sizing: border-box;
}
.frame-2 {
  background: #ffffff;
  height: 128rem;
  position: relative;
  overflow: hidden;
}
.frame-2__group-822 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-73 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 8.9rem;
  top: 28.2rem;
}
.frame-2__rectangle-228 {
  background: #ffffff;
  border-radius: 40rem;
  width: 14.4rem;
  height: 4.8rem;
  position: absolute;
  left: 33.4rem;
  top: 70.4rem;
}
.frame-2__group-3 {
  width: 10.388rem;
  height: 3.1rem;
  position: static;
}
.frame-2___6500 {
  color: #000000;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.273819923400879rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 35.5rem;
  top: 71.3rem;
}
.frame-2__rub {
  color: #000000;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.273819923400879rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 41.488rem;
  top: 71.3rem;
}
.frame-2__group-823 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-732 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 53.987rem;
  top: 28.2rem;
}
.frame-2__group-32 {
  width: 83.923rem;
  height: 11.235rem;
  position: static;
}
.frame-2__stroy-anvas-jacket {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  line-height: 2.8rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 54rem;
  top: 70.9rem;
  width: 19.9rem;
}
.frame-2__hoodie-logo-chained {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  line-height: 2.8rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 8.9rem;
  top: 70.9rem;
  width: 19.9rem;
}
.frame-2___65002 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 80.164rem;
  top: 70.865rem;
}
.frame-2__rub2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 87.523rem;
  top: 70.865rem;
}
.frame-2__group-824 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-733 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 99.074rem;
  top: 28.2rem;
}
.frame-2__group-33 {
  width: 38.836rem;
  height: 3.8rem;
  position: static;
}
.frame-2__hoodie-chained {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 99.074rem;
  top: 70.865rem;
}
.frame-2___65003 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 125.251rem;
  top: 70.865rem;
}
.frame-2__rub3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 132.60999999999999rem;
  top: 70.865rem;
}
.frame-2__group-825 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-734 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 144.161rem;
  top: 28.2rem;
}
.frame-2__hoodie-chained2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 144.161rem;
  top: 70.865rem;
}
.frame-2___65004 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 170.33800000000002rem;
  top: 70.865rem;
}
.frame-2__rub4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 177.697rem;
  top: 70.865rem;
}
.frame-2__group-826 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-735 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 8.9rem;
  top: 84rem;
}
.frame-2__hoodie-chained3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 8.9rem;
  top: 126.665rem;
}
.frame-2___65005 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 35.077rem;
  top: 126.665rem;
}
.frame-2__rub5 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 42.436rem;
  top: 126.665rem;
}
.frame-2__group-827 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-736 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 53.987rem;
  top: 84rem;
}
.frame-2__hoodie-chained4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 53.987rem;
  top: 126.665rem;
}
.frame-2___65006 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 80.164rem;
  top: 126.665rem;
}
.frame-2__rub6 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 87.523rem;
  top: 126.665rem;
}
.frame-2__group-828 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-737 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 99.074rem;
  top: 84rem;
}
.frame-2__hoodie-chained5 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 99.074rem;
  top: 126.665rem;
}
.frame-2___65007 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 125.251rem;
  top: 126.665rem;
}
.frame-2__rub7 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 132.60999999999999rem;
  top: 126.665rem;
}
.frame-2__group-829 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-738 {
  background: #161616;
  width: 38.939rem;
  height: 38.939rem;
  position: absolute;
  left: 144.161rem;
  top: 84rem;
}
.frame-2__hoodie-chained6 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 144.161rem;
  top: 126.665rem;
}
.frame-2___65008 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 170.33800000000002rem;
  top: 126.665rem;
}
.frame-2__rub8 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.7946521759033205rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 177.697rem;
  top: 126.665rem;
}
.frame-2__frame-4 {
  width: 192rem;
  height: 164.6rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-2__group-814 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-119 {
  background: #000000;
  width: 129.9rem;
  height: 192rem;
  position: absolute;
  left: 0rem;
  top: 129.9rem;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.frame-2__group-29 {
  width: 174.193rem;
  height: 4.82rem;
  position: static;
}
.frame-2__group-546 {
  width: 174.193rem;
  height: 4.82rem;
  position: static;
}
.frame-2__rectangle-103 {
  background: #161616;
  border-radius: 19.825rem;
  width: 38.593rem;
  height: 4.82rem;
  position: absolute;
  left: 144.5rem;
  top: 3.6rem;
}
.frame-2__div {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 149.56400000000002rem;
  top: 4.734rem;
  width: 9.254999999999999rem;
  height: 2.457rem;
}
.frame-2__rectangle-104 {
  background: #161616;
  border-radius: 19.825rem;
  width: 88.798rem;
  height: 4.82rem;
  position: absolute;
  left: 8.9rem;
  top: 3.6rem;
}
.frame-2__div2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 33.260000000000005rem;
  top: 4.734rem;
  width: 15.453999999999999rem;
  height: 2.457rem;
}
.frame-2__div3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 53.254999999999995rem;
  top: 4.734rem;
  width: 23.313rem;
  height: 2.457rem;
}
.frame-2__div4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 81.108rem;
  top: 4.734rem;
  width: 12.399rem;
  height: 2.457rem;
}
.frame-2__rectangle-102 {
  background: #000000;
  border-radius: 19.825rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.087rem;
  width: 19.296rem;
  height: 4.792rem;
  position: absolute;
  left: 163.796rem;
  top: 3.6rem;
}
.frame-2__div5 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 166.59rem;
  top: 4.744rem;
  width: 13.796000000000001rem;
  height: 2.457rem;
}
.frame-2__group-547 {
  width: 19.296rem;
  height: 4.792rem;
  position: static;
}
.frame-2__rectangle-1022 {
  background: #000000;
  border-radius: 19.825rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.087rem;
  width: 19.296rem;
  height: 4.792rem;
  position: absolute;
  left: 8.9rem;
  top: 3.6rem;
}
.frame-2__div6 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.2457290649414063rem;
  line-height: 2.246rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 12.742rem;
  top: 4.734rem;
  width: 11.7rem;
  height: 2.457rem;
}
.frame-2__ellipse-2 {
  background: #000000;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.649rem;
  position: absolute;
  left: 32.8rem;
  top: -3.882rem;
}
.frame-2__rectangle-314 {
  background: #ffffff;
  border-radius: 3.4rem;
  width: 15.6rem;
  height: 5.2rem;
  position: absolute;
  left: 77.9rem;
  top: 58.6rem;
}
.frame-2__group-550 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-122 {
  background: #161616;
  width: 40.214rem;
  height: 43.152rem;
  position: absolute;
  left: 8.9rem;
  top: 12.806999999999999rem;
}
.frame-2__hoodie-chained-black {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.8876068115234377rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 8.9rem;
  top: 58.892999999999994rem;
}
.frame-2___65009 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.887826919555664rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 35.708rem;
  top: 58.992999999999995rem;
}
.frame-2__rub9 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.887826919555664rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 45.157rem;
  top: 58.992999999999995rem;
}
.frame-2__group-1148 {
  position: absolute;
  inset: 0;
}
.frame-2__group-830 {
  width: 40.214rem;
  height: 53.885000000000005rem;
  position: static;
}
.frame-2__rectangle-1222 {
  background: #161616;
  width: 40.214rem;
  height: 43.152rem;
  position: absolute;
  left: 53.58rem;
  top: 12.806999999999999rem;
}
.frame-2__hoodie-chained-black2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.8876068115234377rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 53.58rem;
  top: 58.892999999999994rem;
}
.frame-2___650010 {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.3286376953125rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 80.588rem;
  top: 59.696000000000005rem;
}
.frame-2__rub10 {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.3286376953125rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 88.498rem;
  top: 59.696000000000005rem;
}
.frame-2__group-1149 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-1223 {
  background: #161616;
  width: 40.214rem;
  height: 43.152rem;
  position: absolute;
  left: 98.159rem;
  top: 12.806999999999999rem;
}
.frame-2__hoodie-chained-black3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.8876068115234377rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 98.159rem;
  top: 58.892999999999994rem;
}
.frame-2___650011 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.887826919555664rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 124.96700000000001rem;
  top: 58.992999999999995rem;
}
.frame-2__rub11 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.887826919555664rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 134.416rem;
  top: 58.992999999999995rem;
}
.frame-2__group-1150 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-1224 {
  background: #161616;
  width: 40.214rem;
  height: 43.152rem;
  position: absolute;
  left: 142.83800000000002rem;
  top: 12.806999999999999rem;
}
.frame-2__hoodie-chained-black4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.8876068115234377rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 142.83800000000002rem;
  top: 58.892999999999994rem;
}
.frame-2___650012 {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.3286376953125rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 169.847rem;
  top: 59.696000000000005rem;
}
.frame-2__rub12 {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.3286376953125rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 177.757rem;
  top: 59.696000000000005rem;
}

/* Smooth catalog switches */
.catalog-tab {
  cursor: pointer;
  transition: opacity 220ms ease, color 220ms ease;
  opacity: 0.4 !important;
  position: absolute;
  z-index: 2;
}
.catalog-tab.is-active {
  opacity: 1 !important;
}

.catalog-pill--category,
.catalog-pill--mode {
  transition: left 240ms ease, width 240ms ease;
  z-index: 1;
  pointer-events: none;
}