/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
.manrope-uniquifier {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: "Manrope", sans-serif;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Manrope", sans-serif;
}

hr {
  height: 0;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
    monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  appearance: button;
  -webkit-appearance: button;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

legend {
  padding: 0;
}

progress {
  vertical-align: initial;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

:root {
  --max-desktop-width: 1360px;
  --min-desktop-width: 1200px;
  --max-full-width: 1440px;
  --ah: 90%;
  --m-header-height: 48px;
  --index-fullscreen: 91;
  --index-flyout: 91;
  --index-splash: 100;
  --index-splash-fade: 99;
  --index-floating-header: 90;
  --index-splash-fade-second: 89;
  --font-weight-light: 500;
  --font-weight-regular: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --light-shift: 0%;
  --black-color: hsl(0, 0%, calc(0% + var(--light-shift)));
  --placeholder-color: hsla(0, 0%, calc(0% + var(--light-shift)), 0.24);
  --sale-stroke-color: hsla(0, 0%, calc(0% + var(--light-shift)), 0.6);
  --shadow-color: hsla(0, 0%, calc(0% + var(--light-shift)), 0.06);
  --shadow-color-darker: hsla(0, 0%, calc(0% + var(--light-shift)), 0.1);
  --primary-color: hsla(0, 0%, calc(0% + var(--light-shift)), 1);
  --time-color: hsla(0, 0%, calc(17.65% + var(--light-shift)), 0.5);
  --gray-color: hsl(0, 0%, calc(20% + var(--light-shift)));
  --label-color: #3a3a3a;
  --label-2-color: #434343;
  --lightblue-color: hsla(214.208, 99%, 44%, 0.5);
  --deepblue-color: hsl(209.06, 99.11%, 44.12%);
  --link-color: hsl(209.41, 100%, 50%);
  --blue-color: hsl(208.94, 100%, 50%);
  --blue-bg-color: hsl(208, 100%, 50%);
  --orange-transparent-color: hsla(18.898, 100%, 50%, 0.5);
  --light-color: hsl(0, 0%, calc(89.02% - var(--light-shift)));
  --light-2-color: hsl(0, 0%, calc(92.94% - var(--light-shift)));
  --light-3-color: hsl(0, 0%, calc(95.29% - var(--light-shift)));
  --light-4-color: #f1f1f1;
  --lightest-color: hsl(0, 0%, calc(96.86% - var(--light-shift)));
  --white-color: hsl(0, 0%, calc(100% - var(--light-shift)));
  --sale-stroke-color-light: hsla(0, 0%, calc(100% - var(--light-shift)), 0.6);
  --figma-font-weight-extra-bold: 800;
  --figma-font-weight-bold: 700;
  --figma-font-weight-semi-bold: 600;
  --figma-font-weight-medium: 500;
  --figma-color-black-transparent: hsla(0,
      0%,
      calc(0% + var(--light-shift)),
      0);
  --figma-color-bg-black-100: hsl(0, 0%, calc(0% + var(--light-shift)));
  --figma-color-bg-black-70: hsla(0, 0%, calc(0% + var(--light-shift)), 0.7);
  --figma-color-bg-black-20: hsla(0, 0%, calc(0% + var(--light-shift)), 0.2);
  --figma-color-bg-black-25: hsla(0, 0%, calc(0% + var(--light-shift)), 0.25);
  --figma-color-bg-white-100: hsl(0, 0%, calc(100% - var(--light-shift)));
  --figma-color-bg-white-70: hsla(0, 0%, calc(100% - var(--light-shift)), 0.7);
  --figma-color-bg-white-40: hsla(0, 0%, calc(100% - var(--light-shift)), 0.4);
  --figma-color-bg-white-20: hsla(0, 0%, calc(100% - var(--light-shift)), 0.2);
  --figma-color-bg-gray: hsl(0, 0%, calc(91% - var(--light-shift)));
  --figma-color-bg-dark-gray: hsla(0, 0%, calc(95% - var(--light-shift)), 1);
  --figma-color-bg-light-gray: hsla(0, 0%, calc(97% - var(--light-shift)), 1);
  --figma-color-grayscale-20: hsla(0, 0%, calc(75% - var(--light-shift)), 0.2);
  --figma-color-grayscale-20-hex: hsl(0, 0%, calc(75% - var(--light-shift)));
  --figma-color-grayscale-40: hsla(0, 0%, calc(75% - var(--light-shift)), 0.4);
  --figma-color-grayscale-80: hsla(0, 0%, calc(75% - var(--light-shift)), 0.8);
  --figma-color-grayscale-80: hsla(0, 0%, 75%, 0.8);
  --figma-color-ui-danger: hsl(20, 100%, 41%);
  --figma-color-ui-success: hsla(138, 42%, 48%);
  --figma-color-text-primary-contrast: hsl(0,
      0%,
      calc(100% - var(--light-shift)));
  --figma-color-text-primary: hsl(0, 0%, calc(0% + var(--light-shift)));
  --figma-color-text-secondary: hsl(0, 0%, calc(23% + var(--light-shift)));
  --figma-color-text-secondary-contrast: hsla(0,
      0%,
      calc(76% - var(--light-shift)),
      1);
  --figma-color-tertiary: hsla(0, 0%, 44%, 1);
  --figma-color-border: hsla(0, 0%, 93%, 1);
  --figma-color-border-2: hsla(0, 0%, 58%, 1);
  --figma-color-border-3: hsla(0, 0%, 58%, 1);
  --figma-desktop-max-width: 1284px;
  --figma-page-padding-horizontal-mobile: 20px;
  --figma-color-stats-bg: hsla(0, 0%, calc(97% - var(--light-shift)), 1);
  --figma-color-product-red: hsla(20, 100%, 49%, 1);
  --figma-color-inactive-icon: rgb(68, 1, 1);
  --rs-bottomBar-mobile-height: 65px;
}

:root.dark {
  --light-shift: 88%;
}

:root.dark [data-dark] {
  filter: grayscale(1) invert(1);
}

:root.dark .content,
:root.dark .i {
  background-color: unset !important;
}

:root.dark body {
  background: #141414;
  color: #dcdcdc;
}

body,
html {
  display: flex;
  flex-direction: column;
}

html {
  height: 100%;
}

body {
  background: var(--white-color);
  font-family: "Manrope", sans-serif;
  font-weight: var(--font-weight-regular);
  color: var(--primary-color);
  -webkit-font-smoothing: antialiased;
  flex: 1;
}

body.uclw_widget_open {
  padding-right: 0 !important;
}

[id^="trustbadge-container-"] {
  z-index: 10 !important;
}

.intercom-namespace {
  z-index: calc(var(--index-splash-fade) - 2);
}

#klarna-checkout-iframe {
  margin-bottom: -50px;
}

a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary-color);
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--figma-color-bg-black-100);
}

:focus {
  outline: none;
}

body,
html {
  width: 100%;
  margin: 0;
}

button,
input,
select,
textarea {
  color: inherit;
}

li {
  list-style: none;
}

.intercom-button {
  position: fixed;
  z-index: calc(var(--index-splash-fade) - 2);
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  bottom: 20px;
  right: 20px;
  max-width: 48px;
  width: 48px;
  max-height: 48px;
  height: 48px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
  box-sizing: initial;
}

.intercom-button:hover {
  transition: transform 0.25s cubic-bezier(0.33, 0, 0, 1);
  transform: scale(1.1);
}

.intercom-button div {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.intercom-button .intercom-svg {
  height: 24px;
  width: 24px;
}

.intercom-button .intercom-svg path {
  fill: #fff;
}

.ey {
  padding: 40px 0 30px;
}

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

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

.eA {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin: 0;
}

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

.eB {
  font-size: 14px;
  line-height: 23px;
  color: var(--figma-color-text-secondary);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

.eB,
.ex {
  font-weight: var(--figma-font-weight-medium);
}

.ex {
  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: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  margin-top: 16px !important;
  cursor: pointer;
}

.eI {
  padding: 25px 0 92px;
}

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

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

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

.eK {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  margin: 0;
}

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

.eL {
  margin-top: 25px;
}

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

.eM {
  position: fixed;
  width: calc(100% - 32px);
  bottom: 16px;
  margin: 0;
  background: var(--white-color);
}

@media (min-width: 1024.01px) {
  .eM {
    position: relative;
    width: unset;
    bottom: unset;
  }
}

.eM:after {
  content: "";
  background: hsla(0, 0%, 100%, 0.7098039216);
  position: absolute;
  width: 100%;
  height: 100%;
}

@media (min-width: 1024.01px) {
  .eM:after {
    content: none;
  }
}

.eC {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

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

.eF,
.eG {
  font-weight: var(--figma-font-weight-medium);
}

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

.eN {
  position: fixed;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 0 30px;
  background: var(--white-color);
  width: 100vw;
  color: #6e7075;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: var(--figma-font-weight-medium);
  z-index: calc(var(--index-splash-fade) - 1);
}

.eN a {
  padding-left: 5px;
  color: #2b76ca;
}

.iS {
  width: 100%;
  position: relative;
  font-size: 14px;
  display: flex;
  border: 1px solid #000;
  padding: 5px 16px;
}

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

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

.iT {
  padding-right: 20px;
}

.iT,
.iU {
  margin: auto 0 auto auto;
}

.iT,
.iT svg,
.iU,
.iU svg {
  width: 16px;
  height: 16px;
}

.gG {
  position: unset;
}

.gG [data-deep="modal-wrapper"] {
  max-height: 85%;
  max-height: 85dvh;
}

@media (min-width: 1024.01px) {
  .gG [data-deep="modal-wrapper"] {
    max-height: 100%;
    height: 100%;
  }
}

.gG [data-deep="modal-container"] {
  max-height: 85vh;
  min-height: 480px;
}

@media (min-width: 1024.01px) {
  .gG [data-deep="modal-container"] {
    max-height: 100%;
    min-height: unset;
  }
}

.gM {
  margin-top: 5px;
  margin-bottom: 30px;
}

.gH {
  display: flex;
  flex-flow: column;
  padding-bottom: 143px;
  overflow-y: auto;
}

@media (min-width: 1024.01px) {
  .gH {
    max-height: unset;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow-y: unset;
  }
}

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

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

.gK {
  display: flex;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .gK svg {
    width: 20px;
    height: 20px;
  }
}

.gL {
  margin-right: 15px;
}

.gK li {
  margin-top: 5px;
}

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

.gO h1 {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: 500;
  margin-block: 0;
}

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

.gN {
  position: relative;
  margin-bottom: 10px;
  min-height: 150px;
  flex: 1;
}

@media (min-width: 1024.01px) {
  .gN {
    overflow-y: auto;
    padding-bottom: 50px;
  }
}

@media (min-width: 1400.01px) {
  .gN {
    padding-bottom: 90px;
  }
}

.LP {
  margin-bottom: 10px;
}

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

.gP {
  position: fixed;
  width: calc(100% - 32px);
  bottom: 16px;
  margin: 0;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 10.42%,
      rgba(255, 255, 255, 0.7));
}

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

.gP:after {
  content: "";
  background: hsla(0, 0%, 100%, 0.7098039216);
  position: absolute;
  width: 100%;
  height: 100%;
}

.At::-webkit-scrollbar,
.At::-webkit-scrollbar-thumb {
  width: 0 !important;
  height: 0 !important;
}

.At::-webkit-scrollbar-track {
  height: 0 !important;
  width: 0 !important;
}

.At {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: scroll;
  padding: 6px;
  margin: -6px;
  -webkit-overflow-scrolling: touch;
}

.At>* {
  flex-shrink: 0;
}

.At> :not(:first-child) {
  margin-left: 10px;
}

.tO {
  outline: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 18px 15px;
  z-index: 1001;
}

.tP svg {
  filter: drop-shadow(0 1px 1px var(--black-color));
}

.tQ {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize;
  margin-left: 25px;
  position: relative;
  top: -1px;
}

.tB {
  border-top: 1px solid var(--figma-color-grayscale-20);
}

.tB:first-of-type {
  border-top: 0;
}

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

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

.tE {
  display: flex;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
  border: 0;
  background: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  outline-offset: 3px;
}

.tF {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  flex-grow: 1;
  margin-right: 8px;
}

.tG {
  flex-shrink: 0;
}

.tH {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  overflow: hidden;
  height: auto;
  max-height: 0;
  transition: max-height 0.25s ease-in-out;
}

@media (min-width: 1024.01px) {
  .tI {
    position: absolute;
    top: 0;
    left: 435px;
    width: calc(100% - 455px);
    max-height: none;
  }
}

.tJ {
  padding-bottom: 25px;
}

.tJ> :first-child {
  margin-top: 0;
}

.tJ> :last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .tC .tG {
    transform: rotate(-180deg);
  }
}

@media (min-width: 1024.01px) {
  .tC .tG {
    transform: rotate(-90deg);
  }
}

.OJ {
  bottom: 20px;
  right: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: 14px;
  color: var(--figma-color-text-secondary);
  position: static;
  /* margin-top: 24px; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

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

@media (min-width: 1024.01px) {
  .OJ {
    /* position: absolute; */
    margin-top: unset;
  }
}

.OK {
  width: 44px;
  height: 24px;
  position: relative;
  background-color: var(--black-color);
  border-radius: 20px;
}

