.manrope-uniquifier {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

.aa {
  display: block;
  text-align: left;
  max-width: var(--max-desktop-width);
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .aa {
    max-width: 100%;
  }
}

.ab {
  padding-left: 47px;
}

@media (max-width: 1024px) {
  .ab {
    padding: 0 16px;
  }
}

.aa .GH,
.aa .GI,
.aa a {
  color: inherit;
}

.ad {
  margin-top: 16px;
}

@media (min-width: 1024.01px) {
  .ad {
    display: none !important;
  }
}

.GJ {
  display: block;
}

.GJ:first-of-type {
  margin-top: 30px;
}

.GJ h3 {
  font-size: 1.4em;
  font-weight: 700;
  margin-top: 1.2em;
  margin-bottom: 1em;
}

.GJ p {
  line-height: 22px;
  margin-top: 1.4em;
}

.GJ p:first-child {
  margin-top: 0;
}

.GJ ul {
  padding: 1.4em 2.4em;
  background-color: #f8f8f8;
  border-radius: 4px;
  box-sizing: border-box;
}

.GJ li {
  list-style: disc;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.7em;
  margin-bottom: 0.4em;
}

.GJ ul+p {
  margin-top: 0;
}

.GK {
  margin: 0;
  padding: 0;
}

.GK,
.GL {
  display: block;
}

.GL {
  width: 100%;
  text-align: left;
  outline: none;
  background: none;
  padding: 20px 0;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.GL:after {
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(-315deg);
  border-right: 2px solid var(--deepblue-color);
  border-bottom: 2px solid var(--deepblue-color);
  position: absolute;
  right: 25px;
  top: 22px;
}

.GL:after,
.GM {
  display: block;
}

.GM:after {
  transform: rotate(225deg);
  top: 28px;
}

.GN {
  display: none;
  padding: 20px;
  background-color: #f8f8f8;
  color: #63686f;
  line-height: 19px;
}

.GN,
.GN a {
  font-size: 12px;
}

.GN a {
  color: #3085c7;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.GN a:hover {
  color: #599dd2;
}

.GN a:hover img {
  opacity: 0.9;
}

.GO {
  display: block;
}

.ah {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .ah {
    margin-top: 30px;
  }
}

@media (min-width: 1024.01px) {
  .ah {
    flex-direction: row;
    margin-top: 76px;
  }
}

.ai {
  width: 100%;
}

@media (min-width: 1024.01px) {
  .ai {
    width: 375px;
  }
}

.GP:not(:first-child) {
  margin-top: 10px;
}

.aj {
  width: 100%;
}

@media (min-width: 1024.01px) {
  .aj {
    width: calc(100% - 375px - 80px);
    margin-left: 60px;
  }
}

.ak {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
  margin: 24px 0 10px;
}

@media (min-width: 1024.01px) {
  .ak {
    margin: 60px 0 15px;
  }

  .ak:first-child {
    margin-top: 0;
  }
}

.al {
  margin: 0;
  padding: 0;
}

.am {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  list-style: none;
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .am:not(:first-child) {
    margin-top: 10px;
  }
}

@media (min-width: 1024.01px) {
  .am:not(:first-child) {
    margin-top: 15px;
  }
}

.am a {
  outline-offset: 3px;
}

.an p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
}

.an table {
  table-layout: fixed;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 2.4em;
  border-collapse: collapse;
  border-spacing: 0;
}

.an td,
.an th {
  border: 1px solid #e9ecef;
  word-wrap: break-word;
}

.an th {
  background-color: #e9ecef;
  color: #747677;
  font-weight: 700;
  text-align: center;
  padding: 1em;
  line-height: 1.4em;
}

.an td {
  text-align: left;
  padding: 0.5em 1em;
  line-height: 2em;
  word-break: break-word;
}

.an {
  margin: 0;
  padding: 0;
}

.ao:not(:first-child) {
  margin-top: 24px;
}

.ao li {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  list-style: disc;
}

.ao a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  outline-offset: 3px;
}

.ac {
  display: block;
  width: 100%;
  height: 62px;
  padding: 2px 0;
  background: rgba(0, 0, 0, 0);
  z-index: 50;
  text-align: left;
  border: none;
}

@media (max-width: 1024px) {
  .ac {
    display: none;
  }

  .ae {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--figma-font-weight-bold);
    margin: 40px 0 10px;
  }
}

@media (min-width: 1024.01px) {
  .ae {
    font-size: 40px;
    line-height: 60px;
    font-weight: var(--figma-font-weight-bold);
    margin: 14px 0 10px;
  }
}

.ae {
  padding: 0;
}

.af p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

@media (min-width: 1024.01px) {
  .af p {
    width: 375px;
  }
}

.af {
  margin-top: 14px;
  margin-left: 0;
}

.af ul {
  border-radius: 4px;
  list-style: none;
  padding: 0;
}

.af li,
.af ul {
  box-sizing: border-box;
}

.af li {
  border: 1px solid var(--figma-color-grayscale-20);
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0;
}

.af li em {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin: 10px 0 0;
}

.af li {
  margin-bottom: 1.4em;
  color: #464a59;
  display: list-item;
  text-align: -webkit-match-parent;
}

.af li:last-child {
  margin-bottom: 0;
}

.af em {
  display: block;
  font-weight: var(--font-weight-regular);
  margin-top: 0.6em;
  margin-bottom: 1.5em;
  font-size: 0.75em;
  line-height: 1.4em;
  font-style: normal;
  color: rgba(70, 74, 89, 0.85);
}

.af em:last-child {
  margin-bottom: 0;
}

.ap {
  padding: 10px 0;
  position: relative;
  color: #878a90;
}

.ap p {
  line-height: 22px;
  text-align: left;
}

.mO {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--white-color);
  z-index: 1001;
  display: grid;
  grid-template-columns: 40px 1fr;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
}

@media (min-width: 1024.01px) {
  .mO {
    display: none;
  }
}

.mQ {
  background: #f5f5f5;
  color: #444;
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  padding: 0 20px 0 50px;
}

.mP {
  position: relative;
}

.mR {
  position: absolute !important;
  left: 15px;
  top: 15px;
}

.mK {
  position: relative;
  display: flex;
  justify-content: right;
}

@media (min-width: 1024.01px) {
  .mK {
    background: hsl(0, 0%, calc(95% - var(--light-shift)));
    width: 250px;
    height: 42px;
    border-radius: 2px;
    margin-right: 20px;
  }
}

.mK label {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .mL {
    display: none;
  }
}

