:root {
  --primary-color: #44dac8;
  --background-color: #121212;
  --text-color: #ffffff;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  font-family: Cantarell;
  color: #fff;
  background: #121212;
  line-height: 1.3;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  margin: auto;
  scroll-behavior: smooth;
}

a {
  font-family: Cantarell;
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
}

.container {
  max-width: min(100vw, 1440px);
  padding: min(2.22222vw, 32px) min(3.33333vw, 48px) 0;
  margin: 0 auto;
}

.fbh,
.fbv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fb2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.fb3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.fbv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.g16 {
  gap: min(1.11111vw, 16px);
}

.pt64 {
  padding-top: min(4.44444vw, 64px);
}

.p4 {
  padding: min(0.27778vw, 4px);
}

.g24 {
  gap: min(1.66667vw, 24px);
}

.g4 {
  gap: min(0.27778vw, 4px);
}

.mt24 {
  margin-top: min(1.66667vw, 24px);
}

.fbac {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.oh {
  overflow: hidden;
}

.animation {
  overflow: hidden;
  position: relative;
  -webkit-clip-path: polygon(
    0 min(0.55556vw, 8px),
    min(0.55556vw, 8px) 0,
    100% 0,
    100% calc(100% - min(0.55556vw, 8px)),
    calc(100% - min(0.55556vw, 8px)) 100%,
    0 100%
  );
  clip-path: polygon(
    0 min(0.55556vw, 8px),
    min(0.55556vw, 8px) 0,
    100% 0,
    100% calc(100% - min(0.55556vw, 8px)),
    calc(100% - min(0.55556vw, 8px)) 100%,
    0 100%
  );
}

.hand {
  cursor: pointer;
}

.pr {
  position: relative;
}

.svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.wh100p {
  width: 100%;
  height: 100%;
}

.f20 {
  font-size: min(1.38889vw, 20px);
}

.fbjsb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wh100p {
  width: 100%;
  height: 100%;
}

.zoom-card-root.box1,
.zoom-card-root.box4 {
  -webkit-clip-path: polygon(
    0 min(2.77778vw, 40px),
    min(2.77778vw, 40px) 0,
    100% 0,
    100% calc(100% - min(2.77778vw, 40px)),
    calc(100% - min(2.77778vw, 40px)) 100%,
    0 100%
  );
  clip-path: polygon(
    0 min(2.77778vw, 40px),
    min(2.77778vw, 40px) 0,
    100% 0,
    100% calc(100% - min(2.77778vw, 40px)),
    calc(100% - min(2.77778vw, 40px)) 100%,
    0 100%
  );
}

.zoom-card-root.box2,
.zoom-card-root.box3 {
  clip-path: polygon(
    calc(100% - min(2.77778vw, 40px)) 0px,
    100% min(2.77778vw, 40px),
    100% 100%,
    min(2.77778vw, 40px) 100%,
    0px calc(100% - min(2.77778vw, 40px)),
    0px 0px
  );
}

.zoom-card-root.box1 {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.pa {
  position: absolute;
}

.p16 {
  padding: min(1.11111vw, 16px);
}

.fb1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p32 {
  padding: min(2.22222vw, 32px);
}

.g8 {
  gap: min(0.55556vw, 8px);
}

.w100p {
  width: 100%;
}

.g20 {
  gap: min(1.38889vw, 20px);
}

.fbae {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.g40 {
  gap: min(2.77778vw, 40px);
}

.g28 {
  gap: min(1.94444vw, 28px);
}

.g80 {
  gap: min(5.55556vw, 80px);
}

.f16 {
  font-size: min(1.11111vw, 16px);
}

/*# sourceMappingURL=base.css.map */