.OL {
  width: 20px;
  height: 20px;
  background-color: var(--white-color);
  border-radius: 100%;
  top: 2px;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OL,
.OL svg {
  position: absolute;
}

.OL svg {
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
}

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

.xy {
  position: relative;
}

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

.Ic> :first-child {
  margin-top: 0;
}

.Ic> :last-child {
  margin-bottom: 0;
}

.xz .Ic {
  display: none;
}

.xz .xA {
  width: 100%;
}

@media (min-width: 1024.01px) {
  .xy {
    display: flex;
  }

  .xA {
    width: 375px;
    flex-shrink: 0;
  }

  .Ic {
    margin-left: 60px;
  }
}

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

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

.LF {
  position: relative;
}

.lK {
  padding: 0 0 98px;
}

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

  .LG {
    display: none;
  }
}

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

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

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

.lM,
.lN {
  white-space: pre-wrap;
}

.lP {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

@media (min-width: 1024.01px) {
  .lP {
    display: none;
    bottom: 40px;
    left: 40px;
    right: 40px;
  }
}

.lO {
  width: 100%;
}

.up {
  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);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
}

.ur {
  border-radius: 50%;
}

.JT {
  width: 60px;
  height: 60px;
}

.JU {
  width: 48px;
  height: 48px;
}

.JV {
  width: 36px;
  height: 36px;
}

.JW,
.JW:visited {
  color: var(--figma-color-bg-white-100);
  background-color: var(--figma-color-bg-black-100);
  border: 0;
}

.JW:hover,
.JW:visited:hover {
  background-color: var(--figma-color-bg-black-70);
}

.JW.uq,
.JW:visited.uq {
  color: var(--figma-color-bg-white-70);
  background-color: var(--figma-color-bg-black-20);
}

.JX,
.JX:visited {
  color: var(--figma-color-bg-black-100);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--figma-color-bg-black-100);
}

.JX.uq,
.JX:hover,
.JX:visited.uq,
.JX:visited:hover {
  border: 1px solid var(--figma-color-bg-black-20);
}

.JX.uq,
.JX:visited.uq {
  color: var(--figma-color-bg-black-20);
}

.JY,
.JY:visited {
  color: var(--figma-color-bg-black-100);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--figma-color-bg-gray);
}

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

.JY.uq,
.JY:visited.uq {
  color: var(--figma-color-bg-black-20);
  border: 1px solid var(--figma-color-bg-black-20);
}

.JZ,
.JZ:visited {
  color: var(--figma-color-bg-black-100);
  background-color: var(--figma-color-bg-white-100);
  border: 0;
}

.JZ:hover,
.JZ:visited:hover {
  background-color: var(--figma-color-bg-white-70);
}

.JZ.uq,
.JZ:visited.uq {
  color: var(--figma-color-bg-white-40);
  background-color: var(--figma-color-bg-white-20);
}

.J_,
.J_:visited {
  color: var(--figma-color-bg-white-100);
  background-color: var(--figma-color-bg-black-100);
  border: 1px solid var(--figma-color-bg-white-100);
}

.J_:hover,
.J_:visited:hover {
  border: 1px solid var(--figma-color-bg-white-70);
}

.J_.uq,
.J_:visited.uq {
  color: var(--figma-color-bg-white-40);
  border: 1px solid var(--figma-color-bg-white-20);
}

.up {
  outline-offset: 3px;
}

