/** 
 * Colors
 */
:root {
  /* Neutral color palette */
  --color-neutral-0: #ffffff;
  --color-neutral-100: #f8f7f4;
  --color-neutral-200: #efede5;
  --color-neutral-300: #ddd9cb;
  --color-neutral-400: #c8bfa9;
  --color-neutral-500: #b1a186;
  --color-neutral-600: #a18d6e;
  --color-neutral-700: #947d62;
  --color-neutral-800: #655447;
  --color-neutral-900: #53463b;
  --color-neutral-1000: #2c241e;

  /* Black color palette */
  --color-black-50: #fafafa;
  --color-black-100: #ededed;
  --color-black-200: #d7d6d6;
  --color-black-300: #b6b4b4;
  --color-black-400: #8d8b8b;
  --color-black-500: #747272;
  --color-black-600: #626060;
  --color-black-700: #555353;
  --color-black-800: #4b4949;
  --color-black-900: #434242;
  --color-black-1000: #000000;

  /* Blue color palette */
  --color-blue-100: #e9f2ff;
  --color-blue-200: #bedbff;
  --color-blue-300: #90c5ff;
  --color-blue-400: #54a2ff;
  --color-blue-500: #3080ff;
  --color-blue-600: #1d7afc;
  --color-blue-700: #0c66e4;
  --color-blue-800: #0055cc;
  --color-blue-900: #1c398e;
  --color-blue-1000: #1c2b41;

  /** Green color palette */
  --color-green-50: #f2fdf5;
  --color-green-100: #defce9;
  --color-green-200: #bcf6d0;
  --color-green-300: #87edab;
  --color-green-400: #4ddb7f;
  --color-green-500: #00c758;
  --color-green-600: #00a544;
  --color-green-700: #177d3b;
  --color-green-800: #016630;
  --color-green-900: #0d542b;
  --color-green-950: #062d13;

  /* Yellow color palette */

  --color-yellow-100: #fefce8;
  --color-yellow-200: #fef9c2;
  --color-yellow-300: #fff085;
  --color-yellow-400: #ffe02a;
  --color-yellow-500: #fac800;
  --color-yellow-600: #edb200;
  --color-yellow-700: #cd8900;
  --color-yellow-800: #a36100;
  --color-yellow-900: #874b00;
  --color-yellow-1000: #733e0a;
  --color-yellow-1100: #332e1b;

  /* Red color palette */
  --color-red-100: #fef2f2;
  --color-red-200: #ffe2e2;
  --color-red-300: #ffd5d2;
  --color-red-400: #ffa3a3;
  --color-red-500: #ff6568;
  --color-red-600: #fb2c36;
  --color-red-700: #e40014;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-1000: #42221f;

  /* Purple color palette */
  --color-purple-100: #f3f0ff;
  --color-purple-200: #dfd8fd;
  --color-purple-300: #b8acf6;
  --color-purple-400: #9f8fef;
  --color-purple-500: #8f7ee7;
  --color-purple-600: #8270db;
  --color-purple-700: #6e5dc6;
  --color-purple-800: #5e4db2;
  --color-purple-900: #352c63;
  --color-purple-1000: #2b273f;

  /* Orange color palette */
  --color-orange-100: #fff3eb;
  --color-orange-200: #fedec8;
  --color-orange-300: #fec195;
  --color-orange-400: #fea362;
  --color-orange-500: #f38a3f;
  --color-orange-600: #e56910;
  --color-orange-700: #c25100;
  --color-orange-800: #a54800;
  --color-orange-900: #702e00;
  --color-orange-1000: #38291e;

  /* Magenta color palette */
  --color-magenta-100: #ffecf8;
  --color-magenta-200: #fdd0ec;
  --color-magenta-300: #f797d2;
  --color-magenta-400: #e774bb;
  --color-magenta-500: #da62ac;
  --color-magenta-600: #cd519d;
  --color-magenta-700: #ae4787;
  --color-magenta-800: #943d73;
  --color-magenta-900: #50253f;
  --color-magenta-1000: #3d2232;

  /* Teal color palette */
  --color-teal-100: #e7f9ff;
  --color-teal-200: #c6edfb;
  --color-teal-300: #9dd9ee;
  --color-teal-400: #6cc3e0;
  --color-teal-500: #42b2d7;
  --color-teal-600: #2898bd;
  --color-teal-700: #227d9b;
  --color-teal-800: #206a83;
  --color-teal-900: #164555;
  --color-teal-1000: #1e3137;

  /* Lime color palette */
  --color-lime-100: #f7fee7;
  --color-lime-200: #ecfccb;
  --color-lime-300: #d8f999;
  --color-lime-400: #bff264;
  --color-lime-500: #a4e635;
  --color-lime-600: #85cc16;
  --color-lime-700: #66a30d;
  --color-lime-800: #4d7c0f;
  --color-lime-900: #3f6212;
  --color-lime-1000: #365314;
  --color-lime-1100: #1a2e05;

  /* Emerald color palette */
  --color-emerald-100: #ecfdf5;
  --color-emerald-200: #d1fae7;
  --color-emerald-300: #a7f3cf;
  --color-emerald-400: #6ee7ae;
  --color-emerald-500: #34d388;
  --color-emerald-600: #10b969;
  --color-emerald-700: #059652;
  --color-emerald-800: #047841;
  --color-emerald-900: #065f35;
  --color-emerald-1000: #064e2c;
  --color-emerald-1100: #022c18;

  /* Indigo color palette */
  --color-indigo-100: #eef2ff;
  --color-indigo-200: #dfe7ff;
  --color-indigo-300: #c7d2ff;
  --color-indigo-400: #a3b3fe;
  --color-indigo-500: #7f8afa;
  --color-indigo-600: #6063f4;
  --color-indigo-700: #4d43e8;
  --color-indigo-800: #4235cd;
  --color-indigo-900: #352ea5;
  --color-indigo-1000: #302c83;
  --color-indigo-1100: #1d1a4c;
}

:root {
  font-family: 'Inter', sans-serif;
}

body,
#application,
#container {
  width: 100vw;
  max-width: 100vw;
  height: auto;
  font-family: Inter;

  /* Blur of products in the store extends the page’s width. */
  /* If you set overflow to hidden, position sticky will not work. */
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
}

body {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Hide the up/down arrows in number inputs. */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.ReactModal__Body--open {
  overflow: hidden;
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-ThinItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-ExtraLightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-LightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-MediumItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-ExtraBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-Black.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/Inter-BlackItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-ThinItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-ExtraLightItalic.woff2')
    format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-LightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-MediumItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-SemiBoldItalic.woff2')
    format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-ExtraBoldItalic.woff2')
    format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-Black.woff2') format('woff2');
}
@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Inter/4-1/InterDisplay-BlackItalic.woff2') format('woff2');
}

/**
 * Monaspace
 */
@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-BoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-ExtraBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-ExtraBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-ExtraLight.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-ExtraLightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-Italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-LightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-MediumItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-Regular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideExtraBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideExtraBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideExtraLight.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideExtraLightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideLight.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideLightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideMedium.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideMediumItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideRegular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideSemiBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Semiwide';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-SemiWideSemiBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideExtraBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideExtraBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideExtraLight.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideExtraLightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideLight.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideLightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideMedium.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideMediumItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideRegular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideSemiBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Monaspace Wide';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://fonts.loukykvet.app/Monaspace/1-300/MonaspaceNeon-WideSemiBoldItalic.woff2')
    format('woff2');
}


/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji';
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

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

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

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

/**
Correct the inability to style clickable types in iOS and Safari.
*/

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}