@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/google-fonts.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/normal-reset.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/app.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/exported.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/header-menu.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/top-bar.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/navigation.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/hero-home.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/section-content-course.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/students-works.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/reviews.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/footer.css');
@import url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/styles/floating-menu.css');

:root {
			--color: #5d3136;
			--line-color: #7c5658;
			--line-color-soft: #d8bfc0;
			--lineColor: #d8bfc0;
			--bgCard: #f9ecdf;
			--soft: #f9ecdf;
			--white: #ffffff;
			--gray: #6f6f6f;
			--bg: #5D3136;
			--parag: #4e4e4e;
			--dark: #1f1f1f;
			--black: #000000;
			--warning: #b72b2b;
			--prod-card-aspect: 1/1.25;
			--prod-card-padding-mobile: 0%;
			--prod-card-padding-desk: 0%;
			--prod-card-img-fit: contain;
			--padding-global-mobile: 2.5rem;
			--padding-global-tablet: 3.5rem;
			--padding-global-desk: 6rem;
			--border-radius-mobile: 0.3rem;
			--border-radius-tablet: 0.3rem;
			--border-radius-desk: 0.3rem;
		}
		html {
			--gap: 2rem;
			--bg: var(--color);
			--white: var(--white);
			--color: var(--color);
			--soft: var(--soft);
			--line-color: var(--line-color);
			--line-color-soft: var(--line-color-soft);
			font-size: calc(100vw / 1920 * 10);
			width: 100vw;
			font-family: var(--serif);
			color: var(--color);
			font-family: NeueRoman, sans-serif;
			--sans: 'IBM Plex Sans Condensed', sans-serif;
			--parag: 'IBM Plex Sans Condensed', sans-serif;
			--title: Cygnito, Impact, sans-serif;
			--serif: 'IBM Plex Mono', sans-serif;
		}

		@media screen and (max-width: 467px) {
			html {
				font-size: calc(100vw / 540 * 10);
			}
		}

		@media screen and (max-width: 767px) and (min-width: 468px) {
			html {
				font-size: calc(100vw / 900 * 10);
			}
		}

		@media screen and (max-width: 991px) and (min-width: 768px) {
			html {
				font-size: calc(100vw / 1100 * 10);
			}
		}

		@media screen and (max-width: 1365px) and (min-width: 992px) {
			html {
				font-size: calc(100vw / 1600 * 10);
			}
		}

@font-face {
			font-family: 'Cygnito';
			src: url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/fonts/cygnito.woff2') format('woff2'), url('https://code.zzd.show/media/uploaded/1/p514_motion_lab_1780433406/fonts/cygnito.woff') format('woff');
			font-weight: 400;
			font-style: normal;
			font-display: swap;
		}

.st0 {
			clip-path: url(#SVGID_00000019649403843984352290000003505607313790142339_);
		}

		.st1 {
			clip-path: url(#SVGID_00000045612686339533654190000012844211640160506282_);
		}

		.st2 {
			clip-path: url(#SVGID_00000165213251001149632260000002874673469300446649_);
		}

ul.footer__content {
        align-items: flex-start;
        gap: 4rem;
    }

.shopify-payment-button {display: none;}

html {
  height: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

html.zzd-sandbox-frame {
  height: 100vh !important;
  overflow: hidden !important;
}

html.zzd-sandbox-frame body.zzd-sandbox-frame {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative;
}

.zzd-local-note {
  display: none !important;
}

.main-logo svg path {
  fill: var(--color);
}

.main-logo::after {
  content: "动";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color);
  font-family: var(--title);
  font-size: 1.7rem;
  line-height: 1;
}

.main-logo svg {
  opacity: 0;
}

.header__menu__socials {
  display: flex;
  gap: 1.5rem;
}

.float-menu .buy-it {
  color: var(--white);
  cursor: pointer;
}

canvas#sketch {
  position: absolute;
  left: 0;
  top: 4rem;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
  touch-action: pan-y;
}

a[href="#"] {
  cursor: pointer;
}