.Bt,
.IC,
.cw {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.cw.cx,
.cx.Bt,
.cx.IC {
  animation-iteration-count: infinite;
}

@keyframes ID {

  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.ID {
  animation-name: ID;
  animation-duration: 0.5s;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out;
}

@keyframes hz {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.hz {
  animation-name: hz;
}

@keyframes IE {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.IE {
  animation-name: IE;
}

@keyframes IF {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.IF {
  animation-name: IF;
}

@keyframes IG {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.IG {
  animation-name: IG;
}

@keyframes IH {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.IH {
  animation-name: IH;
}

@keyframes hA {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.hA {
  animation-name: hA;
}

@keyframes II {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.II {
  animation-name: II;
}

@keyframes IJ {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.IJ {
  animation-name: IJ;
}

@keyframes IK {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.IK,
.IL {
  animation-name: IK;
}

@keyframes IM {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.IM,
.IN {
  animation-name: IM;
}

@keyframes IO {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.IO,
.IP {
  animation-name: IO;
}

@keyframes IQ {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.Bu,
.IQ {
  animation-name: IQ;
}

@keyframes IR {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.Bv,
.IR {
  animation-name: IR;
}

@keyframes IS {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.IS {
  animation-name: IS;
}

@keyframes IT {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.IT,
.IU {
  animation-name: IT;
}

@keyframes IV {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.IV,
.IW {
  animation-name: IV;
}

@keyframes cy {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.cy {
  animation-name: cy;
  animation-duration: 1s;
  animation-timing-function: linear;
}

.Bt,
.IC {
  animation-duration: 0.25s !important;
}

.IC {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.IN,
.IU {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.Bu,
.IL,
.IP {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.Bv,
.IW {
  animation-duration: 0.2s !important;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ay {
  margin: 50px 0;
  display: flex;
  color: var(--primary-color);
  font-family: var(--font);
}

@media (min-width: 1024px) {
  .ay {
    margin: 0;
  }
}

.az div {
  position: absolute;
  background-color: unset;
  width: 213px;
  flex-shrink: 1;
  display: block;
  right: 0;
  z-index: 0;
}

@media (min-width: 1024px) {
  .az div {
    width: 676px;
    position: static;
    right: unset;
  }
}

.az img {
  display: block;
  width: 213px;
  flex-shrink: 1;
  position: static;
  transform: scaleX(-1);
}

@media (min-width: 1024px) {
  .az img {
    width: 676px;
    position: static;
    transform: unset;
  }
}

.ay main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 206px 16px 0;
  z-index: 1;
}

@media (min-width: 1024px) {
  .ay main {
    padding: unset;
    margin-left: 80px;
    margin-right: 30px;
  }
}

.ay main h1 {
  font-size: 32px;
  line-height: 39px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  max-width: 130px;
}

@media (min-width: 1024px) {
  .ay main h1 {
    font-size: 38px;
    max-width: unset;
    line-height: 46px;
  }
}

.aA,
.aA p {
  font-weight: var(--font-weight-light);
  font-size: 13px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px;
}

@media (min-width: 1024px) {

  .aA,
  .aA p {
    margin-top: 25px;
    max-width: 440px;
    opacity: 0.8;
    font-size: 16px;
    line-height: 25px;
  }
}

.gr {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  max-width: 440px;
}

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

.gr button {
  outline-offset: 6px;
}

.gr button :focus {
  outline: none;
}

@media (max-width: 1024px) {
  .gr button {
    margin-top: 20px;
  }
}

.aB {
  max-width: 440px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}

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

.aB a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary-color);
  font-family: var(--font);
  font-weight: var(--font-weight-bold);
  outline-offset: 3px;
}

.gu {
  width: 24px;
  height: 24px;
  color: var(--figma-color-bg-white-100);
}

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

.gt {
  flex-grow: 1;
  margin-right: 10px;
}

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

.hC {
  position: absolute;
  height: 24px;
  right: 25px;
  bottom: 25px;
  pointer-events: all;
  z-index: 10;
}

.hC button {
  outline-offset: 6px;
}

@media (max-width: 1024px) {
  .hC button {
    height: 24px;
  }
}

.hD {
  color: var(--figma-color-bg-black-100);
}

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

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

.hE {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f0f2f3;
}

.fk {
  max-width: 488px;
  height: 600px;
}

.fk,
.fk>div {
  width: 100%;
}

@media (max-width: 1024px) {
  .fk {
    min-width: 180px;
    height: 300px;
  }
}

.fk img {
  height: 100%;
  max-height: 600px;
}

.fi {
  margin-bottom: 60px;
}

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

.swiper-banner .swiper-slide {
  /* width: 350px !important; */
  max-width: 488px !important;
  height: 600px !important;
}

.gq {
  margin-bottom: 30px;
}

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

  /* .fg {
    margin: -12px 0 88px;
  } */
}

/* .fg div>a {
  flex: 1 1 auto;
} */

@media (min-width: 1024.01px) {
  .fj {
    padding: 12px 0;
    box-sizing: initial;
    overflow: hidden;
  }
}

.iO {
  --container-width: 738px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 16px;
}

@media only screen and (min-width: 1024px) {
  .iO {
    --container-width: 964px;
  }
}

@media only screen and (min-width: 1024.1px) {
  .iO {
    --container-width: 1360px;
  }
}

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

.iP {
  max-width: unset;
  width: unset;
}

@media only screen and (min-width: 1024px) {
  .iP {
    margin-left: calc(-50vw + 964px / 2);
    margin-right: calc(-50vw + 964px / 2);
  }
}

@media only screen and (min-width: 1024.1px) {
  .iP {
    margin-left: calc(-50vw + 1360px / 2);
    margin-right: calc(-50vw + 1360px / 2);
  }
}

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

  .iQ {
    padding-left: 16px;
    padding-right: 16px;
  }
}

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

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

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

.Jj {
  margin-top: 16px;
}

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

@media (max-width: 1024px) {
  .qh {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--figma-font-weight-bold);
    margin: 40px 0 10px;
  }
}

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

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

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

.qj {
  margin: 60px 0;
  display: flex;
  gap: 30px;
  border-bottom: 1px solid var(--figma-color-border);
}

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

.qk {
  height: 60px;
  padding: 18px 0;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-primary);
  cursor: pointer;
}

.ql {
  border-bottom: 2px solid var(--figma-color-bg-black-100);
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

@media (max-width: 1024px) {
  .Jk {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding: 0 16px;
  }
}

.qd {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px;
}

@media (max-width: 1024px) {
  .qd {
    margin-top: 30px;
    flex-direction: column;
  }

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

@media (min-width: 1024.01px) {
  .qd>div {
    flex-grow: 1;
  }

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

.pT {
  display: grid;
  grid-template-columns: 375px 1fr;
  gap: 60px;
}

@media (min-width: 1024.01px) {
  .pU {
    position: sticky;
    top: 100px;
  }
}

@media (max-width: 1024px) {
  .pT {
    margin-top: 30px;
    grid-template-columns: 1fr;
    gap: 0;
  }
}

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

.qe {
  display: flex;
  flex-direction: row;
}

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

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

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

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

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

.p_ {
  padding: 0;
}

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

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

@media (max-width: 1024px) {
  .pV {
    justify-content: flex-end;
  }
}

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

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

.pQ {
  min-height: calc(100vh - 100px);
  width: 100%;
}

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

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

.pQ a {
  position: absolute;
  margin: 0 16px;
  bottom: 40px;
  left: 0;
  width: calc(100% - 32px);
  outline-offset: 6px;
}

.tM {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.tL {
  padding: 8.31px 10px;
}

.tL:hover {
  opacity: 60%;
}

.NI {
  width: 44px;
  height: 44px;
  min-width: 44px;
}

.tK {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  pointer-events: none;
}

.Nx {
  padding: 6px 6px 0 0;
}

.Ny {
  padding: 15px 15px 0 0;
}

.vJ {
  display: flex;
  flex-direction: row;
}

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

.vK .NJ,
.vK .NK {
  font-size: 16px;
  line-height: 24px;
}

.vK .NK {
  font-weight: var(--figma-font-weight-medium);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: var(--figma-color-tertiary);
}

.vJ>div:first-of-type {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 800;
}

.vJ:has(div:nth-child(2)) div:first-of-type {
  color: #d14600;
}

.vJ>div:nth-child(2) {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-medium);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: var(--figma-color-tertiary);
  margin-left: 10px;
}

@media only screen and (min-width: 320px) {
  .vJ>div:nth-child(2) {
    font-size: 8px;
  }
}

@media only screen and (min-width: 360px) {
  .vJ>div:nth-child(2) {
    font-size: 12px;
  }
}

.iX {
  position: relative;
  overflow: hidden;
  background-color: #f0f2f3;
  line-height: 0;
  height: 600px;
}

.iX img {
  height: 100%;
}

.iY {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}

.iY img {
  max-height: 100%;
}

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

.ja {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.iX img,
.iX video {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.d {
  flood-color: var(--white-color);
  position: relative;
  display: flex;
  flex-direction: column;
}

.d .Gu {
  color: inherit;
}

.Gv .d {
  top: 93px;
}

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

.Gw {
  margin-top: 16px;
}

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

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

@media (max-width: 1024px) {
  .e {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--figma-font-weight-bold);
    margin: 40px 0 10px;
  }
}

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

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

.f {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin: 10px 0 0;
}

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

.f a {
  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;
}

.e+.f {
  margin-top: 0;
}

.g {
  margin-top: 19px !important;
}

@media (max-width: 1024px) {
  .g {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding: 0 16px;
  }
}

.Gv .g {
  margin-bottom: 16px;
}

.i {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .i {
    gap: 60px;
  }
}

@media (min-width: 1024.01px) {
  .i {
    margin-bottom: 0;
    flex-direction: row;
  }
}

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

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

@media (min-width: 1024.01px) {
  .j>div {
    width: 100%;
  }

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

.k {
  position: relative;
  margin: 0;
  flex: 1;
}

@media (max-width: 1024px) {
  .k {
    justify-self: center;
  }
}

@media (min-width: 1024.01px) {
  .k {
    margin-left: 60px;
    max-width: 584px;
  }
}

.uY> :first-child {
  margin-top: 0;
}

.uY> :last-child {
  margin-bottom: 0;
}

.uZ h1,
.uZ h2,
.uZ h3,
.uZ h4,
.uZ h5,
.uZ h6 {
  margin: 0 0 1em;
  font-weight: 600;
}

.uZ h1 {
  font-size: 2.25em;
}

.uZ h2 {
  font-size: 1.75em;
}

.uZ h3 {
  font-size: 1.5em;
}

.uZ h4 {
  font-size: 1.25em;
}

.uZ h5 {
  font-size: 1em;
}

.uZ h6 {
  font-size: 0.875em;
}

.uZ p {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.uZ ul {
  margin-bottom: 1em;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}

.sE {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: 100%;
}

@media (min-width: 1024.01px) {
  .sE {
    display: flex;
  }
}

.sE img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
  max-height: 909px;
  left: 50%;
  transform: translateX(-50%);
}

.sE img,
.sF {
  position: absolute;
}

.sF {
  top: 8px;
  left: 13px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  z-index: 1;
  height: 67px;
}

.sF.sG {
  display: none;
}

@media (min-width: 1024.01px) {
  .sF {
    position: absolute;
    left: unset;
    right: 5px;
    top: unset;
    flex-flow: row;
    bottom: 10px;
    background: hsla(0, 0%, 100%, 0.6);
    border-radius: 2px;
    transition: background-color 0.2s ease-in-out;
    flex-flow: column;
    padding: 0 !important;
    background: none;
    height: 81px;
  }
}

.sF button {
  background: var(--white-color);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  pointer-events: none;
  padding: 0;
  outline-offset: 3px;
}

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

.sF button svg {
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
}

.sF button[data-active="true"] {
  pointer-events: all;
}

.sF button[data-active="true"] svg {
  opacity: 1;
}

@media (min-width: 1024.01px) {
  .sF button {
    width: 38px;
    height: 38px;
  }

  .sF button:first-child {
    margin-right: 5px;
  }
}

.sF button svg {
  width: 26px;
  height: 100%;
}

.sJ {
  position: absolute;
  top: 83px;
  left: 13px;
  z-index: 100;
}

.sJ.sK {
  display: none !important;
}

.sJ.sG {
  pointer-events: none;
}

.sJ.sG svg {
  opacity: 0.2;
}

@media (min-width: 1024.01px) {
  .sJ {
    z-index: 100;
    left: unset;
    top: unset;
    bottom: 96px;
    right: 10px;
    border: none;
  }
}

.sJ button {
  background: var(--white-color);
  width: 30px;
  height: 30px;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  padding: 0;
  outline-offset: 3px;
}

.sJ button[data-active="true"] {
  display: flex;
  opacity: 1;
  pointer-events: all;
}

@media (min-width: 1024.01px) {
  .sJ button {
    width: 38px;
    height: 38px;
  }

  .sO {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
  }
}

.sP {
  display: none !important;
}

@media (min-width: 1024.01px) {
  .sP {
    display: initial !important;
    pointer-events: all;
  }
}

.sQ {
  background: hsla(0, 0%, 100%, 0.8784313725);
  padding: 2px 1px;
  border-radius: 1px;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

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

.sQ ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  align-items: baseline;
}

.sQ .sR {
  position: relative;
  background: gray;
  width: 15px;
  height: 1px;
  padding: 0;
  margin: 0 3px;
  transition: all 0.2s ease;
}

.sQ .sR.sS {
  background-color: #000;
  width: 20px;
  height: 3px;
}

.sN {
  pointer-events: none;
  aspect-ratio: auto 500/909;
  width: auto !important;
  height: 100%;
  max-height: 909px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tN {
  line-height: 0;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

.jh,
.jh>a {
  display: flex;
  align-items: center;
}

.jh>a {
  width: 100%;
}

.jk {
  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: 60px;
  text-align: right;
  height: 100%;
  padding-right: 20px;
  margin-right: -16px;
}

.LE {
  margin-left: auto;
  margin-right: 20px;
}

.ji {
  width: 38px;
  height: 38px;
  margin-right: 15px;
}

.jj {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  align-items: center;
  justify-content: center;
  background-color: var(--figma-color-grayscale-20);
}

.jj,
.jl {
  display: flex;
}

.jl {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--white-color);
  z-index: 1000;
  flex-direction: column;
}

.jl a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

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

.jl header {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jl nav {
  flex-grow: 1;
  overflow: scroll;
}

.jl nav>ul.jo,
.jl nav>ul.js {
  margin: 0;
  padding: 20px;
  width: 100%;
  gap: 20px;
  grid-template-columns: 1fr;
  display: grid;
}

.jl nav>ul.js,
.jl nav>ul.js .ju {
  border-top: 1px solid #e2e6ea;
}

.jl nav>ul.js .ju {
  margin: 0;
  padding: 20px 0;
  width: 100%;
  gap: 20px;
  grid-template-columns: 1fr;
  display: grid;
}

.jl nav>ul.js .ju li {
  height: 24px;
}

.jm {
  padding-left: 20px;
}

.jn {
  outline-offset: -2px;
}

.jn.jn {
  padding: 20px;
}

.jp {
  font-size: 20px;
  line-height: 32px;
  position: relative;
  font-weight: 500;
  padding: 0;
  font-weight: 800;
}

.jp>a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  outline-offset: 3px;
}

.jp svg {
  margin-right: 5px;
}

.jp>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);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  outline-offset: 3px;
}

.jr {
  border-top: 1px solid #e2e6ea;
  margin: 0 20px;
  padding: 20px 0 0;
  display: grid;
  gap: 16px;
  font-size: 14px;
  line-height: 23px;
}

.jr a {
  color: #434343;
}

.jt a {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 800;
}

.jt .jv,
.jt a {
  display: flex;
  align-items: center;
}

.jt .jv {
  width: 24px;
  height: 24px;
  justify-content: center;
  transform: rotate(270deg);
}

.tA {
  top: 15px;
  left: 15px;
  z-index: 9999;
  font-family: var(--font);
  line-height: 24px;
  text-align: center;
  font-weight: 800;
}

.tA,
.tA button {
  position: absolute;
}

.tA button {
  opacity: 0;
  padding: 19px 25px;
  border: none;
  box-sizing: border-box;
  background: var(--white-color);
  white-space: nowrap;
  pointer-events: none;
}

.tA button:focus-visible {
  pointer-events: all;
  opacity: 1;
}

.uX {
  position: absolute;
  left: 0;
  height: 1px;
  width: 100%;
  border: 0;
  background-color: var(--figma-color-grayscale-20);
  margin: 0;
}

.Ca {
  padding: 18px;
  border-radius: 14px;
  background-color: var(--figma-color-bg-light-gray);
  height: 100%;
}

.Cm {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 80px);
}

.Cd {
  margin-top: 13px;
  color: var(--figma-color-text-secondary);
}

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

.Cn {
  font-weight: var(--figma-font-weight-semi-bold);
  color: var(--figma-color-tertiary);
  margin-top: 7px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.Cn:focus,
.Cn:hover {
  font-weight: 600;
}

.Cb {
  margin-top: 9px;
}

.Cc {
  margin-top: 0 !important;
}

.Ce {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  column-gap: 10px;
}

.Cf {
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-text-primary);
}

.Cf,
.Cf span {
  font-size: 12px;
  line-height: 16px;
}

.Cf span {
  letter-spacing: 0.4px;
  margin: 8px 0 8px 5px;
  color: var(--figma-color-tertiary);
}

.Cf span,
.Co {
  font-weight: var(--figma-font-weight-medium);
}

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

.Cp {
  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);
  margin-top: 25px;
  padding: 15px;
  border-radius: 10px;
}

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

.Cr,
.Cx {
  font-weight: var(--figma-font-weight-medium);
}

.Cx {
  justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  cursor: pointer;
}

.Cx,
.Cy {
  display: flex;
  align-items: center;
}

.Cy {
  gap: 16px;
}

.Cz {
  width: 40px;
}

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

.Cq {
  background-color: var(--figma-color-bg-white-100);
}

.Cw {
  width: 100%;
  margin-top: 16px;
  padding: 8px 12px 8px 8px;
}

.Cs {
  flex-direction: row;
  margin-top: 10px;
}

.Ck,
.Cs {
  display: flex;
  align-items: center;
}

.Ck {
  border-radius: 50%;
  border: 1px solid var(--figma-color-border);
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0;
  justify-content: center;
  width: 30px;
  height: 30px;
}

.Cu {
  font-weight: var(--figma-font-weight-bold);
  color: var(--figma-color-text-primary);
  margin-left: 10px;
}

.Cu,
.Cv {
  font-size: 12px;
  line-height: 16px;
}

.Cv {
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-tertiary);
  margin-left: 10px;
}

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

.ti {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - 65px);
  height: calc(100dvh - 65px);
}

@media (min-width: 1024.01px) {
  .ti {
    height: unset;
  }
}

:root .tj {
  height: 100%;
  width: 100%;
}

@media (min-width: 1024.01px) {
  :root .tj {
    height: calc(100vh - 190px);
  }
}

.tk {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
}

@media (min-width: 1024.01px) {
  .tk {
    justify-content: unset;
  }
}

.tk~.rsChat,
.tk~footer {
  display: none;
}

.tl {
  width: 100%;
  height: calc(100dvh - 50px);
  overflow: auto;
}

.tl,
.tm {
  position: relative;
}

.tm {
  display: flex;
  flex-flow: column;
  order: 2;
  width: 110px;
  margin-right: 10px;
  top: -50px;
  z-index: 99;
  height: calc(100% + 50px);
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--white-color);
}

.dark .tm {
  background: #121212;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tm {
    width: 50%;
  }
}

@media (min-width: 1024.01px) {
  .tm {
    flex: 1;
    order: unset;
    margin: 0;
    height: unset;
    z-index: unset;
    position: relative;
    top: unset;
    padding-right: 5px;
    background: unset !important;
    max-width: calc(100vw - 380px);
  }
}

.tn {
  flex: 1;
  width: calc(100% - 130px);
  height: calc(100% - 79px);
  margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tn {
    width: 50%;
  }
}

@media (min-width: 1024.01px) {
  .tn {
    width: 380px;
    flex: unset;
    height: unset;
    margin-left: 0;
    margin-right: 0;
  }
}

.tn.Jr {
  position: absolute;
  width: 100%;
  height: 100dvh;
  z-index: 999;
  top: -60px;
}

.uJ {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
}

.KF .OF:after {
  color: var(--figma-color-text-secondary);
}

.KG .OF:after {
  color: var(--figma-color-ui-danger);
}

.uK,
.uK .OF:after {
  color: var(--figma-color-tertiary);
}

.KH {
  font-weight: var(--figma-font-weight-medium);
}

.KH,
.NT {
  font-size: 16px;
  line-height: 24px;
}

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

.KH .OF:after {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  content: attr(data-caption);
  display: block;
}

.KH .OF {
  margin-left: 16px;
}

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

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

.KI .OF:after {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  content: attr(data-caption);
  display: block;
}

.KI .OF {
  margin-left: 8px;
}

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

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

.KJ .OF:after {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  content: attr(data-caption);
  display: block;
}

.KJ .OF {
  margin-left: 8px;
}

.uJ:not([data-caption=""]) .OF:after {
  margin-top: 5px;
}

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

.NW,
.uO {
  margin: 0;
}

.NW {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--figma-color-border-2);
  background-color: var(--figma-color-bg-white-100);
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

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

.NW:focus-visible {
  outline: 2px solid var(--figma-color-bg-black-100);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--figma-color-bg-black-100);
}

.NX {
  border: 1px solid var(--figma-color-bg-black-100);
  background-color: var(--figma-color-bg-black-100);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.06 10.5L3.86 8.3C3.47 7.91 2.85 7.91 2.46 8.3C2.07 8.69 2.07 9.31 2.46 9.7L5.46 12.7C5.85 13.09 6.47 13.09 6.86 12.7C6.94 12.62 7 12.54 7.06 12.46L14.06 4.46C14.45 4.07 14.45 3.45 14.06 3.06C13.67 2.67 13.05 2.67 12.66 3.06L6.06 10.5Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px 16px;
}

.NY {
  width: 24px;
  height: 24px;
}

.NZ {
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

@media (pointer: coarse) {
  .NZ {
    min-width: 24px;
    min-height: 24px;
  }
}

.N_ {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

@media (pointer: coarse) {
  .N_ {
    min-width: 24px;
    min-height: 24px;
  }
}

.Oa {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1Z' fill='white'/%3E%3C/svg%3E");
}

.uK .NW {
  cursor: not-allowed;
}

.uK .NW,
.uK .NW:hover {
  border: 1px solid var(--figma-color-grayscale-20);
}

.uK .NX {
  border: 0;
  background-color: var(--figma-color-grayscale-80);
}

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

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

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

.kb {
  text-align: left;
  margin-bottom: 32px;
}

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

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

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

.ke {
  margin-top: 40px;
}

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

  .kf {
    width: 100%;
  }
}

.jY {
  padding-bottom: 25px;
}

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

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

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

.fl {
  position: relative;
}

.Hj {
  overflow: hidden;
}

.Hj,
.fm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 16px;
}

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

.fo {
  margin: 0;
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  color: var(--title-color);
  font-weight: var(--figma-font-weight-extra-bold);
}

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

.fm.Hk {
  justify-content: flex-start;
}

.fm.Hl {
  justify-content: center;
}

.fm.Hm {
  justify-content: flex-end;
}

.fp {
  display: flex;
  gap: 10px;
}

.ik {
  margin: 100px auto 70px;
}

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

.il {
  max-width: 1360px;
}

.im {
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  margin: 0 0 30px 80px;
}

@media (max-width: 1024px) {
  .im {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--figma-font-weight-bold);
    font-weight: var(--font-weight-extra-bold);
    margin: 0 0 25px 16px;
  }
}

.il>.im {
  margin: 0 0 30px 16px;
}

.in {
  margin-left: 80px;
}

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

.il>.in {
  margin-left: 16px;
}

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

.ij {
  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;
  background-color: var(--figma-color-grayscale-20);
  height: 43px;
  justify-content: center;
  align-items: center;
}

.ij,
.io {
  display: flex;
}

.io {
  margin-bottom: 100px;
}

@media (max-width: 1024px) {
  .io {
    flex-direction: column-reverse;
    gap: 56px;
    margin-bottom: 60px;
  }
}

.ip {
  width: 50%;
  min-width: 50%;
}

.ip [data-e2e="IW"],
.ip img {
  height: 100%;
}

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

.iq {
  background-color: var(--figma-color-bg-light-gray);
  padding: 32px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1024px) {
  .iq {
    background-color: var(--figma-color-bg-white);
    padding: 0 16px;
  }
}

.ir {
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: 22px;
  max-width: 400px;
}

@media (max-width: 1024px) {
  .ir {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
  }
}

.is {
  margin-left: -2px;
}

.it {
  gap: 18px;
}

.it,
.iv {
  display: flex;
}

.iv {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--figma-color-bg-black-100);
  box-shadow: 1px 1px 0 0 #000;
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
}

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

.iw {
  background-color: #ffbbc8;
}

.iB {
  background-color: #e1cd2b;
}

.iC {
  background-color: #6fe5ff;
}

.ix {
  width: 2px;
  min-height: 80px;
  height: calc(100% - 44px);
  background-color: var(--figma-color-bg-black-100);
  margin-left: 20px;
}

@media (max-width: 1024px) {
  .ix {
    min-height: 102px;
    height: 100%;
    margin-left: 15px;
  }
}

.iz {
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  margin: 3px 0 5px;
}

.iA {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin-bottom: 27px;
}

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

.iD {
  margin-bottom: 100px;
}

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

.iE {
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
  margin-bottom: 32px;
}

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

.iF {
  display: flex;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  justify-content: space-between;
  align-items: top;
  gap: 24px;
}

@media (max-width: 1024px) {
  .iF {
    flex-direction: column;
    gap: 32px;
    justify-content: center;
  }
}

.iG {
  max-width: 380px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

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

.iH {
  width: 56px;
  min-width: 56px;
  height: 56px;
  margin-bottom: 16px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--figma-color-bg-black-100);
  box-shadow: 1px 1px 0 0 #000;
}

@media (max-width: 1024px) {
  .iH {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-bottom: 12px;
  }

  .iH svg {
    width: 31px;
    height: 31px;
  }
}

.iI {
  background-color: #ffbbc8;
}

.iL {
  background-color: #e1cd2b;
}

.iM {
  background-color: #6fe5ff;
}

.iJ {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--font-weight-extra-bold);
  max-width: 320px;
  margin-bottom: 10px;
}

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

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

.iN {
  margin: 0 auto;
  max-width: var(--max-full-width);
  width: 100%;
}

.fs {
  overflow: hidden;
  position: relative;
}

@media (min-width: 1024.01px) {
  .fs {
    display: block;
    height: 600px;
  }
}

@media (max-width: 1024px) {
  .fs {
    height: 500px;
  }
}

.fs video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fA {
  overflow: hidden;
}

.fA,
.fv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fv {
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
}

@media (min-width: 1024.01px) {
  .fv {
    padding: 40px;
    gap: 20px;
  }
}

.fx {
  margin: 0;
  width: fit-content;
  padding: 0 10px;
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  background-color: var(--figma-color-bg-white-100);
  color: var(--figma-color-bg-black-100);
  font-weight: var(--figma-font-weight-extra-bold);
}

@media (max-width: 1024px) {
  .fx {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--figma-font-weight-bold);
    font-weight: var(--figma-font-weight-extra-bold);
    padding: 2px 8px;
  }
}

.fv.Jg {
  justify-content: flex-start;
}

.fv.Jh {
  justify-content: center;
}

.fv.Ji {
  justify-content: flex-end;
}

.fy {
  display: flex;
  gap: 8px;
}

@media (min-width: 1024.01px) {
  .fy {
    gap: 12px;
  }
}

.fB {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  right: 40px;
  bottom: 40px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--figma-color-bg-white-100);
}

@media (max-width: 1024px) {
  .fB {
    width: 32px;
    height: 32px;
    right: 16px;
    top: 16px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: var(--figma-color-bg-white-100);
  }
}

.fB button {
  color: var(--figma-color-bg-white-100);
  outline-offset: 6px;
}

.fB button svg {
  height: 24px;
}

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

.fD {
  color: var(--figma-color-bg-white-100);
}

.fD svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 1024px) {
  .fD svg {
    width: 24px;
    height: 24px;
  }
}

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

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

.fu {
  min-height: 199.69px;
}

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

.ft {
  min-height: 600px;
  background-color: #f0f2f3;
}

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

.fz {
  outline-offset: 6px;
  height: 56px;
  padding: 0 20px 0 24px;
  color: var(--figma-color-bg-black-100);
  background-color: var(--figma-color-bg-white-100);
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
}

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

.fz:hover,
.fz:visited:hover {
  background-color: var(--figma-color-bg-white-70);
  border: 1px solid rgba(0, 0, 0, 0);
}

@media (max-width: 1024px) {
  .fz {
    height: 48px;
    font-size: 14px;
    padding: 0 16px 0 20px;
  }
}

.fz svg {
  width: 24px;
  transform: rotate(270deg);
  margin-left: 5px;
}

@media (max-width: 1024px) {
  .fz svg {
    width: 22px;
  }
}

.nd {
  display: block;
  outline: none;
  outline-offset: 3px;
}

.jF {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  display: block;
  margin: 0 0 15px;
}

.jG {
  margin-bottom: 10px;
  display: flex;
}

.jH {
  padding: 0 10px;
  flex-grow: 1;
}

.jM {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.jN {
  color: var(--figma-color-tertiary);
  margin: 0;
}

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

.jO {
  width: 140px;
  height: 32px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--figma-color-border-2);
  background-color: var(--figma-color-bg-white-100);
  outline-offset: 3px;
  color: var(--figma-color-text-primary);
}

.jQ {
  color: var(--figma-color-bg-black-100);
  transition: transform 0.2s;
}

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

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

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

.jE {
  margin-left: auto;
}

.OD {
  position: relative;
}

.OE {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  white-space: nowrap;
}

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

.jI {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 15px;
}

.jJ {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  margin-left: 10px;
}

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

.jL {
  margin-left: 10px;
  color: var(--figma-color-tertiary);
}

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

.jT {
  display: grid;
}

@media (min-width: 1024.01px) {
  .jT section:first-of-type {
    overflow: visible !important;
  }
}

.jU {
  margin: 60px 0 30px;
  padding: 0 50px;
  max-width: 820px;
}

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

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

.jV {
  margin-bottom: 20px;
}

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

.Ia {
  display: none;
}

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

.jU h2 {
  font-weight: 800;
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.jU p {
  margin: 0;
}

.Ib {
  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);
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.kr {
  margin: 25px 0;
}

.ks {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

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

.ks a {
  outline-offset: 6px;
}

.ko {
  display: none;
}

.kp {
  background: unset;
  position: relative;
  width: 54px;
  height: 63px;
  cursor: pointer;
  border: unset;
  padding: 0;
}

.kp:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0.5px solid var(--figma-color-border-3);
}

.kp:hover:after {
  border: 1px solid var(--figma-color-border-3);
}

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

.kq {
  width: 54px;
  height: 63px;
  background-color: #f0f2f3;
}

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

.Dp::-webkit-scrollbar,
.Dp::-webkit-scrollbar-thumb {
  width: 0 !important;
  height: 0 !important;
}

.Dp::-webkit-scrollbar-track {
  height: 0 !important;
  width: 0 !important;
}

.Dp {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: var(--figma-color-bg-white-100);
  z-index: var(--index-floating-header);
  padding: 0 16px;
  border-bottom: 1px solid var(--figma-color-border);
  height: 61px;
  align-items: center;
}

@media (min-width: 1024.01px) {
  .Dp {
    justify-content: center;
    padding: 0 50px;
  }
}

@media (max-width: 1200px) {
  .Dp {
    justify-content: left;
  }
}

.Dq {
  position: sticky;
  top: 100px;
  border-bottom: 1px solid var(--figma-color-border);
  z-index: calc(var(--index-floating-header) - 1);
}

@media (max-width: 1024px) {
  .Dq {
    top: 0;
    z-index: var(--index-floating-header);
    transition: all 0.25s ease-in;
  }

  .Dr {
    top: 60px;
  }
}

.Dp> :not(:first-child) {
  margin-left: 30px;
}

.Dp>* {
  flex-shrink: 0;
}

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

.kB {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}

.kB,
.kF {
  font-weight: var(--figma-font-weight-bold);
}

.kF {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: var(--figma-color-text-primary);
}

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

.kC {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 10px;
  color: var(--figma-color-text-secondary);
}

.kC p {
  margin: 0;
}

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

@media (min-width: 1024.01px) {
  .Jy {
    flex-direction: row;
  }
}

.kE {
  margin-top: 25px;
  display: flex;
}

@media (max-width: 1024px) {
  .kE {
    padding-bottom: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    user-select: none;
  }

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

  .kE::-webkit-scrollbar-track {
    background-color: var(--lightest-color);
  }

  .kE::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
  }
}

@media (min-width: 1024.01px) {
  .kD {
    margin-top: 20px;
    display: flex;
    gap: 25px;
  }

  .kD>div {
    flex: 50%;
  }
}

.kw {
  width: 170px;
  display: flex;
}

@media (max-width: 1024px) {
  .kw {
    min-width: 150px;
  }
}

.kx {
  margin: 0 15px 15px 0;
  float: left;
  border: 1px solid #ededed;
  padding: 10px;
}

.ky {
  display: flex;
  align-items: flex-start;
  margin: 0;
  font-size: 13px;
  font-weight: var(--figma-font-weight-bold);
  letter-spacing: 0;
  line-height: 20px;
  flex-direction: column;
}

.kz {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  outline: 0;
  border: none;
  text-align: left;
  padding: 5px;
  margin-left: -5px;
  cursor: pointer;
  background: 0 0;
}

.kt {
  padding: 0 0 16px;
}

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

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

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

.kv p {
  margin: 0 0 23px;
}

.kv a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

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

.zG {
  width: 100%;
  text-wrap: wrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.zH {
  position: relative;
  height: fit-content;
}

.zI {
  padding: 16px 24px 16px 0;
}

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

.zK {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 5px;
  color: var(--figma-color-text-secondary);
}

.zM {
  margin-top: auto;
}

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

.zN {
  gap: 5px;
}

.zN,
.zO {
  display: flex;
  align-items: center;
}

.zO {
  justify-content: center;
  flex-shrink: 0;
}

.zO,
.zO svg {
  width: 20px;
  height: 20px;
}

.LM {
  margin-left: 16px;
}

.zP {
  padding-left: 3px;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.zL,
.zQ {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
}

.zL {
  margin-top: 15px;
}

.xb {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  padding: 6px 12px;
  display: inline-block;
  text-transform: uppercase;
}

.xc {
  padding: 6px 40px 6px 12px;
}

.No {
  color: var(--figma-color-text-primary-contrast);
  background-color: var(--figma-color-ui-danger);
}

.Np {
  outline: 1px solid var(--figma-color-bg-black-100);
}

.Np,
.Nq {
  color: var(--figma-color-text-primary);
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.Nq {
  outline: 1px solid var(--figma-color-border);
}

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

.zY {
  position: relative;
  width: 100%;
  text-wrap: wrap;
}

.zZ .Aa,
.zZ .Ab,
.zZ .LI {
  opacity: 0.5;
}

.LJ .z_ {
  text-align: left;
}

.LK .z_ {
  text-align: center;
}

.LL .z_ {
  text-align: right;
}

.Ad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  box-sizing: border-box;
}

.z_ {
  padding: 10px;
  background-color: var(--figma-color-bg-white-100);
  overflow-wrap: anywhere;
}

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

.Ab {
  margin-top: 5px;
  color: var(--figma-color-bg-black-70);
}

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

.Ac {
  margin-top: 10px;
  color: var(--figma-color-text-tertiary);
}

.Ae {
  margin-top: 18px;
  padding: 0 10px 10px;
}

.Af {
  width: 100px;
}

.Af,
.Ag {
  height: 8px;
  background-color: var(--figma-color-grayscale-20);
  border-radius: 4px;
}

.Ag {
  margin-top: 20px;
  width: 100%;
}

.uU {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  width: 54px;
  background-color: #f0f2f3;
}

.uU>div {
  height: 100%;
}

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

.HO {
  width: 45px;
  height: 53px;
}

.HP {
  width: 50px;
  height: 58px;
}

.HQ {
  width: 53px;
  height: 62px;
}

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

.uV {
  position: relative;
  image-rendering: -webkit-optimize-contrast;
}

.uV:before {
  display: block;
  content: "";
  padding-top: 116.67%;
}

.uV>img {
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.HS {
  position: relative;
}

.HS:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border: 2px solid var(--figma-color-bg-black-100);
}

.zR {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.zS,
.zT {
  position: relative;
}

.zT {
  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%;
  display: block;
}

.zT:focus-visible {
  outline: none;
}

.zT:focus-visible>div>img {
  outline: 2px solid var(--figma-color-bg-black-100);
  outline-offset: -2px;
}

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

.Li .zV {
  text-align: left;
}

.Lj .zV {
  text-align: center;
}

.Lk .zV {
  text-align: right;
}

.zV {
  padding: 10px 10px 10px 0;
  background-color: var(--figma-color-bg-white-100);
}

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

.zX {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 5px;
  color: var(--figma-color-bg-black-70);
  text-wrap: wrap;
  white-space: normal;
}

.zU {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: 10px;
  left: 10px;
}

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

.zU>div:focus-visible {
  outline-offset: 3px;
  outline: 2px solid var(--figma-color-bg-black-100);
}

.CB {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

.CC {
  position: relative;
  background-color: var(--figma-color-grayscale-20);
}

.CD {
  position: absolute;
  display: flex;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: row;
}

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

.CE {
  width: 40px;
  height: 47px;
}

.CF {
  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;
  justify-content: center;
  padding: 10px;
  word-wrap: anywhere;
}

.CG {
  padding-top: 27px;
}

.CF:focus-visible {
  position: relative;
  outline-offset: 0;
  z-index: 1;
}

.lG {
  padding: 0 50px;
  max-width: 696px;
  margin: 60px 0 0;
}

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

.lH {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  font-weight: 600;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--primary-color);
  border: 0;
  outline: 0;
  background: none;
  text-align: left;
  outline-offset: 5px;
  cursor: pointer;
}

.lD {
  padding: 0 0 16px;
}

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

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

.lF {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 10px;
  color: var(--figma-color-text-secondary);
}

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

.JE {
  margin-top: 30px;
}

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

.nW {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.nY {
  width: 100%;
  padding: 10px;
}

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

.KL {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

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

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

.KO {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-medium);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: var(--figma-color-tertiary);
  margin-left: 10px;
}

.n_ {
  margin-top: auto;
  padding: 10px;
}

.n_,
.oa {
  width: 100%;
}

.oa {
  height: 39px;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--figma-color-border-2);
  background-color: var(--figma-color-bg-white-100);
  color: var(--figma-color-text-primary);
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.oc {
  margin-left: 8px;
}

.ob {
  width: 100%;
  height: 39px;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--figma-color-border-2);
  background-color: var(--figma-color-bg-white-100);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-tertiary);
}

.KP {
  color: var(--figma-color-bg-black-100);
  transition: transform 0.2s;
}

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

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

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

.yO {
  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);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
  width: 100%;
  outline-offset: 3px;
}

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

.yP .yT {
  transform: rotate(90deg);
}

.yT {
  transition: transform 0.2s ease-in-out;
}

.yR {
  max-width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  margin-right: 16px;
}

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

.yS {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.yQ,
.yS {
  font-weight: var(--figma-font-weight-medium);
}

.yQ {
  font-size: 14px;
  line-height: 23px;
  flex-grow: 1;
  text-align: left;
}

.NH {
  font-weight: 800;
}

.yX:not(:last-of-type) {
  border-bottom: 1px solid var(--figma-color-border);
}

.yY:not(:last-of-type) {
  border-bottom: 0;
}

.yZ {
  height: 0;
  background-color: var(--figma-color-stats-bg);
  border-radius: 12px;
  transition-property: height, padding-bottom, padding-top;
  transition-duration: 0.2s, 0.2s, 0.2s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
  overflow: hidden;
  box-sizing: initial;
}

.xB,
.yZ div[role="checkbox"] {
  width: 100%;
}

.xB {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-primary-contrast);
  background-color: var(--figma-color-bg-black-100);
  display: flex;
  align-items: center;
  height: 30px;
}

.xB [data-m] {
  display: none;
}

.dark .xB {
  color: #f7f7f7;
  background-color: #191919;
}

@media (max-width: 1024px) {
  .xB {
    height: 40px;
    justify-content: center;
  }

  .xB,
  .xB strong:not([data-m]) {
    display: none;
  }

  .xB [data-m] {
    display: unset;
  }
}

.Hi {
  display: flex !important;
}

.xC {
  position: relative;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.ze {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  padding: var(--figma-page-padding-horizontal-mobile);
  text-align: center;
  color: var(--figma-color-text-secondary);
  position: relative;
}

@media (max-width: 1024px) {
  .ze {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

.zf {
  margin: 0;
}

.zi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 var(--figma-page-padding-horizontal-mobile);
  grid-row-gap: 30px;
  grid-column-gap: 32px;
  row-gap: 30px;
  column-gap: 32px;
}

@media (max-width: 1024px) {
  .zi {
    border-top: 1px solid #ececec;
  }
}

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

.zk {
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
}

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

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

.zh a {
  outline-offset: 5px;
}

.zg,
.zh a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.zg {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  color: var(--figma-color-text-primary);
  outline-offset: 5px;
  text-align: left;
}

.AX {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, minmax(350px, 412px));
  gap: 30px;
  padding: 0 16px 40px !important;
}

.AX>li {
  padding: 0 30px;
}

.AY {
  font-size: 24px;
  line-height: 36px;
  font-weight: var(--figma-font-weight-bold);
  margin: 40px 0 16px;
  display: block;
}

.AZ {
  position: relative;
  padding-left: 160px;
  display: grid;
  gap: 20px;
}

.AZ>li {
  max-width: 190px;
}

.AZ:before {
  content: "";
  background: var(--background) top center no-repeat;
  background-size: cover;
  min-height: 183px;
  width: 100%;
  height: 100%;
  max-width: 132px;
  max-height: 502px;
  display: block;
  position: absolute;
  left: 0;
}

.AG {
  position: relative;
  width: 20px;
  height: 14px;
  overflow: hidden;
}

.AG,
.AQ {
  border-radius: 2px;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}

.AQ {
  object-fit: cover;
}

.AH {
  background: linear-gradient(90deg, #009343 33%, #fff 0, #fff 66%, #cf2734 0);
}

.AI {
  background: linear-gradient(90deg, #192f8e 33%, #fff 0, #fff 67%, #e01414 0);
}

.AJ {
  background: linear-gradient(#c11123 33%, #fff 0, #fff 67%, #0f2e6b 0);
}

.AK {
  background: linear-gradient(#ad1519 25%, #fabd00 0, #fabd00 75%, #ad1519 0);
}

.AL {
  background: linear-gradient(#fff 50%, #de0c39 0);
}

.AM {
  background: linear-gradient(90deg,
      black 33%,
      #fddb21 0,
      #fddb21 67%,
      #ef303f 0);
}

.AN {
  background: linear-gradient(#fff 50%, #d80f1e 0);
}

.AN:before {
  position: absolute;
  content: "";
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00437a;
  border-style: solid;
  border-width: 7px 10px;
  left: 0;
}

.AO {
  background: radial-gradient(circle at 50%, #bc002d 35%, #fff 0);
}

.AP {
  background: linear-gradient(#000 33%, #de0000 0, #de0000 67%, #ffcf00 0);
}

.eT {
  text-align: left;
  margin-top: 30px;
}

.eT a {
  color: inherit;
}

.eU {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1024.01px) {
  .eU {
    grid-template-columns: 1fr 1fr;
  }
}

.GQ {
  padding: 0 var(--figma-page-padding-horizontal-mobile);
  margin: 0 auto;
  text-align: center;
}

.GQ+.GR {
  margin-top: 30px;
}

.GQ:empty+.GR {
  display: none;
}

.GQ a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.GQ h1,
.GQ h2,
.GQ h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 15px;
}

.GQ p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8em;
}

.eX {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.eY {
  padding: 4px !important;
  outline-offset: 5px;
}

.e_ {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}

@media (min-width: 1024.01px) {
  .eW {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 0;
  }

  .eZ {
    display: none;
  }
}

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

.eV.eV,
.fa.fa {
  padding-top: 30px;
  padding-bottom: 30px;
}

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

.A_ {
  padding: 40px 48px;
  list-style-type: none;
  gap: 20px 60px;
  display: flex;
  flex-basis: 38px;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  max-height: none;
  flex-wrap: wrap;
  max-height: 300px;
  margin: 0;
}

.A_>li {
  width: 226px;
}

.Bl {
  position: absolute;
  width: calc(100% - 32px);
  max-width: calc(var(--container-width) - 32px);
  margin: 0 auto;
}

.jR {
  display: none;
  width: 58px;
  height: 100%;
}

.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;
}

.Bm {
  list-style-type: none;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

@media (max-width: 1100px) {
  .Bm {
    justify-content: flex-start;
    padding-left: 230px;
  }
}

.Bm>li {
  font-weight: 800;
}

.Bm>li.Bn {
  font-size: 14px;
  line-height: 24px;
  height: 100%;
}

.Bm>li.Bn .Bp {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}

.Bm>li.Bn:first-child {
  padding-left: 100px;
  margin-left: -100px;
}

.Bm>li.Bn>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);
  display: flex !important;
}

.Bm>li.Bn:not(:first-child) {
  padding-left: 20px;
}

.Bm>li.Bn>a,
.Bm>li.Bn>button {
  position: relative;
  margin: 15px 0;
  outline-offset: 6px;
  height: 40px;
  display: grid;
  align-items: center;
  z-index: 11;
}

.Bm>li.Bn>a:after,
.Bm>li.Bn>button:after {
  content: "";
  position: absolute;
  bottom: -14px;
  background: var(--figma-color-bg-black-100);
  height: 2px;
  left: 0;
  width: 100%;
  display: none;
}

.Bm>li.Bn:focus-within>a:after,
.Bm>li.Bn:focus-within>button:after,
.Bm>li.Bn:hover>a:after,
.Bm>li.Bn:hover>button:after {
  display: flex;
}

.Bm>li.Bn:focus-within>a .Bp,
.Bm>li.Bn:focus-within>button .Bp,
.Bm>li.Bn:hover>a .Bp,
.Bm>li.Bn:hover>button .Bp {
  transform: rotate(-180deg);
}

.Bm>li.Bn>ul.Bq {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background-color: var(--figma-color-bg-white-100);
  z-index: 9;
}

.Bm>li.Bn>ul.Bq:before {
  background: var(--figma-color-bg-white-100);
  height: 100%;
  z-index: -1;
}

.Bm>li.Bn>ul.Bq:after,
.Bm>li.Bn>ul.Bq:before {
  content: "";
  position: absolute;
  left: calc((-100vw + 100%) / 2);
  width: 99vw;
}

.Bm>li.Bn>ul.Bq:after {
  border-bottom: 1px solid #e8e8e8;
  top: -30px;
  height: 30px;
  z-index: 10;
}

.Bm>li.Bn:focus-within>ul,
.Bm>li.Bn:hover>ul {
  display: grid;
}

.Bo>a,
.Bo>button {
  font-weight: 800;
}

.Bs {
  box-shadow: 1px 0 0 #e8e8e8;
  padding: 40px 40px 40px 0;
  max-width: 280px;
  width: 100%;
}

.Br {
  grid-template-columns: minmax(250px, 280px) 1fr;
}

.Ba {
  background: unset;
  width: 24px;
  height: 24px;
  border: unset;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #a9a9a9;
  align-self: center;
}

.Ba:not(.Bb)+ul {
  display: none;
}

.Bc {
  grid-template-columns: 1fr 24px;
  align-items: start !important;
}

.Bd {
  display: grid;
  padding: 15px 0 0 15px;
  gap: 15px;
  max-width: 190px;
  grid-column: 1/-1;
}

.Bd>li {
  font-size: 14px;
  color: var(--figma-color-text-primary);
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

.Be {
  padding-left: 55px;
}

.Bh {
  min-height: 23px;
  font-size: 14px;
  position: relative;
  display: grid;
  font-weight: var(--figma-font-weight-medium);
}

.Bh,
.Bi {
  align-items: center;
}

.Bi {
  display: flex;
}

.Bj {
  min-height: 38px;
  padding-left: 55px;
}

.Bj:before {
  content: "";
  position: absolute;
  left: 0;
  background: var(--backgroundSub) bottom center no-repeat;
  background-color: var(--figma-color-border);
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-size: cover;
  justify-content: center;
  color: var(--white-color);
  font-size: 16px;
}

.Bj:before,
.Bk {
  display: flex;
  align-items: center;
}

.Bk {
  width: 24px;
  height: 24px;
  padding-left: 6.5px;
  transform: rotate(270deg);
}

.Bf {
  list-style-type: none;
  display: grid;
  gap: 20px 60px;
  margin: 0;
  padding: 0;
}

.Bg {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: 800;
}

.Bg a {
  display: flex;
  align-items: center;
}

.BL {
  gap: 15px;
  padding: 0 var(--figma-page-padding-horizontal-mobile);
}

.BL,
.Df {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Df {
  gap: 20px;
  padding: var(--figma-page-padding-horizontal-mobile) 0;
}

.Du {
  flex-direction: column;
  padding: 0 var(--figma-page-padding-horizontal-mobile);
  text-align: center;
  align-self: center;
}

.Du,
.Dv {
  display: flex;
  align-items: center;
}

.Dv {
  justify-content: center;
}

.Dv> :not(:first-child) {
  margin-left: 13px;
}

.Dw {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin: 0;
  max-width: 400px;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Dv+.Dw {
  margin: 25px 0 0;
}

.Du a {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--figma-color-bg-black-100);
  font-size: 14px;
  padding: 0 24px;
  height: 50px;
  outline-offset: 3px;
  margin-top: 25px;
  line-height: 24px;
  font-family: inherit;
  color: var(--figma-color-text-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
}

.Du a:hover,
.Du a:visited,
.Du a:visited:hover {
  border: 1px solid var(--figma-color-bg-black-20);
}

@keyframes Lf {
  0% {
    background-position: -400px 0;
  }

  to {
    background-position: 400px 0;
  }
}

.bI {
  padding: 0 16px 30px;
  margin: 60px auto 0;
  text-align: center;
  max-width: 500px;
}

.bI svg {
  margin-top: 5px;
  margin-bottom: 33px;
}

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

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

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

.bK,
.bL {
  margin: 0 0 30px;
}

.bM {
  margin: 0 0 30px;
  color: var(--figma-color-text-secondary);
}

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

.bM a {
  font-weight: var(--figma-font-weight-semi-bold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--figma-color-text-primary);
}

.bN {
  display: flex;
  margin: 0 0 30px;
  gap: 15px;
}

.Le {
  width: 120px;
  height: 36px;
  margin: 0 auto 30px;
  background: linear-gradient(45deg, #e9e9e8 33%, #d0cecb 45%, #e9e9e8 65%);
  background-size: 800px;
  animation: Lf 1.5s linear infinite;
}

.bO {
  margin-bottom: 25px;
}

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

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

.bQ {
  margin: 0 0 24px;
}

.bQ li {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  color: var(--figma-color-text-secondary);
  list-style-type: decimal;
}

.bV {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bV>button {
  border-radius: 0;
  width: 100%;
}

@media (min-width: 1024.01px) {
  .bV>button {
    max-width: 360px;
    margin: auto;
  }
}

.bS {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
}

.bT {
  flex: 1;
  height: 1px;
  background-color: var(--figma-color-border);
  margin: 0 10px;
}

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

.cz {
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 1440px;
  position: relative;
}

.IX {
  margin: 0 auto 16px;
}

@media (min-width: 1024.01px) {
  .cz {
    flex-direction: row-reverse;
    padding-top: 0;
  }

  .IX {
    margin: 0 auto 60px;
    max-width: 640px;
    flex-direction: column;
    display: flex;
    gap: 50px;
  }

  .IY {
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
  }
}

@media (min-width: 1024.01px) and (min-width: 1024.01px) {
  .IY {
    width: calc(100vw - 500px);
    padding: 0;
  }
}

.IZ {
  color: var(--figma-color-text-secondary);
  display: block;
  padding: 0 16px;
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

@media (min-width: 1024.01px) {
  .IZ {
    padding: 0;
    text-align: center;
  }

  .cA {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }
}

.cD {
  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) {
  .cD svg {
    width: 47px;
    height: 47px;
  }
}

.I_ {
  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) {
  .I_ svg {
    width: 47px;
    height: 47px;
  }
}

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

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

.Jb {
  margin-top: -50px;
}

.Jc {
  order: 1;
  margin: 25vh auto;
}

@media (min-width: 1024.01px) {
  .Jc {
    margin: auto;
  }
}

.Jd {
  position: absolute;
  visibility: hidden;
  height: 1px;
}

.cB {
  padding: 0 16px;
  margin-bottom: 30px;
  position: relative;
}

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

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

.cB .adyen-checkout__payment-method {
  border: 0.5px solid var(--figma-color-border-2);
  border-radius: 0;
  margin: 0;
  background-color: var(--figma-color-bg-white-100);
}

.cB .adyen-checkout__payment-method:not(:first-of-type) {
  margin-top: -0.5px;
}

.cB .adyen-checkout__payment-method__header__title {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}

.cB .adyen-checkout__payment-method__image__wrapper {
  margin: 0;
}

.cB .adyen-checkout__payment-method__name {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.cB .adyen-checkout-form-instruction {
  display: none;
}

.cB .adyen-checkout__payment-methods-list {
  gap: 0;
}

.cB .adyen-checkout__payment-method__name {
  position: relative;
  padding-left: 36px;
}

.cB .adyen-checkout__payment-method__name:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid var(--figma-color-border-2);
  border-radius: 50%;
  background-color: var(--figma-color-bg-white-100);
}

.cB .adyen-checkout__payment-method__name:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.cB .adyen-checkout__payment-method__name--selected:before {
  border-color: #000;
}

.cB .adyen-checkout__payment-method__name--selected:after {
  opacity: 1;
}

.cB .adyen-checkout__payment-method__radio {
  border: 1px solid var(--figma-color-bg-black-100);
  background-color: var(--figma-color-bg-white-100);
  width: 20px;
  height: 20px;
}

.cB .adyen-checkout__payment-method__radio:after {
  background-color: var(--figma-color-bg-black-100);
  border-radius: 50%;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transition: transform 0.3s ease-out;
}

.cB .adyen-checkout__input,
.cB .adyen-checkout__input-wrapper {
  height: 48px;
}

.cB .adyen-checkout-contextual-text {
  color: var(--figma-color-tertiary);
}

.cB .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) .adyen-checkout__input {
  border-radius: 0 0 6px 0;
}

.cB .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
  margin: 0;
}

.cB .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child .adyen-checkout__input {
  border-radius: 0 0 0 6px;
}

.cB .adyen-checkout__card__cardNumber__input {
  border-radius: 6px 6px 0 0;
}

.cC {
  margin: 0 16px 30px;
  width: auto;
}

.cC label {
  width: 100%;
}

@keyframes KC {
  0% {
    background-position: -400px 0;
  }

  to {
    background-position: 400px 0;
  }
}

.bW {
  margin-top: 30px;
}

.bY input[type="radio"] {
  accent-color: #000;
  margin: auto 0;
  height: 20px;
  width: 20px;
}

.bY {
  border: 0.5px solid var(--figma-color-border-2);
  border-radius: 0;
  margin: 0;
  background-color: var(--figma-color-bg-white-100);
  padding: 16px;
}

.KB {
  height: 224px;
  justify-content: center;
}

.KB,
.bY div {
  display: flex;
}

.bY div span {
  margin-block: 0;
  margin-left: 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

.bY div span:last-child {
  margin-left: auto;
}

.bY div span:last-child,
.bZ {
  background: linear-gradient(45deg, #e9e9e8 33%, #d0cecb 45%, #e9e9e8 65%);
  background-size: 800px;
  animation: KC 1.5s linear infinite;
  width: 50px;
}

.bZ {
  height: 19px;
  margin-top: 2px;
}

.LU {
  display: flex;
  flex-direction: row;
  margin-top: 25px;
}

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

.LW {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin-left: 10px;
  margin-bottom: 8px;
}

.Fn {
  margin: 30px 0 25px;
}

.Fn> :not(:first-of-type) {
  opacity: 1;
  animation: LX 0.5s forwards;
}

@keyframes LX {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Fn>* {
  margin-top: 16px;
  border-radius: 14px;
}

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

#content {
  padding-top: 110px;
}

.aG {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.product-img img {
  width: 100%;
  height: auto;
}

.product-img {
  width: 100%;
  height: auto;
  position: relative;
}

.hp {
  position: absolute;
  bottom: 8px;
  left: 8px;
  padding: 5px 8px;
  width: fit-content;
  border-radius: 4px;
  background-color: hsl(0, 0%, calc(98% - var(--light-shift)));
  text-transform: uppercase;
  font-size: 13px;
  font-weight: var(--figma-font-weight-bold);
}

.product-txt {
  display: flex;
  flex-direction: column;
  padding: 10px 16px 10px 0;
  gap: 5px;
}

.product-txt .wi {
  letter-spacing: 0.4px;
  color: #000;
  font-size: 12px;
}

.product-txt .wj {
  letter-spacing: 0.4px;
  color: var(--figma-color-text-secondary);
  font-size: 12px;
}

.swiper-product .swiper-slide {
  height: auto;
}

.swiper-product .swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  left: 0;
  height: 2px;
  width: 100%;
}

.swiper-product .swiper-scrollbar-drag {
  background: #000;
}

.swiper-product .swiper-button-disabled {
  opacity: 0 !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 16px;
  color: black;
}

.swiper-button {
  background: white;
  width: 48px;
  height: 48px;
  padding: 0;
  top: 40%;
}

.padding-section {
  padding-bottom: 60px;
}

.swiper-product .swiper-wrapper {
  padding-bottom: 2rem;
}

.review-image {
  margin-top: 16px;
  padding: 8px 12px 8px 8px;
  background: white;
  border-radius: 10px;
}

.review-image .Cz {
  width: 40px;
  height: auto;
}

.stars-review {
  font-size: 12px;
  display: flex;
  gap: 4px;
}

.fN-fn {
  max-width: var(--max-desktop-width);
  background-color: var(--figma-color-bg-light-gray);
  align-self: flex-start;
  /* color: #000000ad; */
  padding: 30px;
  margin: 0 auto 22px;
}

.fN-fn h1 {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
  margin: 0 0 5px;
  color: #3b3b3b;
}

.fN-fn p {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: var(--figma-font-weight-medium);
  margin: 0 0 10px;
  color: hsl(0, 0%, calc(23% + 0%));
}

.ze-ze {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.powered-pixel a {
  color: #3a3a3a;
  font-weight: 900;
}

.dropdown li {
  padding-bottom: 10px;
}

.B-j {
  content: "";
  background-color: var(--figma-color-border);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-size: cover !important;
  color: var(--white-color);
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.B-jj {
  gap: 18px;
}

/* popup */
.cart-popoup {
  display: none;
  overscroll-behavior: auto;
  transition: transform 0.2s !important;
}

.overlay-popup {
  content: "";
  background: var(--figma-color-bg-black-20);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--index-splash-fade);
  transition: background-color 0.2s;
}

.main-popup {
  position: fixed;
  width: 100%;
  width: 455px;
  z-index: var(--index-splash);
  right: 0;
  background: white;
  box-sizing: border-box;
  bottom: 0;
  max-height: 100%;
  height: 100%;
}

.flex-popup {
  display: flex;
  flex-direction: column;
  padding: 40px 40px 0 40px;
}

.cros- {
  display: flex;
  align-items: end;
  justify-content: right;
}

.cros- i {
  font-size: 28px;
  cursor: pointer;
}

#language .AV {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  cursor: pointer;
}

.language-button-color {
  color: white !important;
}

.avactive {
  border: 1px solid var(--figma-color-bg-black-100) !important;
}

/* .um{
  display: none;
}
.umum{
  display: block !important;
} */

.main-popup-wishlist {
  height: 100vh;
  max-height: fit-content;
  top: 110px;
  width: 100%;
}

.gOgO {
  grid-template-columns: repeat(1, calc(25% - 2px));
  display: grid;
  gap: 2px;
}

.overlay-popup-wishlist {
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0) 100px,
      var(--figma-color-bg-black-20) 100px);
  z-index: 1;
}

.OL {
  transition: transform 0.3s ease;
}

.OL.active {
  transform: translateX(20px);
}

.moon-icon {
  display: none !important;
}

.OL.active .sun-icon {
  display: none;
}

.OL.active .moon-icon {
  display: block !important;
}

.OL span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 2px;
}

.OL span i {
  font-size: 15px;
}

.none-icon {
  display: none !important;
}

/* light to dark mode */
.dark-mode {
  background: #141414;
}

.dark-mode .np,
.dark-mode .nu,
.dark-mode .mK {
  background-color: #141414;
}

.dark-mode .Bm>li.Bn>a,
.dark-mode .Bm>li.Bn>button,
.dark-mode .xw {
  color: white;
}

.dark-mode .ny.nz a img {
  filter: brightness(0) invert(1);
}

.dark-mode .fz {
  background-color: #141414;
  color: white;
}

.dark-mode .product-txt,
.dark-mode .product-txt .wi,
.dark-mode .OQ {
  color: white;
}

.dark-mode .swiper-button-next:after,
.dark-mode .swiper-rtl .swiper-button-prev:after,
.dark-mode .swiper-button-prev:after,
.dark-mode .swiper-rtl .swiper-button-next:after {
  color: white;
}

.dark-mode .swiper-button,
.dark-mode .review-image,
.dark-mode .Bm>li.Bn>ul.Bq:before,
.dark-mode .Bm>li.Bn>ul.Bq {
  background-color: #1f1f1f;
}

.dark-mode .Ca,
.dark-mode .fN-fn {
  background-color: #171717;
  color: white;
}

.dark-mode .Ca a,
.dark-mode .Cf,
.dark-mode .eU,
.dark-mode .Ax,
.dark-mode .ze-ze,
.dark-mode .ze-ze a,
.dark-mode .OM,
.dark-mode .OR,
.dark-mode .Bh a,
.dark-mode .xs {
  color: white;
}

.dark-mode .OR span {
  color: white;
}

.dark-mode .xB {
  background-color: #191919;
}

.dark-mode .main-popup {
  background-color: #1f1f1f;
  color: white;
}

.dark-mode .overlay-popup {
  background: #ffffff2e;
}

.dark-mode #language .AV {
  background-color: #1f1f1f;
  color: white;
  border-color: #ffffff38;
}

.dark-mode .avactive {
  border-color: white !important;
}

.dark-mode #language .AV:hover {
  border-color: white;
}

.dark-mode .Bm>li.Bn>a:after,
.Bm>li.Bn>button:after {
  background-color: white;
}

/* Products */

.filter-sort {
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
  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;
}

.filter-sort button {
  position: relative;
  border-radius: 0;
  min-width: 164px;
  appearance: button;
  -webkit-appearance: button;
  font-size: 14px;
  padding: 0 24px;
  height: 50px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  border: 1px solid var(--figma-color-bg-gray);
  background-color: rgba(0, 0, 0, 0);
  font-family: inherit;
  color: var(--figma-color-text-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
}

.filter-sort button>span {
  flex-grow: 1;
}

.filter-sort button>span>span {
  display: inline;
  margin-right: 8px;
}

.filter-sort button div span {
  display: block;
}

.cat_sticky_banner {
  width: 100%;
  max-width: var(--container-width);
  padding: 0 16px;
  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;
}

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

.product_title {
  /* --container-width: 738px; */
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 16px;
}

@media (min-width: 1024.01px) {
  .product_title {
    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;
  }
}

@media only screen and (min-width: 1024px) {
  .product_title {
    --container-width: 964px;
  }
}

@media only screen and (min-width: 1024.1px) {
  .product_title {
    --container-width: 1360px;
  }
}

.product_title .col {
  position: relative;
  padding: 0;
}

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

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

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

.product_title .col3 {
  display: flex;
  align-items: center;
}

.product_title .col3 h1 {
  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) {
  .product_title .col3 h1 {
    margin: 0 0 5px;
    font-size: 32px;
    line-height: 48px;
    font-weight: var(--figma-font-weight-extra-bold);
  }
}

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

.product_category {
  /* --container-width: 738px; */
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 16px;
}

@media only screen and (min-width: 1024px) {
  .product_category {
    --container-width: 964px;
  }
}

@media only screen and (min-width: 1024.1px) {
  .product_category {
    --container-width: 1360px;
  }
}

@media (min-width: 1024.01px) {
  .product_category {
    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;
  }
}

.product_category .col {
  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;
}

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

.product_category .col .btn-group button {
  padding: 0;
  margin-left: auto;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  font-size: 14px;
  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;
}

.product_category .col .btn-group button.active:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: var(--figma-color-bg-black-100);
  bottom: -10px;
}

.products_catalog {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}

.products_catalog .col {
  min-height: 100vh;
  --cg: 2px;
  --rg: 10px;
  min-height: fit-content;
  --gw: calc((100vw / 2) - (var(--cg) / 2));
}

@media (min-width: 1024.01px) {
  .products_catalog .col {
    --cont-w: calc(100vw - 15px);
    --gw: calc((var(--cont-w) - (var(--cg) * 3)) / 4);
    --rg: 31px;
  }
}

@media only screen and (min-width: 1366px) {
  .products_catalog .col {
    --cont-w: 1361px;
  }
}

@media only screen and (min-width: 1360px) {
  .products_catalog .col {
    --cont-w: 1360px;
  }
}

.products_catalog .col .row {
  display: grid;
  overflow: visible;
  transform: translateZ(0);
  grid-column-gap: var(--cg);
  grid-row-gap: var(--rg);
}

@media (min-width: 1024.01px) {
  .products_catalog .col .row {
    grid-template-columns: repeat(4, var(--gw));
    grid-auto-rows: 1fr;
    justify-content: center;
  }
}

.products_catalog .product_box {
  position: relative;
}

.products_catalog .product_box .fav_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  z-index: 1;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  line-height: 0;
}

.products_catalog .product_box .fav_btn span {
  display: none;
}

/* About */

.about-hero {
  position: relative;
}

.about-hero-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  flex-direction: column;
  gap: 16px;
  background: rgba(0, 0, 0, 0);
  z-index: 1;
}

h1.about-title {
  max-width: 840px;
  color: var(--white-color);
  text-align: center;
  margin: 0;
  font-size: 92px;
  font-weight: var(--figma-font-weight-extra-bold);
  line-height: 108px;
}

p.about-subtitle {
  margin: 0;
  color: var(--white-color);
  font-weight: var 800 (--figma-font-weight-extra-bold);
  font-size: 20px;
  line-height: 32px;
  font-weight: var(--figma-font-weight-bold);
}

.about-arrow {
  position: absolute;
  z-index: 1;
  bottom: 12%;
  left: 50%;
  width: 60px;
  transform: translateX(-50%);
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--figma-color-bg-gray);
}

.about-hero-images {
  position: relative;
}

.about-image-desktop_1,
.about-image-desktop {
  position: relative;
  overflow: hidden;
  background-color: #f0f2f3;
  line-height: 0;
  display: block;
}

.about-image-desktop_1 img ,
.about-image-desktop img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  max-width: 100%;
  min-height: calc(100vh - 50px) !important;
}

.about-backstory {
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 0 25px;
  margin: 60px 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .about-backstory {
    margin: 80px auto;
    padding: 0 16px;
  }
}

.about-backstory-wrapper {
  padding: 1px;
  display: flex;
  align-items: center;
  margin: 80px auto;
  max-width: 840px;
}

.about-backstory-content h3 {
  margin: 0 0 30px;
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-extra-bold);
  text-align: left;
}

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

.about-riders {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: var(--figma-color-bg-light-gray);
  max-width: var(--max-desktop-width);
  gap: 0;
  padding: 0;
  flex-wrap: wrap;
}

.about-riders-images {
  width: 50%;
}

.about-riders-content {
  width: 100%;
  padding: 20px;
  color: var(--figma-color-text-primary);
  max-width: 620px;
  margin: 0;
}

@media (min-width: 1024px) {
  .about-riders-content {
    width: 560px;
    max-width: calc(50% - 80px);
    margin: 0 auto;
    padding: 20px 0;
  }
}

.about-riders-text h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--figma-font-weight-extra-bold);
  color: var(--figma-color-text-primary);
  text-align: left;
}

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

.about-offers {
  background: var(--figma-color-bg-black-100);
  color: var(--white-color);
  padding: 60px 25px;
  margin: 0 auto;
  max-width: var(--max-desktop-width);
}

@media (min-width: 1024.01px) {
  .about-offers {
    padding: 150px 80px;
  }
}

.about-offers-wrapper {
  max-width: 840px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
}

.about-offers-title {
  grid-column: 1 / 3;
  margin-bottom: 30px;
}

.about-offers-wrapper div:last-of-type {
  margin-bottom: 0;
}

.about-offers-title h3 {
  margin: 0 0 30px;
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  font-weight: var(--figma-font-weight-extra-bold);
  margin-bottom: 16px !important;
}

.about-offer {
  margin: 0 0 30px;
}

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

.about-offer .about-offer-icon {
  width: 50px;
  height: 50px;
  padding: 15px 16px;
  margin-bottom: 16px;
  border: 2px solid #6b6b6b;
  box-sizing: border-box;
  border-radius: 100px;
}

.about-offer h2 {
  font-weight: var(--figma-font-weight-extra-bold);
  margin: 20px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
}

@media (min-width: 1024px) {
  .about-offer h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 32px;
    font-weight: var(--figma-font-weight-bold);
  }
}

.about-offer p:first-of-type {
  margin: 0 0 16px;
}

.about-offer p {
  color: var(--figma-color-text-secondary-contrast);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
}

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

.about-team-main {
  margin-top: 60px;
}

@media (min-width: 1024.01px) {
  .about-team-main {
    margin-top: 150px;
  }
}

.about-team {
  background: var(--figma-color-bg-light-gray);
  max-width: var(--max-desktop-width);
  gap: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.about-team .about-team-images {
  width: 50%;
}

@media (max-width: 1024px) {
  .about-team .about-team-images {
    width: auto;
    width: 315px;
    height: 315px;
    position: relative;
    margin: 10px 0 0 10px;
    z-index: 1;
  }
}

.about-team .about-team-images .about-team-image {
  position: relative;
  width: 100%;
  height: auto;
}

.about-team .about-team-images .about-team-image .about-image-desktop {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #f0f2f3;
  line-height: 0;
}

.about-team .about-team-images .about-team-image .about-image-desktop img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.about-team .about-team-content {
  color: var(--figma-color-text-primary);
  width: 100%;
  padding: 20px 0;
  max-width: 620px;
  margin: 0;
}

@media (min-width: 1024px) {
  .about-team .about-team-content {
    width: 560px;
    max-width: calc(50% - 80px);
    margin: 0 auto;
  }
}

@media (max-width: 1024px) {
  .about-team .about-team-content {
    padding: 20px;
  }
}

.about-team .about-team-content .about-team-text h5 {
  position: relative;
  font-weight: var(--figma-font-weight-extra-bold);
  color: var(--figma-color-text-secondary);
  margin: 0 0 32px;
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--figma-font-weight-bold);
}

@media (min-width: 1024.01px) {
  .about-team .about-team-content .about-team-text h5 {
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
  }
}

.about-team .about-team-content .about-team-text h5:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 64px;
  height: 2px;
  background-color: rgba(192, 192, 192, 0.8);
}

.about-team .about-team-content .about-team-text h2 {
  margin: 0 0 30px;
  font-weight: var(--figma-font-weight-extra-bold);
  text-align: left;
  color: var(--figma-color-text-primary);
  font-size: 32px !important;
  line-height: 48px !important;
}

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

.about-team .about-team-content .about-team-text .about-help-quote {
  padding-left: 25px;
  max-width: 592px;
  margin: 0;
  margin-top: 30px;
}

@media (min-width: 1024.01px) {
  .about-team .about-team-content .about-team-text .about-help-quote {
    border-left: 3px solid rgba(192, 192, 192, 0.8);
  }
}

.about-team .about-team-content .about-team-text .about-help-quote .about-help-quote-text {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  display: block;
}

.about-team .about-team-content .about-team-text .about-help-quote .about-help-quote-author {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  display: block;
}

.about-team .about-team-cta {
  margin-top: 30px;
}

.about-team .about-team-cta-btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: flex-start;
  padding: 0 16px;
}

.about-team .about-team-cta-link {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  font-size: 16px;
  padding: 0 24px;
  height: 60px;
  color: var(--figma-color-bg-black-100);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--figma-color-bg-black-100);
  font-family: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
}

.about-team .about-team-cta-link:hover,
.about-team .about-team-cta-link:visited:hover {
  border: 1px solid var(--figma-color-bg-black-20);
}

.about-contact {
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 0 25px;
  margin: 60px 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .about-contact {
    margin: 80px auto;
    padding: 0 16px;
  }
}

.about-contact .about-contact-wrapper {
  margin: 80px auto;
  max-width: 840px;
  padding: 1px;
  display: flex;
  align-items: center;
}

.about-contact .about-contact-wrapper .about-contact-content h3 {
  margin: 0 0 30px;
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-extra-bold);
}

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

.about-contact-cta {
  margin-top: 30px;
}

.about-contact-cta-btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: flex-start;
  padding: 0 16px;
}

.about-contact-cta-link {
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  font-size: 16px;
  padding: 0 24px;
  height: 60px;
  color: var(--figma-color-bg-white-100);
  background-color: var(--figma-color-bg-black-100);
  border: 1px solid rgba(0, 0, 0, 0);
  font-family: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
}

.about-contact-cta-link:hover,
.about-contact-cta-link:visited:hover {
  background-color: var(--figma-color-bg-black-70);
  border: 1px solid rgba(0, 0, 0, 0);
}

/* Contact */

.contact-page {
  flood-color: var(--white-color);
  position: relative;
  display: flex;
  flex-direction: column;
}

.contact-page .contact-container {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 16px;
}

.contact-page .contact-title {
  font-size: 40px;
  line-height: 60px;
  font-weight: var(--figma-font-weight-bold);
  margin: 60px 0 10px;
}

.contact-page .contact-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  margin: 10px 0 0;
  margin-top: 0;
}

@media (min-width: 1024.01px) {
  .contact-page .contact-description {
    max-width: 375px;
  }
}

.contact-page .contact-links {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: scroll;
  padding: 6px;
  margin: -6px;
  margin-top: 19px !important;
  -webkit-overflow-scrolling: touch;
}

.contact-page .contact-link {
  border: 0.5px solid var(--figma-color-border-3);
  background-color: var(--figma-color-bg-white-100);
  cursor: pointer;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--figma-color-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  padding: 0 16px;
  box-sizing: border-box;
  white-space: nowrap;
  outline-offset: 3px;
}

.contact-page .contact-link:not(:first-child) {
  margin-left: 10px;
}

.contact-page .contact-link.active {
  border: 0.5px solid var(--figma-color-bg-black-100);
}

@media (min-width: 1024.01px) {
  .contact-page .contact-link {
    min-width: 55px;
    height: 55px;
  }
}

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

@media (min-width: 1024.01px) {
  .contact-page .contact-methods-title {
    margin: 60px 0 30px;
  }
}

.contact-page .contact-methods {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

@media (min-width: 1024.01px) {
  .contact-page .contact-methods {
    margin-bottom: 0;
    flex-direction: row;
  }
}

.contact-page .contact-method-list {
  display: flex;
  flex: 1;
  gap: 10px;
  flex-direction: column;
}

.contact-page .contact-method {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--figma-color-grayscale-20);
}

@media (min-width: 1024.01px) {
  .contact-page .contact-method {
    flex-direction: row;
    gap: 25px;
    padding: 30px;
    height: 118px;
  }
}

.contact-method-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 1024.01px) {
  .contact-method-icon {
    width: 70px;
    height: 70px;
  }
}

.contact-method-info {
  flex-grow: 1;
  gap: 2px;
}

@media (min-width: 1024.01px) {
  .contact-method-info {
    margin-left: 25px;
  }
}

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

.contact-method-desc {
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium);
  margin-top: 2px;
  color: var(--figma-color-text-secondary);
}

