*,
::backdrop,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
}

:after,
:before {
  --tw-content: '';
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}

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 {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: initial;
}

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

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -0.125rem;
}

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

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

summary {
  display: list-item;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
}

fieldset,
legend {
  padding: 0;
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}

[role='button'],
button {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}

img,
video {
  height: auto;
  max-width: 100%;
}

[hidden]:where(:not([hidden='until-found'])) {
  display: none;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 40rem;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 48rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 64rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 80rem;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 96rem;
  }
}

.visible {
  visibility: visible;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.z-10 {
  z-index: 10;
}

.m-auto {
  margin: auto;
}

.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-64 {
  height: 16rem;
}

.h-full {
  height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-full {
  width: 100%;
}

.max-w-20 {
  max-width: 5rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-grow {
  flex-grow: 1;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

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

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 0.25rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.py-4 {
  padding-top: 1rem;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

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

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

.shadow {
  --tw-shadow: 0 1px 0.1875rem 0 #0000001a, 0 1px 0.125rem -1px #0000001a;
  --tw-shadow-colored: 0 1px 0.1875rem 0 var(--tw-shadow-color), 0 1px 0.125rem -1px var(--tw-shadow-color);
}

.shadow,
.shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 0.25rem 0.375rem -1px #0000001a, 0 0.125rem 0.25rem -0.125rem #0000001a;
  --tw-shadow-colored: 0 0.25rem 0.375rem -1px var(--tw-shadow-color),
    0 0.125rem 0.25rem -0.125rem var(--tw-shadow-color);
}

.outline {
  outline-style: solid;
}

.blur {
  --tw-blur: blur(0.5rem);
}

.blur,
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@font-face {
  font-family: Abril Fatface;
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface Regular'), url(./_staicx/AbrilFatface-Regular.xIANlVPh.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 100;
  src: local('Butler UltraLight'), url(./_staicx/Butler_Ultra_Light.Sr3p49dz.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 300;
  src: local('Butler Light'), url(./_staicx/Butler_Light.9SzfXN7h.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 400;
  src: local('Butler Regular'), url(./_staicx/Butler_Regular.BS2h_mZZ.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 500;
  src: local('Butler Medium'), url(./_staicx/Butler_Medium.vXHcwsUt.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 700;
  src: local('Butler Bold'), url(./_staicx/Butler_Bold.CBI7eOUl.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 800;
  src: local('Butler ExtraBold'), url(./_staicx/Butler_ExtraBold.CzoC15bF.woff) format('woff');
}

@font-face {
  font-family: Butler;
  font-style: normal;
  font-weight: 900;
  src: local('Butler Black'), url(./_staicx/Butler_Black.Bnsq2AiX.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 100;
  src: local('Poppins Thin'), url(./_staicx/Poppins-Thin.CkOwhL-4.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  src: local('Poppins ExtraLight'), url(./_staicx/Poppins-ExtraLight.Bhmsfikn.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  src: local('Poppins Light'), url(./_staicx/Poppins-Light.g4ayFKwt.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), url(./_staicx/Poppins-Regular.DDdNEJae.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), url(./_staicx/Poppins-Medium.Clc9DUlp.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), url(./_staicx/Poppins-SemiBold.-kH4D_6h.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), url(./_staicx/Poppins-Bold.BikI6_8o.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 800;
  src: local('Poppins ExtraBold'), url(./_staicx/Poppins-ExtraBold.1BS4fvpX.woff) format('woff');
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  src: local('Poppins Black'), url(./_staicx/Poppins-Black.DFbXdiww.woff) format('woff');
}

body {
  --el-color-primary-dark-2: #29182b;
  --el-color-primary-light-9: #ebe9eb;
  --el-color-primary-light-8: #d6d2d7;
  --el-color-primary-light-7: #c2bcc3;
  --el-color-primary-light-6: #ada5af;
  --el-color-primary-light-5: #998f9b;
  --el-color-primary-light-4: #857886;
  --el-color-primary-light-3: #706272;
  --el-color-primary-light-2: #5c4b5e;
  --el-color-primary-light-1: #47354a;
  --el-color-primary: #331e36;
}

body .el-button {
  --el-border-radius-base: var(--brSize);
  height: auto;
}

body .el-button.is-text:not(.is-disabled):active {
  background-color: transparent;
}

.el-input.ym-el-input,
.el-textarea.ym-el-input {
  width: 100%;
  --el-text-color-placeholder: var(--placeholderColor);
  --el-date-editor-width: 100%;
  --el-input-bg-color: #f9f9f9;
  --el-input-border-color: #f9f9f9;
  --el-input-height: 2.5rem;
  --el-input-inner-height: 2.5rem;
  --el-input-border-radius: var(--brSize);
}

.el-input.ym-el-input .el-input__wrapper,
.el-textarea.ym-el-input .el-input__wrapper {
  padding: 0 1.25rem;
}

.el-input.ym-el-input .el-icon,
.el-textarea.ym-el-input .el-icon {
  margin: 0 0.75rem 0 0.6875rem;
}

.el-input.ym-el-input .eva-date-icon,
.el-textarea.ym-el-input .eva-date-icon {
  color: var(--mainColor);
  font-size: 1rem;
}

.el-input.ym-el-input .el-textarea__inner,
.el-textarea.ym-el-input .el-textarea__inner {
  padding: 0.75rem 1.25rem;
}

.el-button.ym-el-button {
  height: 3.125rem;
  width: 100%;
}

.el-button.ym-aide-button,
.ym-aide-button {
  background: var(--aideColor);
  border: 1px solid var(--aideColor);
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
}

.el-button.ym-aide-button:hover,
.ym-aide-button:hover {
  background: var(--aideColor);
  border-color: var(--aideColor);
  color: #fff;
  opacity: 0.6;
}

.el-button.ym-aide-button.is-plain,
.el-button.ym-aide-button.is-plain:hover,
.ym-aide-button.is-plain,
.ym-aide-button.is-plain:hover {
  background: #fff;
  color: var(--aideColor);
}

.el-button.ym-sec-button,
.ym-sec-button {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: var(--mutedColor);
  cursor: pointer;
  font-size: 0.875rem;
}

.el-button.ym-sec-button:hover,
.ym-sec-button:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: var(--mutedColor);
  opacity: 0.6;
}

:root {
  --mainColor: #331e36;
  --aideColor: #ae8ca3;
  --secColor: #c754cb;
  --textColor: #555;
  --titleColor: #222;
  --mutedColor: #888;
  --placeholderColor: #9e9e9e;
  --borderColor: #e5e5e5;
  --bgColor: #fbf7f8;
  --maxViewWidth: 75rem;
  --maxViewContentWidth: 75rem;
  --maxViewInnerWidth: 62.5rem;
  --topHeight: 2.625rem;
  --headerHeight: 5rem;
  --footerHeight: auto;
  --bsSize: 0 0.125rem 0.125rem 0 rgba(#331e36, 0.1);
  --bsSizeHover: 0 0.9375rem 1.875rem rgba(#331e36, 0.1);
  --brSize: 0.375rem;
  --dangerColor: #f91c2d;
  --successColor: #22913b;
  --warningColor: #ae8222;
}

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

body,
html {
  background: var(--bgColor);
  font-size: 1rem;
}

body {
  color: var(--textColor);
  font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  --swal2-confirm-button-background-color: var(--mainColor);
  --swal2-border-radius: var(--brSize);
}

body .swal2-container {
  z-index: 9999;
}

body.swal2-toast-shown .swal2-container {
  min-width: 22.5rem;
  width: auto;
}

body .swal2-container .swal2-loader {
  border-color: var(--mainColor) transparent var(--mainColor) transparent;
}

button,
input,
optgroup,
select,
textarea {
  font-size: medium;
}

div.fp-watermark {
  display: none;
}

.common-wrapper {
  margin: 0 auto;
  max-width: var(--maxViewWidth);
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .common-wrapper {
    width: 96%;
  }
}

#app::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  height: 0.375rem;
  width: 0.375rem;
}

#app::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: #f0f0f0;
}

#app::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background-color: var(--mainColor);
  border-radius: 0.625rem;
}

.text-main-color {
  color: var(--mainColor);
}

.text-title-color {
  color: var(--titleColor);
}

.text-muted-color {
  color: var(--mutedColor);
}

.text-placeholder-color {
  color: var(--placeholderColor);
}

.text-danger-color {
  color: var(--dangerColor);
}

.text-success-color {
  color: var(--successColor);
}

.text-warning-color {
  color: var(--warningColor);
}

.text-link-color {
  color: var(--mainColor);
  text-decoration: none;
}

.text-link-color:hover {
  text-decoration: underline;
}

.text-logo-font {
  font-family: Poppins, sans-serif;
}

.text-title-font {
  font-family: Butler, sans-serif;
}

.text-card-font {
  font-family: Abril Fatface, sans-serif;
}

.ym-linear-button,
.ym-linear-button.el-button {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--mainColor) 0, var(--mainColor) 50%, var(--secColor) 100%);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  border: none;
  transition: background 0.15s linear;
}

.ym-linear-button.el-button:hover,
.ym-linear-button:hover {
  background-position: 100%;
}

.el-row {
  --item-offset: 1.25rem;
  margin: 0 calc(1px - var(--item-offset));
}

.el-row > .el-col {
  padding: 0 var(--item-offset);
}

@media screen and (max-width: 768px) {
  .el-row > .el-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .el-row > .el-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@charset "UTF-8";

.site-header-wrap {
  position: relative;
  z-index: 10;
}

.site-header-wrap.site-header-bg {
  background: #fff;
}

.site-header-wrap .site-header {
  align-items: center;
  display: flex;
  height: var(--headerHeight);
}

.site-header-wrap .site-menu {
  align-items: center;
  color: var(--titleColor);
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  font-size: 1rem;
  gap: 1.875rem;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .site-header-wrap .site-menu {
    min-width: 0;
    visibility: hidden;
  }
}

.site-header-wrap .site-menu a.router-link-active,
.site-header-wrap .site-menu a:hover {
  color: var(--aideColor);
}

.site-header-wrap .site-menu-list {
  display: flex;
  height: 100%;
}

.site-header-wrap .site-menu-item {
  font-weight: 500;
  position: relative;
}

.site-header-wrap .site-menu-item:last-child {
  margin-right: -0.46875rem;
}

.site-header-wrap .site-menu-item:hover .site-menu-subbox {
  border-radius: 0 0 var(--brSize) var(--brSize);
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.site-header-wrap .site-menu-title {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 1.71875rem;
}

.site-header-wrap .site-menu-subbox {
  background: #fff;
  border-radius: var(--brSize);
  box-shadow: 0 -0.1875rem 0.25rem #1d35590d;
  display: flex;
  font-size: 1rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  transform: translateY(1.25rem);
  transition: all 0.25s ease;
  visibility: hidden;
}

.site-header-wrap .site-menu-sublist {
  padding: 0.625rem 0;
}

.site-header-wrap .site-menu-subitem {
  position: relative;
}

.site-header-wrap .site-menu-subitem.has--child.is--hover,
.site-header-wrap .site-menu-subitem.has--child:hover {
  color: var(--mainColor);
}

.site-header-wrap .site-menu-subitem.has--child.is--hover:after,
.site-header-wrap .site-menu-subitem.has--child:hover:after {
  background: var(--mainColor);
  bottom: 15%;
  content: '';
  position: absolute;
  right: -1px;
  top: 15%;
  width: 1px;
}

.site-header-wrap .site-menu-subtitle {
  align-items: center;
  color: var(--titleColor);
  display: flex;
  line-height: 1;
  padding: 0.625rem 1.875rem;
  white-space: nowrap;
}

.site-header-wrap .site-menu-thilist {
  background: #fff;
  border-left: 1px solid var(--borderColor);
  display: flex;
  flex-wrap: wrap;
  min-width: 18.75rem;
  padding: 0.625rem;
}

.site-header-wrap .site-menu-thiitem {
  position: relative;
  width: 50%;
}

.site-header-wrap .site-menu-thititle {
  color: var(--mutedColor);
  display: flex;
  padding: 0.625rem 1.25rem;
  white-space: nowrap;
}

.site-header-wrap .site-lang-btn {
  color: var(--titleColor);
  padding: 0 1.25rem;
}

.site-header-wrap .site-lang-btn,
.site-header-wrap .site-uinfo-btn {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  justify-content: center;
}

.site-header-wrap .site-uinfo-btn {
  margin-left: 1.25rem;
}

.site-header-wrap .site-uinfo-inner {
  align-items: center;
  display: flex;
}

.site-header-wrap .site-uinfo-inner .svg-icon {
  flex-shrink: 0;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}

.site-header-wrap .site-login-btn {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin-left: 1.25rem;
}

.site-header-wrap .site-login-btn .el-button {
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
}

.site-header-wrap .site-search {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  width: 21.25rem;
  --el-font-size-base: 1rem;
}

.site-header-wrap .site-search .el-input {
  --el-input-border-color: #f4f4f4;
}

@media screen and (max-width: 1024px) {
  .site-header-wrap .site-search {
    margin-left: auto;
  }
}

.site-header-wrap .mobile-menu-btn {
  align-items: center;
  color: var(--titleColor);
  display: none;
  flex-shrink: 0;
  font-size: 2.25rem;
  margin-left: 1.25rem;
}

@media screen and (max-width: 1024px) {
  .site-header-wrap .mobile-menu-btn {
    display: flex;
  }
}

.el-popover.el-popper.site-uwrap {
  --el-box-shadow-light: 0px 0px 0.375rem 0px rgba(29, 53, 89, 0.3);
  padding: 0;
  width: 14.375rem;
}

.el-popover.el-popper.site-uwrap .site-ubox .site-ulist {
  background: #fff;
  border-radius: var(--brSize);
  display: flex;
  flex-wrap: wrap;
  padding: 0.625rem;
}

.el-popover.el-popper.site-uwrap .site-ubox .site-ulist .site-uitem {
  color: var(--titleColor);
  cursor: pointer;
  font-size: 1rem;
  padding: 0.625rem 1.25rem;
  text-align: center;
  width: 50%;
}

.el-popover.el-popper.site-uwrap .site-ubox .site-ulist .site-uitem:hover {
  color: var(--mainColor);
}

.el-popover.el-popper.site-uwrap .site-ubox .site-ulist .site-uitem:last-child {
  border-top: 1px solid var(--borderColor);
  color: var(--placeholderColor);
  margin-top: 1.25rem;
  width: 100%;
}

.el-popover.el-popper.site-uwrap .site-ubox .site-ulist .site-uitem:last-child:hover {
  color: var(--dangerColor);
}

.mobile-drawer-menu.el-drawer {
  --el-drawer-bg-color: var(--mainColor);
}

.mobile-drawer-menu.el-drawer .mobile-menu-list {
  padding: 0;
}

.mobile-drawer-menu.el-drawer .mobile-menu-title {
  align-items: center;
  display: flex;
}

.mobile-drawer-menu.el-drawer .mobile-menu-title .svg-icon {
  color: #fff;
  flex-shrink: 0;
  font-size: 1.25rem;
  padding: 1.25rem 0;
}

.mobile-drawer-menu.el-drawer .mobile-menu-list > li > a,
.mobile-drawer-menu.el-drawer .mobile-menu-title > a,
.mobile-drawer-menu.el-drawer .mobile-sub-list > li > a,
.mobile-drawer-menu.el-drawer .mobile-thi-list > li > a {
  color: #fff;
  display: flex;
  flex-grow: 1;
  font-size: 1rem;
  justify-content: space-between;
  padding: 1.25rem;
}

.mobile-drawer-menu.el-drawer .mobile-sub-list,
.mobile-drawer-menu.el-drawer .mobile-thi-list {
  padding-left: 1.25rem;
}

.site-footer-wrap {
  background-color: #fff;
}

.site-footer-wrap .site-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 3.75rem 0 6.25rem;
}

@media screen and (max-width: 768px) {
  .site-footer-wrap .site-footer {
    flex-wrap: wrap;
    padding-bottom: 3.75rem;
  }
}

.site-footer-wrap .site-footer-title {
  color: var(--titleColor);
  font-size: 1rem;
}

.site-footer-wrap .site-footer > .lef {
  flex-shrink: 0;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .site-footer-wrap .site-footer > .lef {
    width: 50%;
  }
}

.site-footer-wrap .site-footer > .lef .site-footer-title {
  margin-bottom: 1.5625rem;
}

.site-footer-wrap .site-footer > .lef > .item {
  align-items: center;
  color: var(--titleColor);
  display: flex;
  margin-bottom: 0.9375rem;
}

.site-footer-wrap .site-footer > .lef > .item > .tit {
  flex-shrink: 0;
  margin-right: 1.25rem;
}

.site-footer-wrap .site-footer > .lef > .item:last-child {
  margin-bottom: 0;
}

.site-footer-wrap .site-footer-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem;
}

@media screen and (max-width: 768px) {
  .site-footer-wrap .site-footer-menu {
    gap: 1.25rem;
    justify-content: flex-end;
  }
}

.site-footer-wrap .site-footer-menu .site-footer-title:hover {
  text-decoration: underline;
}

.site-footer-wrap .site-footer-share {
  color: var(--titleColor);
  display: flex;
  flex-wrap: wrap;
  font-size: 1.25rem;
  gap: 1.5rem;
  margin-top: 3.25rem;
}

.site-footer-wrap .site-footer-share-item {
  cursor: pointer;
}

.site-footer-wrap .site-footer-share-icon {
  height: 1.3125rem;
  width: 1.3125rem;
}

.site-footer-wrap .site-footer > .rig {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media screen and (max-width: 768px) {
  .site-footer-wrap .site-footer > .rig {
    justify-content: center;
    width: 50%;
  }
}

.site-footer-wrap .site-copyr {
  align-items: center;
  color: var(--textColor);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.9375rem 0;
}

@media screen and (max-width: 768px) {
  .site-footer-wrap .site-copyr {
    flex-wrap: wrap;
    justify-content: center;
    line-height: 2;
  }
}

.site-footer-wrap .site-copyr > .lef a {
  text-decoration: none;
}

.site-footer-wrap .site-copyr > .lef a:not(:last-child) {
  margin-right: 0.9375rem;
}

.site-footer-wrap .site-copyr > .lef a:not(:last-child):after {
  content: '·';
  margin-left: 0.9375rem;
}

.site-footer-wrap .site-copyr > .lef a:hover {
  text-decoration: underline;
}

.site-footer-wrap .site-copyr > .rig {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.site-footer-wrap .site-copyr > .rig img {
  height: 1rem;
  margin: 0 0.3125rem;
  width: 1rem;
}

.page-banner {
  position: relative;
}

.page-banner-info {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.page-banner-info > .tit {
  font-size: 2.25rem;
  margin-bottom: 0.625rem;
  position: relative;
}

.page-banner-info > .tit.tit--dot:after {
  background: var(--warningColor);
  border-radius: 0.125rem;
  content: '';
  display: block;
  height: 0.25rem;
  margin: 0.625rem 0 1.25rem;
  width: 2.1875rem;
}

.page-banner-info > .desc {
  font-size: 1.25rem;
  font-weight: 300;
}

.page-banner-info.dark-info {
  color: var(--titleColor);
}

.page-banner-info.dark-info > .tit {
  font-size: 3.125rem;
}

.page-banner-info.dark-info > .tit > span {
  color: var(--mainColor);
}

.page-banner-info.dark-info > .desc {
  color: var(--mutedColor);
  font-size: 1.125rem;
  font-weight: 400;
}

.page-banner-img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .page-banner-img .responsive-image {
    --responsive-img-size: 30% !important;
  }
}

@media screen and (max-width: 768px) {
  .page-banner-img .responsive-image {
    --responsive-img-size: 35% !important;
  }
}

.home-page {
  background-color: #fff;
  background-image: url(./static/demos/home-banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: calc(1px - var(--headerHeight));
  min-height: 55rem;
  padding-top: var(--headerHeight);
  width: 100%;
}

.home-page-box {
  margin-top: 4.875rem;
  position: relative;
  text-align: center;
}

.home-page-box:after {
  background: linear-gradient(180deg, #fff0, #fff0 30%, #fff9 50%, #fff 65%, #fff);
  bottom: -0.625rem;
  content: '';
  height: 20rem;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 5;
}

.home-page-title {
  color: var(--mainColor);
  font-size: 5.5rem;
  font-weight: 900;
  text-transform: capitalize;
}

@media screen and (max-width: 1024px) {
  .home-page-title {
    font-size: 4rem;
  }
}

.home-page-title > span {
  color: var(--secColor);
}

.home-page-desc {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 768px) {
  .home-page-desc {
    font-size: 1.5rem;
  }
}

.home-page-btn {
  margin-bottom: 3.75rem;
  position: relative;
  z-index: 10;
}

.home-page-btn .el-button {
  font-size: 1rem;
  padding: 0.9375rem 1.875rem;
}

.home-page-btn .el-button img {
  margin-left: 0.625rem;
  width: 1.25rem;
}

.home-page-cards {
  align-items: center;
  display: flex;
  height: 31.25rem;
  justify-content: center;
  overflow: hidden;
  padding-top: 1.25rem;
  position: relative;
  transform-style: preserve-3d;
  width: 100%;
}

.home-page-cards-item {
  height: 30.625rem;
  overflow: hidden;
  position: absolute;
  transform: rotate(0) translate(0) translateZ(0);
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
  width: 18.125rem;
}

@media screen and (max-width: 768px) {
  .home-page-cards-item {
    height: 24.5rem;
    width: 14.5rem;
  }
}

.home-page-cards-item img {
  box-shadow: 0 0.125rem 0.625rem #00000026;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.home-page-cards-item:first-child {
  z-index: 1;
}

.home-page-cards-item:nth-child(2) {
  z-index: 2;
}

.home-page-cards-item:nth-child(3) {
  z-index: 3;
}

.home-page-cards-item:nth-child(4) {
  z-index: 2;
}

.home-page-cards-item:nth-child(5) {
  z-index: 1;
}

.home-page-cards.act .home-page-cards-item:first-child {
  height: 21.875rem;
  transform: rotate(-30deg) translate(-16.25rem) translateY(-3.75rem) translateZ(1.875rem);
  width: 13.75rem;
}

@media screen and (max-width: 768px) {
  .home-page-cards.act .home-page-cards-item:first-child {
    height: 17.5rem;
    width: 11rem;
  }
}

.home-page-cards.act .home-page-cards-item:nth-child(2) {
  height: 25rem;
  transform: rotate(-15deg) translate(-10rem) translateY(-1.875rem) translateZ(1.25rem);
  width: 15.625rem;
}

@media screen and (max-width: 768px) {
  .home-page-cards.act .home-page-cards-item:nth-child(2) {
    height: 20rem;
    width: 12.5rem;
  }
}

.home-page-cards.act .home-page-cards-item:nth-child(3) {
  filter: brightness(1.5);
  transform: scale(1.05);
  z-index: 3;
}

.home-page-cards.act .home-page-cards-item:nth-child(4) {
  height: 25rem;
  transform: rotate(15deg) translate(10rem) translateY(-1.875rem) translateZ(1.25rem);
  width: 15.625rem;
}

@media screen and (max-width: 768px) {
  .home-page-cards.act .home-page-cards-item:nth-child(4) {
    height: 20rem;
    width: 12.5rem;
  }
}

.home-page-cards.act .home-page-cards-item:nth-child(5) {
  height: 21.875rem;
  transform: rotate(30deg) translate(16.25rem) translateY(-3.75rem) translateZ(1.875rem);
  width: 13.75rem;
}

@media screen and (max-width: 768px) {
  .home-page-cards.act .home-page-cards-item:nth-child(5) {
    height: 17.5rem;
    width: 11rem;
  }
}

.home-ace-box {
  display: flex;
  margin-top: 3.125rem;
  position: relative;
}

.home-ace-cont {
  width: 50%;
}

.home-ace-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  max-width: 27.5rem;
}

@media screen and (max-width: 1024px) {
  .home-ace-title {
    font-size: 2rem;
  }
}

.home-ace-desc {
  color: var(--titleColor);
  font-size: 1rem;
  font-weight: 500;
  max-width: 25.625rem;
}

.home-ace-card {
  display: flex;
  justify-content: center;
  width: 50%;
}

.home-ace-card,
.home-ace-card-inner {
  position: relative;
}

.home-ace-card-vitem {
  height: 20.9375rem;
  opacity: 0;
  position: relative;
  visibility: hidden;
  width: 14.8125rem;
}

@media screen and (max-width: 768px) {
  .home-ace-card-vitem {
    height: 16.75rem;
    width: 11.85rem;
  }
}

.home-ace-card-item {
  border-radius: var(--brSize);
  box-shadow: 0 0.3125rem 1.25rem #0000001a;
  overflow: hidden;
  position: relative;
  transform: rotate(0);
  transition: all 0.5s ease-in-out;
}

.home-ace-card-item:first-child,
.home-ace-card-item:nth-child(2) {
  bottom: 0;
  left: 0;
  position: absolute;
}

.home-ace-card-item:nth-child(3) {
  bottom: 0;
  position: absolute;
  right: 0;
}

.home-ace-card-item:nth-child(4) {
  position: static;
  visibility: hidden;
}

.home-ace-card.act .home-ace-card-item {
  height: 20.9375rem;
  transform: rotate(30deg);
  width: 14.8125rem;
}

@media screen and (max-width: 768px) {
  .home-ace-card.act .home-ace-card-item {
    height: 16.75rem;
    width: 11.85rem;
  }
}

.home-ace-card.act .home-ace-card-item:first-child {
  bottom: -0.625rem;
  left: -6.25rem;
  transform: rotate(15deg);
}

@media screen and (max-width: 768px) {
  .home-ace-card.act .home-ace-card-item:first-child {
    left: -3.75rem;
  }
}

.home-ace-card.act .home-ace-card-item:nth-child(3) {
  right: -6.25rem;
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .home-ace-card.act .home-ace-card-item:nth-child(3) {
    right: -3.75rem;
  }
}

.home-feature-bg {
  background-image: url(./static/demos/home-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.home-feature-box {
  margin-top: 10rem;
  padding-bottom: 14.375rem;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .home-feature-box {
    margin-top: 5rem;
    padding-bottom: 7.5rem;
  }
}

.home-feature-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 3rem;
  margin-top: -0.75rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .home-feature-title {
    font-size: 2rem;
  }
}

.home-feature-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.home-feature-item {
  align-items: center;
  background: #f9f9f9;
  border-radius: var(--brSize);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.125rem 6.25rem 4.375rem;
  text-align: center;
  width: calc(50% - 0.9375rem);
}

@media screen and (max-width: 1024px) {
  .home-feature-item {
    padding: 1.875rem 1.25rem;
  }
}

.home-feature-item-icon {
  width: 10rem;
}

.home-feature-item-title {
  color: var(--titleColor);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.8125rem;
}

@media screen and (max-width: 1024px) {
  .home-feature-item-title {
    font-size: 1.5rem;
  }
}

.home-feature-item-desc {
  color: var(--titleColor);
  font-size: 1rem;
  font-weight: 500;
}

.home-three-box {
  position: relative;
}

.home-three-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2.375rem;
  margin-top: -0.75rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .home-three-title {
    font-size: 2rem;
  }
}

.home-three-list {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}

.home-three-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.home-three-item:hover .home-three-num {
  background: var(--secColor);
}

.home-three-item:not(:last-child):after {
  background: var(--aideColor);
  bottom: 1.25rem;
  content: '';
  height: 0.125rem;
  opacity: 0.2;
  position: absolute;
  right: -9.375rem;
  width: 18.75rem;
}

.home-three-cov {
  margin-bottom: 1.25rem;
  width: 100%;
}

.home-three-num {
  align-items: center;
  background: var(--aideColor);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.25rem;
  height: 2.5rem;
  justify-content: center;
  position: relative;
  width: 2.5rem;
}

.home-three-num:after,
.home-three-num:before {
  background: #fff;
  content: '';
  height: 0.375rem;
  left: -2.125rem;
  position: absolute;
  top: calc(50% - 0.1875rem);
  width: 2.125rem;
  z-index: 1;
}

.home-three-num:after {
  left: auto;
  right: -2.125rem;
}

.home-member-bg {
  background-image: url(./static/demos/home-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.home-member-box {
  display: flex;
  margin-top: 10.625rem;
  padding-bottom: 15rem;
}

@media screen and (max-width: 1024px) {
  .home-member-box {
    margin-top: 6.25rem;
    padding-bottom: 7.5rem;
  }
}

.home-member-cov {
  border-radius: var(--brSize);
  flex-shrink: 0;
  margin-right: 5.9375rem;
  overflow: hidden;
  width: 37.5rem;
}

@media screen and (max-width: 1024px) {
  .home-member-cov {
    margin-right: 2.5rem;
    width: 31.25rem;
  }
}

@media screen and (max-width: 768px) {
  .home-member-cov {
    margin-right: 1.25rem;
    width: 18.75rem;
  }
}

.home-member-cont {
  flex-grow: 1;
  padding-right: 6.25rem;
  padding-top: 2.25rem;
}

@media screen and (max-width: 768px) {
  .home-member-cont {
    padding-right: 0;
    padding-top: 0.625rem;
  }
}

.home-member-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 2rem;
  margin-top: -0.25rem;
}

@media screen and (max-width: 1024px) {
  .home-member-title {
    font-size: 2rem;
  }
}

.home-member-desc {
  color: var(--titleColor);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5rem;
}

@media screen and (max-width: 1024px) {
  .home-member-desc {
    margin-bottom: 2.5rem;
  }
}

.home-member-btn {
  margin-top: auto;
}

.home-member-btn .el-button {
  font-size: 1rem;
  padding: 1.0625rem 1rem;
}

.home-faq-box {
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 6.25rem;
  position: relative;
}

.home-faq-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2.25rem;
  margin-top: -0.75rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .home-faq-title {
    font-size: 2rem;
  }
}

.home-faq-inner {
  position: relative;
}

.home-faq-item {
  background: #f9f9f9;
  border-radius: var(--brSize);
  color: var(--titleColor);
  cursor: pointer;
  margin-bottom: 1.25rem;
  padding: 1.5625rem 2.5rem;
}

.home-faq-item-head {
  display: flex;
}

.home-faq-item-title {
  flex-grow: 1;
  font-size: 1.25rem;
  font-weight: 500;
}

.home-faq-item-more {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 0.625rem;
  justify-content: center;
  line-height: 1;
}

.home-faq-item-cont {
  color: var(--titleColor);
  display: none;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}

.home-faq-item:hover {
  color: var(--aideColor);
}

.home-faq-item.act .home-faq-item-title {
  font-weight: 700;
}

.home-faq-item.act .home-faq-item-more {
  transform: rotate(90deg);
}

.home-faq-item.act .home-faq-item-cont {
  display: block;
}

.chat-page {
  background-color: #fff;
  background-image: url(./static/demos/chat-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.15s linear;
  width: 100%;
}

.chat-page.long--bg {
  background-image: url(./static/demos/chat-bg2.jpg);
}

.chat-page .chat-header {
  background: #fff;
  width: 100%;
}

.chat-page .chat-header-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.5625rem 0;
  width: 100%;
}

.chat-page .chat-header-site {
  display: flex;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 700;
}

.chat-page .chat-header-site img {
  border-radius: var(--brSize);
  height: 1.5rem;
  margin-right: 0.875rem;
  width: 1.5rem;
}

.chat-page .chat-header-back {
  flex-shrink: 0;
}

.chat-page .chat-header-back .el-button {
  font-size: 0.75rem;
  padding: 0.5rem 0.5625rem;
}

.chat-page .chat-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--maxViewInnerWidth);
  width: 96%;
}

.chat-page .chat-initbox {
  min-height: 55rem;
  padding-top: 9.375rem;
  width: 100%;
}

.chat-page .chat-footer {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  height: 3.375rem;
  justify-content: center;
  line-height: 1;
  width: 100%;
}

.chat-page .chat-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  width: 100%;
}

.chat-page .chat-desc {
  color: var(--titleColor);
  font-size: 1rem;
  text-align: center;
  width: 100%;
}

.chat-page .chat-input {
  margin-top: 1.375rem;
  position: relative;
  width: 100%;
}

.chat-page .chat-input .el-textarea {
  --el-input-width: 100%;
  --el-input-text-color: var(--titleColor);
  --el-input-border-color: transparent;
  --el-input-border-radius: 1.25rem;
  --el-font-size-base: 1rem;
  --el-input-bg-color: #fff;
}

.chat-page .chat-input .el-textarea .el-textarea__inner {
  box-shadow: 0 0 1.25rem #adadad4d;
  padding: 1.25rem;
}

.chat-page .chat-input .el-textarea .el-input__count {
  bottom: 1.25rem;
  color: var(--mutedColor);
  font-size: 0.75rem;
  left: 1.25rem;
  right: auto;
}

.chat-page .chat-input-send {
  align-items: center;
  background: var(--aideColor);
  border-radius: 50%;
  bottom: 1.25rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  height: 2.5rem;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 1.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 2.5rem;
  z-index: 1;
}

.chat-page .chat-input-send:hover {
  opacity: 0.8;
}

.chat-page .chat-input-send:active {
  filter: brightness(1.2);
}

.chat-page .chat-relate-box {
  margin-top: 3.75rem;
  position: relative;
}

.chat-page .chat-relate-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.chat-page .chat-relate-title {
  color: var(--titleColor);
  flex-grow: 1;
  font-size: 1rem;
}

.chat-page .chat-relate-more {
  align-items: center;
  color: var(--mutedColor);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
  white-space: nowrap;
}

.chat-page .chat-relate-more:hover {
  color: var(--aideColor);
}

.chat-page .chat-relate-more .svg-icon {
  flex-shrink: 0;
  font-size: 1.125rem;
  margin-right: 0.625rem;
}

.chat-page .chat-relate-more.act .svg-icon {
  animation: infR 3s linear infinite;
}

.chat-page .chat-relate-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
  margin-top: 0.875rem;
}

.chat-page .chat-relate-item {
  align-items: center;
  background: #fff;
  border-radius: 1.25rem;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  padding: 1rem 1.25rem;
  transition: all 0.15s linear;
}

.chat-page .chat-relate-item:hover {
  background: #f9f9f9;
  color: var(--mainColor);
}

.chat-page .chat-relate-item img {
  flex-shrink: 0;
  margin-right: 0.875rem;
  width: 1rem;
}

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

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

.chat-talkbox {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  margin: 0 auto;
  max-width: 59.375rem;
  min-height: 55rem;
  padding: 2.5rem 0 5rem;
  width: 100%;
}

.chat-talk-box {
  position: relative;
  width: 100%;
}

.chat-talk-list {
  width: 100%;
}

.chat-talk-item {
  align-self: flex-start;
  display: flex;
  margin-bottom: 2.5rem;
  position: relative;
}

.chat-talk-item-avatar {
  border-radius: 50%;
  flex-shrink: 0;
  height: 2rem;
  margin-right: 1.125rem;
  overflow: hidden;
  width: 2rem;
}

.chat-talk-item-avatar img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.chat-scard-box {
  background: #fff;
  border-radius: var(--brSize);
  box-shadow: 0 0 1.25rem #adadad4d;
  flex-grow: 1;
  padding: 1.875rem;
  position: relative;
}

.chat-scard-head {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.chat-scard-bod {
  max-height: 125rem;
  opacity: 1;
  transition: max-height 0.25s ease-in-out, opacity 0.15s ease-in-out;
  width: 100%;
}

.chat-scard-bod.is--typing {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.chat-scard-title {
  color: var(--titleColor);
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}

.chat-scard-content {
  color: var(--textColor);
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.chat-scard-show {
  position: relative;
}

.chat-scard-select {
  margin-bottom: 2.1875rem;
  margin-top: 1.25rem;
  position: relative;
}

.chat-scard-foot {
  align-items: center;
  border-top: 1px solid var(--borderColor);
  display: flex;
  justify-content: flex-end;
  padding-top: 1.25rem;
  width: 100%;
}

.scard-box {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  justify-content: center;
}

.scard-box .scard-item-inner {
  align-items: center;
  background: #ede7f580;
  border: 0.125rem dashed rgba(181, 150, 184, 0.5);
  border-radius: var(--brSize);
  color: #958d9a;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  height: 11rem;
  justify-content: center;
  overflow: hidden;
  transition: all 0.15s linear;
  width: 6.25rem;
}

.scard-box .scard-item-inner > img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.scard-box .scard-item-desc {
  color: var(--titleColor);
  font-size: 0.75rem;
  margin-top: 1.25rem;
  max-width: 6.25rem;
  text-align: center;
}

.scard-box .scard-item.is--actived {
  position: relative;
}

.scard-box .scard-item.is--actived .scard-item-inner:hover {
  border-color: #331e3680;
  box-shadow: 0 0 0.625rem #adadad73;
}

.scard-box .scard-item.is--selected .scard-item-inner {
  border: none;
}

.cshow-box {
  display: flex;
  margin-bottom: 1.875rem;
  position: relative;
}

.cshow-box .cshow-card-box {
  --card-width: 3.75rem;
  --card-height: 6.25rem;
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 50%;
}

.cshow-box .cshow-card-inner {
  position: relative;
}

.cshow-box .cshow-card-inner > img {
  height: auto;
  width: 100%;
}

.cshow-box .cshow-card-item {
  align-items: center;
  background-image: url(./static/demos/card-bg-dark.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  height: var(--card-height);
  justify-content: center;
  overflow: hidden;
  position: absolute;
  transition: all 0.15s ease-in-out;
  width: var(--card-width);
}

.cshow-box .cshow-card-item:first-child {
  position: relative;
  z-index: 1;
}

.cshow-box .cshow-card-item:nth-child(2) {
  top: 2.5rem;
  transform: rotate(-90deg);
  z-index: 2;
}

.cshow-box .cshow-card-item:nth-child(2) > span {
  transform: rotate(90deg);
}

.cshow-box .cshow-card-item:nth-child(3) {
  top: -6.875rem;
  z-index: 3;
}

.cshow-box .cshow-card-item:nth-child(4) {
  top: 8.125rem;
  z-index: 4;
}

.cshow-box .cshow-card-item:nth-child(5) {
  left: -6.25rem;
  top: 0;
  z-index: 5;
}

.cshow-box .cshow-card-item:nth-child(6) {
  left: 6.25rem;
  top: 0;
  z-index: 6;
}

.cshow-box .cshow-card-item:nth-child(7) {
  right: -11.875rem;
  top: 11.25rem;
  z-index: 7;
}

.cshow-box .cshow-card-item:nth-child(8) {
  right: -11.875rem;
  top: 4.375rem;
  z-index: 8;
}

.cshow-box .cshow-card-item:nth-child(9) {
  right: -11.875rem;
  top: -2.5rem;
  z-index: 9;
}

.cshow-box .cshow-card-item:nth-child(10) {
  right: -11.875rem;
  top: -9.375rem;
  z-index: 10;
}

.cshow-box .cshow-info-box {
  color: var(--textColor);
  font-size: 0.875rem;
  line-height: 2.2;
  padding-left: 4.5rem;
  padding-top: 2.8125rem;
  width: 50%;
}

.cshow-box .cshow-info-item {
  color: var(--textColor);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.cshow-box .cshow-info-item:last-child {
  margin-bottom: 0;
}

.base-spage {
  background-image: url(./static/demos/help-bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: calc(1px - var(--headerHeight));
  min-height: 55rem;
  padding-top: var(--headerHeight);
  width: 100%;
}

.base-spage-box {
  margin-top: 5.5rem;
}

.base-spage-title {
  color: var(--mainColor);
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
  text-align: center;
  text-transform: capitalize;
}

.help-page .help-desc {
  color: var(--titleColor);
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 2rem;
  text-align: center;
}

.about-page-box {
  margin-top: 2.5rem;
}

.about-page-box,
.about-page-list {
  position: relative;
}

.about-page-item {
  align-items: center;
  display: flex;
  margin-bottom: 6.25rem;
}

@media screen and (max-width: 1024px) {
  .about-page-item {
    margin-bottom: 3.75rem;
  }
}

@media screen and (max-width: 768px) {
  .about-page-item {
    margin-bottom: 2.5rem;
  }
}

.about-page-item:nth-child(2n) .about-page-cov {
  margin-left: 0;
  margin-right: 5rem;
  order: 1;
}

@media screen and (max-width: 1024px) {
  .about-page-item:nth-child(2n) .about-page-cov {
    margin-right: 3.75rem;
  }
}

@media screen and (max-width: 768px) {
  .about-page-item:nth-child(2n) .about-page-cov {
    margin-right: 1.875rem;
  }
}

.about-page-item:nth-child(2n) .about-page-cont {
  order: 2;
}

.about-page-cont {
  color: var(--titleColor);
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.8;
}

.about-page-cov {
  border-radius: var(--brSize);
  flex-shrink: 0;
  margin-left: 5rem;
  overflow: hidden;
  width: 37.5rem;
}

@media screen and (max-width: 1024px) {
  .about-page-cov {
    margin-left: 3.75rem;
    width: 31.25rem;
  }
}

@media screen and (max-width: 768px) {
  .about-page-cov {
    margin-left: 1.875rem;
    width: 18.75rem;
  }
}

.membership-page-box {
  margin-top: 3.75rem;
}

.membership-page-box .membership-package-box {
  background: #fff;
  border: none;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .membership-page-box .membership-package-box {
    background: none;
    flex-direction: column;
    gap: 1.875rem;
  }

  .membership-page-box .membership-package-item {
    background: #fff;
  }
}

.membership-page-box .membership-package-item.act,
.membership-page-box .membership-package-item:hover {
  background: #fff;
  box-shadow: 0 0.125rem 1rem #ae8ca3;
}

@media screen and (max-width: 768px) {
  .membership-page-box .membership-package-item.act,
  .membership-page-box .membership-package-item:hover {
    transform: none;
  }
}

.tarotr-page-box {
  margin-top: 1.5625rem;
  padding-bottom: 6.25rem;
}

.tarotr-page-content {
  color: var(--titleColor);
  font-size: 1rem;
  line-height: 1.8;
}

.tarotr-page-content img,
.tarotr-page-cov {
  border-radius: var(--brSize);
}

.tarotr-page-cov {
  overflow: hidden;
}

.login-page {
  align-items: center;
  background-image: url(./static/demos/login-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100vh;
  justify-content: center;
  width: 100vw;
}

.login-page .login-box-wrap {
  margin: 0 auto;
  max-width: 50rem;
  width: 100%;
}

.login-page .login-title {
  color: var(--titleColor);
  cursor: pointer;
  display: flex;
  font-size: 1.75rem;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 3.125rem;
}

.login-page .login-title .svg-icon {
  flex-shrink: 0;
  font-size: 2.625rem;
  margin-right: 1.25rem;
}

.login-page .login-box {
  background: #fff;
  border-radius: var(--brSize);
  display: flex;
  padding: 2.5rem;
  width: 100%;
}

.login-page .login-main {
  flex-grow: 1;
}

.login-page .login-main .el-form .el-form-item__label {
  color: var(--textColor);
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-transform: capitalize;
}

.login-page .login-main .el-row {
  --item-offset: 0.625rem;
}

.login-page .login-main .login-agreement {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.login-page .login-main .login-agreement > span {
  color: var(--mutedColor);
  cursor: pointer;
  text-decoration: underline;
}

.login-page .login-main .reg-tips {
  width: 100%;
}

.login-page .login-main .reg-tips-item {
  line-height: 1;
  margin-bottom: 0.375rem;
}

.login-page .login-main .login-back {
  color: var(--mutedColor);
  cursor: pointer;
  margin-top: 0.625rem;
  text-align: center;
  width: 100%;
}

.login-page .login-main .login-back > span {
  color: var(--aideColor);
}

.login-page .login-main .login-third {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  margin-top: 0.75rem;
  width: 100%;
}

.login-page .login-main .login-third-item {
  border-radius: var(--brSize);
  cursor: pointer;
  height: 2.5rem;
  overflow: hidden;
  width: 2.5rem;
}

.login-page .login-main .login-third-item:hover {
  opacity: 0.7;
}

.login-page .login-submit-btn {
  font-size: 1rem;
  padding: 0.6875rem 1.375rem;
  width: 100%;
}

.login-page .login-tit {
  color: var(--titleColor);
  font-size: 1.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
}

.login-page .login-side {
  flex-shrink: 0;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  width: 50%;
}

.login-page .login-side .login-info {
  background: #fef8ff;
  border: 1px solid #c8b7c2;
  border-radius: var(--brSize);
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.8;
  padding: 1.875rem;
  text-align: center;
  width: 100%;
}

.login-page .login-side .login-info-inner {
  flex-shrink: 0;
  margin-bottom: 2.5rem;
}

.login-page .login-side .login-reg {
  flex-grow: 1;
  margin-top: auto;
}

.login-page .login-side .login-reg .el-button {
  font-size: 1rem;
  padding: 0.6875rem 1.375rem;
  width: 100%;
}

.user-breadcrumb-box {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.user-breadcrumb-box .base-breadcrumb {
  color: var(--mutedColor);
  font-size: 0.875rem;
}

.user-page .el-form {
  --el-text-color-regular: var(--titleColor);
  --el-form-label-font-size: 1rem;
}

.user-page .user-container {
  --user-sidebar-width: 16.25rem;
  align-items: flex-start;
  display: flex;
  padding: 1.25rem 0 3.75rem;
}

@media screen and (max-width: 1024px) {
  .user-page .user-container {
    --user-sidebar-width: 13.75rem;
  }
}

@media screen and (max-width: 768px) {
  .user-page .user-container {
    --user-sidebar-width: 12.5rem;
  }
}

.user-page .user-sidebar {
  background: #fff;
  border-radius: 0.75rem;
  flex-shrink: 0;
  margin-right: 1.25rem;
  padding: 0 1.25rem;
  width: var(--user-sidebar-width);
}

.user-page .user-sidebar-title {
  border-bottom: 1px solid var(--borderColor);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.3125rem;
  padding: 1.5625rem 0 1.25rem;
}

.user-page .user-sidebar ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.user-page .user-sidebar ul li {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  padding: 1.25rem 0;
  transition: all 0.2s linear;
  --ico-color: var(--mutedColor);
}

@media screen and (max-width: 1024px) {
  .user-page .user-sidebar ul li {
    padding: 1.375rem 1.25rem;
  }
}

.user-page .user-sidebar ul li .svg-icon:first-child {
  color: #ababab;
  margin-right: 0.9375rem;
  transition: all 0.2s linear;
}

.user-page .user-sidebar ul li .svg-icon:last-child {
  color: var(--mutedColor);
  font-size: 0.625rem;
  transition: all 0.2s linear;
}

.user-page .user-sidebar ul li > .tit {
  flex-grow: 1;
}

.user-page .user-sidebar ul li.active,
.user-page .user-sidebar ul li:hover {
  color: var(--aideColor);
  --ico-color: var(--aideColor);
}

.user-page .user-sidebar ul li.active .svg-icon:first-child,
.user-page .user-sidebar ul li.active .svg-icon:last-child,
.user-page .user-sidebar ul li:hover .svg-icon:first-child,
.user-page .user-sidebar ul li:hover .svg-icon:last-child {
  color: var(--aideColor);
}

.user-page .user-content {
  flex-grow: 1;
  width: calc(100% - var(--user-sidebar-width) - 1.25rem);
}

.user-page .user-content-inner {
  background: #fff;
  border-radius: var(--brSize);
  margin-bottom: 1.25rem;
  overflow: hidden;
  width: 100%;
}

.user-page .user-header {
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  height: 4.5rem;
  margin: 0 1.875rem;
}

.user-page .user-title {
  color: var(--titleColor);
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 700;
  margin-right: 1.875rem;
}

.user-page .user-ext {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  min-width: 0;
}

.user-page .user-title-tabs {
  --el-tabs-header-height: 4.5rem;
  --el-font-size-base: 1rem;
  --el-text-color-primary: var(--textColor);
  --el-color-primary: var(--aideColor);
  max-width: 100%;
  overflow: auto;
}

.user-page .user-title-tabs .el-tabs__header {
  margin: 0;
}

.user-page .user-title-tabs .el-tabs__content {
  height: 0;
  width: 0;
}

.user-page .user-title-tabs .el-tabs__nav-next,
.user-page .user-title-tabs .el-tabs__nav-prev {
  color: var(--mainColor);
  height: var(--el-tabs-header-height);
  line-height: var(--el-tabs-header-height);
}

.user-page .user-pager {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 2.5rem 0;
}

.user-page .profile-header {
  border-bottom: 1px solid var(--borderColor);
  color: var(--titleColor);
  font-size: 1.5rem;
  padding: 2.5rem 2.5rem 1.25rem;
}

.user-page .profile-vip {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 8.75rem;
  padding: 1.875rem;
}

@media screen and (max-width: 768px) {
  .user-page .profile-vip {
    flex-wrap: wrap;
  }

  .user-page .profile-vip .lef {
    width: 100%;
  }

  .user-page .profile-vip .rig {
    margin-top: 1.25rem;
    text-align: right;
    width: 100%;
  }
}

.user-page .profile-vip .tit {
  color: var(--titleColor);
  display: flex;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.875rem;
}

.user-page .profile-vip .tit > a {
  background: #f7ebc9;
  border-radius: var(--brSize);
  color: #9c7611;
  font-size: 0.875rem;
  font-weight: 400;
  margin-left: 1rem;
  padding: 0.25rem 0.75rem;
}

.user-page .profile-vip .desc {
  color: var(--mutedColor);
  font-size: 0.875rem;
}

.user-page .profile-vip .desc.desc2 {
  color: var(--aideColor);
}

.user-page .profile-vip .el-button {
  padding: 0.75rem 1.75rem;
}

.user-page .profile-meal-box {
  padding: 0 1.875rem 1.875rem;
  position: relative;
}

.user-page .profile-meal-title {
  border-top: 1px solid var(--borderColor);
  color: var(--titleColor);
  font-size: 1.125rem;
  padding: 1.875rem 0;
}

.user-page .profile-meal-title.not--bd {
  border: none;
  padding-top: 0.625rem;
}

.user-page .profile-meal-inner {
  position: relative;
}

@media screen and (max-width: 768px) {
  .user-page .profile-meal-inner {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
  }
}

.user-page .profile-meal-submit {
  padding-bottom: 1.875rem;
  padding-top: 3.75rem;
  width: 100%;
}

.user-page .profile-meal-submit .el-button {
  font-size: 1rem;
  padding: 0.75rem 1.75rem;
}

.user-page .profile-box {
  margin: 2.5rem auto;
  max-width: 31.25rem;
  padding: 0 1.25rem;
}

.user-page .profile-box .profile-submit-btn {
  margin: 1.25rem 0;
  max-width: 11.25rem;
  padding: 1rem 2rem;
  width: 100%;
}

.user-page .order-filter {
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  height: 5.5rem;
  margin: 0 1.875rem;
}

.user-page .order-filter-tabs {
  flex-grow: 1;
  height: 100%;
  max-width: 100%;
}

.user-page .order-filter-tabs .el-tabs {
  --el-tabs-header-height: 5.5rem;
  --el-font-size-base: 1rem;
  --el-text-color-primary: var(--mutedColor);
  --el-color-primary: var(--aideColor);
}

.user-page .order-filter-tabs .el-tabs .el-tabs__header {
  margin: 0;
}

.user-page .order-filter-tabs .el-tabs .el-tabs__content {
  height: 0;
  width: 0;
}

.user-page .order-filter-tabs .el-tabs .el-tabs__nav-next,
.user-page .order-filter-tabs .el-tabs .el-tabs__nav-prev {
  color: var(--mainColor);
  height: var(--el-tabs-header-height);
  line-height: var(--el-tabs-header-height);
}

.user-page .order-filter-tabs .el-tabs .el-tabs__nav-wrap:after {
  display: none;
}

.user-page .order-filter-search {
  flex-shrink: 0;
  margin-left: 2.5rem;
  width: 20.625rem;
}

.user-page .order-table {
  padding: 1.875rem;
}

.user-page .order-table .base-table-container {
  border: none;
}

.user-page .order-table .base-table-header {
  border-radius: var(--brSize);
  overflow: hidden;
}

.user-page .order-table .base-table-cell-label {
  min-width: 8.125rem;
}

.user-page .order-table .base-table-cell-label,
.user-page .order-table .base-table-header-cell {
  background: #f5f5f5;
  border: none;
  font-size: 0.875rem;
}

.user-page .order-table .base-table-cell-content {
  color: var(--textColor);
  font-size: 0.875rem;
}

.user-page .order-table-title {
  white-space: normal;
}

.user-page .order-table-desc {
  color: var(--mutedColor);
  font-size: 0.75rem;
  white-space: normal;
}

.user-page .order-table-price {
  white-space: normal;
}

.user-page .order-table-tag {
  background: #286ba20f;
  border-radius: var(--brSize);
  color: #286ba2;
  display: inline-block;
  padding: 0.375rem 0.75rem;
}

.user-page .order-table-tag.s30 {
  background: #23a0850f;
  color: #23a084;
}

.user-page .order-table-btn {
  color: var(--aideColor);
  cursor: pointer;
}

.user-page .order-table-btn:hover {
  opacity: 0.6;
}

.user-page .order-box {
  padding: 1.875rem;
}

.user-page .order-box .order-item {
  border: 1px solid var(--borderColor);
  border-radius: var(--brSize);
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.user-page .order-box .order-item-head {
  align-items: center;
  background: #f5f5f5;
  display: flex;
  padding: 0.875rem 1.25rem;
}

.user-page .order-box .order-item-date {
  flex-grow: 1;
  font-size: 0.875rem;
}

.user-page .order-box .order-item-status {
  color: var(--mutedColor);
  flex-shrink: 0;
  font-size: 1rem;
  margin-left: 1.25rem;
  white-space: nowrap;
}

.user-page .order-box .order-item-status.is--light {
  color: var(--aideColor);
}

.user-page .order-box .order-item-cont {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem;
}

.user-page .order-box .order-item-inner {
  align-items: center;
  display: flex;
  flex-grow: 1;
}

.user-page .order-box .order-item-cov {
  border-radius: var(--brSize);
  flex-shrink: 0;
  margin-right: 1.125rem;
  overflow: hidden;
  width: 3.625rem;
}

.user-page .order-box .order-item-name,
.user-page .order-box .order-item-title {
  align-items: center;
  display: flex;
  flex-grow: 1;
}

.user-page .order-box .order-item-name {
  color: var(--titleColor);
  font-size: 1rem;
}

.user-page .order-box .order-item-price {
  color: var(--titleColor);
  flex-shrink: 0;
  font-size: 1.125rem;
  margin-left: 1.25rem;
  white-space: nowrap;
}

.user-page .order-box .order-item-price > span {
  font-size: 0.75rem;
}

.user-page .order-box .order-item-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  margin-left: 3.125rem;
  padding-left: 3.125rem;
  position: relative;
  white-space: nowrap;
}

.user-page .order-box .order-item-right:before {
  background: var(--borderColor);
  bottom: 20%;
  content: '';
  left: 0;
  position: absolute;
  top: 20%;
  width: 1px;
  z-index: 1;
}

.user-page .order-box .order-item-btn2,
.user-page .order-box .order-item-pay {
  border-radius: var(--brSize);
  cursor: pointer;
  margin-bottom: 0.625rem;
  min-width: 10rem;
  padding: 0.25rem;
  text-align: center;
  width: 100%;
}

.user-page .order-box .order-item-btn2:last-child,
.user-page .order-box .order-item-pay:last-child {
  margin-bottom: 0;
}

.user-page .order-box .order-item-btn2 {
  background: #f5f5f5;
}

.user-page .order-box .order-item-btn2:hover {
  filter: brightness(0.95);
}

.user-page .order-box .order-item-btn {
  color: var(--mutedColor);
  cursor: pointer;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.user-page .order-box .order-item-btn:hover {
  color: var(--aideColor);
}

.user-page .order-box .order-item-btn:last-child {
  margin-bottom: 0;
}

.user-page .mycard-filter {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1.875rem 0;
}

@media screen and (max-width: 768px) {
  .user-page .mycard-filter {
    flex-wrap: wrap;
    gap: 1.25rem;
  }
}

.user-page .mycard-filter-date {
  flex-grow: 1;
}

.user-page .mycard-filter-date .el-date-editor {
  --el-input-height: 2.625rem;
}

.user-page .mycard-filter-search {
  flex-shrink: 0;
}

.user-page .mycard-filter-search .el-button:not(.ym-aide-button) {
  background: #f5f5f5;
  border: none;
}

.user-page .mycard-filter-search .el-button {
  padding: 0.8125rem 1.625rem;
}

.mybill-table {
  padding: 1.875rem;
}

.mybill-table .base-table-container {
  border: none;
}

.mybill-table .base-table-header {
  border-radius: var(--brSize);
  overflow: hidden;
}

.mybill-table .base-table-cell-label {
  min-width: 8.125rem;
}

.mybill-table .base-table-cell-label,
.mybill-table .base-table-header-cell {
  background: #f5f5f5;
  border: none;
  font-size: 0.875rem;
}

.mybill-table .base-table-cell,
.mybill-table .base-table-header-cell {
  flex: 1 0 auto;
}

.mybill-table .base-table-cell:first-child,
.mybill-table .base-table-header-cell:first-child {
  flex-basis: 9.375rem;
}

.mybill-table .base-table-cell:nth-child(2),
.mybill-table .base-table-header-cell:nth-child(2) {
  flex-basis: calc(100% - 28.125rem);
}

.mybill-table .base-table-cell:nth-child(3),
.mybill-table .base-table-header-cell:nth-child(3) {
  flex-basis: 12.5rem;
}

.mybill-table .base-table-cell:nth-child(4),
.mybill-table .base-table-header-cell:nth-child(4) {
  flex-basis: 6.25rem;
}

@media screen and (max-width: 768px) {
  .mybill-table .base-table-cell,
  .mybill-table .base-table-header-cell {
    flex-basis: auto !important;
  }
}

.mybill-table .base-table-cell-content {
  color: var(--textColor);
  font-size: 0.875rem;
}

.mybill-table-btn {
  color: var(--aideColor);
  cursor: pointer;
}

.mybill-table-btn:hover {
  opacity: 0.6;
}

.mycard-box {
  padding: 1.25rem 1.875rem;
}

.mycard-box .mycard-item {
  border: 1px solid var(--borderColor);
  border-radius: var(--brSize);
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.mycard-box .mycard-item-cont {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem;
}

.mycard-box .mycard-item-inner {
  align-items: center;
  display: flex;
  flex-grow: 1;
}

.mycard-box .mycard-item-cov {
  border-radius: var(--brSize);
  flex-shrink: 0;
  margin-right: 1.125rem;
  overflow: hidden;
  width: 3.625rem;
}

.mycard-box .mycard-item-title {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.mycard-box .mycard-item-name {
  align-items: center;
  color: var(--titleColor);
  display: flex;
  flex-shrink: 0;
  font-size: 1rem;
}

.mycard-box .mycard-item-desc {
  color: var(--mutedColor);
  flex-shrink: 0;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.mycard-box .mycard-item-date {
  color: var(--mutedColor);
  margin-top: auto;
}

.mycard-box .mycard-item-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  margin-left: 2.5rem;
  padding-left: 1.875rem;
  padding-right: 0.625rem;
  position: relative;
  white-space: nowrap;
}

.mycard-box .mycard-item-right:before {
  background: var(--borderColor);
  bottom: 20%;
  content: '';
  left: 0;
  position: absolute;
  top: 20%;
  width: 1px;
  z-index: 1;
}

.mycard-box .mycard-item-btn {
  color: var(--aideColor);
  cursor: pointer;
  font-size: 0.875rem;
}

.mycard-box .mycard-item-btn:hover {
  opacity: 0.6;
}

.mycardd-box {
  padding: 1.875rem;
}

.mycardd-box .mycardd-date {
  color: var(--titleColor);
  font-size: 1rem;
  margin-bottom: 1.875rem;
}

.mycardd-box .mycardd-cards {
  border: 1px solid var(--borderColor);
  border-radius: var(--brSize);
  display: flex;
  gap: 2.5rem;
  justify-content: center;
  margin-bottom: 2.5rem;
  padding: 1.875rem 5rem;
  perspective: 62.5rem;
}

.mycardd-box .mycardd-item {
  cursor: pointer;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 8.75rem;
  transform: rotateY(0);
}

.mycardd-box .mycardd-item,
.mycardd-box .mycardd-item-inner {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 1s ease;
}

.mycardd-box .mycardd-item-inner {
  height: 100%;
  width: 100%;
}

.mycardd-box .mycardd-item-img {
  backface-visibility: hidden;
  border-radius: var(--brSize);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.mycardd-box .mycardd-item-img.blank {
  opacity: 0;
  pointer-events: none;
  position: static;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mycardd-box .mycardd-item-img.front {
  z-index: 2;
}

.mycardd-box .mycardd-item-img.back {
  transform: rotateY(180deg);
}

.mycardd-box .mycardd-item:hover .mycardd-item-inner {
  animation: flipCard 1s ease;
}

.mycardd-box .mycardd-info-title {
  color: var(--mainColor);
  font-size: 1rem;
  margin-bottom: 1.25rem;
}

.mycardd-box .mycardd-info-inner {
  font-size: 0.875rem;
  line-height: 2;
}

@keyframes flipCard {
  0% {
    transform: rotateY(0);
  }

  25% {
    transform: rotateY(180deg);
  }

  50% {
    transform: rotateY(1turn);
  }

  75% {
    transform: rotateY(540deg);
  }

  to {
    transform: rotateY(2turn);
  }
}

.mymsg-table {
  padding: 1.875rem;
}

.mymsg-table .base-table-container {
  border: none;
}

.mymsg-table .base-table-header {
  border-radius: var(--brSize);
  overflow: hidden;
}

.mymsg-table .base-table-cell-label {
  min-width: 8.125rem;
}

.mymsg-table .base-table-cell-label,
.mymsg-table .base-table-header-cell {
  background: #f5f5f5;
  border: none;
  font-size: 0.875rem;
}

.mymsg-table .base-table-cell,
.mymsg-table .base-table-header-cell {
  flex: 1 0 auto;
}

.mymsg-table .base-table-cell:first-child,
.mymsg-table .base-table-header-cell:first-child {
  flex-basis: calc(100% - 21.875rem);
}

.mymsg-table .base-table-cell:nth-child(2),
.mymsg-table .base-table-header-cell:nth-child(2) {
  flex-basis: 12.5rem;
}

.mymsg-table .base-table-cell:nth-child(3),
.mymsg-table .base-table-header-cell:nth-child(3) {
  flex-basis: 9.375rem;
}

.mymsg-table .base-table-cell-content {
  color: var(--textColor);
  font-size: 0.875rem;
}

.mymsg-table-btn {
  color: var(--aideColor);
  cursor: pointer;
}

.mymsg-table-btn:hover {
  opacity: 0.6;
}

.mymsg-table-btn2 {
  cursor: pointer;
  margin-left: 0.9375rem;
}

.mymsg-table-btn2:hover {
  opacity: 0.6;
}

.mypay-box {
  min-height: 43.75rem;
}

.mypay-box .mypay-inner {
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  padding: 1.875rem;
}

.mypay-box .mypay-inner:last-child {
  border: none;
}

.mypay-box .mypay-label {
  flex-shrink: 0;
  margin-right: 2.5rem;
  min-width: 11.25rem;
  white-space: nowrap;
}

.mypay-box .mypay-content {
  flex-grow: 1;
}

.mypay-box .mypay-card {
  align-items: stretch;
  display: flex;
  margin-bottom: 0.625rem;
}

.mypay-box .mypay-card-cov {
  border-radius: var(--brSize);
  flex-shrink: 0;
  margin-right: 1.875rem;
  overflow: hidden;
  width: 3.5rem;
}

.mypay-box .mypay-card-cont {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 1rem;
  justify-content: center;
}

.mypay-box .mypay-card-title {
  color: var(--titleColor);
}

.mypay-box .mypay-card-price {
  color: var(--aideColor);
}

.mypay-box .mypay-card-total {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
}

.mypay-box .mypay-card-total-tip {
  font-size: 1rem;
  margin-bottom: 0.125rem;
}

.mypay-box .mypay-card-total-price {
  color: var(--aideColor);
  font-size: 1.5rem;
}

.mypay-box .mypay-card-total-price > span:first-child {
  font-size: 1rem;
}

.mypay-box .mypay-submit {
  margin-top: 3.75rem;
}

.mypay-box .mypay-submit .el-button {
  font-size: 1rem;
  padding: 0.75rem 1.75rem;
}

.mypay-box .mypay-ostatus {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 7.5rem;
}

.mypay-box .mypay-ostatus-icon {
  border-radius: 50%;
  font-size: 2.75rem;
  height: 2.75rem;
  line-height: 1;
  margin-bottom: 1.875rem;
  overflow: hidden;
  width: 2.75rem;
}

.mypay-box .mypay-ostatus-text {
  color: var(--titleColor);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.mypay-box .mypay-ostatus-desc {
  color: var(--mutedColor);
  font-size: 1rem;
}

.mypay-box .mypay-ostatus-btns {
  display: flex;
  gap: 1.25rem;
  margin-top: 3.125rem;
}

.mypay-box .mypay-ostatus-btns .el-button {
  font-size: 1rem;
  padding: 0.75rem 1.75rem;
}

.orderd-box {
  padding: 1.875rem 2.5rem;
}

.orderd-box .orderd-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.25rem;
}

.orderd-box .orderd-head .tit {
  color: var(--titleColor);
  font-size: 1.25rem;
  font-weight: 700;
}

.orderd-box .orderd-head .ext {
  flex-shrink: 0;
  font-size: 1rem;
}

.orderd-box .orderd-inner {
  background: var(--bgColor);
  border-radius: var(--brSize);
  color: var(--mutedColor);
  display: flex;
  font-size: 0.875rem;
  margin-bottom: 1.875rem;
  padding: 1.875rem;
}

@media screen and (max-width: 768px) {
  .orderd-box .orderd-inner {
    flex-wrap: wrap;
  }
}

.orderd-box .orderd-img {
  flex-shrink: 0;
  margin-right: 2.5rem;
  overflow: hidden;
  width: 17.5rem;
}

@media screen and (max-width: 768px) {
  .orderd-box .orderd-img {
    margin-bottom: 1.25rem;
    margin-right: 0;
    width: 60%;
  }
}

.orderd-box .orderd-img > div {
  border-radius: var(--brSize);
}

.orderd-box .orderd-lst {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.orderd-box .orderd-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.9375rem;
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .orderd-box .orderd-item {
    width: 33.3333%;
  }
}

@media screen and (max-width: 768px) {
  .orderd-box .orderd-item {
    width: 50%;
  }
}

.orderd-box .orderd-item .price {
  color: var(--mainColor);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.orderd-box .orderd-head2 {
  border-top: 1px solid var(--borderColor);
  margin-bottom: 1.25rem;
  margin-top: 0.625rem;
  padding-top: 1.25rem;
}

[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing='linear'],
body[data-aos-easing='linear'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing='ease'],
body[data-aos-easing='ease'] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing='ease-in'],
body[data-aos-easing='ease-in'] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing='ease-out'],
body[data-aos-easing='ease-out'] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing='ease-in-out'],
body[data-aos-easing='ease-in-out'] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing='ease-in-back'],
body[data-aos-easing='ease-in-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing='ease-out-back'],
body[data-aos-easing='ease-out-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-back'],
body[data-aos-easing='ease-in-out-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing='ease-in-sine'],
body[data-aos-easing='ease-in-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing='ease-out-sine'],
body[data-aos-easing='ease-out-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-sine'],
body[data-aos-easing='ease-in-out-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing='ease-in-quad'],
body[data-aos-easing='ease-in-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-quad'],
body[data-aos-easing='ease-out-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-quad'],
body[data-aos-easing='ease-in-out-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing='ease-in-cubic'],
body[data-aos-easing='ease-in-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-cubic'],
body[data-aos-easing='ease-out-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-cubic'],
body[data-aos-easing='ease-in-out-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing='ease-in-quart'],
body[data-aos-easing='ease-in-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-quart'],
body[data-aos-easing='ease-out-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-quart'],
body[data-aos-easing='ease-in-out-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos='fade-up'] {
  transform: translate3d(0, 6.25rem, 0);
}

[data-aos='fade-down'] {
  transform: translate3d(0, -6.25rem, 0);
}

[data-aos='fade-right'] {
  transform: translate3d(-6.25rem, 0, 0);
}

[data-aos='fade-left'] {
  transform: translate3d(6.25rem, 0, 0);
}

[data-aos='fade-up-right'] {
  transform: translate3d(-6.25rem, 6.25rem, 0);
}

[data-aos='fade-up-left'] {
  transform: translate3d(6.25rem, 6.25rem, 0);
}

[data-aos='fade-down-right'] {
  transform: translate3d(-6.25rem, -6.25rem, 0);
}

[data-aos='fade-down-left'] {
  transform: translate3d(6.25rem, -6.25rem, 0);
}

[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos='zoom-in'] {
  transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  transform: translate3d(0, 6.25rem, 0) scale(0.6);
}

[data-aos='zoom-in-down'] {
  transform: translate3d(0, -6.25rem, 0) scale(0.6);
}

[data-aos='zoom-in-right'] {
  transform: translate3d(-6.25rem, 0, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  transform: translate3d(6.25rem, 0, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  transform: translate3d(0, 6.25rem, 0) scale(1.2);
}

[data-aos='zoom-out-down'] {
  transform: translate3d(0, -6.25rem, 0) scale(1.2);
}

[data-aos='zoom-out-right'] {
  transform: translate3d(-6.25rem, 0, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  transform: translate3d(6.25rem, 0, 0) scale(1.2);
}

[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  transform: translateZ(0);
}

[data-aos='slide-up'] {
  transform: translate3d(0, 100%, 0);
}

[data-aos='slide-down'] {
  transform: translate3d(0, -100%, 0);
}

[data-aos='slide-right'] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos='slide-left'] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^='flip'][data-aos^='flip'] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos='flip-left'] {
  transform: perspective(156.25rem) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  transform: perspective(156.25rem) rotateY(0);
}

[data-aos='flip-right'] {
  transform: perspective(156.25rem) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  transform: perspective(156.25rem) rotateY(0);
}

[data-aos='flip-up'] {
  transform: perspective(156.25rem) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  transform: perspective(156.25rem) rotateX(0);
}

[data-aos='flip-down'] {
  transform: perspective(156.25rem) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  transform: perspective(156.25rem) rotateX(0);
}

[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing='linear'],
body[data-aos-easing='linear'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing='ease'],
body[data-aos-easing='ease'] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing='ease-in'],
body[data-aos-easing='ease-in'] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing='ease-out'],
body[data-aos-easing='ease-out'] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing='ease-in-out'],
body[data-aos-easing='ease-in-out'] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing='ease-in-back'],
body[data-aos-easing='ease-in-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing='ease-out-back'],
body[data-aos-easing='ease-out-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-back'],
body[data-aos-easing='ease-in-out-back'] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing='ease-in-sine'],
body[data-aos-easing='ease-in-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing='ease-out-sine'],
body[data-aos-easing='ease-out-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-sine'],
body[data-aos-easing='ease-in-out-sine'] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing='ease-in-quad'],
body[data-aos-easing='ease-in-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-quad'],
body[data-aos-easing='ease-out-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-quad'],
body[data-aos-easing='ease-in-out-quad'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing='ease-in-cubic'],
body[data-aos-easing='ease-in-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-cubic'],
body[data-aos-easing='ease-out-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-cubic'],
body[data-aos-easing='ease-in-out-cubic'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing='ease-in-quart'],
body[data-aos-easing='ease-in-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing='ease-out-quart'],
body[data-aos-easing='ease-out-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing='ease-in-out-quart'],
body[data-aos-easing='ease-in-out-quart'] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos='fade-up'] {
  transform: translate3d(0, 6.25rem, 0);
}

[data-aos='fade-down'] {
  transform: translate3d(0, -6.25rem, 0);
}

[data-aos='fade-right'] {
  transform: translate3d(-6.25rem, 0, 0);
}

[data-aos='fade-left'] {
  transform: translate3d(6.25rem, 0, 0);
}

[data-aos='fade-up-right'] {
  transform: translate3d(-6.25rem, 6.25rem, 0);
}

[data-aos='fade-up-left'] {
  transform: translate3d(6.25rem, 6.25rem, 0);
}

[data-aos='fade-down-right'] {
  transform: translate3d(-6.25rem, -6.25rem, 0);
}

[data-aos='fade-down-left'] {
  transform: translate3d(6.25rem, -6.25rem, 0);
}

[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos='zoom-in'] {
  transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  transform: translate3d(0, 6.25rem, 0) scale(0.6);
}

[data-aos='zoom-in-down'] {
  transform: translate3d(0, -6.25rem, 0) scale(0.6);
}

[data-aos='zoom-in-right'] {
  transform: translate3d(-6.25rem, 0, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  transform: translate3d(6.25rem, 0, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  transform: translate3d(0, 6.25rem, 0) scale(1.2);
}

[data-aos='zoom-out-down'] {
  transform: translate3d(0, -6.25rem, 0) scale(1.2);
}

[data-aos='zoom-out-right'] {
  transform: translate3d(-6.25rem, 0, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  transform: translate3d(6.25rem, 0, 0) scale(1.2);
}

[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  transform: translateZ(0);
}

[data-aos='slide-up'] {
  transform: translate3d(0, 100%, 0);
}

[data-aos='slide-down'] {
  transform: translate3d(0, -100%, 0);
}

[data-aos='slide-right'] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos='slide-left'] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^='flip'][data-aos^='flip'] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos='flip-left'] {
  transform: perspective(156.25rem) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  transform: perspective(156.25rem) rotateY(0);
}

[data-aos='flip-right'] {
  transform: perspective(156.25rem) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  transform: perspective(156.25rem) rotateY(0);
}

[data-aos='flip-up'] {
  transform: perspective(156.25rem) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  transform: perspective(156.25rem) rotateX(0);
}

[data-aos='flip-down'] {
  transform: perspective(156.25rem) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  transform: perspective(156.25rem) rotateX(0);
}

:root {
  --f-spinner-width: 2.25rem;
  --f-spinner-height: 2.25rem;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  height: var(--f-spinner-height);
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
}

.f-spinner svg {
  animation: f-spinner-rotate 2s linear infinite;
  height: 100%;
  vertical-align: top;
  width: 100%;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    opacity: 0;
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
  }
}

@keyframes f-throwOutDown {
  to {
    opacity: 0;
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
  }
}

.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.975) translate3d(0, 1rem, 0);
  }

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

@keyframes f-zoomOutDown {
  to {
    opacity: 0;
    transform: scale(0.975) translate3d(0, 1rem, 0);
  }
}

.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
    f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
    f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}

.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-fadeFastOut {
  to {
    opacity: 0;
  }
}

.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-fadeSlowOut {
  to {
    opacity: 0;
  }
}

.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}

.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translate(100%);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideInNext {
  0% {
    transform: translate(-100%);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideOutNext {
  to {
    transform: translate(-100%);
  }
}

@keyframes f-slideOutPrev {
  to {
    transform: translate(100%);
  }
}

.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    opacity: 0;
    transform: translate(-4.6875rem);
  }

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

@keyframes f-classicInPrev {
  0% {
    opacity: 0;
    transform: translate(4.6875rem);
  }

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

@keyframes f-classicOutNext {
  to {
    opacity: 0;
    transform: translate(-4.6875rem);
  }
}

@keyframes f-classicOutPrev {
  to {
    opacity: 0;
    transform: translate(4.6875rem);
  }
}

:root {
  --f-button-width: 2.5rem;
  --f-button-height: 2.5rem;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 1.25rem;
  --f-button-svg-height: 1.25rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  align-items: center;
  background: var(--f-button-bg);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  box-shadow: var(--f-button-shadow);
  box-sizing: content-box;
  color: var(--f-button-color);
  cursor: pointer;
  display: flex;
  height: var(--f-button-height);
  justify-content: center;
  margin: 0;
  padding: 0;
  pointer-events: all;
  position: relative;
  transition: var(--f-button-transition);
  width: var(--f-button-width);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    background-color: var(--f-button-hover-bg);
    color: var(--f-button-hover-color);
  }
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  outline: none;
}

.f-button svg {
  height: var(--f-button-svg-height);
  width: var(--f-button-svg-width);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: var(--f-button-svg-filter);
  pointer-events: none;
  transform: var(--f-button-transform);
  transition: opacity 0.15s ease;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  left: var(--f-button-prev-pos);
  right: auto;
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
  left: 50%;
  top: auto;
  transform: translate(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  overflow: visible;
  scroll-behavior: auto;
  width: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
  width: auto;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 0.625rem;
  --f-spinner-width: 3.125rem;
  --f-spinner-height: 3.125rem;
  --f-spinner-color-1: hsla(0, 0%, 100%, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  bottom: 0;
  box-sizing: border-box;
  color: #f8f8f8;
  direction: ltr;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  overflow: visible;
  transform-origin: top left;
  z-index: var(--fancybox-zIndex, 1050);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
  box-sizing: inherit;
}

.fancybox__container::backdrop {
  background-color: transparent;
}

.fancybox__backdrop {
  background: var(--fancybox-bg);
  bottom: 0;
  left: 0;
  opacity: var(--fancybox-opacity, 1);
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: -1;
}

.fancybox__carousel {
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
  z-index: 10;
}

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

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  height: 100%;
  margin: 0 auto;
}

.fancybox__slide {
  align-items: center;
  backface-visibility: hidden;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0.25rem;
  position: relative;
  transform: translateZ(0);
  width: 100%;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 2.5rem;
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide:after,
.fancybox__slide:before {
  content: '';
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
  display: block;
}

.fancybox__content {
  align-self: center;
  background: var(--fancybox-content-bg, #fff);
  border-radius: 0;
  color: var(--fancybox-content-color, #374151);
  cursor: default;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  padding: 2rem;
  position: relative;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  backface-visibility: hidden;
  background: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 1px;
  padding: 0;
  transform: translateZ(0);
  transition: none;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  height: auto;
  max-height: 100%;
  width: 100%;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  display: block;
  filter: blur(0);
  height: 100%;
  margin: auto;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox__caption {
  align-self: center;
  color: var(--fancybox-color, currentColor);
  cursor: auto;
  flex-shrink: 0;
  line-height: 1.375;
  margin: 0;
  max-width: 100%;
  opacity: var(--fancybox-opacity, 1);
  overflow-wrap: anywhere;
  padding: 0.875rem 0 0.25rem;
  visibility: visible;
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  right: 0.5rem;
  top: 0;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 2.125rem;
  --f-button-height: 2.125rem;
  --f-button-border-radius: 0.25rem;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 1.375rem;
  --f-button-svg-height: 1.375rem;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: -2.375rem;
}

.is-loading .fancybox__content > .f-button.is-close-btn,
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  margin: 0;
  padding: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  opacity: var(--fancybox-opacity, 1);
  padding: 1.5rem;
  transition: all 0.25s ease;
  width: 100%;
}

.is-compact .fancybox__footer {
  background: #18181b80;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 20;
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 0.75rem;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 1.125rem;
  --f-button-svg-height: 1.125rem;
  --f-button-svg-filter: none;
  right: 0.3125rem;
  top: 0.3125rem;
}

.fancybox__nav {
  --f-button-width: 3.125rem;
  --f-button-height: 3.125rem;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 1.625rem;
  --f-button-svg-height: 1.625rem;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  bottom: -1.875rem;
  content: '';
  left: -1.25rem;
  position: absolute;
  right: -1.25rem;
  top: -1.875rem;
  z-index: 1;
}

.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
  animation: f-fadeOut 0.15s ease-out both;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
}

.fancybox__slide > .f-spinner {
  cursor: pointer;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0
    var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  position: absolute;
  top: 50%;
  z-index: 30;
}

.fancybox-protected {
  bottom: 0;
  right: 0;
}

.fancybox-ghost,
.fancybox-protected {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 40;
}

.fancybox-ghost {
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  width: 100%;
}

.fancybox-focus-guard {
  opacity: 0;
  outline: none;
  pointer-events: none;
  position: fixed;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden='false'] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden='false'] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden='false'] > :not(.fancybox__backdrop, .fancybox__carousel) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden='false'] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden='true'] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden='true'] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden='true'] > :not(.fancybox__backdrop, .fancybox__carousel) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden='true'] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  flex-shrink: 1;
  max-width: 100%;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  height: 90%;
  width: calc(100% - 7.5rem);
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
  height: 100%;
  width: 100%;
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  height: 33.75rem;
  max-height: 100%;
  max-width: 100%;
  width: 60rem;
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  background: #18181be6;
  color: #fff;
  padding: 0;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

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

.f-carousel__thumbs {
  --f-thumb-width: 6rem;
  --f-thumb-height: 4.5rem;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 0.125rem;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 0.5rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 0.25rem;
  --f-thumb-extra-gap: 1rem;
  --f-thumb-clip-width: 2.875rem;
}

.f-thumbs {
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  perspective: 62.5rem;
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.f-thumbs .f-spinner {
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  border-radius: 0.125rem;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  height: auto;
  overflow: hidden;
  transform: translateZ(0);
  width: 100%;
}

.f-thumbs__track {
  display: flex;
}

.f-thumbs__slide {
  align-items: center;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: var(--f-thumb-height);
  justify-content: center;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: var(--f-thumb-width);
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track:before {
  bottom: 0;
  content: '';
  cursor: pointer;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  position: absolute;
  top: 0;
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
}

.is-modern .f-thumbs__slide {
  pointer-events: none;
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  width: var(--f-thumb-clip-width);
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(0.125rem 0 0 var(--f-thumb-outline-color))
    drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 0.125rem 0 var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--f-thumb-border-radius);
  cursor: pointer;
  height: 100%;
  margin: 0 -100%;
  opacity: var(--f-thumb-opacity);
  outline: none;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: relative;
  touch-action: manipulation;
  transition: opacity 0.2s ease;
  width: var(--f-thumb-width);
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  opacity: var(--f-thumb-selected-opacity);
  outline: none;
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset(
    0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * (1 - var(--progress, 0)) * 0.5) round
      var(--f-thumb-border-radius, 0)
  );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  animation: f-fadeIn 0.2s ease-out;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  content: '';
  height: auto;
  z-index: 10;
}

.f-thumbs__slide__img,
.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  border-radius: var(--f-thumb-border-radius);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.f-thumbs__slide__img {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding: var(--f-thumb-offset);
  pointer-events: none;
  width: 100%;
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 0.5rem 0 0.75rem;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 0.5rem;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 6rem;
  --f-thumb-height: 4.5rem;
  --f-thumb-border-radius: 0.125rem;
  --f-thumb-outline: 0.125rem;
  --f-thumb-outline-color: #ededed;
  opacity: var(--fancybox-opacity, 1);
  position: relative;
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 0.5rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(#ffffff1a, #ffffff0d);
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 0.25rem;
  --f-thumb-extra-gap: 1rem;
  --f-thumb-clip-width: 2.875rem;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(#ffffff1a, #ffffff0d);
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 4rem;
  --f-thumb-clip-width: 2rem;
  --f-thumb-height: 3rem;
  --f-thumb-extra-gap: 0.625rem;
}

.fancybox__thumbs.is-masked {
  max-height: 0 !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, 0.94));
  --f-button-width: 2.875rem;
  --f-button-height: 2.875rem;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 1.5rem;
  --f-button-svg-height: 1.5rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  color: var(--fancybox-color, currentColor);
  display: flex;
  flex-direction: row;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
  justify-content: space-between;
  margin: 0;
  opacity: var(--fancybox-opacity, 1);
  padding: 0;
  pointer-events: none;
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.is-idle .fancybox__toolbar {
  animation: f-fadeOut 0.15s ease-out both;
  pointer-events: none;
}

.fancybox__toolbar__column {
  align-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-basis: 0;
  flex-grow: 1;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.fancybox__infobar {
  font-size: 1.0625rem;
  font-variant-numeric: tabular-nums;
  line-height: var(--f-button-height);
  padding: 0 0.3125rem;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 0.3125rem;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  height: 0.1875rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 30;
}

/*!
 * fullPage 4.0.37
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
  margin: 0;
  overflow: hidden;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
}

.fp-slide {
  float: left;
}

.fp-slide,
.fp-slidesContainer {
  display: block;
  height: 100%;
}

.fp-slides {
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-out;
  z-index: 1;
}

.fp-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  cursor: pointer;
  margin-top: -2.375rem;
  position: absolute;
  top: 50%;
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  z-index: 4;
}

.fp-prev {
  left: 0.9375rem;
}

.fp-next {
  right: 0.9375rem;
}

.fp-arrow {
  border-style: solid;
  height: 0;
  width: 0;
}

.fp-arrow.fp-prev {
  border-color: transparent #fff transparent transparent;
  border-width: 2.40625rem 2.125rem 2.40625rem 0;
}

.fp-arrow.fp-next {
  border-color: transparent transparent transparent #fff;
  border-width: 2.40625rem 0 2.40625rem 2.125rem;
}

.fp-notransition {
  transition: none !important;
}

#fp-nav {
  opacity: 1;
  pointer-events: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translate3d(0, -50%, 0);
  z-index: 100;
}

#fp-nav.fp-right {
  right: 1.0625rem;
}

#fp-nav.fp-left {
  left: 1.0625rem;
}

.fp-slidesNav {
  left: 0 !important;
  margin: 0 auto !important;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: translateZ(0);
  z-index: 4;
}

.fp-slidesNav.fp-bottom {
  bottom: 1.0625rem;
}

.fp-slidesNav.fp-top {
  top: 1.0625rem;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  height: 0.8125rem;
  margin: 0.4375rem;
  position: relative;
  width: 0.875rem;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  cursor: pointer;
  display: block;
  height: 100%;
  pointer-events: all;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 1;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  border-radius: 100%;
  height: 0.75rem;
  margin: -0.375rem 0 0 -0.375rem;
  width: 0.75rem;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: #333;
  border: 0;
  border-radius: 50%;
  height: 0.25rem;
  left: 50%;
  margin: -0.125rem 0 0 -0.125rem;
  position: absolute;
  top: 50%;
  transition: all 0.1s ease-in-out;
  width: 0.25rem;
  z-index: 1;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  height: 0.625rem;
  margin: -0.3125rem 0 0 -0.3125rem;
  width: 0.625rem;
}

#fp-nav ul li .fp-tooltip {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.875rem;
  max-width: 13.75rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: -0.125rem;
  white-space: nowrap;
  width: 0;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  opacity: 1;
  transition: opacity 0.2s ease-in;
  width: auto;
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 1.25rem;
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 1.25rem;
}

.fp-auto-height .fp-slide,
.fp-auto-height.fp-section,
.fp-responsive .fp-is-overflow.fp-section {
  height: auto !important;
}

.fp-enabled .fp-scrollable {
  height: auto;
  overflow: visible;
}

.fp-scrollable .fp-section,
.fp-scrollable .fp-slide,
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.fp-overflow {
  justify-content: flex-start;
}

body:not(.fp-responsive) .fp-overflow {
  max-height: 100vh;
  max-height: 100dvh;
}

.fp-scrollable .fp-auto-height .fp-overflow {
  max-height: none;
}

.fp-is-overflow .fp-overflow,
.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow .fp-overflow.fp-auto-height-responsive {
  overflow-y: auto;
}

.fp-overflow {
  outline: none;
}

.fp-overflow.fp-table {
  display: block;
}

.fp-responsive .fp-auto-height-responsive .fp-overflow,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
  min-height: auto !important;
}

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

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  background-color: transparent;
  width: 0.5625rem;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
  background-color: transparent;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
  background-color: #0006;
  border: 0.25rem solid transparent;
  border-radius: 1rem;
}

.fp-warning,
.fp-watermark {
  bottom: 0;
  position: absolute;
  z-index: 9999999;
}

.fp-warning,
.fp-watermark a {
  background: #fff9;
  border-radius: 0.1875rem;
  color: #000;
  display: inline-block;
  font-family: arial;
  font-size: 0.875rem;
  margin: 0.75rem;
  padding: 0.3125rem 0.5rem;
  text-decoration: none;
}

.fp-noscroll .fp-overflow {
  overflow: hidden;
}

@charset "UTF-8";

:root {
  --el-color-white: #fff;
  --el-color-black: #000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 1.25rem;
  --el-font-size-large: 1.125rem;
  --el-font-size-medium: 1rem;
  --el-font-size-base: 0.875rem;
  --el-font-size-small: 0.8125rem;
  --el-font-size-extra-small: 0.75rem;
  --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
    sans-serif;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 1.5rem;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 0.25rem;
  --el-border-radius-small: 0.125rem;
  --el-border-radius-round: 1.25rem;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
    opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast)
    var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast)
    var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 2.5rem;
  --el-component-size: 2rem;
  --el-component-size-small: 1.5rem;
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;
  --el-color-success: #67c23a;
  --el-color-success-light-3: #95d475;
  --el-color-success-light-5: #b3e19d;
  --el-color-success-light-7: #d1edc4;
  --el-color-success-light-8: #e1f3d8;
  --el-color-success-light-9: #f0f9eb;
  --el-color-success-dark-2: #529b2e;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #eebe77;
  --el-color-warning-light-5: #f3d19e;
  --el-color-warning-light-7: #f8e3c5;
  --el-color-warning-light-8: #faecd8;
  --el-color-warning-light-9: #fdf6ec;
  --el-color-warning-dark-2: #b88230;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #f89898;
  --el-color-danger-light-5: #fab6b6;
  --el-color-danger-light-7: #fcd3d3;
  --el-color-danger-light-8: #fde2e2;
  --el-color-danger-light-9: #fef0f0;
  --el-color-danger-dark-2: #c45656;
  --el-color-error: #f56c6c;
  --el-color-error-light-3: #f89898;
  --el-color-error-light-5: #fab6b6;
  --el-color-error-light-7: #fcd3d3;
  --el-color-error-light-8: #fde2e2;
  --el-color-error-light-9: #fef0f0;
  --el-color-error-dark-2: #c45656;
  --el-color-info: #909399;
  --el-color-info-light-3: #b1b3b8;
  --el-color-info-light-5: #c8c9cc;
  --el-color-info-light-7: #dedfe0;
  --el-color-info-light-8: #e9e9eb;
  --el-color-info-light-9: #f4f4f5;
  --el-color-info-dark-2: #73767a;
  --el-bg-color: #fff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #fff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #fff;
  --el-box-shadow: 0px 0.75rem 2rem 0.25rem #0000000a, 0px 0.5rem 1.25rem #00000014;
  --el-box-shadow-light: 0px 0px 0.75rem #0000001f;
  --el-box-shadow-lighter: 0px 0px 0.375rem #0000001f;
  --el-box-shadow-dark: 0px 1rem 3rem 1rem #00000014, 0px 0.75rem 2rem #0000001f, 0px 0.5rem 1rem -0.5rem #00000029;
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: #000c;
  --el-overlay-color-light: #000000b3;
  --el-overlay-color-lighter: #00000080;
  --el-mask-color: #ffffffe6;
  --el-mask-color-extra-light: #ffffff4d;
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  transition: var(--el-transition-md-fade);
}

.el-zoom-in-top-enter-active[data-popper-placement^='top'],
.el-zoom-in-top-leave-active[data-popper-placement^='top'] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--el-transition-md-fade);
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transform-origin: top left;
  transition: var(--el-transition-md-fade);
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out,
    var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
  transition: var(--el-transition-duration) max-height ease-in-out,
    var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out,
    var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-1.875rem);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 0.3125rem;
}

.el-icon--left {
  margin-right: 0.3125rem;
}

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

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

.el-icon {
  --color: inherit;
  align-items: center;
  display: inline-flex;
  height: 1em;
  justify-content: center;
  line-height: 1em;
  position: relative;
  width: 1em;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}

.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s ease-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.site-logo {
  --logoSize: 1.5rem;
  --textSize: 1rem;
  align-items: center;
  display: flex;
  flex-shrink: 0;
}

.site-logo > img {
  border-radius: var(--brSize);
  flex-shrink: 0;
  height: var(--logoSize);
  margin-right: 0.9375rem;
  overflow: hidden;
  width: var(--logoSize);
}

.site-logo > span {
  color: var(--mainColor);
  flex-shrink: 0;
  font-size: var(--textSize);
  font-weight: 600;
}

.svg-icon,
.svg-icon > svg {
  height: 1em;
  overflow: hidden;
  vertical-align: -0.15em;
  width: 1em;
  fill: currentcolor;
}

.responsive-image {
  height: 0;
  overflow: hidden;
  padding-bottom: var(--responsive-img-size, 100%);
  position: relative;
  width: 100%;
}

.responsive-image .responsive-img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: var(--responsive-img-fit, cover);
  object-fit: var(--responsive-img-fit, cover);
  -o-object-position: var(--responsive-img-position, center);
  object-position: var(--responsive-img-position, center);
  position: absolute;
  top: 0;
  width: 100%;
}

.responsive-image:hover .responsive-img {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
}