.mM {
  padding: 7px 12px;
  border: none;
  background: unset;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  border: 1px solid var(--ui-border, #949494);
  font-weight: 500;
}

.mM:focus-visible {
  outline: 2px solid var(--figma-color-bg-black-100);
}

@media (min-width: 1024.01px) {
  .mM {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .mM {
    display: none;
  }
}

.mM::-webkit-search-cancel-button {
  display: none;
}

.dark .mM::placeholder {
  color: #fff;
}

/* .mN.mN {
  display: inline-flex;
  align-items: center;
  height: 30px;
  justify-content: center;
  top: 0;
  outline-offset: 3px;
} */

@media (min-width: 1024.01px) {
  .mN.mN {
    right: 13px;
    /* top: 7px; */
  }
}

@media (max-width: 1024px) {
  .mN.mN {
    width: 40px;
    height: 40px;
  }
}

.mT {
  color: var(--figma-color-text-secondary);
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
}

@media (min-width: 1024.01px) {
  .mT {
    margin-bottom: 5px;
  }
}

.mU {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  color: #000;
}

@media (min-width: 1024.01px) {
  .mU {
    font-size: 32px;
    line-height: 48px;
    font-weight: var(--figma-font-weight-extra-bold);
  }
}

.mV {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: #707070;
}

@media (max-width: 1024px) {
  .mV {
    display: none;
  }
}

@media (min-width: 1024.01px) {
  .mS {
    margin-top: 30px;
  }
}

.np {
  position: relative;
  z-index: var(--index-floating-header);
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  background: var(--white-color);
}

.dark .np {
  background-color: #121212;
}

/* @media (min-width: 1024.01px) {
  .np + * {
    padding-top: 100px;
  }
} */

@media (max-width: 1024px) {
  .np+* {
    padding-top: 60px;
  }

  .GS+* {
    margin-top: 100px !important;
  }

  .nr {
    z-index: calc(var(--index-floating-header) + 100);
  }
}

.no {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  color: var(--figma-color-text-primary-contrast);
  outline-offset: 3px;
}

.dark .no {
  color: #dcdcdc;
}

.no[data-l] {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.1px;
}

.no:focus-visible {
  outline: 2px solid var(--figma-color-bg-white-100);
}

.nq+main div[data-search="products"] {
  opacity: 0;
}

@media (min-width: 1024.01px) {
  .ns {
    border-bottom: 1px solid var(--figma-color-border);
  }
}

.nu {
  background-color: var(--figma-color-bg-white-100);
  color: var(--figma-color-bg-black-100);
  width: 100%;
}

.dark .nu {
  background-color: #121212;
}

@media (max-width: 1024px) {
  .nx {
    display: none;
  }
}

.nx {
  margin-right: 20px;
}

.nx svg {
  width: 24px;
  height: 24px;
}

.nv {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}

.nw {
  justify-content: space-between;
}

/* @media (max-width: 1024px) {
  .nv {
    height: 60px;
  }
}

@media (min-width: 1024.01px) {
  .nv {
    height: 70px;
  }
} */

.nD {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024.01px) {
  .nD {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 1024px) {
  .nD {
    width: 40px;
    height: 60px;
  }
}

.GT {
  min-width: 24px;
}

.GT>button {
  margin-left: -8px;
}

@media (max-width: 1024px) {
  .GT+div {
    margin-left: 11px;
  }
}

@media (min-width: 1024.01px) {
  .GT {
    display: none;
  }
}

.ny {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

@media (max-width: 1024px) {
  .ny {
    flex-grow: 1;
  }
}

.nz {
  line-height: 0;
  z-index: 1;
  width: auto;
  height: auto;
}

.ny.nz a {
  display: block;
  width: 100%;
  height: 100%;
}

.ny.nz a img {
  width: 120px;
  height: auto;
}

@media (max-width: 1024px) {
  .nA {
    padding-left: 16px;
  }
}

.nK {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 -5px 0 -10px;
}

@media (max-width: 1024px) {
  .nK {
    gap: unset;
    margin: 0 10px 0 0;
  }

  .nL {
    display: none;
  }
}

.nt {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .nt {
    display: none;
  }
}

.nt [data-deep="switcher-button"] {
  color: var(--figma-color-bg-white-100);
}

.dark .nt [data-deep="switcher-button"] {
  color: #dcdcdc;
}

.nB {
  display: flex;
  align-items: center;
}

.nE {
  animation: GU 0.2s linear infinite;
}

@keyframes GU {
  50% {
    opacity: 0;
  }
}

.xI {
  display: flex;
  align-items: center;
}

.xI> :not(:last-child) {
  margin-right: 10px;
}

.tW {
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  display: flex;
  align-items: center;
  padding: 0;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.tW,
.tX {
  font-size: 12px;
  line-height: 16px;
}

.tX {
  font-weight: var(--figma-font-weight-bold);
}

.tY {
  margin-right: 10px;
}

.tZ {
  margin-left: 10px;
  transform: rotate(180deg);
}

.tV {
  width: 40px;
  height: 8px;
  border-radius: 2px;
  background-color: var(--figma-color-grayscale-40);
}

.u_ {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  min-width: 164px;
  z-index: 89;
}

.u_ span>span {
  display: inline;
  margin-right: 8px;
}

@media (max-width: 1024px) {
  .u_ {
    min-width: 122px;
    padding: 0 12px !important;
  }

  .u_ svg {
    height: 20px;
    width: 20px;
  }
}

.va,
.vb {
  background-color: rgba(0, 0, 0, 0);
}

.vd {
  font-size: 10px;
  line-height: 9px;
  font-weight: var(--figma-font-weight-semi-bold);
  max-width: 14px;
  max-height: 14px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--figma-color-bg-white-100);
  width: 18px;
  height: 18px;
  border-radius: 9px;
  right: 20px;
  top: 8px;
  background-color: #3172da;
}

.ve {
  display: none;
}

@media (max-width: 1024px) {
  .vd {
    right: 7px;
    top: 2px;
  }
}

.xo {
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
  outline-offset: 5px;
}

.xo,
.xp {
  font-size: 14px;
}

.xp {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.xp:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: var(--figma-color-bg-black-100);
  bottom: -10px;
}

.xo:focus-visible {
  outline: 2px solid var(--figma-color-bg-black-100);
}

.yC {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 10px;
  color: var(--figma-color-text-secondary);
}

@media (min-width: 1024.01px) {
  .yC {
    font-size: 14px;
    line-height: 23px;
    font-weight: var(--figma-font-weight-medium);
  }
}

.yD {
  margin-top: 10px;
}

.yD> :not(:last-child) {
  margin-right: 16px;
}

.yE {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.xq {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1024.01px) {
  .OT {
    max-width: calc(100% - 260px);
  }

  .OG {
    max-width: none;
  }
}

.OH {
  color: var(--figma-color-text-secondary);
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
}

@media (min-width: 1024.01px) {
  .OH {
    margin-bottom: 5px;
  }
}

.OP {
  display: flex;
  align-items: center;
}

.xs {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-text-primary);
  font-weight: 800;
  margin: 0;
}

@media (min-width: 1024.01px) {
  .xs {
    margin: 0 0 5px;
    font-size: 32px;
    line-height: 48px;
    font-weight: var(--figma-font-weight-extra-bold);
  }
}

.OI {
  color: var(--figma-color-tertiary);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  padding-top: 8px;
  margin-left: 16px;
}

@media (max-width: 1024px) {
  .OI {
    display: none;
  }
}

.xr {
  justify-content: space-between;
}

.xt {
  width: 124px;
  height: 18px;
  border-radius: 4px;
  background-color: var(--figma-color-grayscale-40);
}

@media (max-width: 1024px) {
  .xq button {
    display: none !important;
  }
}

.Fa {
  position: relative;
  padding: 0;
}

.Om {
  margin-bottom: 25px;
}

@media (max-width: 1024px) {
  .Fa {
    margin-bottom: 8px;
  }
}

.Fe {
  min-height: 16px;
}

.Fc {
  position: relative;
  height: 210px;
  overflow: hidden;
  background-color: var(--light-2-color);
}

.Fc>div:first-of-type {
  height: 100%;
  overflow-clip-margin: content-box;
  overflow: clip;
}

@media (min-width: 1024.01px) {
  .Fc {
    height: 300px;
    width: 100%;
  }
}

.Ff {
  position: relative;
  background-color: var(--figma-color-bg-white-100);
  margin: 30px 0 0;
  z-index: 1;
}

.dark .Ff {
  background-color: #121212;
}

@media (max-width: 1024px) {
  .Ff {
    padding: 0 16px;
    margin: 25px 0 0;
  }
}

.Fg {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--text-secondary, #3a3a3a);
  font-feature-settings: "clig" off, "liga" off;
}

@media (max-width: 1024px) {
  .Fg {
    padding: 0 16px;
  }
}

@media (min-width: 1024.01px) {
  .Fg {
    max-width: 70%;
  }
}

.Je {
  margin-top: 25px;
}

@media (min-width: 1024.01px) {
  .Jf {
    display: none;
  }
}

.Fh {
  max-width: 100%;
}

.On {
  width: calc(100% + 32px);
  padding: 0 16px;
  margin: 0 0 24px -16px;
  border-bottom: 1px solid #ececec;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background-color: var(--figma-color-bg-white-100);
  position: relative;
  z-index: 1;
}

.dark .On {
  background-color: #121212;
}

@media (max-width: 1024px) {
  .On {
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
  }
}

.Oo {
  margin-top: 0;
}

.On button {
  margin-left: auto;
}

.Op {
  color: var(--figma-color-tertiary);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

@media (max-width: 1024px) {
  .Op {
    display: none;
  }
}

.Oq {
  position: sticky;
  top: 0;
  z-index: calc(var(--index-floating-header) + 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--figma-color-bg-white-100);
  margin: 0 0 8px;
  padding: 8px 16px;
  transition: top 0.2s ease;
}

.dark .Oq {
  background-color: #121212;
}

@media (max-width: 1024px) {
  .Oq .Op {
    display: unset;
  }
}

@media (min-width: 1024.01px) {
  .Oq {
    display: none;
    visibility: hidden;
  }
}

.Fd {
  display: flex;
  width: 65px;
  height: 65px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: var(--bg-white-100, #fff);
  position: absolute !important;
  bottom: 16px;
  left: 16px;
}

.Fd img {
  min-height: unset !important;
}

@media (min-width: 1024.01px) {
  .Fd {
    bottom: 40px;
    left: 40px;
  }
}

.Fl {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 20px;
  margin: 24px 0;
  position: relative;
  z-index: 0;
}

.Or {
  margin-top: -40px;
}

@media (max-width: 1024px) {
  .Fl {
    display: none;
  }
}

.Os {
  background: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  margin: 0 -6px;
  padding: 6px;
  display: flex;
}

.Os span {
  margin-right: 2px;
  vertical-align: bottom;
}

.Ot {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin: 0;
  padding: 0;
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Fb {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: baseline;
}

.Fi {
  display: inline-flex;
  justify-content: flex-start;
  height: 60px;
  padding: 10px 0;
  gap: 25px;
  position: relative;
}

.Fi button {
  padding: 0;
}

@media (max-width: 1024px) {
  .Fj {
    display: none;
  }
}

.Fi:empty {
  display: none;
}

@media (max-width: 1024px) {
  .Fi {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 16px;
    max-width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .Fi::-webkit-scrollbar {
    display: none;
  }

  .Fi button {
    font-size: 14px;
    line-height: 23px;
    font-weight: var(--figma-font-weight-medium);
    border: none;
    white-space: nowrap;
  }
}

.Ou {
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .Ou {
    max-width: unset;
    width: unset;
    margin: unset;
    position: relative;
    padding: unset;
  }
}

.Ov {
  position: sticky;
  width: fit-content;
  left: 100%;
  margin-top: 30px;
  top: 5px;
  z-index: calc(var(--index-floating-header) - 1);
  transition: top 0.2s ease;
}

@media (max-width: 1024px) {

  .Ov,
  .Ov button {
    display: none;
    visibility: hidden;
  }
}

.Ow {
  background-color: var(--figma-color-bg-white-100);
  height: 60px;
}

.dark .Ow {
  background-color: #121212;
}

.Ox {
  margin-top: -61px !important;
  position: sticky;
  top: 0;
  background-color: var(--figma-color-bg-white-100);
  z-index: calc(var(--index-floating-header) - 3);
  transition: top 0.2s ease;
}

.dark .Ox {
  background-color: #121212;
}

@media (max-width: 1024px) {
  .Ox {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 1024.01px) {
  .Oy {
    margin-top: -83px !important;
    position: relative !important;
    background-color: var(--figma-color-bg-white-100);
    z-index: calc(var(--index-floating-header) - 2);
    transition: top 0.2s ease;
  }

  .dark .Oy {
    background-color: #121212;
  }

  .Oz {
    position: sticky !important;
    background-color: var(--figma-color-bg-white-100);
    top: 0;
    z-index: calc(var(--index-floating-header) - 2);
    transition: top 0.2s ease;
  }

  .dark .Oz {
    background-color: #121212;
  }

  .OA {
    top: 100px;
  }
}

.OB {
  position: relative;
  z-index: 2;
}

.OC {
  z-index: calc(var(--index-floating-header) - 2);
}

@media (max-width: 1024px) {
  .OB {
    display: none;
    visibility: hidden;
  }
}

.y_ {
  display: block;
}

@media (max-width: 1024px) {
  .y_ .za {
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: var(--index-splash);
  }

  .y_ .zc {
    display: none;
  }

  .y_ .zb {
    position: fixed;
  }
}

.y_ .zd {
  height: 60px;
}

@media (min-width: 1024.01px) {
  .y_ .zd {
    display: none;
  }
}

.t_ {
  flex-direction: row;
}

.t_,
.ua {
  display: flex;
  align-items: center;
}

.ua {
  height: 100%;
  width: 24px;
}

@media (max-width: 1024px) {
  .ua {
    width: 20px;
  }
}

.ub {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.Nz {
  margin-left: 10px;
}

@media (max-width: 1024px) {
  .Nz {
    margin-left: 5px;
  }
}

.NA {
  margin-left: 5px;
}

.zl {
  padding: 35px 0 29px;
  display: block !important;
  margin: 0;
  list-style-type: none;
}

.zl> :not(:first-child) {
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .mp {
    margin-top: 25px;
  }
}

@media (min-width: 1024.01px) {
  .mp {
    margin-top: 18px;
  }
}

.mq [data-deep="container"] {
  padding: 0 !important;
}

.MZ {
  padding: 0;
  display: flex;
  justify-content: right;
  margin-top: 25px;
}

@media (min-width: 1024.01px) {
  .MZ {
    margin-top: 40px;
  }
}

.ms {
  padding: 0 40px;
}

@media (min-width: 1024.01px) {
  .ms {
    padding: 0;
  }
}

.mr {
  padding: 0;
}

@media (min-width: 1024.01px) {
  .mr {
    padding: 25px 0 0;
  }
}

.me {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 800;
  margin: 0;
  padding-bottom: 11px;
}

.mf {
  padding-bottom: 10px !important;
}

.mg {
  display: none;
}

@media (min-width: 1024.01px) {
  .mu {
    margin-top: 15px;
  }
}

.mh {
  display: inline-flex;
  align-items: center;
  margin-bottom: 30px;
}

.mi {
  margin-bottom: 29px !important;
}

.mj {
  margin-left: 13px;
}

.ml {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 29px;
}

@media (max-width: 1024px) {
  .ml {
    gap: 10px;
  }
}

.mk {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.mm {
  margin-bottom: 29px;
}

.mn input {
  font-size: 16px !important;
  border: 1px solid hsl(0, 0%, 58%);
  background: hsl(0, 0%, 97%);
}

.mo {
  color: var(--figma-color-text-secondary);
}

.mv {
  height: calc(100vh - 72px) !important;
}

@media (min-width: 1024.01px) {
  .mv {
    height: calc(100vh - 435px) !important;
  }
}

.mw {
  padding: 0;
}

.mx {
  height: 17px;
  display: block;
  font-size: 0 !important;
}

.mG {
  display: inline-flex;
  align-items: center;
}

.mH {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
}

.mI {
  margin: 1px 0 0 9px;
}

.HT {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.tT {
  font-weight: var(--figma-font-weight-bold);
  font-weight: 500;
  color: var(--figma-color-tertiary);
  margin: 5px 0;
}

.tT,
.tU {
  font-size: 14px;
  line-height: 24px;
}

.tU {
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-bg-black-100);
  font-weight: 800;
}

.tR .tS {
  background: var(--figma-color-grayscale-20);
  width: 145px;
  height: 24px;
  margin: 5px 0 2px;
  display: inline-block;
  border-radius: 2px;
  font-size: 0;
}

.vf input {
  border-radius: 0;
  appearance: none;
}

.KT input {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  padding: 17px 16px;
}

.KT .vo,
.KT input:focus {
  padding-top: 23px;
  padding-bottom: 11px;
}

.KT .vl {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  top: 18px;
  left: 16px;
}

.KT .vn {
  left: 50px;
}

.KT .vp {
  padding-left: 50px;
}

.KT .vq {
  padding-right: 50px;
}

.KT .vl:has(~ input:focus) {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.KT .vl:has(~ input:focus) {
  top: 8px;
}

.KT .vm {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  top: 8px;
}

.KT .vk {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 8px;
}

.KT .vt {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 8px;
}

.KT .vr {
  left: 16px;
}

.KT .vj,
.KT .vr {
  top: calc(50% - 23px);
}

.KT .vj {
  right: 16px;
}

.KT .vs {
  font-weight: var(--figma-font-weight-bold);
  top: calc(50% - 23px);
  right: 16px;
}

.KT .vs,
.KU input {
  font-size: 16px;
  line-height: 24px;
}

.KU input {
  font-weight: var(--figma-font-weight-medium);
  padding: 15px 16px;
}

.KU .vo,
.KU input:focus {
  padding-top: 23px;
  padding-bottom: 7px;
}

.KU .vl {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  top: 16px;
  left: 16px;
}

.KU .vn {
  left: 50px;
}

.KU .vp {
  padding-left: 50px;
}

.KU .vq {
  padding-right: 50px;
}

.KU .vl:has(~ input:focus) {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.KU .vl:has(~ input:focus) {
  top: 8px;
}

.KU .vm {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  top: 8px;
}

.KU .vk {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 8px;
}

.KU .vt {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 8px;
}

.KU .vr {
  left: 16px;
}

.KU .vj,
.KU .vr {
  top: calc(50% - 12px);
}

.KU .vj {
  right: 16px;
}

.KU .vs {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  top: calc(50% - 12px);
  right: 16px;
}

.KV input {
  padding: 10px 12px;
}

.KV .vl,
.KV input {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.KV .vl {
  top: 10px;
  left: 12px;
}

.KV .vm {
  display: none;
}

.KV .vk {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 8px;
}

.KV .vt {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 8px;
}

.KV .vn {
  left: 40px;
}

.KV .vp {
  padding-left: 40px;
}

.KV .vq {
  padding-right: 40px;
}

.KV .vr {
  left: 12px;
}

.KV .vj,
.KV .vr {
  top: calc(50% - 10px);
}

.KV .vj {
  right: 12px;
}

.KV .vs {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  top: calc(50% - 12px);
  right: 12px;
}

.KW input {
  padding: 9px 12px;
}

.KW .vl,
.KW input {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.KW .vl {
  top: 8px;
  left: 12px;
}

.KW .vm {
  display: none;
}

.KW .vk {
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 4px;
}

.KW .vk,
.KW .vt {
  font-size: 12px;
  line-height: 16px;
}

.KW .vt {
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 4px;
}

.KW .vn {
  left: 36px;
}

.KW .vp {
  padding-left: 36px;
}

.KW .vq {
  padding-right: 36px;
}

.KW .vr {
  left: 12px;
}

.KW .vj,
.KW .vr {
  top: calc(50% - 10px);
}

.KW .vj {
  right: 12px;
}

.KW .vs {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  top: calc(50% - 8px);
  right: 12px;
}

.KX input {
  border: 1px solid var(--figma-color-border);
}

.KX input:focus {
  border: 1px solid var(--figma-color-bg-black-100);
}

.KX .vt {
  color: var(--figma-color-text-secondary);
}

.KY input {
  border: 1px solid var(--figma-color-border);
}

.KY input:focus {
  border: 1px solid var(--figma-color-bg-black-100);
}

.KY .vt {
  color: var(--figma-color-text-secondary);
}

.KZ input {
  border: 1px solid var(--figma-color-border);
}

.KZ input:focus {
  border: 1px solid var(--figma-color-bg-black-100);
}

.KZ .vt {
  color: var(--figma-color-text-secondary);
}

.K_ .vt {
  color: var(--figma-color-ui-danger);
}

.vh .vg {
  color: var(--figma-color-tertiary);
}

.vh input,
.vh input:focus {
  background-color: var(--figma-color-grayscale-20);
  border: 1px solid var(--figma-color-grayscale-40);
}

.vh .vk,
.vh .vt {
  color: var(--figma-color-tertiary);
}

.vg {
  position: relative;
}

.vl {
  position: absolute;
  pointer-events: none;
  color: var(--figma-color-tertiary);
  transition: 0.15s ease-out;
}

.vj,
.vr {
  cursor: pointer;
}

.vi,
.vj,
.vr {
  position: absolute;
}

.vi {
  height: 24px;
  top: 16px;
  right: 16px;
}

.vs {
  position: absolute;
  cursor: pointer;
}

.La {
  border: 1px solid var(--figma-color-ui-danger);
}

.vu {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin: 5px 0 8px;
  color: var(--figma-color-ui-danger);
}

.vf input {
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

.vf input:focus-visible {
  outline: 1px solid var(--figma-color-bg-black-100);
}

.K_.K_ input,
.K_.K_ input:focus {
  border: 1px solid var(--figma-color-ui-danger);
}

.wu {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  border: 1px solid var(--figma-color-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 58px;
  outline-offset: 3px;
}

@media (max-width: 1024px) {
  .wu {
    width: 100%;
  }
}

.ww {
  border: 0.5px solid var(--figma-color-border-2);
  transform: translateZ(0);
}

@media (max-width: 480px) {
  .ww {
    border: 1px solid var(--figma-color-border-2);
  }
}

.NF,
.wv {
  height: 34px;
}

.wx {
  cursor: pointer;
}

.wx:hover {
  border: 1px solid var(--figma-color-bg-black-100);
}

.wy {
  background-color: var(--figma-color-bg-black-100);
  color: #fff;
}

.wz {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  display: inline-flex;
  align-items: center;
}

.wA {
  width: 31px;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 2px;
}

.wB {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.wC {
  margin-left: 5px;
}

.wE {
  display: block;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.wD {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.cH {
  margin: 15px 0;
  width: 100%;
}

.cH button {
  width: 100%;
  margin: 10px 0;
}

.cH button div {
  display: flex;
  justify-content: space-between;
}

.cH button div span {
  margin: auto 0;
}

.MP {
  color: var(--figma-color-ui-danger);
  margin: 0.6rem 0;
}

.MP,
.cI {
  font-size: 14px;
  padding: 0;
}

.cI {
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-ui-success);
  margin: 0.3rem 1rem;
}

.MQ {
  width: min(90vw, 620px);
  position: relative;
  font-size: 14px;
  margin: 10px auto;
  display: flex;
  border: 1px solid #000;
  padding: 5px 16px;
}

@media (min-width: 1024.01px) {
  .MQ {
    width: 375px;
  }
}

.MR {
  margin: auto 0;
  width: 80%;
}

.MS {
  padding-right: 20px;
}

.MS,
.MS svg,
.MT,
.MT svg {
  height: 16px;
  width: 16px;
}

.MS,
.MT {
  margin: auto 0 auto auto;
}

.cJ {
  margin: auto;
  font-size: 1.2rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cJ hr {
  border-top: 1px solid var(--figma-color-border);
}

@media (min-width: 1024.01px) {
  .cJ {
    align-items: self-start;
    margin: 0;
    min-height: calc(100% + 30px);
    max-width: 455px;
    flex: 1;
    padding: 0 40px;
  }

  .cJ hr {
    border-top: 1px solid var(--figma-color-border);
  }
}

.cN {
  width: min(90vw, 620px);
  margin-top: 16px;
  margin-bottom: 24px;
}

@media (min-width: 1024.01px) {
  .cN {
    width: 375px;
    margin-bottom: 32px 0;
  }
}

.cO {
  max-width: 100%;
}

.cQ {
  width: min(90vw, 620px);
}

@media (min-width: 1024.01px) {
  .cQ {
    width: 375px;
  }
}

@media (max-width: 1024px) {
  .cK {
    display: none;
  }
}

.cL {
  margin-block: 0;
  margin: 16px 0 20px;
}

.cM {
  padding-top: 3.1rem;
}

.Kk {
  padding-top: 1rem;
}

.Kl {
  display: flex;
}

.Kl svg {
  margin: auto 10px;
}

.Kl span {
  margin: auto 0;
}

.cP {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin: 16px 0 25px;
  padding: 0;
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .cP {
    margin-right: auto;
  }
}

.Km {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 55px;
  height: 32px;
  border: 1px solid var(--figma-color-border);
  margin-top: 0.3rem;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  border-radius: 0;
  background: var(--white-color);
  background-image: url(/_next/static/media/down-chevron.7d6f0dba.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 80%;
  padding: 0 20px 0 12px;
}

@-moz-document url-prefix() {
  .Km {
    background-image: url(/_next/static/media/down-chevron.7d6f0dba.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 80%;
    padding-right: 20px;
  }
}

.Km:disabled {
  opacity: 40%;
}

.Kn {
  display: flex;
  flex-direction: column;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid var(--figma-color-bg-gray) !important;
  margin-left: auto;
}

.Kn svg {
  margin: auto;
}

.Ko {
  position: relative;
  color: #000;
  display: flex;
  line-height: 20px;
  letter-spacing: 0.4px;
}

.Kp {
  background: hsla(0, 0%, 100%, 0.8);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 30;
}

.Kp div {
  background: #000;
  color: #fff;
}

.Ko {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
}

.Ko ul {
  padding-inline-start: 20px;
}

.Ko img {
  width: 7rem;
}

.Kq {
  list-style-type: none;
}

.Kr {
  padding: 0.4rem 0;
}

.Ks {
  list-style-type: none;
  line-height: 2rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.dw {
  display: flex;
  margin-top: 60px;
}

@media (max-width: 1024px) {
  .dw {
    display: block;
    margin-top: 25px;
  }
}

.dx {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .dx {
    gap: 25px;
  }
}

.dx h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 0 10px;
}

@media (max-width: 1024px) {
  .dx h1 {
    margin: 0 0 5px;
  }
}

.dx p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin-block: 0;
}

@media (min-width: 1024.01px) {
  .dy {
    width: fit-content;
  }
}

.dz {
  width: 455px;
}

@media (max-width: 1024px) {
  .dz {
    display: none;
  }
}

.aN {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 1024px) {
  .aN {
    width: 100%;
    padding: 16px;
  }
}

.aO {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aO>h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
}

.aO>h1,
.aO>p {
  margin-block: 0;
  padding-block: 0;
}

.aO>p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
}

.aP {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aQ {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-ui-success);
  margin: 0.3rem 1rem;
  padding: 0;
}

.Gk .Gl {
  margin: 0;
  padding: 0;
}

.Pb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.Pc {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 auto;
}

.Pc p {
  letter-spacing: 10px;
  margin-block: 0;
}

.Pd {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin: 0 auto 1rem;
}

.R {
  display: flex;
  height: 100vh;
  min-height: 100vh;
}

@media (max-width: 1024px) {
  .R {
    flex-direction: column;
    height: auto;
  }
}

.S>img {
  display: block;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .S {
    height: 295px;
  }
}

@media (min-width: 1024.01px) {
  .S {
    width: 50%;
    order: 2;
  }
}

.T {
  padding: 0 16px;
}

.aE {
  width: 100%;
}

@media (min-width: 1024.01px) {
  .aE {
    max-width: 343px;
  }

  .T {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    order: 1;
  }
}

@media (max-width: 1024px) {
  .T {
    margin: 30px 0;
    flex: 1;
  }
}

.Gm {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .Gm {
    display: none;
  }
}

.Gm {
  margin-top: 15px;
  display: block;
  text-align: right;
  color: var(--figma-color-text-secondary);
}

@media (min-width: 1024.01px) {
  .aF {
    display: none;
  }
}

.aF a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.op {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}

@media (min-width: 1024.01px) {
  .op {
    flex-direction: row;
    justify-content: start;
  }
}

.Gn {
  height: 60px;
  width: 100%;
  position: relative;
  top: -60px;
  background-color: var(--figma-color-bg-white-100);
  z-index: var(--index-floating-header);
}

@media (min-width: 1024.01px) {
  .Gn {
    height: 70px;
    top: -70px;
  }
}

.oY {
  width: 100%;
  max-width: 1266px;
  margin: 0 auto;
  padding: 60px 16px 0;
}

@media (min-width: 1024.01px) {
  .oY {
    display: flex;
    padding-top: 60px;
  }

  .oZ {
    width: 100%;
    padding-top: 80px;
  }

  .o_ {
    max-width: 640px;
    margin: 0 auto;
  }
}

.ph {
  display: none;
}

@media (min-width: 1024.01px) {
  .pg {
    width: 100%;
    max-width: 455px;
    padding: 40px 40px 0;
    border-left: 1px solid var(--figma-color-border);
  }

  .ph {
    display: block;
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
    margin-bottom: 20px;
  }
}

.pa {
  width: 100%;
  margin: 0 auto 50px;
  text-align: center;
}

@media (max-width: 1024px) {
  .pa {
    margin: 0 auto 30px;
  }
}

.pc {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 2px;
}

.pd {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
}

.pd,
.pe {
  font-weight: var(--figma-font-weight-medium);
}

.pe {
  font-size: 14px;
  line-height: 23px;
  color: var(--figma-color-text-secondary);
}

.pb {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--figma-color-ui-success);
  color: var(--figma-color-bg-white-100);
}

.pq {
  border: 1px solid var(--figma-color-border);
  padding: 16px;
  margin-bottom: 16px;
}

.pr {
  background-color: var(--figma-color-bg-light-gray);
  border: none;
}

@media (min-width: 1024.01px) {
  .pq {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.ps {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 5px;
}

.pt {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.on,
.pt {
  margin-bottom: 16px;
}

.on {
  display: flex;
  align-items: center;
  gap: 15px;
}

.oo {
  width: 46px;
  height: 46px;
  border-radius: 100px;
}

@media (min-width: 1024.01px) {
  .oo {
    width: 64px;
    height: 64px;
  }
}

.pf {
  margin-top: 25px;
}

.pq button {
  outline-offset: 3px;
}

.Go {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.pi {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .pi {
    margin-bottom: 120px;
  }
}

.pi~footer {
  display: none !important;
}

.pj {
  margin: 40px 0 30px;
}

@media (max-width: 1024px) {
  .pj {
    margin: 24px 0 20px;
  }
}

.pk {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 5px;
}

.pl {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.pm {
  padding: 30px 16px;
}

@media (max-width: 1024px) {
  .pm {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0) 10.42%,
        rgba(255, 255, 255, 0.7));
  }

  .pm,
  .pn {
    z-index: var(--index-splash);
  }

  .pn {
    width: 100% !important;
    max-width: 640px;
  }

  .pn:disabled {
    background-color: #ccc !important;
  }
}

.pn {
  outline-offset: 3px;
}

.ok {
  padding-bottom: 25px;
}

.ol {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin: 25px 0;
}

@media (max-width: 1024px) {
  .ol {
    margin: 0 0 25px;
  }
}

.om {
  font-size: 16px;
  line-height: 24px;
}

.Di,
.om {
  font-weight: var(--figma-font-weight-medium);
}

.Di {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  padding: 16px 0;
  text-align: center;
  color: var(--figma-color-text-secondary);
  background-color: var(--figma-color-border);
}

.ng {
  display: flex;
  justify-content: flex-end;
  padding: 0 18px;
}

@media (min-width: 1024.01px) {
  .ng {
    padding: 0;
  }
}

.nk {
  font-weight: 800;
  margin-left: 6px;
}

.nk,
.nl {
  cursor: pointer;
}

.nl {
  margin-left: 7px;
  line-height: 0;
  padding: 0 5px;
}

.nm {
  transform: rotate(180deg);
}

.ni {
  position: relative;
}

.nj {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  outline-offset: 3px;
}

.ni>div,
.nj {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.M_ [data-deep="container"] {
  background: var(--white-color);
  padding: 2px 16px 20px !important;
}

.nf {
  background: var(--figma-color-bg-light-gray);
  padding: 15px;
  border-radius: 12px;
  margin: 20px 0 15px;
}

@media (min-width: 1024.01px) {
  .nf {
    background: none;
    padding: 20px 15px 0;
    margin: 0;
  }
}

.nf label {
  font-size: 14px !important;
  line-height: 23px !important;
  font-weight: var(--figma-font-weight-medium) !important;
}

.Na {
  cursor: pointer;
}

.ne {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

@media (min-width: 1024.01px) {
  .ne {
    padding-top: 23px;
  }
}

.Nb {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}

.nn {
  position: absolute;
  top: calc(100% + 9px);
  right: -3px;
  width: 343px;
  padding: 0 0 20px !important;
  box-shadow: 0 4px 10px 0 var(--shadow-color-darker);
  border-radius: 12px;
}

.nn,
.sA {
  background: var(--white-color);
  z-index: 1;
}

.sA {
  position: relative;
  min-height: 38px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

:root .sB {
  display: block;
  padding: 0;
}

:root .sB * {
  padding: 0;
  margin: 0;
}

@media (min-width: 1024.01px) {
  :root .sB {
    display: none;
  }
}

:root .sC {
  position: relative;
  display: inline-flex;
  border: 1px solid #000 !important;
  border-radius: 0;
  width: 110px;
  min-width: 110px;
  flex-flow: row nowrap;
  font-size: 0.8em;
  background: var(--white-color);
  outline-offset: -2px;
  height: 40px;
  color: #000;
}

:root .sC.Lt {
  position: fixed;
  top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  :root .sC.Lt {
    right: 12px;
  }

  :root .sC {
    position: absolute;
    right: 2px;
  }
}

@media (min-width: 1024.01px) {
  :root .sC {
    display: none;
  }
}

:root .sC span {
  display: unset !important;
  flex-grow: unset !important;
  margin-right: 5px;
}

:root .sC [data-deep="filter-button-count"] {
  background-color: #3172da;
  top: 3px;
  right: 15px;
}

.BH {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
}

.BI {
  margin-left: 15px;
}

.AE,
.BI {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.AE {
  width: 34px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--figma-color-text-primary);
  outline-offset: 3px;
}

.AF {
  background-color: var(--figma-color-bg-black-100);
  color: var(--figma-color-text-primary-contrast);
}

.AR [data-deep="container"] {
  background-color: var(--figma-color-bg-white-100);
}

.AT h1 {
  margin: 0;
}

.AS {
  margin: 25px 0;
}

@media (max-width: 1024px) {
  .AS {
    max-height: 70vh;
    margin: 0 0 25px;
  }
}

.AU {
  margin-top: 30px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  max-height: 640px;
}

.AV.AV {
  border: 1px solid var(--figma-color-bg-black-20);
  outline-offset: -2px;
}

.AV.AV:not(:first-of-type) {
  margin-top: 10px;
}

.AV.AV:hover,
.AV.AW {
  border: 1px solid var(--figma-color-bg-black-100);
}

.wp {
  display: flex;
  flex-direction: column;
}

.Of {
  position: relative;
  width: 100%;
}

.Og {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.Og:focus-visible~.Oh {
  outline: 2px solid #000;
  border-radius: unset;
}

.Oh {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.Oh:hover {
  background-color: var(--figma-color-bg-hover, rgba(0, 0, 0, 0.02));
}

.Oi {
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--figma-color-bg-white-100);
  position: relative;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.Oi,
.Oj {
  display: flex;
}

.Oj {
  flex-direction: column;
  flex: 1;
}

.Ok {
  margin-top: 4px;
}

.Mi .Oi {
  border: 1px solid var(--figma-color-border-3);
}

.Mi .Og:checked~.Oh .Oi,
.Mi .Oh:hover .Oi {
  border: 1px solid var(--figma-color-bg-black-100);
}

.Mi .Ok {
  color: var(--figma-color-text-secondary);
}

.Mj .Oi {
  border: 1px solid var(--figma-color-ui-danger);
}

.Mj .Ok {
  color: var(--figma-color-ui-danger);
}

.wq .Oh {
  cursor: not-allowed;
}

.wq .Oi {
  border: 1px solid var(--figma-color-border);
}

.wq .Oh:hover {
  background-color: rgba(0, 0, 0, 0);
}

.wq .Og:checked~.Oh .Oi,
.wq .Oh:hover .Oi {
  border: 1px solid var(--figma-color-border);
}

.wq .Oj,
.wq .Ok {
  color: var(--figma-color-tertiary);
}

.wq .wo {
  color: var(--figma-color-grayscale-80);
}

.Mk .Oi {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 8px;
}

.Mk .Oj,
.Mk .Ok {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.Ml .Oi {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 8px;
}

.Ml .Oj,
.Ml .Ok {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.Mm .Oi {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 16px;
}

.Mm .Oj {
  font-size: 16px;
  line-height: 24px;
}

.Mm .Oj,
.Mm .Ok {
  font-weight: var(--figma-font-weight-medium);
}

.Mm .Ok {
  font-size: 14px;
  line-height: 23px;
}

.wo {
  position: absolute;
  transform: scale(0);
  transition: transform 0.3s ease-out;
  color: var(--figma-color-bg-black-100);
}

.wp .Og:checked~.Oh .Oi .wo {
  transform: scale(1);
}

@media (prefers-contrast: high) {
  .wp .Og:checked~.Oh .Oi {
    outline: 2px solid currentColor;
    outline-offset: -1px;
  }
}

.cm input[type="radio"]:focus-visible {
  outline-offset: 3px;
  outline: 2px solid var(--figma-color-bg-black-100);
}

.cm>button:not(:first-child),
.cm>div:not(:first-child),
.cm>label:not(:first-child),
.cm>li:not(:first-child) {
  margin-top: 16px;
}

.cm>div {
  width: 100%;
  align-items: center;
  cursor: pointer;
}

.cm>div,
.vA {
  display: flex;
  flex-direction: row;
}

.vA {
  flex-wrap: wrap;
}

.vA>div {
  width: calc((100% - 20px) / 3);
}

.vA>div:nth-child(n + 4) {
  margin-top: 10px;
}

.vA>div:not(:nth-child(3n)) {
  margin-right: 10px;
}

.Ob {
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.Oc {
  padding: 0;
  margin: 0;
  list-style: none;
}

.Od {
  margin-bottom: 8px;
}

.Od:last-child {
  margin-bottom: 0;
}

.Au {
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
}

@media (min-width: 1024.01px) {
  .Au {
    width: max-content;
    border: unset;
  }
}

.Av {
  position: relative;
  height: 30px;
}

.Ax {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  display: flex;
  padding: 20px 30px;
  align-items: center;
  height: 16px;
  order: 1;
  width: max-content;
}

.Ax span:first-of-type {
  height: 14px;
  margin-right: 8px;
}

.Ax span:last-of-type {
  margin-right: 2px;
  /* color: white; */
}

.Ax svg {
  width: 20px;
  height: 20px;
}

.Ay {
  height: 30px;
  padding: 7px 0 7px 25px;
}

.Ay:focus-visible {
  outline: 2px solid var(--figma-color-bg-white-100);
  outline-offset: -2px;
}

.dark .Ay:focus-visible {
  outline: 2px solid #dcdcdc;
}

.Ay svg {
  color: var(--figma-color-bg-white-100);
  width: 16px;
  height: 16px;
}

.dark .Ay svg {
  color: #dcdcdc;
}

.AB [data-deep="modal-wrapper"] {
  position: absolute;
  margin: 30px 0 0;
  padding: 25px 30px 30px;
  width: 300px;
}

.AB [data-deep="modal-container"] {
  padding: 0;
}

.AB [data-deep="modal-content"] {
  overflow: hidden;
  padding: 0 6px 6px;
  color: var(--figma-color-text-primary);
}

.AC {
  color: var(--figma-color-text-secondary);
}

.AC,
.AD {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.AD {
  margin: 15px 0 25px !important;
  display: flex;
  flex-direction: column;
}

.AB button {
  height: 44px;
  outline-offset: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
}

.Aw {
  display: flex;
  gap: 10px;
  margin-right: 30px;
  order: 2;
}

.lX {
  margin: 0 0 25px;
}

.lY {
  padding: 16px;
  border: 0.5px solid var(--figma-color-border);
  display: none;
}

.lZ {
  display: block;
}

.ma {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 5px;
}

.mb {
  margin-bottom: 15px;
}

.mb,
.mc {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.l_ {
  border: 0.5px solid var(--figma-color-ui-danger);
  animation: Nt 0.5s ease-in-out;
}

.md {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 5px;
  color: var(--figma-color-ui-danger);
}

@keyframes Nt {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(5px);
  }

  50% {
    transform: translateX(-5px);
  }

  75% {
    transform: translateX(5px);
  }

  to {
    transform: translateX(0);
  }
}

.ND [data-deep="modal-fade"] {
  z-index: calc(var(--index-splash-fade) + 1);
}

.ND [data-deep="modal-container"] {
  padding: 0 35px;
}

.lQ {
  padding: 0 0 16px;
}

@media (min-width: 1024.01px) {
  .lQ {
    padding: 25px 5px 40px;
  }
}

.lR {
  margin-bottom: 10px;
}

.lS {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
}

.lT {
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-bottom: 25px;
}

.lT,
.lU {
  font-size: 14px;
}

.lU {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.NE {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-ui-danger);
}

.NE,
.lV {
  margin-bottom: 25px;
}

.lW {
  outline-offset: 3px;
}

.wJ {
  display: block;
}

.wK {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.wQ {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 23px 16px 7px;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--figma-color-border);
  outline-offset: 3px;
}

.wQ:focus-visible {
  outline: 2px solid var(--figma-color-bg-black-100);
}

.wQ .wS {
  flex-grow: 1;
  margin-right: 8px;
  color: var(--figma-color-tertiary);
}

.wQ .wT {
  color: var(--figma-color-text-primary);
}

.wN {
  position: absolute;
  top: 17px;
  right: 16px;
  color: var(--figma-color-bg-black-100);
  transition: transform 0.2s;
}

.Mt {
  color: var(--figma-color-tertiary);
}

.wP {
  transform: rotate(-180deg);
}

.wO {
  position: static;
}

.wR {
  color: var(--figma-color-bg-black-100);
  margin-right: 8px;
}

.Mu {
  color: var(--figma-color-tertiary);
}

.Mv .wQ,
.Mv .wW .wX {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  height: 54px;
}

.Mv .wW {
  max-height: 289px;
}

.Mw {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 8px;
}

.Mx {
  font-size: 14px;
  line-height: 23px;
  margin-top: 8px;
}

.Mv .wU,
.Mx {
  font-weight: var(--figma-font-weight-medium);
}

.Mv .wU {
  position: absolute;
  pointer-events: none;
  color: var(--figma-color-tertiary);
  transition: 0.15s ease-out;
  font-size: 16px;
  line-height: 24px;
  top: 16px;
  left: 16px;
}

.Mv .wU:has(~ input:focus) {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.Mv .wU:has(~ input:focus) {
  top: 8px;
}

.Mv .wV {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  top: 8px;
}

.Mv .wV,
.My .wQ,
.My .wW .wX {
  font-weight: var(--figma-font-weight-medium);
}

.My .wQ,
.My .wW .wX {
  font-size: 14px;
  line-height: 23px;
  height: 39px;
}

.My .wW {
  max-height: 235px;
}

.Mz {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 8px;
}

.MA {
  margin-top: 8px;
}

.MA,
.MB .wQ,
.MB .wW .wX {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.MB .wQ,
.MB .wW .wX {
  height: 32px;
  padding: 0 12px;
}

.MB .wW {
  max-height: 193px;
}

.MC {
  font-weight: var(--figma-font-weight-bold);
  margin-bottom: 4px;
}

.MC,
.MD {
  font-size: 12px;
  line-height: 16px;
}

.MD {
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 4px;
}

.ME .wQ {
  border: 1px solid var(--figma-color-border);
}

.ME .wW {
  border: 1px solid var(--figma-color-border-2);
  margin-top: 5px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 6px;
}

.MF .wQ,
.MF .wW {
  border: 1px solid var(--figma-color-bg-black-100);
}

.MF .wW {
  border-top: none;
}

.MG .wQ,
.MG .wW {
  border: 1px solid var(--figma-color-ui-danger);
}

.MG .wW {
  border-top: none;
}

.MH .wQ {
  border: 1px solid var(--figma-color-grayscale-40);
  background-color: var(--figma-color-grayscale-20);
}

.MI {
  color: var(--figma-color-text-secondary);
}

.MJ {
  color: var(--figma-color-ui-danger);
}

.MK,
.wL {
  color: var(--figma-color-tertiary);
}

.wM {
  position: relative;
}

.wY {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin: 5px 0 8px;
  color: var(--figma-color-ui-danger);
}

.wW {
  display: flex;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: var(--index-splash);
  flex-direction: column;
  background-color: var(--figma-color-bg-white-100);
  box-sizing: border-box;
  overflow: auto;
}

.wW li {
  flex-shrink: 0;
}

.wW .wX {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  width: 100%;
  text-align: left;
  padding: 0 16px;
}

.wW .wX:focus-visible {
  outline: none;
}

.wW .wX:focus-visible,
.wW .wX:hover {
  background-color: var(--figma-color-grayscale-20);
}

@keyframes Mn {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(5px);
  }

  50% {
    transform: translateX(-5px);
  }

  75% {
    transform: translateX(5px);
  }

  to {
    transform: translateX(0);
  }
}

.CK {
  margin-bottom: 15px;
}

.CL {
  margin-left: auto;
}

.CY {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: #d30004;
}

.CR {
  animation: Mn 0.5s ease-in-out;
}

.CQ {
  margin-left: -10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 374px) {
  .CQ {
    flex-wrap: nowrap;
  }
}

.CS {
  max-width: 510px;
}

.CT {
  position: relative;
  width: auto;
  margin: 0 0 10px 10px;
}

.CT>button {
  width: 48.83px;
  height: 48.83px;
  min-width: 48.83px;
}

@media (min-width: 1024.01px) {
  .CT>button {
    width: 53.33px;
    height: 53.33px;
    min-width: 53.33px;
  }
}

@media (max-width: 374px) {
  .CT>button {
    width: calc((100vw - 32px - 50px) / 6);
    height: calc((100vw - 32px - 50px) / 6);
    min-width: calc((100vw - 32px - 50px) / 6);
  }
}

.CV {
  margin: 4px;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 374px) {
  .CV {
    width: 10px;
  }
}

.CU {
  flex-grow: 1;
}

.CU>button {
  width: 100%;
}

.Mo {
  margin-top: 25px;
}

.CM {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  display: flex;
  align-items: center;
  outline-offset: 6px;
  cursor: pointer;
}

.CO {
  margin-right: 3.5px;
}

.CP {
  display: inline-flex;
}

.CN {
  display: inline-block;
  height: 16px;
  margin-right: 4px;
}

.CN svg {
  width: 16px;
  height: 16px;
}

.CI {
  padding: 8px 0 7px;
  margin-top: 15px;
}

.CJ {
  width: 130px;
  height: 8px;
  border-radius: 2px;
  background-color: var(--figma-color-border);
}

.Mp {
  width: 48.83px;
  height: 48.83px;
  min-width: 48.83px;
  box-sizing: border-box;
  border: 1px solid var(--figma-color-border);
}

@media (min-width: 1024.01px) {
  .Mp {
    width: 53.33px;
    height: 53.33px;
    min-width: 53.33px;
  }
}

.Mp:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.CX {
  display: flex;
}

.CX>div {
  max-width: 140px;
  width: 100%;
}

.CX>div:not(:first-of-type) {
  margin-left: 10px;
}

.CZ {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 15px;
  color: var(--figma-color-tertiary);
}

.CH [data-deep="modal-fade"] {
  z-index: calc(var(--index-splash-fade) + 1);
}

.CW {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.Dg {
  padding: 0 16px;
}

@media (min-width: 1024.01px) {
  .Dg {
    width: 375px;
    padding: 40px;
    position: sticky;
    box-sizing: initial;
  }
}

.kk {
  margin-top: 30px;
}

.kl {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 800;
  margin-bottom: 5px;
}

.km {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-bottom: 24px;
}

.Da {
  height: 100%;
}

.Da,
.Db {
  position: relative;
}

.Db {
  display: grid;
  max-width: 100vw;
  box-sizing: border-box;
  padding-bottom: 28px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: text;
  user-select: text;
  z-index: 80;
}

@media (min-width: 1024.01px) {
  .Db {
    padding-top: 2px;
    padding-left: 2px;
    margin: -2px 0 0 -2px;
  }
}

@supports (-webkit-touch-callout: none) {
  .Db {
    padding-bottom: 0;
  }
}

.Db::-webkit-scrollbar {
  height: 3px;
}

.Db::-webkit-scrollbar-track {
  background-color: var(--figma-color-bg-gray);
  margin: 0 16px;
}

.Db::-webkit-scrollbar-thumb {
  background-color: #000;
}

@media (min-width: 1024.01px) {
  .Db::-webkit-scrollbar-track {
    margin: 0;
  }
}

@media (max-width: 1024px) {
  .Db>* {
    flex-shrink: 0;
  }
}

.Db a {
  outline-offset: 0;
}

.Db a:focus-visible {
  z-index: 1;
}

.Jm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 25px;
}

@media (max-width: 1024px) {
  .Jm {
    display: none;
  }
}

.Jm>div:not(:first-child) {
  margin-left: 6px;
}

.Jn {
  width: 20px;
  height: 1px;
  background-color: var(--figma-color-bg-black-100);
}

.Jo {
  height: 3px;
}

.Dc {
  display: block;
  width: 100%;
  top: 0;
}

.Dd {
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(calc(-50% - 24px));
  z-index: 10;
  outline-offset: 3px;
  z-index: 80;
}

@media (max-width: 1024px) {
  .Dd {
    display: none !important;
  }
}

.De {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(calc(-50% - 24px));
  z-index: 10;
  outline-offset: 3px;
  z-index: 80;
}

@media (max-width: 1024px) {
  .De {
    display: none !important;
  }
}

.Jp {
  padding-left: 16px;
}

@media (max-width: 1024px) {
  .Jq {
    display: flex;
  }
}

.hL {
  margin: 60px 0 100px;
}

@media (max-width: 1024px) {
  .hL {
    margin: 40px 0 60px;
  }
}

.hM {
  width: calc(100% - 160px);
  margin: 0 80px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1024px) {
  .hM {
    width: calc(100% - 32px);
    margin: 0 16px 30px;
    display: block;
  }
}

.hN {
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--figma-font-weight-extra-bold);
  font-weight: var(--font-weight-extra-bold);
}

@media (max-width: 1024px) {
  .hN {
    font-size: 28px;
    line-height: 36px;
    font-weight: var(--font-weight-extra-bold);
  }
}

.hP {
  margin-left: 80px;
}

@media (max-width: 1024px) {
  .hP {
    margin-left: 0;
  }
}

.hQ img {
  height: 100%;
}

.hO {
  margin-right: 4px;
  font-weight: var(--font-weight-extra-bold);
}

@media (max-width: 1024px) {
  .hO {
    display: none !important;
  }
}

.ia {
  display: flex;
}

@media (max-width: 1024px) {
  .ia {
    flex-direction: column-reverse;
  }
}

.ib {
  width: 560px;
  min-width: 560px;
  height: fit-content;
  padding: 47px 80px;
  background-color: var(--figma-color-bg-black-100);
  color: var(--figma-color-text-primary-contrast);
}

@media (max-width: 1024px) {
  .ib {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 32px 16px;
  }
}

.ib h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  text-transform: uppercase;
  margin: 0 0 5px;
}

.ib h1 span {
  color: #ffb7c8;
}

.ic {
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: 16px;
}

@media (max-width: 1024px) {
  .ic {
    font-size: 32px;
    line-height: 48px;
    font-weight: var(--figma-font-weight-extra-bold);
    font-weight: var(--font-weight-extra-bold);
  }
}

.id {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-medium);
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .id {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--figma-font-weight-medium);
    margin-bottom: 32px;
  }
}

.if {
  width: 300px;
}

@media (max-width: 1024px) {
  .if {
    display: none !important;
  }
}

.ie {
  display: none !important;
}

@media (max-width: 1024px) {
  .ie {
    display: block !important;
    width: 100%;
    margin-bottom: 32px;
  }
}

.ig {
  display: none;
}

@media (max-width: 1024px) {
  .ig {
    display: block;
  }
}

.ih {
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .ih {
    display: none;
  }
}

.hS {
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

@media (max-width: 1024px) {
  .hS {
    font-weight: var(--font-weight-extra-bold);
    font-size: 14px;
    line-height: 24px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.hT {
  display: flex;
  margin-bottom: 40px;
}

.hU {
  flex-direction: column;
  gap: 5px;
}

.hU,
.hV {
  display: flex;
  align-items: center;
}

.hV {
  width: 85px;
  height: 78px;
  border-radius: 10px;
  justify-content: center;
  background-color: var(--figma-color-bg-white-20);
  color: var(--figma-color-text-primary-contrast);
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
}

@media (max-width: 1024px) {
  .hV {
    font-size: 32px;
    line-height: 48px;
    font-weight: var(--figma-font-weight-extra-bold);
    font-weight: var(--font-weight-extra-bold);
    width: 70px;
    height: 66px;
  }
}

.hW {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.hX {
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--figma-font-weight-extra-bold);
  font-weight: var(--font-weight-extra-bold);
  height: 78px;
  margin: 0 4px;
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .hX {
    height: 66px;
  }

  .hT {
    margin-bottom: 0;
  }
}

.hY {
  background-color: #ffbbc8;
  padding: 20px 0;
}

@media (max-width: 1024px) {
  .hY {
    padding: 20px 24px;
  }
}

.hZ {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 64px;
}

@media (max-width: 1024px) {
  .hZ {
    gap: 16px;
  }
}

.h_ {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: var(--font-weight-extra-bold);
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.h_ p {
  margin: 0;
}

@media (max-width: 1024px) {
  .h_ {
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.aR {
  margin: 0 16px 30px;
}

.aR h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin: 10px 0 15px;
}

@media (min-width: 1024.01px) {
  .aR h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.aS {
  border: 0.5px solid var(--figma-color-border-2);
  padding: 16px;
}

.aT {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.aU {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.aU,
.aV {
  font-size: 14px;
}

.aV {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.aV,
.aW {
  line-height: 23px;
}

.aW {
  font-size: 14px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

.aX {
  position: absolute;
  top: 170px;
  width: 100%;
  padding-top: 5px;
  border: 1px solid var(--figma-color-border-2);
  border-radius: 6px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1019607843);
  background-color: var(--figma-color-bg-white-100);
  z-index: 95;
  overflow: hidden;
}

.aY {
  top: 58px;
}

.aZ {
  position: absolute;
  right: 0;
  padding: 10px 16px 10px 10px;
  color: var(--figma-color-tertiary);
}

.Nc {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.Nd {
  font-weight: 700;
}

.a_ svg {
  color: var(--figma-color-tertiary);
  width: 16px;
  height: 16px;
}

.bb {
  color: var(--figma-color-tertiary);
}

.bb,
.bb button {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.bb button {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  padding: 8px 10px;
  width: 100%;
  color: var(--figma-color-tertiary);
  background-color: var(--figma-color-bg-white-100);
  text-align: left;
}

.bb button:focus-visible {
  background-color: var(--figma-color-grayscale-40);
  outline: none;
}

.bb strong {
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-primary);
  font-weight: 700;
}

.bb strong,
.bc {
  font-size: 16px;
  line-height: 24px;
}

.bc {
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-primary);
}

.bd {
  padding: 8px 10px;
  background-color: var(--figma-color-grayscale-20);
  border-top: 1px solid var(--figma-color-border);
}

.be {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--figma-color-text-primary);
}

.be,
.ca {
  font-size: 14px;
  line-height: 23px;
}

.ca {
  font-weight: var(--figma-font-weight-medium);
  display: flex;
  gap: 2px;
  flex-direction: column;
  margin: auto 0;
}

.cb {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cb,
.cc {
  font-size: 14px;
}

.cc {
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

@media (min-width: 1024.01px) {
  .cb {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.co {
  padding: 0 16px;
  margin: 0 0 30px;
  border: 0;
}

.cp {
  opacity: 40%;
  pointer-events: none;
}

.co h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 0 15px;
}

@media (min-width: 1024.01px) {
  .co h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.Oe {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 0 15px;
}

@media (min-width: 1024.01px) {
  .Oe {
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.co ul[role="radiogroup"] li:not(:first-of-type) {
  margin-top: -0.5px;
}

.cq {
  border: 0.5px solid var(--figma-color-border-2);
  padding: 16px;
}

.cs {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 16px;
  width: 100%;
}

.cs label {
  margin-left: 0;
}

.cs input {
  border-color: var(--figma-color-border-3);
  border-radius: 6px;
}

.cu {
  display: flex;
  gap: 8px;
  padding: 12px;
  align-items: center;
  justify-content: start;
  width: 100% !important;
  background: var(--figma-color-bg-gray);
}

.cu p {
  margin: 0 auto auto 0;
  padding: 0;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

@media (min-width: 600px) {
  .cu p {
    margin: auto 0;
  }
}

.cv {
  height: 20px;
  width: 20px;
  margin: 3px 0 auto;
}

@media (min-width: 600px) {
  .cv {
    margin: 3px 0 auto;
  }
}

.KD {
  height: 56px;
  width: 100%;
}

.cq label {
  flex-grow: 1;
}

.cn {
  display: flex;
  justify-content: space-between;
}

.cn,
.cq.KE {
  align-items: flex-start;
}

.cq.KE>div>div {
  width: 24px;
  height: 20px;
}

.cr {
  border: 0.5px solid var(--figma-color-border-2);
}

.cr ul li {
  margin: 0;
  padding: 16px;
}

.cr ul li:not(:last-of-type) {
  border-bottom: 0.5px solid var(--figma-color-border-2);
}

.cr ul li>div {
  border: unset;
  padding: 0;
}

.fd {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
  margin: 0 0 25px;
}

.fc {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--figma-font-weight-extra-bold);
  color: var(--figma-color-tertiary);
  margin: 0 0 5px;
}

@media (max-width: 1024px) {
  .fc {
    margin: 0;
  }
}

@media (min-width: 1024.01px) {
  .fe [data-deep="scroll-content"] {
    padding: 9px 9px 28px;
    margin: -9px -9px 0;
  }

  .fe [data-deep="scroll-next-button"],
  .fe [data-deep="scroll-prev-button"] {
    transform: translateY(calc(-50% - 21px));
  }
}

.fe a {
  outline-offset: 6px !important;
}

.fe a:focus-visible {
  z-index: 1;
}

.ff {
  height: 100%;
}

@media (max-width: 1024px) {
  .ff.ff {
    width: 100%;
  }
}

.ff>div:first-of-type {
  flex: 1;
}

.xd {
  outline: none;
  border: 0;
  padding: 0;
  margin-top: 4px;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  display: flex;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
  outline-offset: 3px;
}

.xd,
.xd :after {
  position: absolute;
}

.xd :after {
  content: "";
  top: -5px;
  left: -12px;
  right: -12px;
  bottom: -5px;
  display: block;
}

.xd span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: var(--figma-color-bg-white-100);
  box-sizing: initial;
}

.xd:hover span,
.xe span {
  box-shadow: 0 0 0 6px var(--figma-color-bg-black-100);
}

.xf {
  display: flex;
  position: absolute;
  flex-direction: row;
  background: var(--figma-color-text-primary);
  border-radius: 6px;
  outline-offset: 3px;
  padding: 8px;
  width: 176px;
  height: auto;
  box-sizing: border-box;
  z-index: var(--index-splash-fade);
}

.xg {
  height: 100%;
  width: 45px;
}

.xg div {
  position: static;
}

.xg>img {
  object-fit: cover;
}

.xh {
  margin-left: 10px;
}

.xi {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(176px - 45px - 20px);
  color: var(--figma-color-text-secondary-contrast);
}

.xi,
.xj {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
}

.xj {
  color: var(--figma-color-text-primary-contrast);
}

.xk {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-text-primary-contrast);
  margin-top: 5px;
}

.Dh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.Dh>div>img {
  display: block;
  object-fit: cover;
}

.Dh>div:first-child {
  width: 100% !important;
  height: auto !important;
}

.Jl {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 7.5px 10px;
  background-color: var(--figma-color-bg-black-100);
}

.Jl> :first-child {
  margin-right: 5px;
}

.Jl span {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-text-primary-contrast);
}

.Jl path {
  fill: var(--figma-color-text-primary-contrast);
}

.OQ {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
  margin: 0 0 25px;
}

.OR {
  color: #3a3a3a;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 25px;
}

.OR span {
  font-weight: 800;
  color: #000;
}

.OS {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.OS [data-deep="review-text"] {
  flex-grow: 1;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;
  max-height: 132px;
}

.Dz {
  position: relative;
  display: flex;
  justify-content: center;
}

.Dz>img {
  object-fit: cover;
}

.DB {
  position: absolute;
  width: 100%;
  height: 194px;
  bottom: 0;
  background: linear-gradient(359.58deg,
      rgba(0, 0, 0, 0.75) 25.22%,
      rgba(0, 0, 0, 0) 99.62%);
}

.DA {
  background-color: var(--figma-color-grayscale-20);
}

.DC,
.HK {
  align-items: center;
}

.DC {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: calc(100% - 80px);
  left: 40px;
  bottom: 40px;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .DC {
    max-width: 160px;
  }
}

.HL .DC {
  left: 40px;
  bottom: 40px;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .HL .DC {
    left: 16px;
    bottom: 16px;
  }
}

.DA .DC,
.HM .DC {
  display: none;
}

.DD {
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--figma-font-weight-extra-bold);
  text-align: left;
  color: #fff;
}

@media (max-width: 1024px) {
  .DD {
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.HN .DD {
  text-align: left;
}

.DE {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  color: #fff;
}

@media (max-width: 1024px) {
  .DE {
    font-size: 14px;
    line-height: 23px;
    font-weight: var(--figma-font-weight-medium);
  }
}

.DG {
  margin-top: 20px;
}

.DG>button {
  margin-top: 0;
}

.DF {
  margin-top: 20px;
}

.DF:not(:first-of-type) {
  margin-left: 10px;
}

.DH {
  display: none;
}

@media (max-width: 1024px) {
  .DH {
    display: inline-block;
  }
}

.DI:focus-visible {
  position: relative;
  outline-offset: 9px;
  z-index: 1;
}

.nF {
  background: var(--white-color);
}

.nF [data-deep="modal-wrapper"] {
  width: 100%;
}

@media (min-width: 1024.01px) {
  .nF [data-deep="modal-wrapper"] {
    top: 100px;
    left: 0;
    right: 0;
    position: fixed;
    bottom: unset;
  }

  .nF [data-deep="modal-container"] {
    padding: 0;
  }

  .nF [data-deep="modal-controls"] {
    max-width: var(--container-width);
    width: 100%;
    margin: 40px auto 0;
    padding: 0 16px;
  }
}

.nI {
  margin-bottom: 25px;
}

.nH {
  padding: 0;
}

@media (max-width: 1024px) {
  .nH {
    margin: 0 0 20px;
  }
}

@media (min-width: 1024.01px) {
  .nH {
    top: 100px;
    padding: 0 16px 30px;
  }
}

.nJ {
  height: 100%;
}

@media (max-width: 1024px) {
  .nJ.nJ {
    width: 185px;
  }
}

.nJ>div:first-of-type {
  flex: 1;
}

.rsProductColor {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.NL {
  width: 10px;
  height: 10px;
}

.NM {
  width: 28px;
  height: 28px;
}

.NN {
  width: 26px;
  height: 26px;
}

.NO {
  width: 40px;
  height: 40px;
}

.vO {
  border-radius: 20px;
}

.vP {
  color: var(--figma-color-bg-white-100);
}

.vQ {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  outline-offset: 3px;
}

.vR {
  color: var(--figma-color-tertiary) !important;
  cursor: unset !important;
}

.rsProductColor .vR {
  opacity: 0.5;
}

.vS {
  margin-left: 16px;
}

.vS,
.vT {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
}

.vT {
  color: var(--figma-color-tertiary);
  margin-left: 10px;
}

.vC {
  position: relative;
  cursor: pointer;
}

.vD .NP {
  opacity: 0.5;
}

.NP {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.NQ {
  width: 40px;
  height: 40px;
}

.NR {
  width: 28px;
  height: 28px;
}

.NS {
  width: 26px;
  height: 26px;
}

.vE {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vF {
  color: var(--figma-color-bg-white-100);
}

.ed {
  display: none;
}

@media (min-width: 1024.01px) {
  .ed {
    max-width: 455px;
    display: flex;
    font-size: 1.2rem;
    flex-direction: column;
    gap: 10px;
    padding: 0 1rem;
    flex: 1;
  }

  .ed h1 {
    text-align: left;
  }
}

.ee {
  width: 8rem;
  margin-block: 1rem;
  height: 1.5rem;
  border-radius: 5rem;
}

.ef {
  width: 100%;
  height: 175px;
}

.eg {
  width: 8rem;
  margin: 6px 0 15px;
  height: 23px;
  border-radius: 5rem;
}

.eh {
  width: 100%;
  height: 125px;
  position: relative;
  display: flex;
  border: 1px solid var(--figma-color-border);
  border-radius: 4px;
}

.ei {
  width: 7rem;
}

.Md {
  z-index: 30;
  color: var(--figma-color-grayscale-80);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 100%;
  border: 1px solid var(--figma-color-border);
}

.ej {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 1rem;
  flex-direction: column;
}

.ek:first-child {
  width: 7.25rem;
  height: 0.75rem;
  border-radius: 5rem;
}

.ek:nth-child(2) {
  width: 6.25rem;
  height: 0.75rem;
  border-radius: 5rem;
}

.ek:nth-child(3) {
  width: 5.25rem;
  height: 0.75rem;
  border-radius: 5rem;
}

.ek:nth-child(4) {
  width: 4.25rem;
  height: 0.75rem;
  border-radius: 5rem;
}

@media (min-width: 1024.01px) {
  .ed {
    flex: 1;
    animation: none;
    transform: translateX(0);
    padding: 0 40px;
  }

  .ed hr {
    border-top: 1px solid var(--figma-color-border);
  }
}

.Me {
  margin-block: 0;
  padding: 1rem 0 0.75rem;
}

.Mf {
  padding-top: 3.1rem;
}

.Mg,
.ee,
.ef,
.eg,
.ei,
.ek:first-child,
.ek:nth-child(2),
.ek:nth-child(3),
.ek:nth-child(4) {
  background: linear-gradient(45deg, #e9e9e8 33%, #d0cecb 45%, #e9e9e8 65%);
  background-size: 800px;
  animation: Mh 1.5s linear infinite;
}

@keyframes Mh {
  0% {
    background-position: -400px 0;
  }

  to {
    background-position: 400px 0;
  }
}

@keyframes JL {
  0% {
    background-position: -400px 0;
  }

  to {
    background-position: 400px 0;
  }
}

.dA {
  display: flex;
  justify-content: space-between;
}

.dA,
.dB {
  width: 100%;
}

.dB {
  margin: auto;
  min-height: 800px;
  position: relative;
  justify-content: center;
  background-color: #fff;
  padding: 16px;
}

@media (min-width: 1024.01px) {
  .dB {
    width: 640px;
    padding: 0;
  }
}

.dC {
  box-sizing: border-box;
  flex-direction: column;
}

@media (min-width: 1024.01px) {
  .dC {
    padding: 0 15px;
  }
}

.dD {
  margin: 0 0 5px;
  width: 170px;
  height: 24px;
}

@media (min-width: 1024.01px) {
  .dD {
    height: 32px;
    margin: 10px 0 5px;
  }
}

.dE {
  margin: 7px 0 15px;
  width: 250px;
  height: 20px;
}

.dI {
  width: 160px;
  height: 14px;
  margin: 25px 0;
}

.dF {
  height: 111px;
  margin-bottom: 16px;
}

.dF,
.dG {
  width: 100%;
}

.dG {
  height: 166px;
}

.dJ {
  width: 125px;
  height: 60px;
  margin-top: 20px;
  margin-left: auto;
}

.dM {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding: 0 15px;
}

.dN {
  width: 120px;
  height: 12px;
}

.dO {
  width: 10%;
  height: 15px;
  margin: 15px 0 30px;
}

.dP {
  height: 50px;
  width: 500px;
  margin-bottom: 15px;
}

.dQ {
  width: 100%;
}

.JK,
.dQ {
  height: 12px;
}

.JK {
  width: 95%;
}

.dH {
  display: flex;
  margin-bottom: 60px;
}

@media (max-width: 1024px) {
  .dH {
    flex-direction: column;
  }

  .dH span:last-child {
    width: 100%;
    margin-top: 0;
  }

  .dH {
    margin-bottom: 30px;
  }
}

.dK {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.dL {
  width: 100%;
  height: 155px;
}

.JK,
.dD,
.dE,
.dF,
.dG,
.dI,
.dJ,
.dL,
.dN,
.dO,
.dP,
.dQ {
  border-radius: 10px;
  display: block;
  background: linear-gradient(45deg, #e9e9e8 33%, #d0cecb 45%, #e9e9e8 65%);
  background-size: 800px;
  animation: JL 1.5s linear infinite;
}

.JM,
.dE,
.dF,
.dG,
.dJ {
  border-radius: 6px;
}

.cF {
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 1440px;
  position: relative;
}

.dv {
  margin: 0 auto 16px;
}

@media (min-width: 1024.01px) {
  .cF {
    flex-direction: row-reverse;
    padding-top: 0;
  }

  .dv {
    margin: 0 auto 60px;
    max-width: 640px;
    flex-direction: column;
    display: flex;
    gap: 50px;
  }

  .cG {
    margin: 0 auto;
    padding: 0 16px;
    width: 640px;
  }
}

@media (min-width: 1024.01px) and (min-width: 1024.01px) {
  .cG {
    width: calc(100vw - 500px);
    padding: 0;
  }
}

@media (min-width: 1024.01px) {
  .Ie {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }
}

.If {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background-color: var(--figma-color-bg-white-70);
}

@media (max-width: 1024px) {
  .If svg {
    width: 47px;
    height: 47px;
  }
}

.el {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  background-color: var(--figma-color-bg-white-100);
}

@media (max-width: 1024px) {
  .el svg {
    width: 47px;
    height: 47px;
  }
}

.en {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 32px;
}

@media (max-width: 1024px) {
  .en {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--figma-font-weight-medium);
    margin-top: 24px;
  }
}

.Ig {
  margin-top: -50px;
}

.Ih {
  order: 1;
  margin: 25vh auto;
}

@media (min-width: 1024.01px) {
  .Ih {
    margin: auto;
  }
}

.Ii {
  display: flex;
  margin-top: 60px;
}

@media (max-width: 1024px) {
  .Ii {
    display: block;
    margin-top: 25px;
  }
}

.Ij {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .Ij {
    gap: 25px;
  }
}

.Ij h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 0 10px;
}

@media (max-width: 1024px) {
  .Ij h1 {
    margin: 0 0 5px;
  }
}

.Ij p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin-block: 0;
}

@media (min-width: 1024.01px) {
  .Ik {
    width: fit-content;
  }
}

.Il {
  width: 455px;
}

@media (max-width: 1024px) {
  .Il {
    display: none;
  }
}

.Im {
  position: absolute;
  visibility: hidden;
  height: 1px;
}

.eo {
  opacity: 0;
  animation: In 0.2s ease-in 2.5s forwards;
}

@keyframes In {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes JG {
  0% {
    background-position: -400px 0;
  }

  to {
    background-position: 400px 0;
  }
}

.dS {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.dT {
  min-height: 800px;
  width: 640px;
  position: relative;
  justify-content: center;
  background-color: #fff;
  padding: 16px;
}

@media (min-width: 1024.01px) {
  .dT {
    padding: 0;
  }
}

.dU {
  box-sizing: border-box;
  flex-direction: column;
}

@media (min-width: 1024.01px) {
  .dU {
    padding: 15px;
  }
}

.dV {
  margin-bottom: 15px;
  width: 130px;
  height: 18px;
}

.dX {
  width: 30%;
  height: 10px;
  margin: 20px 0 20px auto;
}

.dW {
  width: 100%;
  height: 135px;
}

.dY {
  width: 50%;
  height: 50px;
  margin-top: 20px;
  margin-left: auto;
}

.dZ {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  padding: 0 15px;
}

.d_ {
  width: 90%;
  height: 12px;
}

.ea {
  width: 10%;
  height: 15px;
  margin: 15px 0 20px;
}

.eb {
  height: 50px;
  width: 60%;
  margin-bottom: 15px;
}

.JF {
  width: 95%;
  height: 12px;
}

.JF,
.dV,
.dW,
.dX,
.dY,
.d_,
.ea,
.eb {
  border-radius: 10px;
  display: block;
  background: linear-gradient(45deg, #e9e9e8 33%, #d0cecb 45%, #e9e9e8 65%);
  background-size: 800px;
  animation: JG 1.5s linear infinite;
}

.JH,
.dW,
.dY {
  border-radius: 3px;
}

.cR {
  padding: 16px;
  border: 1px solid #ececec;
  text-align: left;
  background: var(--white-color);
  display: flex;
  flex-direction: column;
}

.cR h1 {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cR p {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin: 0;
}

.cS {
  margin: 16px 0;
  display: flex;
}

.cS img:not(:first-child) {
  margin-left: -10px;
  border-radius: 50%;
}

.cT {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  text-align: center;
  display: block;
  color: inherit;
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.cT p {
  text-align: left;
}

.cT:visited {
  color: inherit;
}

.cV {
  padding: 10px 16px;
  gap: 5px;
  border: 1px solid #ececec;
  text-align: left;
  background: var(--white-color);
  display: flex;
  flex-direction: column;
}

.cV div h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cV>div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cV>div div h2 {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cV>div div div {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin: 2px 0;
}

.cU {
  height: 12px;
  width: 40%;
  margin-bottom: 6px;
  border-radius: 4px;
  background-color: var(--figma-color-grayscale-40);
}

.cW {
  padding: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ececec;
  background: var(--white-color);
}

.cW p:first-child {
  margin-top: 0;
  margin-block: 0;
}

.cX {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0;
  margin-block: 0;
}

.LY {
  width: 100%;
  margin-top: 0.5rem;
}

.cZ {
  opacity: 0.2;
}

.cY {
  transition: all 0.1s ease-in-out;
  border: 2px solid #000;
  background: var(--white-color);
  cursor: pointer;
  text-align: left;
  padding: 0 20px;
  height: 50px;
  width: 320px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cY>div {
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.cY>div>p {
  margin: 0;
}

.cY>div>svg {
  margin-top: auto;
  margin-bottom: auto;
}

.da {
  padding: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ececec;
  background: var(--white-color);
}

.dc {
  max-width: 200px;
}

.da p:first-child {
  margin-top: 0;
  margin-block: 0;
}

.db {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0;
  margin-block: 0;
}

.LT {
  width: 100%;
  margin-top: 0.5rem;
}

.JN {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background: green;
  margin: auto;
}

.JO {
  position: absolute;
}

.JP {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.JP h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
}

.JP p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 1.5rem;
}

.JP input,
.JP p {
  font-weight: var(--figma-font-weight-medium);
}

.JP input {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 1rem;
}

.dd {
  gap: 1rem;
  padding: 0 16px;
}

.JQ,
.dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.JQ,
.JR {
  padding-bottom: 1rem;
}

.JR {
  margin: auto;
  background: var(--white-color);
  z-index: 20;
  text-align: center;
}

.JR h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
}

.JR p {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 0;
  color: var(--label-color);
}

.de {
  width: 100%;
  margin-top: 1rem;
}

.df {
  flex-direction: column;
  margin: auto;
  display: flex;
  justify-items: center;
  padding: 0 16px;
  gap: 25px;
}

@media (min-width: 1024.01px) {
  .df {
    width: 500px;
    gap: 30px;
  }
}

.df img,
.df svg {
  margin: auto;
}

.df h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 700;
  text-align: center;
}

.df h1,
.df p {
  margin-block: 0;
}

.df p {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

.dg {
  background: var(--white-color);
  z-index: 20;
  text-align: center;
  padding: 30px 16px 0;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.dg,
.dg img {
  margin: auto;
}

.dg h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 700;
  margin-block: 0;
}

.dj {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin: 0;
}

.dh {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.JS,
.dg p {
  margin: 0;
}

.dg p {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

.dp {
  margin: auto;
  font-size: 1.2rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.dp hr {
  border-top: 1px solid var(--figma-color-border);
}

@media (min-width: 1024.01px) {
  .dp {
    align-items: self-start;
    margin: 0;
    min-height: calc(100% + 30px);
    max-width: 455px;
    flex: 1;
    padding: 0 40px;
  }

  .dp hr {
    border-top: 1px solid var(--figma-color-border);
  }
}

.Ka {
  max-width: 100%;
}

.du {
  width: min(90vw, 620px);
}

@media (min-width: 1024.01px) {
  .du {
    width: 375px;
  }
}

@media (max-width: 1024px) {
  .dq {
    display: none;
  }
}

.dr {
  margin-block: 0;
  margin: 16px 0 20px;
}

.ds {
  padding-top: 3.1rem;
}

.dt {
  padding-top: 1rem;
}

.Kb {
  display: flex;
}

.Kb svg {
  margin: auto 10px;
}

.Kb span {
  margin: auto 0;
}

.Kc {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--figma-color-text-secondary);
  margin: 16px 0 25px;
  padding: 0;
}

@media (max-width: 1024px) {
  .Kc {
    margin-right: auto;
  }
}

.Kd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 55px;
  height: 32px;
  border: 1px solid var(--figma-color-border);
  margin-top: 0.3rem;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  border-radius: 0;
  background: var(--white-color);
  background-image: url(/_next/static/media/down-chevron.7d6f0dba.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 80%;
  padding: 0 20px 0 12px;
}

@-moz-document url-prefix() {
  .Kd {
    background-image: url(/_next/static/media/down-chevron.7d6f0dba.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 80%;
    padding-right: 20px;
  }
}

.Kd:disabled {
  opacity: 40%;
}

.Ke {
  display: flex;
  flex-direction: column;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid var(--figma-color-bg-gray) !important;
  margin-left: auto;
}

.Ke svg {
  margin: auto;
}

.Kf {
  background: hsla(0, 0%, 100%, 0.8);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 30;
}

.Kf div {
  background: #000;
  color: #fff;
}

.Kg {
  position: relative;
  color: #000;
  display: flex;
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  line-height: 20px;
}

.Kg ul {
  padding-inline-start: 20px;
}

.Kg img {
  width: 7rem;
}

.Kg {
  letter-spacing: 0.4px;
}

.Kh {
  list-style-type: none;
}

.Ki {
  padding: 0.4rem 0;
}

.Kj {
  list-style-type: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  line-height: 2rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0;
}

.xw {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  line-height: 0;
  position: relative;
}

.xw .xU {
  font-size: 10px;
  line-height: 9px;
  font-weight: var(--figma-font-weight-semi-bold);
  max-width: 14px;
  max-height: 14px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--figma-color-bg-white-100);
  width: 18px;
  height: 18px;
  border-radius: 9px;
  right: 10px;
  bottom: 12px;
  background-color: #3172da;
  top: 15px;
}

@media (min-width: 1024.01px) {
  .xw .xU {
    right: 5px;
    top: 5px;
  }
}

@media (max-width: 1024px) {
    .xw .xU {
        right: 5px;
    }
}