@media (min-width: 1024.01px) {
  .contact-method-desc {
    margin-top: 5px;
  }
}

.contact-method-action {
  color: var(--figma-color-bg-white-100);
  background-color: var(--figma-color-bg-black-100);
  border: 0;
  outline-offset: 3px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.15s, border 0.15s;
  border-radius: 50%;
}

.contact-page .contact-image {
  position: relative;
  margin: 0;
  flex: 1;
}

@media (min-width: 1024.01px) {
  .contact-page .contact-image {
    margin-left: 60px;
    max-width: 584px;
  }
}

.contact-page .contact-image-inner {
  position: relative;
  overflow: hidden;
  background-color: #f0f2f3;
  line-height: 0;
}

.contact-page .contact-image-inner img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.faq-accordion {
  position: relative;
}

@media (min-width: 1024.01px) {
  .faq-accordion {
    display: flex;
  }
}

@media (min-width: 1024.01px) {
  .faq-list {
    width: 375px;
    flex-shrink: 0;
  }
}

.faq-item:first-of-type {
  border-top: 0;
}

.faq-item {
  border-top: 1px solid var(--figma-color-grayscale-20);
}

.faq-toggle {
  display: flex;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
  border: 0;
  background: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  outline-offset: 3px;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.faq-question-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-bold);
  flex-grow: 1;
  margin-right: 8px;
}

