*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

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

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Barlow, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

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

:-moz-focusring {
  outline: auto;
}

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

[role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img {
  display: block;
  vertical-align: middle;
}

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

:root {
  --p3-blue-500: color(display-p3 0 0.658 1/1);
  --p3-blue-600: color(display-p3 0 0.585 1/1);
  --p3-blue-500-10: color(display-p3 0 0.658 1/0.1);
  --p3-blue-500-0: color(display-p3 0 0.658 1/0);
  --p3-green-500: color(display-p3 0.352 0.785 0.208/1);
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --hej-blue-primary: 8, 92, 183;
  --hej-blue-secondary: 189, 211, 232;
  --hej-blue-tertiary: 221, 238, 255;
  --hej-blue-quaternary: 8, 61, 122;
  --hej-blue-quinary: 13, 31, 63;
  --hej-purple-primary: 73, 68, 170;
  --hej-purple-secondary: 201, 203, 243;
  --hej-purple-tertiary: 228, 230, 255;
  --hej-purple-quaternary: 38, 20, 122;
  --hej-purple-quinary: 13, 8, 49;
  --hej-pink-primary: 182, 44, 49;
  --hej-pink-secondary: 245, 204, 193;
  --hej-pink-tertiary: 255, 230, 222;
  --hej-pink-quaternary: 121, 17, 17;
  --hej-pink-quinary: 45, 10, 8;
  --hej-orange-primary: 239, 86, 2;
  --hej-orange-secondary: 241, 183, 159;
  --hej-orange-tertiary: 255, 235, 228;
  --hej-orange-quaternary: 151, 38, 14;
  --hej-orange-quinary: 72, 20, 9;
  --hej-yellow-primary: 201, 128, 0;
  --hej-yellow-secondary: 243, 215, 156;
  --hej-yellow-tertiary: 254, 240, 212;
  --hej-yellow-quaternary: 119, 69, 22;
  --hej-yellow-quinary: 59, 36, 16;
  --hej-green-primary: 0, 110, 130;
  --hej-green-secondary: 190, 218, 207;
  --hej-green-tertiary: 219, 241, 233;
  --hej-green-quaternary: 0, 60, 74;
  --hej-green-quinary: 8, 25, 29;
  --hej-silver-primary: 109, 117, 123;
  --hej-silver-secondary: 211, 212, 214;
  --hej-silver-tertiary: 229, 230, 230;
  --hej-silver-quaternary: 45, 50, 54;
  --hej-silver-quinary: 19, 21, 22;
  --hej-pro-primary: 30, 33, 35;
  --hej-pro-secondary: 93, 95, 99;
  --hej-pro-tertiary: 47, 48, 50;
  --hej-pro-quaternary: 22, 23, 26;
  --hej-pro-quinary: 0, 0, 0;
}

[data-theme=default] {
  --background-when-light: 255, 255, 255;
  --background-when-dark: 25, 27, 31;
  --foreground-when-light: 40, 43, 48;
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=aqueux] {
  --background-when-light: 255, 255, 255;
  --background-when-dark: 24, 25, 25;
  --foreground-when-light: 55, 65, 81;
  --foreground-when-dark: 229, 231, 235;
}

[data-theme=wavey] {
  --background-when-light: 255, 255, 255;
  --background-when-dark: 25, 27, 31;
  --foreground-when-light: 40, 43, 48;
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=xiv] {
  --background-when-light: 0, 0, 0;
  --background-when-dark: 0, 0, 0;
  --foreground-when-light: 255, 255, 255;
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=blue] {
  --primary: var(--hej-blue-primary);
  --secondary: var(--hej-blue-secondary);
  --tertiary: var(--hej-blue-tertiary);
  --quaternary: var(--hej-blue-quaternary);
  --quinary: var(--hej-blue-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: var(--primary);
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=purple] {
  --primary: var(--hej-purple-primary);
  --secondary: var(--hej-purple-secondary);
  --tertiary: var(--hej-purple-tertiary);
  --quaternary: var(--hej-purple-quaternary);
  --quinary: var(--hej-purple-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: var(--primary);
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=pink] {
  --primary: var(--hej-pink-primary);
  --secondary: var(--hej-pink-secondary);
  --tertiary: var(--hej-pink-tertiary);
  --quaternary: var(--hej-pink-quaternary);
  --quinary: var(--hej-pink-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: var(--primary);
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=orange] {
  --primary: var(--hej-orange-primary);
  --secondary: var(--hej-orange-secondary);
  --tertiary: var(--hej-orange-tertiary);
  --quaternary: var(--hej-orange-quaternary);
  --quinary: var(--hej-orange-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: var(--primary);
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=yellow] {
  --primary: var(--hej-yellow-primary);
  --secondary: var(--hej-yellow-secondary);
  --tertiary: var(--hej-yellow-tertiary);
  --quaternary: var(--hej-yellow-quaternary);
  --quinary: var(--hej-yellow-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: 179, 107, 2;
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=green] {
  --primary: var(--hej-green-primary);
  --secondary: var(--hej-green-secondary);
  --tertiary: var(--hej-green-tertiary);
  --quaternary: var(--hej-green-quaternary);
  --quinary: var(--hej-green-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: var(--primary);
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=silver] {
  --primary: var(--hej-silver-primary);
  --secondary: var(--hej-silver-secondary);
  --tertiary: var(--hej-silver-tertiary);
  --quaternary: var(--hej-silver-quaternary);
  --quinary: var(--hej-silver-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--quaternary);
  --foreground-when-light: 93, 105, 112;
  --foreground-when-dark: 255, 255, 255;
}

[data-theme=pro] {
  --primary: var(--hej-pro-primary);
  --secondary: var(--hej-pro-secondary);
  --tertiary: var(--hej-pro-tertiary);
  --quaternary: var(--hej-pro-quaternary);
  --quinary: var(--hej-pro-quinary);
  --background-when-light: var(--tertiary);
  --background-when-dark: var(--primary);
  --foreground-when-light: 255, 255, 255;
  --foreground-when-dark: 255, 255, 255;
}

*,
: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-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(0, 168, 255, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

::backdrop {
  --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-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(0, 168, 255, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.top-\[1px\] {
  top: 1px;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.top-\[640px\] {
  top: 640px;
}

.top-\[772px\] {
  top: 772px;
}

.top-\[-628px\] {
  top: -628px;
}

.left-1\/2 {
  left: 50%;
}

.top-\[-288px\] {
  top: -288px;
}

.top-\[-1px\] {
  top: -1px;
}

.top-1\/2 {
  top: 50%;
}

.top-1 {
  top: 0.25rem;
}

.left-\[269px\] {
  left: 269px;
}

.top-8 {
  top: 2rem;
}

.left-\[60\%\] {
  left: 60%;
}

.left-\[55\%\] {
  left: 55%;
}

.top-9 {
  top: 2.25rem;
}

.top-\[17px\] {
  top: 17px;
}

.top-\[18px\] {
  top: 18px;
}

.top-\[12px\] {
  top: 12px;
}

.-top-12 {
  top: -3rem;
}

.top-\[37px\] {
  top: 37px;
}

.left-\[41px\] {
  left: 41px;
}

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

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

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

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

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

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

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.-my-0\.5 {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-10 {
  margin-top: 2.5rem;
}

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

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

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

.mb-3 {
  margin-bottom: 0.75rem;
}

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

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-3 {
  margin-left: 0.75rem;
}

.-mr-2\.5 {
  margin-right: -0.625rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

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

.mt-\[360px\] {
  margin-top: 360px;
}

.ml-\[-120px\] {
  margin-left: -120px;
}

.ml-\[72px\] {
  margin-left: 72px;
}

.mt-\[62px\] {
  margin-top: 62px;
}

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

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

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-0 {
  margin-top: 0;
}

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

.-ml-2\.5 {
  margin-left: -0.625rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

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

.mb-24 {
  margin-bottom: 6rem;
}

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

.ml-2 {
  margin-left: 0.5rem;
}

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

.mt-px {
  margin-top: 1px;
}

.ml-auto {
  margin-left: auto;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-auto {
  margin-right: auto;
}

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

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

.mr-10 {
  margin-right: 2.5rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.-mb-24 {
  margin-bottom: -6rem;
}

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

.-ml-1 {
  margin-left: -0.25rem;
}

.mb-auto {
  margin-bottom: auto;
}

.mt-\[-120px\] {
  margin-top: -120px;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-\[11px\] {
  margin-top: 11px;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-\[28px\] {
  margin-top: 28px;
}

.ml-\[2px\] {
  margin-left: 2px;
}

.mt-\[12px\] {
  margin-top: 12px;
}

.-ml-7 {
  margin-left: -1.75rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-\[37px\] {
  margin-top: 37px;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.mt-\[1px\] {
  margin-top: 1px;
}

.ml-\[20px\] {
  margin-left: 20px;
}

.ml-\[12px\] {
  margin-left: 12px;
}

.ml-\[-20px\] {
  margin-left: -20px;
}

.ml-\[-12px\] {
  margin-left: -12px;
}

.mb-\[-28px\] {
  margin-bottom: -28px;
}

.mt-\[-28px\] {
  margin-top: -28px;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-0 {
  margin-right: 0;
}

.mb-px {
  margin-bottom: 1px;
}

.-mt-px {
  margin-top: -1px;
}

.mb-40 {
  margin-bottom: 10rem;
}

.ml-0 {
  margin-left: 0;
}

.-mt-0\.5 {
  margin-top: -0.125rem;
}

.-mt-0 {
  margin-top: 0;
}

.-mt-24 {
  margin-top: -6rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.flex {
  display: flex;
}

.hidden {
  display: none;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[132px\] {
  height: 132px;
}

.h-\[220px\] {
  height: 220px;
}

.h-4 {
  height: 1rem;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[658px\] {
  height: 658px;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-10 {
  height: 2.5rem;
}

.h-\[18px\] {
  height: 18px;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-auto {
  height: auto;
}

.h-9 {
  height: 2.25rem;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[10px\] {
  height: 10px;
}

.h-\[598px\] {
  height: 598px;
}

.h-\[420px\] {
  height: 420px;
}

.h-\[6px\] {
  height: 6px;
}

.h-2 {
  height: 0.5rem;
}

.h-\[72px\] {
  height: 72px;
}

.h-\[108px\] {
  height: 108px;
}

.h-\[164px\] {
  height: 164px;
}

.h-\[86px\] {
  height: 86px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[390px\] {
  height: 390px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[478px\] {
  height: 478px;
}

.h-\[155px\] {
  height: 155px;
}

.h-\[424px\] {
  height: 424px;
}

.h-\[368px\] {
  height: 368px;
}

.h-\[550px\] {
  height: 550px;
}

.h-\[483px\] {
  height: 483px;
}

.h-\[316px\] {
  height: 316px;
}

.h-\[88px\] {
  height: 88px;
}

.h-20 {
  height: 5rem;
}

.h-\[4px\] {
  height: 4px;
}

.h-3 {
  height: 0.75rem;
}

.h-\[118px\] {
  height: 118px;
}

.h-\[56px\] {
  height: 56px;
}

.h-\[64px\] {
  height: 64px;
}

.h-\[461px\] {
  height: 461px;
}

.h-\[422px\] {
  height: 422px;
}

.h-\[14px\] {
  height: 14px;
}

.h-\[211px\] {
  height: 211px;
}

.h-\[336px\] {
  height: 336px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[360px\] {
  height: 360px;
}

.h-\[308px\] {
  height: 308px;
}

.h-\[60vh\] {
  height: 60vh;
}

.h-\[calc\(2312px-100px\)\] {
  height: 2212px;
}

.h-\[920px\] {
  height: 920px;
}

.h-\[844px\] {
  height: 844px;
}

.max-h-\[640px\] {
  max-height: 640px;
}

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

.min-h-\[72px\] {
  min-height: 72px;
}

.min-h-\[50vh\] {
  min-height: 50vh;
}

.min-h-\[320px\] {
  min-height: 320px;
}

.w-screen {
  width: 100vw;
}

.w-4 {
  width: 1rem;
}

.w-\[913px\] {
  width: 913px;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-28 {
  width: 7rem;
}

.w-16 {
  width: 4rem;
}

.w-\[18px\] {
  width: 18px;
}

.w-1\/2 {
  width: 50%;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[142px\] {
  width: 142px;
}

.w-\[720px\] {
  width: 720px;
}

.w-\[6px\] {
  width: 6px;
}

.w-40 {
  width: 10rem;
}

.w-\[182px\] {
  width: 182px;
}

.w-\[278px\] {
  width: 278px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[86px\] {
  width: 86px;
}

.w-\[124px\] {
  width: 124px;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[253px\] {
  width: 253px;
}

.w-\[223px\] {
  width: 223px;
}

.w-\[72px\] {
  width: 72px;
}

.w-\[620px\] {
  width: 620px;
}

.w-\[560px\] {
  width: 560px;
}

.w-\[155px\] {
  width: 155px;
}

.w-\[586px\] {
  width: 586px;
}

.w-\[562px\] {
  width: 562px;
}

.w-\[4px\] {
  width: 4px;
}

.w-3 {
  width: 0.75rem;
}

.w-\[56px\] {
  width: 56px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[64px\] {
  width: 64px;
}

.w-\[250px\] {
  width: 250px;
}

.w-\[199px\] {
  width: 199px;
}

.w-\[14px\] {
  width: 14px;
}

.w-\[99px\] {
  width: 99px;
}

.w-\[464px\] {
  width: 464px;
}

.w-\[427px\] {
  width: 427px;
}

.w-\[256px\] {
  width: 256px;
}

.w-\[596px\] {
  width: 596px;
}

.w-\[474px\] {
  width: 474px;
}

.w-\[calc\(1840px-80px\)\] {
  width: 1760px;
}

.w-\[472px\] {
  width: 472px;
}

.w-\[392px\] {
  width: 392px;
}

.min-w-\[48px\] {
  min-width: 48px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[calc\(1840px-80px\)\] {
  min-width: 1760px;
}

.max-w-\[1600px\] {
  max-width: 1600px;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[340px\] {
  max-width: 340px;
}

.max-w-none {
  max-width: none;
}

.max-w-\[1000px\] {
  max-width: 1000px;
}

.max-w-\[880px\] {
  max-width: 880px;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[490px\] {
  max-width: 490px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

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

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

.translate-x-\[-2\.5px\] {
  --tw-translate-x: -2.5px;
}

.translate-x-\[-2\.5px\],
.translate-y-\[0\.5px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[0\.5px\] {
  --tw-translate-y: 0.5px;
}

.translate-y-\[1px\] {
  --tw-translate-y: 1px;
}

.translate-y-\[1px\],
.translate-y-\[2px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[2px\] {
  --tw-translate-y: 2px;
}

.translate-y-\[3px\] {
  --tw-translate-y: 3px;
}

.translate-y-\[3px\],
.translate-y-\[4px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[4px\] {
  --tw-translate-y: 4px;
}

.translate-y-\[5px\] {
  --tw-translate-y: 5px;
}

.translate-y-\[5px\],
.translate-y-\[6px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[6px\] {
  --tw-translate-y: 6px;
}

.translate-y-\[7px\] {
  --tw-translate-y: 7px;
}

.translate-y-1,
.translate-y-\[7px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: 0.25rem;
}

.translate-y-\[-1px\] {
  --tw-translate-y: -1px;
}

.translate-y-\[-1px\],
.translate-y-\[0\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[0\] {
  --tw-translate-y: 0;
}

.translate-y-\[8px\] {
  --tw-translate-y: 8px;
}

.translate-y-\[16px\],
.translate-y-\[8px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[16px\] {
  --tw-translate-y: 16px;
}

.translate-y-\[24px\] {
  --tw-translate-y: 24px;
}

.translate-y-\[24px\],
.translate-y-\[32px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[32px\] {
  --tw-translate-y: 32px;
}

.translate-x-\[4px\] {
  --tw-translate-x: 4px;
}

.translate-x-\[2px\],
.translate-x-\[4px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[2px\] {
  --tw-translate-x: 2px;
}

.translate-x-\[0\] {
  --tw-translate-x: 0;
}

.translate-x-\[0\],
.translate-x-\[200px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[200px\] {
  --tw-translate-x: 200px;
}

.translate-y-\[200px\] {
  --tw-translate-y: 200px;
}

.-translate-x-1\/2,
.translate-y-\[200px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.translate-x-\[-200px\] {
  --tw-translate-x: -200px;
}

.translate-x-\[-200px\],
.translate-y-\[-200px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-200px\] {
  --tw-translate-y: -200px;
}

.rotate-\[30deg\] {
  --tw-rotate: 30deg;
}

.rotate-\[30deg\],
.rotate-\[315deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[315deg\] {
  --tw-rotate: 315deg;
}

.rotate-\[45deg\] {
  --tw-rotate: 45deg;
}

.rotate-\[45deg\],
.rotate-\[90deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[90deg\] {
  --tw-rotate: 90deg;
}

.rotate-\[135deg\] {
  --tw-rotate: 135deg;
}

.rotate-\[135deg\],
.rotate-\[180deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[180deg\] {
  --tw-rotate: 180deg;
}

.rotate-\[225deg\] {
  --tw-rotate: 225deg;
}

.rotate-\[225deg\],
.rotate-\[270deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[270deg\] {
  --tw-rotate: 270deg;
}

.snap-none {
  scroll-snap-type: none;
}

.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

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

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

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

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

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

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

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

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

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (prefers-color-scheme: light) and (color-gamut: p3) {
    .bg-blue-500 {
      background: var(--p3-blue-500);
    }
    .bg-blue-500.bg-opacity-0 {
      background: var(--p3-blue-500-0);
    }
    .bg-blue-500.hover\:bg-opacity-10:hover {
      background: var(--p3-blue-500-10);
    }
    .hover\:bg-blue-500:hover {
      background: var(--p3-blue-500);
    }
    .hover\:bg-blue-600:hover {
      background: var(--p3-blue-600);
    }
    .hover\:text-blue-500:hover,
    .text-blue-500 {
      color: var(--p3-blue-500);
    }
    .text-blue-600 {
      color: var(--p3-blue-600);
    }
    .text-green-500 {
      color: var(--p3-green-500);
    }
    .border-blue-500 {
      border-color: var(--p3-blue-500);
    }
    .download-file,
    .download-link {
      background: var(--p3-blue-500-0);
    }
    .group:hover .download-link {
      background: var(--p3-blue-500-10);
    }
    .group:hover .download-file {
      background: var(--p3-blue-500);
    }
  }
}
.slides {
  opacity: 0;
  animation: slides 48s ease-in-out infinite both;
  animation-delay: 3s;
}

.slider {
  -webkit-mask: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.991) 0.8%, rgba(0, 0, 0, 0.967) 3%, rgba(0, 0, 0, 0.928) 6.5%, rgba(0, 0, 0, 0.876) 11.1%, rgba(0, 0, 0, 0.814) 16.8%, rgba(0, 0, 0, 0.743) 23.4%, rgba(0, 0, 0, 0.665) 30.7%, rgba(0, 0, 0, 0.581) 38.7%, rgba(0, 0, 0, 0.495) 47.1%, rgba(0, 0, 0, 0.406) 55.9%, rgba(0, 0, 0, 0.317) 64.8%, rgba(0, 0, 0, 0.231) 73.9%, rgba(0, 0, 0, 0.148) 82.8%, rgba(0, 0, 0, 0.07) 91.6%, transparent), linear-gradient(180deg, #000 0, #000);
  mask: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.991) 0.8%, rgba(0, 0, 0, 0.967) 3%, rgba(0, 0, 0, 0.928) 6.5%, rgba(0, 0, 0, 0.876) 11.1%, rgba(0, 0, 0, 0.814) 16.8%, rgba(0, 0, 0, 0.743) 23.4%, rgba(0, 0, 0, 0.665) 30.7%, rgba(0, 0, 0, 0.581) 38.7%, rgba(0, 0, 0, 0.495) 47.1%, rgba(0, 0, 0, 0.406) 55.9%, rgba(0, 0, 0, 0.317) 64.8%, rgba(0, 0, 0, 0.231) 73.9%, rgba(0, 0, 0, 0.148) 82.8%, rgba(0, 0, 0, 0.07) 91.6%, transparent), linear-gradient(180deg, #000 0, #000);
  -webkit-mask-size: 100% 240px, 100% calc(100% - 240px);
  mask-size: 100% 240px, 100% calc(100% - 240px);
  -webkit-mask-position: bottom center, top center;
  mask-position: bottom center, top center;
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
}

.slider-image {
  -webkit-mask-image: url(https://hector.me/images/xiv/iphone-mask.svg);
  mask-image: url(https://hector.me/images/xiv/iphone-mask.svg);
}

.slider-image {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@keyframes slides {
  0%, 2.5% {
    opacity: 1;
    transform: rotate(0) scale(0.9);
  }
  12.5%, 15% {
    transform: rotate(-45deg) scale(0.9);
  }
  25%, 27.5% {
    transform: rotate(-90deg) scale(0.9);
  }
  37.5%, 40% {
    transform: rotate(-135deg) scale(0.9);
  }
  50%, 52.5% {
    transform: rotate(-180deg) scale(0.9);
  }
  62.5%, 65% {
    transform: rotate(-225deg) scale(0.9);
  }
  72.5%, 75% {
    transform: rotate(-270deg) scale(0.9);
  }
  85%, 87.5% {
    transform: rotate(-315deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotate(-1turn) scale(0.9);
  }
}
@keyframes Xiv_scrolly__UNpVt {
  0% {
    opacity: 0;
    transform: translateY(0) scaleY(0.8) scaleX(0.8);
  }
  6% {
    transform: translateY(0) scaleY(1.2) scaleX(1.2);
  }
  8% {
    transform: translateY(0) scaleY(1) scaleX(1);
  }
  25% {
    opacity: 0.75;
    transform: translateY(0) scaleY(1) scaleX(1);
    filter: blur(0);
  }
  50% {
    opacity: 0;
    transform: translateY(-12px) scaleY(1.25) scaleX(0.75);
    filter: blur(1px);
  }
  to {
    opacity: 0;
    transform: translateY(-12px) scaleY(1.25) scaleX(0.75);
  }
}
.css-3btgjg {
  animation-duration: 3000ms;
  animation-timing-function: ease;
  animation-delay: 0ms;
  animation-name: animation-os2n7p;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  width: 100%;
}

@keyframes animation-os2n7p {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=slider.css.map */