.frame-4,
.frame-4 * {
  box-sizing: border-box;
}
.frame-4 {
  height: 196rem;
  position: relative;
}
.frame-4__rectangle-230 {
  background: #000000;
  width: 88.6rem;
  height: 195.8rem;
  position: absolute;
  left: 0rem;
  top: 0.2rem;
}
.frame-4__rectangle-231 {
  background: #000000;
  width: 88.6rem;
  height: 0.2rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-4__rectangle-232 {
  border-radius: 0rem 0rem 9rem 9rem;
  width: 88.6rem;
  height: 88.6rem;
  position: absolute;
  left: 0rem;
  top: 0.2rem;
  object-fit: cover;
}
.frame-4__hoodie-chained-black {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 5.149984741210938rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 6.2rem;
  top: 95.307rem;
}
.frame-4___6500 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 5.150024032592773rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 6.2rem;
  top: 102.793rem;
}
.frame-4__rub {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 5.150024032592773rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 20.807rem;
  top: 102.793rem;
}
.frame-4__group-810 {
  position: absolute;
  inset: 0;
}
.frame-4__rectangle-105 {
  background: #161616;
  border-radius: 28.579rem;
  width: 75.8rem;
  height: 7rem;
  position: absolute;
  left: 6.2rem;
  top: 115.1rem;
}
.frame-4__rectangle-1052 {
  background: #000000;
  border-radius: 28.579rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.126rem;
  width: 15.3rem;
  height: 7rem;
  position: absolute;
  left: 27.6rem;
  top: 115.1rem;
}
.frame-4__s {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.237405014038086rem;
  line-height: 3.2369999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  opacity: 0.4;
  position: absolute;
  left: 17.7rem;
  top: 116.9rem;
  width: 2.1399999999999997rem;
  height: 3.524rem;
}
.frame-4__m {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.237405014038086rem;
  line-height: 3.2369999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 33.9rem;
  top: 116.9rem;
  width: 2.769rem;
  height: 3.524rem;
}
.frame-4__l {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.237405014038086rem;
  line-height: 3.2369999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  opacity: 0.4;
  position: absolute;
  left: 50.8rem;
  top: 116.8rem;
  width: 2.0140000000000002rem;
  height: 3.524rem;
}
.frame-4__xl {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.237405014038086rem;
  line-height: 3.2369999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  opacity: 0.4;
  position: absolute;
  left: 66.9rem;
  top: 116.9rem;
  width: 4.0280000000000005rem;
  height: 3.524rem;
}
.frame-4__group-811 {
  position: absolute;
  inset: 0;
}
.frame-4__rectangle-112 {
  border-radius: 28.969rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.193rem;
  width: 39.591rem;
  height: 8.594rem;
  position: absolute;
  left: 6.2rem;
  top: 128.6rem;
}
.frame-4__div {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 3.0026458740234374rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 19.000999999999998rem;
  top: 130.821rem;
}
.frame-4__size-guide {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 3.0026458740234374rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  text-decoration: underline;
  position: absolute;
  left: 56.9rem;
  top: 130.821rem;
}

/* UX/UI hover animations */
.frame-4__rectangle-112 {
  transition: background-color 250ms ease, border-color 250ms ease, transform 200ms ease;
  cursor: pointer;
}
.frame-4__div {
  transition: color 250ms ease;
  pointer-events: none;
}
.frame-4__rectangle-112:hover {
  background: #ffffff;
}
.frame-4__rectangle-112:hover + .frame-4__div {
  color: #000000;
}

/* Smooth size switch */
.frame-4__rectangle-1052 {
  transition: left 240ms ease;
}
.size-option {
  cursor: pointer;
  transition: opacity 200ms ease;
  opacity: 0.4 !important;
}
.size-option.is-active {
  opacity: 1 !important;
}
.frame-4__group-812 {
  position: absolute;
  inset: 0;
}
.frame-4__ellipse-31 {
  background: #000000;
  border-radius: 50%;
  width: 1.374rem;
  height: 1.374rem;
  position: absolute;
  left: 39.4rem;
  top: 83.1rem;
}
.frame-4__ellipse-32 {
  background: #9c9c9c;
  border-radius: 50%;
  width: 1.374rem;
  height: 1.374rem;
  position: absolute;
  left: 43.613rem;
  top: 83.1rem;
}
.frame-4__ellipse-33 {
  background: #9c9c9c;
  border-radius: 50%;
  width: 1.374rem;
  height: 1.374rem;
  position: absolute;
  left: 47.826rem;
  top: 83.1rem;
}
.frame-4__group-813 {
  position: absolute;
  inset: 0;
}
.frame-4__div2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 8.6rem;
  top: 147.3rem;
}
.frame-4___100-ngg-04 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 3rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 4.1rem;
  top: 153.7rem;
}
.frame-4__vector-35 {
  width: 75.8rem;
  height: 0rem;
  position: absolute;
  left: 6.2rem;
  top: 181rem;
  overflow: visible;
}
.frame-4__vector-39 {
  width: 75.8rem;
  height: 0rem;
  position: absolute;
  left: 6.2rem;
  top: 144.7rem;
  overflow: visible;
}
.frame-4__div3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 8.6rem;
  top: 184rem;
}
.frame-4__vector-38 {
  width: 75.8rem;
  height: 0rem;
  position: absolute;
  left: 6.2rem;
  top: 191.4rem;
  overflow: visible;
}
.frame-4__vector-59 {
  border-radius: 0rem;
  width: 1.533rem;
  height: 1.4rem;
  position: absolute;
  left: 78.75rem;
  top: 150rem;
  overflow: visible;
}
.frame-4__vector-61 {
  border-radius: 0rem;
  width: 1.8rem;
  height: 1.4rem;
  position: absolute;
  left: 78rem;
  top: 186.7rem;
  overflow: visible;
}