.faq-toggle svg {
  flex-shrink: 0;
}

@media (min-width: 1024.01px) {
  .faq-item-expanded .faq-toggle svg {
    transform: rotate(-90deg);
  }
}

@media (max-width: 1024.01px) {
  .faq-item-expanded .faq-toggle svg {
    transform: rotate(-180deg);
  }
}

.faq-answer {
  font-size: 16px;
  line-height: 24px;
  font-weight: var(--figma-font-weight-medium);
  overflow: hidden;
  height: auto;
  /* max-height: 0; */
  transition: max-height 0.25s ease-in-out;
}

@media (min-width: 1024.01px) {
  .faq-answer {
    position: absolute;
    top: 0;
    left: 435px;
    width: calc(100% - 455px);
    max-height: none;
  }
}

.faq-answer> :last-child {
  margin-bottom: 0;
}

.faq-answer> :first-child {
  margin-top: 0;
}

.faq-answer> :first-child {
  margin-top: 0;
}

.faq-answer p {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

/* Product Detail */

/* Custom scrollbar for sliders */
.slider::-webkit-scrollbar {
  height: 6px;
}

.slider::-webkit-scrollbar-track {
  background: #f3f3f3;
}

.slider::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

/* Rating stars */
.star {
  color: #facc15;
  /* amber-400 */
  font-size: 1.125rem;
  /* 18px */
  line-height: 1;
}

.star.empty {
  color: #d1d5db;
  /* gray-300 */
}

/* Slider nav arrows */
.nav-arrow {
  cursor: pointer;
  user-select: none;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease;
}

.nav-arrow:hover {
  background-color: #f3f4f6;
}

/* Buttons styling for sizes & colors */
.btn-select {
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
  text-align: center;
}

.btn-select:hover {
  border-color: #6b7280;
}

.btn-select.active {
  background-color: black;
  color: white;
  border-color: black;
}

.color-swatch {
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  transition: border-color 0.3s ease;
  overflow: hidden;
  display: inline-block;
}

.color-swatch.active {
  border-color: black;
}

.color-swatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Color swatch "+21" style */
.color-swatch.more {
  background: #f3f4f6;
  font-weight: 700;
  font-size: 0.875rem;
  color: #4b5563;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Tab and content */
.tab-button {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  padding-bottom: 0.5rem;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
  user-select: none;
}

.tab-button.active {
  border-color: black;
  color: black;
  font-weight: 700;
}

/* Scroll container for horizontal sliders with nav */
.horizontal-slider-wrapper {
  position: relative;
  overflow: hidden;
}

.horizontal-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 1rem;
  padding-bottom: 0.75rem;
}

.horizontal-slider::-webkit-scrollbar {
  height: 8px;
}

.horizontal-slider::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

.horizontal-slider::-webkit-scrollbar-track {
  background: transparent;
}

.slider-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.slider-nav-btn:hover {
  background-color: #f3f4f6;
}

.slider-nav-btn.left {
  left: -12px;
}

.slider-nav-btn.right {
  right: -12px;
}

/* Product detail images slider small */
.detail-thumb {
  min-width: 160px;
  max-width: 160px;
  flex-shrink: 0;
  border: 1px solid #f3f4f6;
  border-radius: 0.5rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: border-color 0.3s ease;
}

.detail-thumb.active {
  border-color: black;
}

.detail-thumb img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  display: block;
}

