#__next {
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

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

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}

html,
body {
  height: 100%;
}

img,
picture,
video,
svg,
canvas {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font-size: 16px;
  border-radius: 0;
  appearance: none;
}

button {
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  user-select: none;
}

ul,
ol,
li {
  list-style: none;
}

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

input,
img,
fieldset,
iframe {
  border: 0;
}

address,
em,
i {
  font-style: normal;
}

:focus {
  outline: none;
}

html {
  font-size: calc(var(--font-size-base) * 1px);
}

body {
  font-weight: var(--font-weight-body);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  font-size: calc(var(--font-size-body-1) * 1rem);
}

.color-scheme-scope {
  color: var(--color-text-100);
  background-color: var(--color-background-100);
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.jc-normal {
  justify-content: normal;
}

.jc-flex-start {
  justify-content: flex-start;
}

.jc-flex-end {
  justify-content: flex-end;
}

.jc-center {
  justify-content: center;
}

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

.jc-space-around {
  justify-content: space-around;
}

.jc-space-evenly {
  justify-content: space-evenly;
}

.jc-stretch {
  justify-content: stretch;
}

.bg-responsive-image {
  background-image: var(--mobile-image-url);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .bg-responsive-image {
    background-image: var(--desktop-image-url);
  }
}

.tc-accent-100 {
  color: var(--color-accent-100);
}

.tc-accent-90 {
  color: var(--color-accent-90);
}

.tc-accent-80 {
  color: var(--color-accent-80);
}

.tc-accent-70 {
  color: var(--color-accent-70);
}

.tc-accent-60 {
  color: var(--color-accent-60);
}

.tc-accent-50 {
  color: var(--color-accent-50);
}

.tc-accent-40 {
  color: var(--color-accent-40);
}

.tc-accent-30 {
  color: var(--color-accent-30);
}

.tc-accent-20 {
  color: var(--color-accent-20);
}

.tc-accent-10 {
  color: var(--color-accent-10);
}

.tc-accent-5 {
  color: var(--color-accent-5);
}

.tc-background-100 {
  color: var(--color-background-100);
}

.tc-text-100 {
  color: var(--color-text-100);
}

.tc-text-90 {
  color: var(--color-text-90);
}

.tc-text-80 {
  color: var(--color-text-80);
}

.tc-text-70 {
  color: var(--color-text-70);
}

.tc-text-60 {
  color: var(--color-text-60);
}

.tc-text-50 {
  color: var(--color-text-50);
}

.tc-text-40 {
  color: var(--color-text-40);
}

.tc-text-30 {
  color: var(--color-text-30);
}

.tc-text-20 {
  color: var(--color-text-20);
}

.tc-text-10 {
  color: var(--color-text-10);
}

.tc-text-5 {
  color: var(--color-text-5);
}

.tc-text-3 {
  color: var(--color-text-3);
}

.tc-black-100 {
  color: var(--color-black-100);
}

.tc-black-90 {
  color: var(--color-black-90);
}

.tc-black-80 {
  color: var(--color-black-80);
}

.tc-black-70 {
  color: var(--color-black-70);
}

.tc-black-60 {
  color: var(--color-black-60);
}

.tc-black-50 {
  color: var(--color-black-50);
}

.tc-black-40 {
  color: var(--color-black-40);
}

.tc-black-30 {
  color: var(--color-black-30);
}

.tc-black-20 {
  color: var(--color-black-20);
}

.tc-black-10 {
  color: var(--color-black-10);
}

.tc-black-5 {
  color: var(--color-black-5);
}

.tc-white-100 {
  color: var(--color-white-100);
}

.tc-white-90 {
  color: var(--color-white-90);
}

.tc-white-80 {
  color: var(--color-white-80);
}

.tc-white-70 {
  color: var(--color-white-70);
}

.tc-white-60 {
  color: var(--color-white-60);
}

.tc-white-50 {
  color: var(--color-white-50);
}

.tc-white-40 {
  color: var(--color-white-40);
}

.tc-white-30 {
  color: var(--color-white-30);
}

.tc-white-20 {
  color: var(--color-white-20);
}

.tc-white-10 {
  color: var(--color-white-10);
}

.tc-success-100 {
  color: var(--color-success-100);
}

.tc-error-100 {
  color: var(--color-error-100);
}

.tc-error-10 {
  color: var(--color-error-10);
}

.mt-th-s {
  margin-top: var(--spacing-text-heading-s);
}

.mt-th-m {
  margin-top: var(--spacing-text-heading-m);
}

.mt-th-l {
  margin-top: var(--spacing-text-heading-l);
}

.mt-th-xl {
  margin-top: var(--spacing-text-heading-xl);
}

.mt-tb-2xs {
  margin-top: var(--spacing-text-body-2xs);
}

.mt-tb-xs {
  margin-top: var(--spacing-text-body-xs);
}

.mt-tb-s {
  margin-top: var(--spacing-text-body-s);
}

.mt-tb-m {
  margin-top: var(--spacing-text-body-m);
}

.mt-tb-l {
  margin-top: var(--spacing-text-body-l);
}

.mt-tb-xl {
  margin-top: var(--spacing-text-body-xl);
}

.mt-tb-2xl {
  margin-top: var(--spacing-text-body-2xl);
}

.mt-tb-3xl {
  margin-top: var(--spacing-text-body-3xl);
}

.mr-th-s {
  margin-right: var(--spacing-text-heading-s);
}

.mr-th-m {
  margin-right: var(--spacing-text-heading-m);
}

.mr-th-l {
  margin-right: var(--spacing-text-heading-l);
}

.mr-th-xl {
  margin-right: var(--spacing-text-heading-xl);
}

.mr-tb-2xs {
  margin-right: var(--spacing-text-body-2xs);
}

.mr-tb-xs {
  margin-right: var(--spacing-text-body-xs);
}

.mr-tb-s {
  margin-right: var(--spacing-text-body-s);
}

.mr-tb-m {
  margin-right: var(--spacing-text-body-m);
}

.mr-tb-l {
  margin-right: var(--spacing-text-body-l);
}

.mr-tb-xl {
  margin-right: var(--spacing-text-body-xl);
}

.mr-tb-2xl {
  margin-right: var(--spacing-text-body-2xl);
}

.mr-tb-3xl {
  margin-right: var(--spacing-text-body-3xl);
}

.mb-th-s {
  margin-bottom: var(--spacing-text-heading-s);
}

.mb-th-m {
  margin-bottom: var(--spacing-text-heading-m);
}

.mb-th-l {
  margin-bottom: var(--spacing-text-heading-l);
}

.mb-th-xl {
  margin-bottom: var(--spacing-text-heading-xl);
}

.mb-tb-2xs {
  margin-bottom: var(--spacing-text-body-2xs);
}

.mb-tb-xs {
  margin-bottom: var(--spacing-text-body-xs);
}

.mb-tb-s {
  margin-bottom: var(--spacing-text-body-s);
}

.mb-tb-m {
  margin-bottom: var(--spacing-text-body-m);
}

.mb-tb-l {
  margin-bottom: var(--spacing-text-body-l);
}

.mb-tb-xl {
  margin-bottom: var(--spacing-text-body-xl);
}

.mb-tb-2xl {
  margin-bottom: var(--spacing-text-body-2xl);
}

.mb-tb-3xl {
  margin-bottom: var(--spacing-text-body-3xl);
}

.ml-th-s {
  margin-left: var(--spacing-text-heading-s);
}

.ml-th-m {
  margin-left: var(--spacing-text-heading-m);
}

.ml-th-l {
  margin-left: var(--spacing-text-heading-l);
}

.ml-th-xl {
  margin-left: var(--spacing-text-heading-xl);
}

.ml-tb-2xs {
  margin-left: var(--spacing-text-body-2xs);
}

.ml-tb-xs {
  margin-left: var(--spacing-text-body-xs);
}

.ml-tb-s {
  margin-left: var(--spacing-text-body-s);
}

.ml-tb-m {
  margin-left: var(--spacing-text-body-m);
}

.ml-tb-l {
  margin-left: var(--spacing-text-body-l);
}

.ml-tb-xl {
  margin-left: var(--spacing-text-body-xl);
}

.ml-tb-2xl {
  margin-left: var(--spacing-text-body-2xl);
}

.ml-tb-3xl {
  margin-left: var(--spacing-text-body-3xl);
}

.px-b-fx-xs {
  padding-left: var(--spacing-base-fx-xs);
  padding-right: var(--spacing-base-fx-xs);
}

.px-b-fx-s {
  padding-left: var(--spacing-base-fx-s);
  padding-right: var(--spacing-base-fx-s);
}

.px-b-fx-m {
  padding-left: var(--spacing-base-fx-m);
  padding-right: var(--spacing-base-fx-m);
}

.px-b-fx-l {
  padding-left: var(--spacing-base-fx-l);
  padding-right: var(--spacing-base-fx-l);
}

.px-b-fx-xl {
  padding-left: var(--spacing-base-fx-xl);
  padding-right: var(--spacing-base-fx-xl);
}

.px-b-fx-2xl {
  padding-left: var(--spacing-base-fx-2xl);
  padding-right: var(--spacing-base-fx-2xl);
}

.px-b-fx-3xl {
  padding-left: var(--spacing-base-fx-3xl);
  padding-right: var(--spacing-base-fx-3xl);
}

.px-b-fx-4xl {
  padding-left: var(--spacing-base-fx-4xl);
  padding-right: var(--spacing-base-fx-4xl);
}

.pl-b-fx-xs {
  padding-left: var(--spacing-base-fx-xs);
}

.pl-b-fx-s {
  padding-left: var(--spacing-base-fx-s);
}

.pl-b-fx-m {
  padding-left: var(--spacing-base-fx-m);
}

.pl-b-fx-l {
  padding-left: var(--spacing-base-fx-l);
}

.pl-b-fx-xl {
  padding-left: var(--spacing-base-fx-xl);
}

.pl-b-fx-2xl {
  padding-left: var(--spacing-base-fx-2xl);
}

.pl-b-fx-3xl {
  padding-left: var(--spacing-base-fx-3xl);
}

.pl-b-fx-4xl {
  padding-left: var(--spacing-base-fx-4xl);
}

.pr-b-fx-xs {
  padding-right: var(--spacing-base-fx-xs);
}

.pr-b-fx-s {
  padding-right: var(--spacing-base-fx-s);
}

.pr-b-fx-m {
  padding-right: var(--spacing-base-fx-m);
}

.pr-b-fx-l {
  padding-right: var(--spacing-base-fx-l);
}

.pr-b-fx-xl {
  padding-right: var(--spacing-base-fx-xl);
}

.pr-b-fx-2xl {
  padding-right: var(--spacing-base-fx-2xl);
}

.pr-b-fx-3xl {
  padding-right: var(--spacing-base-fx-3xl);
}

.pr-b-fx-4xl {
  padding-right: var(--spacing-base-fx-4xl);
}

.mx-b-fx-xs {
  margin-left: var(--spacing-base-fx-xs);
  margin-right: var(--spacing-base-fx-xs);
}

.mx-b-fx-s {
  margin-left: var(--spacing-base-fx-s);
  margin-right: var(--spacing-base-fx-s);
}

.mx-b-fx-m {
  margin-left: var(--spacing-base-fx-m);
  margin-right: var(--spacing-base-fx-m);
}

.mx-b-fx-l {
  margin-left: var(--spacing-base-fx-l);
  margin-right: var(--spacing-base-fx-l);
}

.mx-b-fx-xl {
  margin-left: var(--spacing-base-fx-xl);
  margin-right: var(--spacing-base-fx-xl);
}

.mx-b-fx-2xl {
  margin-left: var(--spacing-base-fx-2xl);
  margin-right: var(--spacing-base-fx-2xl);
}

.mx-b-fx-3xl {
  margin-left: var(--spacing-base-fx-3xl);
  margin-right: var(--spacing-base-fx-3xl);
}

.mx-b-fx-4xl {
  margin-left: var(--spacing-base-fx-4xl);
  margin-right: var(--spacing-base-fx-4xl);
}

.ml-b-fx-xs {
  margin-left: var(--spacing-base-fx-xs);
}

.ml-b-fx-s {
  margin-left: var(--spacing-base-fx-s);
}

.ml-b-fx-m {
  margin-left: var(--spacing-base-fx-m);
}

.ml-b-fx-l {
  margin-left: var(--spacing-base-fx-l);
}

.ml-b-fx-xl {
  margin-left: var(--spacing-base-fx-xl);
}

.ml-b-fx-2xl {
  margin-left: var(--spacing-base-fx-2xl);
}

.ml-b-fx-3xl {
  margin-left: var(--spacing-base-fx-3xl);
}

.ml-b-fx-4xl {
  margin-left: var(--spacing-base-fx-4xl);
}

.mr-b-fx-xs {
  margin-right: var(--spacing-base-fx-xs);
}

.mr-b-fx-s {
  margin-right: var(--spacing-base-fx-s);
}

.mr-b-fx-m {
  margin-right: var(--spacing-base-fx-m);
}

.mr-b-fx-l {
  margin-right: var(--spacing-base-fx-l);
}

.mr-b-fx-xl {
  margin-right: var(--spacing-base-fx-xl);
}

.mr-b-fx-2xl {
  margin-right: var(--spacing-base-fx-2xl);
}

.mr-b-fx-3xl {
  margin-right: var(--spacing-base-fx-3xl);
}

.mr-b-fx-3xl {
  margin-right: var(--spacing-base-fx-4xl);
}

.py-b-fx-xs {
  padding-top: var(--spacing-base-fx-xs);
  padding-bottom: var(--spacing-base-fx-xs);
}

.py-b-fx-s {
  padding-top: var(--spacing-base-fx-s);
  padding-bottom: var(--spacing-base-fx-s);
}

.py-b-fx-m {
  padding-top: var(--spacing-base-fx-m);
  padding-bottom: var(--spacing-base-fx-m);
}

.py-b-fx-l {
  padding-top: var(--spacing-base-fx-l);
  padding-bottom: var(--spacing-base-fx-l);
}

.py-b-fx-xl {
  padding-top: var(--spacing-base-fx-xl);
  padding-bottom: var(--spacing-base-fx-xl);
}

.py-b-fx-2xl {
  padding-top: var(--spacing-base-fx-2xl);
  padding-bottom: var(--spacing-base-fx-2xl);
}

.py-b-fx-3xl {
  padding-top: var(--spacing-base-fx-3xl);
  padding-bottom: var(--spacing-base-fx-3xl);
}

.py-b-fx-4xl {
  padding-top: var(--spacing-base-fx-4xl);
  padding-bottom: var(--spacing-base-fx-4xl);
}

.pt-b-fx-xs {
  padding-top: var(--spacing-base-fx-xs);
}

.pt-b-fx-s {
  padding-top: var(--spacing-base-fx-s);
}

.pt-b-fx-m {
  padding-top: var(--spacing-base-fx-m);
}

.pt-b-fx-l {
  padding-top: var(--spacing-base-fx-l);
}

.pt-b-fx-xl {
  padding-top: var(--spacing-base-fx-xl);
}

.pt-b-fx-2xl {
  padding-top: var(--spacing-base-fx-2xl);
}

.pt-b-fx-3xl {
  padding-top: var(--spacing-base-fx-3xl);
}

.pt-b-fx-4xl {
  padding-top: var(--spacing-base-fx-4xl);
}

.pb-b-fx-xs {
  padding-bottom: var(--spacing-base-fx-xs);
}

.pb-b-fx-s {
  padding-bottom: var(--spacing-base-fx-s);
}

.pb-b-fx-m {
  padding-bottom: var(--spacing-base-fx-m);
}

.pb-b-fx-l {
  padding-bottom: var(--spacing-base-fx-l);
}

.pb-b-fx-xl {
  padding-bottom: var(--spacing-base-fx-xl);
}

.pb-b-fx-2xl {
  padding-bottom: var(--spacing-base-fx-2xl);
}

.pb-b-fx-3xl {
  padding-bottom: var(--spacing-base-fx-3xl);
}

.pb-b-fx-4xl {
  padding-bottom: var(--spacing-base-fx-4xl);
}

.my-b-fx-xs {
  margin-top: var(--spacing-base-fx-xs);
  margin-bottom: var(--spacing-base-fx-xs);
}

.my-b-fx-s {
  margin-top: var(--spacing-base-fx-s);
  margin-bottom: var(--spacing-base-fx-s);
}

.my-b-fx-m {
  margin-top: var(--spacing-base-fx-m);
  margin-bottom: var(--spacing-base-fx-m);
}

.my-b-fx-l {
  margin-top: var(--spacing-base-fx-l);
  margin-bottom: var(--spacing-base-fx-l);
}

.my-b-fx-xl {
  margin-top: var(--spacing-base-fx-xl);
  margin-bottom: var(--spacing-base-fx-xl);
}

.my-b-fx-2xl {
  margin-top: var(--spacing-base-fx-2xl);
  margin-bottom: var(--spacing-base-fx-2xl);
}

.my-b-fx-3xl {
  margin-top: var(--spacing-base-fx-3xl);
  margin-bottom: var(--spacing-base-fx-3xl);
}

.my-b-fx-4xl {
  margin-top: var(--spacing-base-fx-4xl);
  margin-bottom: var(--spacing-base-fx-4xl);
}

.mt-b-fx-xs {
  margin-top: var(--spacing-base-fx-xs);
}

.mt-b-fx-s {
  margin-top: var(--spacing-base-fx-s);
}

.mt-b-fx-m {
  margin-top: var(--spacing-base-fx-m);
}

.mt-b-fx-l {
  margin-top: var(--spacing-base-fx-l);
}

.mt-b-fx-xl {
  margin-top: var(--spacing-base-fx-xl);
}

.mt-b-fx-2xl {
  margin-top: var(--spacing-base-fx-2xl);
}

.mt-b-fx-3xl {
  margin-top: var(--spacing-base-fx-3xl);
}

.mt-b-fx-4xl {
  margin-top: var(--spacing-base-fx-4xl);
}

.mb-b-fx-xs {
  margin-bottom: var(--spacing-base-fx-xs);
}

.mb-b-fx-s {
  margin-bottom: var(--spacing-base-fx-s);
}

.mb-b-fx-m {
  margin-bottom: var(--spacing-base-fx-m);
}

.mb-b-fx-l {
  margin-bottom: var(--spacing-base-fx-l);
}

.mb-b-fx-xl {
  margin-bottom: var(--spacing-base-fx-xl);
}

.mb-b-fx-2xl {
  margin-bottom: var(--spacing-base-fx-2xl);
}

.mb-b-fx-3xl {
  margin-bottom: var(--spacing-base-fx-3xl);
}

.mb-b-fx-4xl {
  margin-bottom: var(--spacing-base-fx-4xl);
}

.align-row-left-top {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.align-row-left-middle {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

.align-row-left-bottom {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: left;
}

.align-row-center-top {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}

.align-row-center-middle {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.align-row-center-bottom {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

.align-row-right-top {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: right;
}

.align-row-right-middle {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.align-row-right-bottom {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.align-column-left-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.align-column-left-middle {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.align-column-left-bottom {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}

.align-column-center-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.align-column-center-middle {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.align-column-center-bottom {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.align-column-right-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}

.align-column-right-middle {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}

.align-column-right-bottom {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.primary.plane-accent {
  background-color: var(--color-accent-100);
  border: transparent;
}
.primary.plane-accent:hover, .primary.plane-accent:active {
  background-color: var(--color-accent-80);
}
.primary.plane-accent:disabled {
  background-color: var(--color-accent-40);
}
.primary.plane-text {
  background-color: var(--color-text-100);
  border: transparent;
}
.primary.plane-text:hover, .primary.plane-text:active {
  background-color: var(--color-text-80);
}
.primary.plane-text:disabled {
  background-color: var(--color-text-40);
}
.primary.plane-text.swap {
  background-color: var(--color-background-100);
  border: transparent;
}
.primary.plane-text.swap:hover, .primary.plane-text.swap:active {
  background-color: var(--color-background-80);
}
.primary.plane-text.swap:disabled {
  background-color: var(--color-background-40);
}
.primary.line-accent {
  color: var(--color-accent-100);
  background-color: transparent;
  border: 1px solid var(--color-accent-100);
}
.primary.line-accent:hover, .primary.line-accent:active {
  color: var(--color-accent-80);
  border: 1px solid var(--color-accent-80);
}
.primary.line-accent:disabled {
  color: var(--color-accent-40);
  border: 1px solid var(--color-accent-40);
}
.primary.line-text {
  color: var(--color-text-100);
  background-color: transparent;
  border: 1px solid var(--color-text-100);
}
.primary.line-text:hover, .primary.line-text:active {
  color: var(--color-text-80);
  border: 1px solid var(--color-text-80);
}
.primary.line-text:disabled {
  color: var(--color-text-40);
  border: 1px solid var(--color-text-40);
}
.primary.line-text.swap {
  color: var(--color-background-100);
  background-color: transparent;
  border: 1px solid var(--color-background-100);
}
.primary.line-text.swap:hover, .primary.line-text.swap:active {
  color: var(--color-background-80);
  border: 1px solid var(--color-background-80);
}
.primary.line-text.swap:disabled {
  color: var(--color-background-40);
  border: 1px solid var(--color-background-40);
}

.secondary.accent {
  color: var(--color-accent-100);
  background-color: transparent;
  border: 1px solid var(--color-accent-100);
}
.secondary.accent:hover, .secondary.accent:active {
  color: var(--color-accent-80);
  border: 1px solid var(--color-accent-80);
}
.secondary.accent:disabled {
  color: var(--color-accent-40);
  border: 1px solid var(--color-accent-40);
}
.secondary.text {
  color: var(--color-text-100);
  background-color: transparent;
  border: 1px solid var(--color-text-100);
}
.secondary.text:hover, .secondary.text:active {
  color: var(--color-text-80);
  border: 1px solid var(--color-text-80);
}
.secondary.text:disabled {
  color: var(--color-text-40);
  border: 1px solid var(--color-text-40);
}
.secondary.text.swap {
  color: var(--color-background-100);
  background-color: transparent;
  border: 1px solid var(--color-background-100);
}
.secondary.text.swap:hover, .secondary.text.swap:active {
  color: var(--color-background-80);
  border: 1px solid var(--color-background-80);
}
.secondary.text.swap:disabled {
  color: var(--color-background-40);
  border: 1px solid var(--color-background-40);
}

.background-light {
  color: var(--color-black-100);
}
.background-light:hover, .background-light:active {
  color: var(--color-black-60);
}
.background-light:disabled {
  color: var(--color-black-20);
}

.background-dark {
  color: var(--color-white-100);
}
.background-dark:hover, .background-dark:active {
  color: var(--color-white-80);
}
.background-dark:disabled {
  color: var(--color-white-70);
}

.primary.light-mode.plane-accent,
.primary.light-mode.plane-text {
  color: var(--color-black-100);
  background-color: var(--color-white-100);
}
.primary.light-mode.plane-accent:hover, .primary.light-mode.plane-accent:active,
.primary.light-mode.plane-text:hover,
.primary.light-mode.plane-text:active {
  color: var(--color-black-80);
  background-color: var(--color-white-80);
}
.primary.light-mode.plane-accent:disabled,
.primary.light-mode.plane-text:disabled {
  color: var(--color-black-40);
  background-color: var(--color-white-40);
}

.primary.light-mode.line-accent,
.primary.light-mode.line-text {
  color: var(--color-white-100);
  background-color: transparent;
  border: 1px solid var(--color-white-100);
}
.primary.light-mode.line-accent:hover, .primary.light-mode.line-accent:active,
.primary.light-mode.line-text:hover,
.primary.light-mode.line-text:active {
  color: var(--color-white-80);
  border: 1px solid var(--color-white-80);
}
.primary.light-mode.line-accent:disabled,
.primary.light-mode.line-text:disabled {
  color: var(--color-white-40);
  border: 1px solid var(--color-white-40);
}

.primary.dark-mode.plane-accent,
.primary.dark-mode.plane-text {
  color: var(--color-white-100);
  background-color: var(--color-black-100);
}
.primary.dark-mode.plane-accent:hover, .primary.dark-mode.plane-accent:active,
.primary.dark-mode.plane-text:hover,
.primary.dark-mode.plane-text:active {
  color: var(--color-white-80);
  background-color: var(--color-black-80);
}
.primary.dark-mode.plane-accent:disabled,
.primary.dark-mode.plane-text:disabled {
  color: var(--color-white-40);
  background-color: var(--color-black-40);
}

.primary.dark-mode.line-accent,
.primary.dark-mode.line-text {
  color: var(--color-black-100);
  background-color: transparent;
  border: 1px solid var(--color-black-100);
}
.primary.dark-mode.line-accent:hover, .primary.dark-mode.line-accent:active,
.primary.dark-mode.line-text:hover,
.primary.dark-mode.line-text:active {
  color: var(--color-black-80);
  border: 1px solid var(--color-black-80);
}
.primary.dark-mode.line-accent:disabled,
.primary.dark-mode.line-text:disabled {
  color: var(--color-black-40);
  border: 1px solid var(--color-black-40);
}

.basic {
  color: var(--color-text-100);
  border: 1px solid var(--color-text-20);
}
.basic:hover, .basic:active {
  color: var(--color-text-80);
  border: 1px solid var(--color-text-10);
}
.basic:disabled {
  color: var(--color-text-40);
  border: 1px solid var(--color-text-10);
}

.swiper .swiper-slide {
  height: auto;
}

.swiper .swiper-slide-thumb-active {
  border: 2px solid var(--color-text-100);
  opacity: 1;
}

#indicator .swiper-pagination-bullet {
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0;
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
}

#indicator .swiper-pagination-bullet-active-main {
  display: block;
  transform: scale(1);
}

#indicator .swiper-pagination-bullet-active-prev,
#indicator .swiper-pagination-bullet-active-next {
  display: block;
  transform: scale(0.75);
}

#indicator .swiper-pagination-bullet-active-prev-prev,
#indicator .swiper-pagination-bullet-active-next-next {
  display: block;
  transform: scale(0.5);
}

.logo {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-logo);
  letter-spacing: var(--letter-spacing-logo);
}

.heading1 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-1) * 1rem);
}

.heading2 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-2) * 1rem);
}

.heading3 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-3) * 1rem);
}

.heading4 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-4) * 1rem);
}

.heading5 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-5) * 1rem);
}

.heading6 {
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  font-size: calc(var(--font-size-heading-6) * 1rem);
}

.body1 {
  font-weight: var(--font-weight-body);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  font-size: calc(var(--font-size-body-1) * 1rem);
}

.body2 {
  font-weight: var(--font-weight-body);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  font-size: max(var(--font-size-body-2) * 1rem, 10px);
}

.body3 {
  font-weight: var(--font-weight-body);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  font-size: max(var(--font-size-body-3) * 1rem, 10px);
}

.bold {
  font-weight: 700;
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp, var(--line-clamp));
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-through {
  text-decoration-line: line-through;
}

.white-space-normal {
  white-space: normal;
}

.white-space-nowrap {
  white-space: nowrap;
}

.white-space-pre {
  white-space: pre;
}

.white-space-pre-line {
  white-space: pre-line;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.white-space-break-spaces {
  white-space: break-spaces;
}

.underline {
  text-decoration-line: underline;
}

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

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

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

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