/* Review box */
.review-box {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #e5e7eb;
}

.review-user {
  font-weight: 600;
  font-size: 0.875rem;
  color: #374151;
}

.review-date {
  font-size: 0.75rem;
  color: #6b7280;
  margin-left: 0.5rem;
}

/* Tags & footer product categories */
.footer-categories a {
  color: #6b7280;
  font-size: 0.875rem;
  margin-right: 1rem;
  text-decoration: underline;
}

/* Responsive tweaks */
@media (max-width: 1024px) {
  .desktop-layout {
    display: block;
  }

  .sidebar {
    margin-top: 2rem;
  }
}

#mobile-side-nav,
#mobile-side-nav-wrap,
#mobile-tab-content,
.tab-controls {
  height: 100%;
}

.mobile-nav {
  display: none;
}

@media screen and (max-width: 1023px) {
  .mobile-nav {
    align-items: center;
    background: #001a38;
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 1rem;
  }

  .mobile-nav button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
  }
}

div#mobile-side-nav {
  background-color: #fff;
  box-shadow: 0 1px 15px 0 rgba(60, 66, 87, 0.3);
  display: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  max-width: 100%;
  opacity: 1;
  overflow-y: auto;
  padding-bottom: 5rem;
  position: relative;
  position: fixed;
  top: 0;
  transform: translateX(-150%);
  transition: all 0.2s ease;
  width: 100%;
  z-index: 99;
}

div#mobile-side-nav .top {
  background: #fff;
  border-bottom: none;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  padding: 1rem;
}

div#mobile-side-nav .tabs {
  overflow: visible;
  overflow-x: visible;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div#mobile-side-nav .tabs .close-mobile-nav {
  border: 0;
  font-size: 24px;
  font-weight: 400;
  padding: 0;
  position: relative;
  right: 0;
  /* top: 12px; */
  z-index: 1000;
  padding: 20px;
}

div#mobile-side-nav #mobile-menu {
  /* display: flex;
  flex-direction: column;
  height: 100% */
  margin: 0;
  padding: 20px;
  width: 100%;
  gap: 20px;
  grid-template-columns: 1fr;
  display: grid;
}

div#mobile-side-nav #mobile-menu li {
  height: auto;
  width: 100%;
}

div#mobile-side-nav #mobile-menu li.sub-info {
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  border-bottom: 1px solid #eee;
}

div#mobile-side-nav #mobile-menu li.sub-info .sub-header button {
  background: var(--mobile-go-back-background);
  border: none;
  color: var(--mobile-go-back-color);
  display: flex;
  font-size: 1.2rem;
  gap: 1rem;
  padding: 0.75rem 1rem;
  width: 100%;
}

div#mobile-side-nav #mobile-menu li.sub-info .sub-header button svg {
  fill: var(--mobile-go-back-color);
  height: 24px;
  width: 24px;
}

div#mobile-side-nav #mobile-menu li.sub-info .sub-title {
  background: var(--mobile-sub-title-background);
  color: var(--mobile-sub-title-color);
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
}

div#mobile-side-nav #mobile-menu li.sub-info .show-all {
  background: var(--mobile-sub-show-all-background);
  color: var(--mobile-sub-show-all-color);
}

div#mobile-side-nav #mobile-menu li.sub-info .show-all a {
  display: flex;
}

div#mobile-side-nav #mobile-menu li.hidden-li {
  display: none;
}

div#mobile-side-nav #mobile-menu li.active-li ul.children {
  align-content: baseline;
  animation: navSlideIn 0.3s;
  animation-fill-mode: forwards;
  background-color: #fff;
  box-shadow: none;
  flex-wrap: wrap;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 0;
}

div#mobile-side-nav #mobile-menu li.active-li ul.children .Bh {
  padding: 5px 10px;
}

.mobile-footer-links {
  border-top: 1px solid #e2e6ea;
  margin: 0 20px;
  padding: 20px 0 0;
  display: grid;
  gap: 16px;
  font-size: 14px;
  line-height: 23px;
}

.mobile-footer-links a{
      color: #434343;
}

div#mobile-side-nav #mobile-menu>li>a {
  /* align-items: center;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  gap: .5rem;
  line-height: 50px;
  padding: 0 20px;
  position: relative;
  width: 100% */
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  outline-offset: 3px;
  font-size: 20px;
  line-height: 32px;
  position: relative;
  padding: 0;
  font-weight: 800;
}

div#mobile-side-nav #mobile-menu li a .next-arrow {
  fill: var(--color-menu-links);
  height: 20px;
  margin-left: auto;
  margin-right: -5px;
  transform: rotate(180deg);
  width: 20px;
}

div#mobile-side-nav #mobile-menu li a:after {
  display: none;
}

div#mobile-side-nav #mobile-menu li a.show-all {
  font-style: italic;
}

div#mobile-side-nav #mobile-menu li a.show-all span {
  font-weight: 700;
}

div#mobile-side-nav #mobile-menu .children {
  background: #f1f1f1;
  display: none;
}

div#mobile-side-nav #mobile-menu .children li a {
  border-color: #e3e3e3;
}

div#mobile-side-nav #mobile-menu .children li ul li a {
  padding-left: 40px;
}

div#mobile-side-nav #mobile-menu .children li ul li ul a {
  padding-left: 60px;
}

div#mobile-side-nav #mobile-menu .children.is-active {
  display: block;
}

div#mobile-side-nav .dropdown.channel-select .dropdown-menu {
  min-width: 4rem;
}

#mobile-side-nav-wrap.is-active #mobile-side-nav-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0.3s, opacity 1s ease;
  z-index: 50;
}

#mobile-side-nav-wrap.is-active div#mobile-side-nav {
  transform: translateX(0);
}

@media screen and (min-width: 1024px) {
  .hamburger {
    display: none;
  }
}

@keyframes navSlideIn {
  0% {
    transform: translate3d(-450px, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

.productDetailPage {
  display: flex;
  width: 100%;
  position: relative;
}

.productDetailPage .product_right {
  width: calc(100% - 375px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.productDetailPage .swiper_product-main .swiper-button {
  top: 50%;
}

.productDetailPage .swiper_product-main .swiper-scrollbar {
  width: 80%;
  margin: 0 auto;
  left: 10%;
  right: 10%;
  bottom: 2%;
}

.tabs_title {
  padding: 0 50px;
  scrollbar-width: none !important;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  /* overflow-y: scroll;
  -webkit-overflow-scrolling: touch; */
  background: var(--figma-color-bg-white-100);
  height: 61px;
  align-items: center;
  /* position: sticky; */
  /* top: 20%; */
  border-bottom: 1px solid var(--figma-color-border);
  z-index: 9999;
  justify-content: center;
}

.tabs_title .tab-button {
  line-height: 23px;
  font-weight: var(--figma-font-weight-medium) 500;
  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;
  margin-left: 30px;
}

.tabs_title button> :not(:first-child) {
  margin-left: 30px;
}

.tab-content-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 40px;
}

@media (min-width: 1024.01px) {
  .tab-content-wrapper {
    align-self: center;
    max-width: 1030px;
    padding: 0 50px;
  }
}

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

.tab-content .product-txt {
  padding: 10px 16px 40px 0;
}

.tab-content .info-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: var(--figma-color-text-primary);
}

.productDetailPage aside.sidebar {
  top: 15%;
  width: 375px;
  padding: 40px;
  position: sticky;
  box-sizing: initial;
}

.productDetailPage .product_right aside.sidebar {
  top: unset;
  width: 90%;
  padding: 40px;
  position: relative;
  display: none;
  box-sizing: initial;
}