<!doctype html>
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
  <head >
    <title>Matrix5</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"><meta data-n-head="ssr" name="description" data-hid="description" content="Everyone has an own natural energy in ‘Saju’. Discover your potential with Matrix5."><meta data-n-head="ssr" name="msapplication-TileColor" content="#ffffff"><meta data-n-head="ssr" name="theme-color" content="#ffffff"><meta data-n-head="ssr" property="og:title" content="Natural Energy Types by Asian Fortune Telling, Saju"><meta data-n-head="ssr" property="og:description" content="Everyone has an own natural energy in ‘Saju’. Discover your potential with Matrix5."><meta data-n-head="ssr" property="og:type" content="website"><meta data-n-head="ssr" property="og:locale" content="en_US"><meta data-n-head="ssr" property="og:site_name" content="Natural Energy Types by Asian Fortune Telling, Saju"><meta data-n-head="ssr" property="og:url" content="https://thematrixfive.com"><meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://etc-everything-anywhere.s3.ap-northeast-2.amazonaws.com/matrix5/og_en.jpeg"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="saju-web"><meta data-n-head="ssr" data-hid="og:type" name="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og:title" name="og:title" property="og:title" content="saju-web"><meta data-n-head="ssr" data-hid="og:site_name" name="og:site_name" property="og:site_name" content="saju-web"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico"><link data-n-head="ssr" rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link data-n-head="ssr" rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link data-n-head="ssr" rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link data-n-head="ssr" rel="manifest" href="/site.webmanifest"><link data-n-head="ssr" rel="mask-icon" href="/safari-pinned-tab.svg" color="#d97575"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/favicon.ico"><link data-n-head="ssr" rel="manifest" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/manifest.7f3d2195.json" data-hid="manifest"><script data-n-head="ssr" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1732624873814325" crossorigin="anonymous"></script><link rel="preload" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/9907f4a.js" as="script"><link rel="preload" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/0b4c006.js" as="script"><link rel="preload" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/aff989b.js" as="script"><link rel="preload" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/9b8a535.js" as="script"><link rel="preload" href="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/7134db0.js" as="script"><style data-vue-ssr-id="65b97e00:0 1001ef8e:0">/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

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

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

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

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

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/**
Add the correct font weight in Edge 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
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
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 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

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

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

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

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

/**
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;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: 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"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #D6D9DC;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #D6D9DC;
}

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

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

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

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}*, ::before, ::after{--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-transform:translateX(var(--tw-translate-x)) translateY(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));--tw-border-opacity:1;border-color:rgba(241, 243, 245, var(--tw-border-opacity));--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-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);}*{scrollbar-color:initial;scrollbar-width:initial;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);}.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;}.aspect-w-8{--tw-aspect-w:8;}.aspect-h-9{--tw-aspect-h:9;}.aspect-h-10{--tw-aspect-h:10;}.pointer-events-none{pointer-events:none;}.fixed{position:fixed;}.absolute{position:absolute;}.relative{position:relative;}.inset-0{top:0px;right:0px;bottom:0px;left:0px;}.inset-x-0{left:0px;right:0px;}.top-0{top:0px;}.left-0{left:0px;}.right-0{right:0px;}.bottom-0{bottom:0px;}.z-10{z-index:10;}.z-50{z-index:50;}.m-auto{margin:auto;}.mx-auto{margin-left:auto;margin-right:auto;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.mx-8{margin-left:2rem;margin-right:2rem;}.mt-2{margin-top:0.5rem;}.mt-6{margin-top:1.5rem;}.mt-8{margin-top:2rem;}.ml-14{margin-left:3.5rem;}.mr-14{margin-right:3.5rem;}.mb-2\.5{margin-bottom:0.625rem;}.mb-2{margin-bottom:0.5rem;}.mt-16{margin-top:4rem;}.mt-14{margin-top:3.5rem;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.contents{display:contents;}.hidden{display:none;}.h-\[300px\]{height:300px;}.h-0\.5{height:0.125rem;}.h-0{height:0px;}.h-full{height:100%;}.h-14{height:3.5rem;}.h-20{height:5rem;}.h-2{height:0.5rem;}.h-auto{height:auto;}.h-\[60px\]{height:60px;}.h-\[176px\]{height:176px;}.h-\[220px\]{height:220px;}.h-\[0\.5px\]{height:0.5px;}.h-40{height:10rem;}.h-\[1000px\]{height:1000px;}.h-\[130px\]{height:130px;}.h-\[20px\]{height:20px;}.h-\[700px\]{height:700px;}.max-h-full{max-height:100%;}.min-h-\[200px\]{min-height:200px;}.w-72{width:18rem;}.w-full{width:100%;}.w-1\/2{width:50%;}.w-\[300px\]{width:300px;}.w-2{width:0.5rem;}.w-6{width:1.5rem;}.w-\[220px\]{width:220px;}.w-40{width:10rem;}.w-\[130px\]{width:130px;}.min-w-0{min-width:0px;}.max-w-5xl{max-width:64rem;}.max-w-6xl{max-width:72rem;}.max-w-3xl{max-width:48rem;}.max-w-\[400px\]{max-width:400px;}.max-w-full{max-width:100%;}.flex-shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.translate-y-10{--tw-translate-y:2.5rem;transform:var(--tw-transform);}.transform{transform:var(--tw-transform);}.cursor-pointer{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.resize-none{resize:none;}.resize{resize:both;}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.flex-col{flex-direction:column;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.items-stretch{align-items:stretch;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem;}.gap-y-2{row-gap:0.5rem;}.gap-y-6{row-gap:1.5rem;}.gap-y-4{row-gap:1rem;}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem;}.gap-y-20{row-gap:5rem;}.gap-y-24{row-gap:6rem;}.space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse));}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));}.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.375rem * var(--tw-space-x-reverse));margin-left:calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)));}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));}.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse));}.space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse));}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse));}.space-y-\[56px\] > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(56px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(56px * var(--tw-space-y-reverse));}.space-y-7 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse));}.space-y-14 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem * var(--tw-space-y-reverse));}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));}.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.625rem * var(--tw-space-x-reverse));margin-left:calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-y-scroll{overflow-y:scroll;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.rounded-2xl{border-radius:1rem;}.rounded-\[10px\]{border-radius:10px;}.rounded-md{border-radius:0.375rem;}.rounded-sm{border-radius:0.125rem;}.rounded{border-radius:0.25rem;}.rounded-lg{border-radius:0.5rem;}.rounded-\[5px\]{border-radius:5px;}.rounded-full{border-radius:9999px;}.rounded-\[21px\]{border-radius:21px;}.border{border-width:1px;}.border-r{border-right-width:1px;}.border-gray-400{--tw-border-opacity:1;border-color:rgba(214, 217, 220, var(--tw-border-opacity));}.border-primary-500{--tw-border-opacity:1;border-color:rgba(123, 77, 255, var(--tw-border-opacity));}.border-white{--tw-border-opacity:1;border-color:rgba(255, 255, 255, var(--tw-border-opacity));}.border-gray-200{--tw-border-opacity:1;border-color:rgba(241, 243, 245, var(--tw-border-opacity));}.border-blue-500{--tw-border-opacity:1;border-color:rgba(59, 130, 246, var(--tw-border-opacity));}.border-orange-500{--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity));}.border-\[\#292929\]{--tw-border-opacity:1;border-color:rgba(41, 41, 41, var(--tw-border-opacity));}.border-opacity-20{--tw-border-opacity:0.2;}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(241, 243, 245, var(--tw-bg-opacity));}.bg-gray-400{--tw-bg-opacity:1;background-color:rgba(214, 217, 220, var(--tw-bg-opacity));}.bg-primary-500{--tw-bg-opacity:1;background-color:rgba(123, 77, 255, var(--tw-bg-opacity));}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(225, 229, 233, var(--tw-bg-opacity));}.bg-black{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));}.bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgba(21, 21, 21, var(--tw-bg-opacity));}.bg-\[\#292929\]{--tw-bg-opacity:1;background-color:rgba(41, 41, 41, var(--tw-bg-opacity));}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(248, 250, 251, var(--tw-bg-opacity));}.bg-bg{--tw-bg-opacity:1;background-color:rgba(21, 21, 21, var(--tw-bg-opacity));}.bg-btn{--tw-bg-opacity:1;background-color:rgba(123, 77, 255, var(--tw-bg-opacity));}.bg-\[\#191919\]{--tw-bg-opacity:1;background-color:rgba(25, 25, 25, var(--tw-bg-opacity));}.bg-opacity-20{--tw-bg-opacity:0.2;}.bg-opacity-40{--tw-bg-opacity:0.4;}.bg-opacity-10{--tw-bg-opacity:0.1;}.bg-opacity-100{--tw-bg-opacity:1;}.bg-opacity-50{--tw-bg-opacity:0.5;}.bg-opacity-\[0\.18\]{--tw-bg-opacity:0.18;}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops));}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));}.from-\[\#7E51FF\]{--tw-gradient-from:#7E51FF;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 81, 255, 0));}.from-iljin-a{--tw-gradient-from:#37F2C5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 242, 197, 0));}.from-iljin-b{--tw-gradient-from:#FF7E86;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 126, 134, 0));}.from-iljin-c{--tw-gradient-from:#FFE6A5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 230, 165, 0));}.from-iljin-d{--tw-gradient-from:#CBF7CD;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(203, 247, 205, 0));}.from-iljin-e{--tw-gradient-from:#C3AEFF;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 174, 255, 0));}.via-\[\#151515\]{--tw-gradient-stops:var(--tw-gradient-from), #151515, var(--tw-gradient-to, rgba(21, 21, 21, 0));}.to-\[\#FF6F50\]{--tw-gradient-to:#FF6F50;}.to-\[\#151515\]{--tw-gradient-to:#151515;}.bg-clip-text{-webkit-background-clip:text;background-clip:text;}.fill-current{fill:currentColor;}.object-contain{-o-object-fit:contain;object-fit:contain;}.object-cover{-o-object-fit:cover;object-fit:cover;}.p-6{padding:1.5rem;}.p-4{padding:1rem;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.py-0{padding-top:0px;padding-bottom:0px;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-\[18\.5px\]{padding-left:18.5px;padding-right:18.5px;}.py-\[18\.5px\]{padding-top:18.5px;padding-bottom:18.5px;}.px-4{padding-left:1rem;padding-right:1rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.px-7{padding-left:1.75rem;padding-right:1.75rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.pt-4{padding-top:1rem;}.pb-10{padding-bottom:2.5rem;}.pb-3{padding-bottom:0.75rem;}.pb-6{padding-bottom:1.5rem;}.pt-6{padding-top:1.5rem;}.pb-12{padding-bottom:3rem;}.pt-12{padding-top:3rem;}.text-center{text-align:center;}.text-sm{font-size:.875rem;}.text-base{font-size:1rem;}.text-lg{font-size:1.125rem;}.text-2xl{font-size:1.5rem;}.text-2sm{font-size:.75rem;}.text-\[28px\]{font-size:28px;}.text-\[36px\]{font-size:36px;}.text-\[27px\]{font-size:27px;}.text-4xl{font-size:2.0rem;}.text-xl{font-size:1.25rem;}.font-semibold{font-weight:600;}.font-medium{font-weight:500;}.font-bold{font-weight:700;}.font-light{font-weight:300;}.font-extrabold{font-weight:800;}.leading-\[2\.6rem\]{line-height:2.6rem;}.leading-\[1\.5rem\]{line-height:1.5rem;}.leading-\[2rem\]{line-height:2rem;}.leading-8{line-height:2rem;}.tracking-wider{letter-spacing:0.05em;}.tracking-\[0\.04rem\]{letter-spacing:0.04rem;}.text-gray-900{--tw-text-opacity:1;color:rgba(33, 37, 41, var(--tw-text-opacity));}.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.text-primary-500{--tw-text-opacity:1;color:rgba(123, 77, 255, var(--tw-text-opacity));}.text-gray-800{--tw-text-opacity:1;color:rgba(73, 80, 87, var(--tw-text-opacity));}.text-gray-600{--tw-text-opacity:1;color:rgba(134, 142, 150, var(--tw-text-opacity));}.text-red-300{--tw-text-opacity:1;color:rgba(252, 165, 165, var(--tw-text-opacity));}.text-\[\#E2D8FF\]{--tw-text-opacity:1;color:rgba(226, 216, 255, var(--tw-text-opacity));}.text-iljin-a{--tw-text-opacity:1;color:rgba(55, 242, 197, var(--tw-text-opacity));}.text-iljin-b{--tw-text-opacity:1;color:rgba(255, 126, 134, var(--tw-text-opacity));}.text-iljin-c{--tw-text-opacity:1;color:rgba(255, 230, 165, var(--tw-text-opacity));}.text-iljin-d{--tw-text-opacity:1;color:rgba(203, 247, 205, var(--tw-text-opacity));}.text-iljin-e{--tw-text-opacity:1;color:rgba(195, 174, 255, var(--tw-text-opacity));}.text-\[\#DCD0FF\]{--tw-text-opacity:1;color:rgba(220, 208, 255, var(--tw-text-opacity));}.text-opacity-40{--tw-text-opacity:0.4;}.text-opacity-0{--tw-text-opacity:0;}.underline{text-decoration:underline;}.placeholder-white::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-white:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-white::placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-opacity-30::-moz-placeholder{--tw-placeholder-opacity:0.3;}.placeholder-opacity-30:-ms-input-placeholder{--tw-placeholder-opacity:0.3;}.placeholder-opacity-30::placeholder{--tw-placeholder-opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-40{opacity:0.4;}.opacity-10{opacity:0.1;}.opacity-70{opacity:0.7;}.opacity-30{opacity:0.3;}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-top{--tw-shadow:0 -10px 10px -12px rgba(0, 0, 0, 0.15);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.outline-none{outline:2px solid transparent;outline-offset:2px;}.blur{--tw-blur:blur(8px);filter:var(--tw-filter);}.filter{filter:var(--tw-filter);}.transition{transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgba(225, 229, 233, var(--tw-border-opacity));}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgba(37, 99, 235, var(--tw-border-opacity));}.focus\:border-orange-500:focus{--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity));}.focus\:border-\[\#292929\]:focus{--tw-border-opacity:1;border-color:rgba(41, 41, 41, var(--tw-border-opacity));}.hover\:underline:hover{text-decoration:underline;}@media (min-width: 768px){.md\:hidden{display:none;}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}.md\:p-12{padding:3rem;}}@media (min-width: 1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr));}}
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

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

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

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

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

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/**
Add the correct font weight in Edge 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
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
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 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

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

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

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

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

/**
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;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: 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"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #D6D9DC;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #D6D9DC;
}

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

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

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

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}*, ::before, ::after{--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-transform:translateX(var(--tw-translate-x)) translateY(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));--tw-border-opacity:1;border-color:rgba(241, 243, 245, var(--tw-border-opacity));--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-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);}*{scrollbar-color:initial;scrollbar-width:initial;}body{line-height:1.25;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);}.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;}.aspect-w-8{--tw-aspect-w:8;}.aspect-h-9{--tw-aspect-h:9;}.aspect-h-10{--tw-aspect-h:10;}.pointer-events-none{pointer-events:none;}.fixed{position:fixed;}.absolute{position:absolute;}.relative{position:relative;}.inset-0{top:0px;right:0px;bottom:0px;left:0px;}.inset-x-0{left:0px;right:0px;}.top-0{top:0px;}.left-0{left:0px;}.right-0{right:0px;}.bottom-0{bottom:0px;}.z-10{z-index:10;}.z-50{z-index:50;}.m-auto{margin:auto;}.mx-auto{margin-left:auto;margin-right:auto;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.mx-8{margin-left:2rem;margin-right:2rem;}.mt-2{margin-top:0.5rem;}.mt-6{margin-top:1.5rem;}.mt-8{margin-top:2rem;}.ml-14{margin-left:3.5rem;}.mr-14{margin-right:3.5rem;}.mb-2\.5{margin-bottom:0.625rem;}.mb-2{margin-bottom:0.5rem;}.mt-16{margin-top:4rem;}.mt-14{margin-top:3.5rem;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.contents{display:contents;}.hidden{display:none;}.h-\[300px\]{height:300px;}.h-0\.5{height:0.125rem;}.h-0{height:0px;}.h-full{height:100%;}.h-14{height:3.5rem;}.h-20{height:5rem;}.h-2{height:0.5rem;}.h-auto{height:auto;}.h-\[60px\]{height:60px;}.h-\[176px\]{height:176px;}.h-\[220px\]{height:220px;}.h-\[0\.5px\]{height:0.5px;}.h-40{height:10rem;}.h-\[1000px\]{height:1000px;}.h-\[130px\]{height:130px;}.h-\[20px\]{height:20px;}.h-\[700px\]{height:700px;}.max-h-full{max-height:100%;}.min-h-\[200px\]{min-height:200px;}.w-72{width:18rem;}.w-full{width:100%;}.w-1\/2{width:50%;}.w-\[300px\]{width:300px;}.w-2{width:0.5rem;}.w-6{width:1.5rem;}.w-\[220px\]{width:220px;}.w-40{width:10rem;}.w-\[130px\]{width:130px;}.min-w-0{min-width:0px;}.max-w-5xl{max-width:64rem;}.max-w-6xl{max-width:72rem;}.max-w-3xl{max-width:48rem;}.max-w-\[400px\]{max-width:400px;}.max-w-full{max-width:100%;}.flex-shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.translate-y-10{--tw-translate-y:2.5rem;transform:var(--tw-transform);}.transform{transform:var(--tw-transform);}.cursor-pointer{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.resize-none{resize:none;}.resize{resize:both;}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.flex-col{flex-direction:column;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.items-stretch{align-items:stretch;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem;}.gap-y-2{row-gap:0.5rem;}.gap-y-6{row-gap:1.5rem;}.gap-y-4{row-gap:1rem;}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem;}.gap-y-20{row-gap:5rem;}.gap-y-24{row-gap:6rem;}.space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse));}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));}.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.375rem * var(--tw-space-x-reverse));margin-left:calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)));}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));}.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse));}.space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse));}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse));}.space-y-\[56px\] > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(56px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(56px * var(--tw-space-y-reverse));}.space-y-7 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse));}.space-y-14 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem * var(--tw-space-y-reverse));}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));}.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.625rem * var(--tw-space-x-reverse));margin-left:calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-y-scroll{overflow-y:scroll;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.rounded-2xl{border-radius:1rem;}.rounded-\[10px\]{border-radius:10px;}.rounded-md{border-radius:0.375rem;}.rounded-sm{border-radius:0.125rem;}.rounded{border-radius:0.25rem;}.rounded-lg{border-radius:0.5rem;}.rounded-\[5px\]{border-radius:5px;}.rounded-full{border-radius:9999px;}.rounded-\[21px\]{border-radius:21px;}.border{border-width:1px;}.border-r{border-right-width:1px;}.border-gray-400{--tw-border-opacity:1;border-color:rgba(214, 217, 220, var(--tw-border-opacity));}.border-primary-500{--tw-border-opacity:1;border-color:rgba(123, 77, 255, var(--tw-border-opacity));}.border-white{--tw-border-opacity:1;border-color:rgba(255, 255, 255, var(--tw-border-opacity));}.border-gray-200{--tw-border-opacity:1;border-color:rgba(241, 243, 245, var(--tw-border-opacity));}.border-blue-500{--tw-border-opacity:1;border-color:rgba(59, 130, 246, var(--tw-border-opacity));}.border-orange-500{--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity));}.border-\[\#292929\]{--tw-border-opacity:1;border-color:rgba(41, 41, 41, var(--tw-border-opacity));}.border-opacity-20{--tw-border-opacity:0.2;}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(241, 243, 245, var(--tw-bg-opacity));}.bg-gray-400{--tw-bg-opacity:1;background-color:rgba(214, 217, 220, var(--tw-bg-opacity));}.bg-primary-500{--tw-bg-opacity:1;background-color:rgba(123, 77, 255, var(--tw-bg-opacity));}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(225, 229, 233, var(--tw-bg-opacity));}.bg-black{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));}.bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgba(21, 21, 21, var(--tw-bg-opacity));}.bg-\[\#292929\]{--tw-bg-opacity:1;background-color:rgba(41, 41, 41, var(--tw-bg-opacity));}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(248, 250, 251, var(--tw-bg-opacity));}.bg-bg{--tw-bg-opacity:1;background-color:rgba(21, 21, 21, var(--tw-bg-opacity));}.bg-btn{--tw-bg-opacity:1;background-color:rgba(123, 77, 255, var(--tw-bg-opacity));}.bg-\[\#191919\]{--tw-bg-opacity:1;background-color:rgba(25, 25, 25, var(--tw-bg-opacity));}.bg-opacity-20{--tw-bg-opacity:0.2;}.bg-opacity-40{--tw-bg-opacity:0.4;}.bg-opacity-10{--tw-bg-opacity:0.1;}.bg-opacity-100{--tw-bg-opacity:1;}.bg-opacity-50{--tw-bg-opacity:0.5;}.bg-opacity-\[0\.18\]{--tw-bg-opacity:0.18;}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops));}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));}.from-\[\#7E51FF\]{--tw-gradient-from:#7E51FF;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 81, 255, 0));}.from-iljin-a{--tw-gradient-from:#37F2C5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 242, 197, 0));}.from-iljin-b{--tw-gradient-from:#FF7E86;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 126, 134, 0));}.from-iljin-c{--tw-gradient-from:#FFE6A5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 230, 165, 0));}.from-iljin-d{--tw-gradient-from:#CBF7CD;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(203, 247, 205, 0));}.from-iljin-e{--tw-gradient-from:#C3AEFF;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(195, 174, 255, 0));}.via-\[\#151515\]{--tw-gradient-stops:var(--tw-gradient-from), #151515, var(--tw-gradient-to, rgba(21, 21, 21, 0));}.to-\[\#FF6F50\]{--tw-gradient-to:#FF6F50;}.to-\[\#151515\]{--tw-gradient-to:#151515;}.bg-clip-text{-webkit-background-clip:text;background-clip:text;}.fill-current{fill:currentColor;}.object-contain{-o-object-fit:contain;object-fit:contain;}.object-cover{-o-object-fit:cover;object-fit:cover;}.p-6{padding:1.5rem;}.p-4{padding:1rem;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.py-0{padding-top:0px;padding-bottom:0px;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-\[18\.5px\]{padding-left:18.5px;padding-right:18.5px;}.py-\[18\.5px\]{padding-top:18.5px;padding-bottom:18.5px;}.px-4{padding-left:1rem;padding-right:1rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.px-7{padding-left:1.75rem;padding-right:1.75rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.pt-4{padding-top:1rem;}.pb-10{padding-bottom:2.5rem;}.pb-3{padding-bottom:0.75rem;}.pb-6{padding-bottom:1.5rem;}.pt-6{padding-top:1.5rem;}.pb-12{padding-bottom:3rem;}.pt-12{padding-top:3rem;}.text-center{text-align:center;}.text-sm{font-size:.875rem;}.text-base{font-size:1rem;}.text-lg{font-size:1.125rem;}.text-2xl{font-size:1.5rem;}.text-2sm{font-size:.75rem;}.text-\[28px\]{font-size:28px;}.text-\[36px\]{font-size:36px;}.text-\[27px\]{font-size:27px;}.text-4xl{font-size:2.0rem;}.text-xl{font-size:1.25rem;}.font-semibold{font-weight:600;}.font-medium{font-weight:500;}.font-bold{font-weight:700;}.font-light{font-weight:300;}.font-extrabold{font-weight:800;}.leading-\[2\.6rem\]{line-height:2.6rem;}.leading-\[1\.5rem\]{line-height:1.5rem;}.leading-\[2rem\]{line-height:2rem;}.leading-8{line-height:2rem;}.tracking-wider{letter-spacing:0.05em;}.tracking-\[0\.04rem\]{letter-spacing:0.04rem;}.text-gray-900{--tw-text-opacity:1;color:rgba(33, 37, 41, var(--tw-text-opacity));}.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.text-primary-500{--tw-text-opacity:1;color:rgba(123, 77, 255, var(--tw-text-opacity));}.text-gray-800{--tw-text-opacity:1;color:rgba(73, 80, 87, var(--tw-text-opacity));}.text-gray-600{--tw-text-opacity:1;color:rgba(134, 142, 150, var(--tw-text-opacity));}.text-red-300{--tw-text-opacity:1;color:rgba(252, 165, 165, var(--tw-text-opacity));}.text-\[\#E2D8FF\]{--tw-text-opacity:1;color:rgba(226, 216, 255, var(--tw-text-opacity));}.text-iljin-a{--tw-text-opacity:1;color:rgba(55, 242, 197, var(--tw-text-opacity));}.text-iljin-b{--tw-text-opacity:1;color:rgba(255, 126, 134, var(--tw-text-opacity));}.text-iljin-c{--tw-text-opacity:1;color:rgba(255, 230, 165, var(--tw-text-opacity));}.text-iljin-d{--tw-text-opacity:1;color:rgba(203, 247, 205, var(--tw-text-opacity));}.text-iljin-e{--tw-text-opacity:1;color:rgba(195, 174, 255, var(--tw-text-opacity));}.text-\[\#DCD0FF\]{--tw-text-opacity:1;color:rgba(220, 208, 255, var(--tw-text-opacity));}.text-opacity-40{--tw-text-opacity:0.4;}.text-opacity-0{--tw-text-opacity:0;}.underline{text-decoration:underline;}.placeholder-white::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-white:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-white::placeholder{--tw-placeholder-opacity:1;color:rgba(255, 255, 255, var(--tw-placeholder-opacity));}.placeholder-opacity-30::-moz-placeholder{--tw-placeholder-opacity:0.3;}.placeholder-opacity-30:-ms-input-placeholder{--tw-placeholder-opacity:0.3;}.placeholder-opacity-30::placeholder{--tw-placeholder-opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-40{opacity:0.4;}.opacity-10{opacity:0.1;}.opacity-70{opacity:0.7;}.opacity-30{opacity:0.3;}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.shadow-top{--tw-shadow:0 -10px 10px -12px rgba(0, 0, 0, 0.15);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.outline-none{outline:2px solid transparent;outline-offset:2px;}.blur{--tw-blur:blur(8px);filter:var(--tw-filter);}.filter{filter:var(--tw-filter);}.transition{transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}@font-face{font-family:"GT-Pressura-Regular";src:url(https://saju-web2-prod.s3.amazonaws.com/v1.0.0/fonts/GT-Pressura-Regular.bf548f7.woff)}#__nuxt,body,html{height:100%;-webkit-tap-highlight-color:transparent;line-height:150%;word-break:keep-all}#__layout{height:100%}button:focus{outline:2px solid transparent;outline-offset:2px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background:#f8fafb;background-color:#f8fafb!important}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.safe-inset-t{padding-top:env(safe-area-inset-top)}.safe-inset-b{padding-bottom:env(safe-area-inset-bottom)}.safe-inset-l{padding-left:env(safe-area-inset-left)}.safe-inset-r{padding-right:env(safe-area-inset-right)}.safe-inset-mt{margin-top:env(safe-area-inset-top)}.safe-inset-mb{margin-bottom:env(safe-area-inset-bottom)}.mx-icon-double-left:after,.mx-icon-double-left:before,.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-left:before,.mx-icon-right:before{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-color:currentcolor;border-style:solid;border-width:2px 0 0 2px;border-radius:1px;box-sizing:border-box;transform-origin:center;transform:rotate(-45deg) scale(.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-right:before{transform:rotate(135deg) scale(.7)}.mx-btn{box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-leave-to{opacity:0;transform:scaleY(0)}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input-wrapper .mx-icon-clear{display:none}.mx-input-wrapper:hover .mx-icon-clear{display:block}.mx-input{box-sizing:border-box;width:100%;border-width:0px;padding-left:2.25rem;padding-right:0.75rem;--tw-text-opacity:1;color:rgba(73, 80, 87, var(--tw-text-opacity));}.mx-input:focus,.mx-input:hover{border-color:#409aff}.mx-input.disabled,.mx-input:disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle;cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-icon-calendar{position:absolute;left:0px;top:1px;bottom:1px;display:flex;cursor:pointer;align-items:center;padding-left:0.5rem;padding-right:0.5rem;}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-bottom:1px;box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:flex}@media(max-width:750px){.mx-range-wrapper{flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-double-left,.mx-btn-icon-left{float:left}.mx-btn-icon-double-right,.mx-btn-icon-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell.active,.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;box-sizing:border-box;text-align:center;vertical-align:middle}.mx-table th{padding:0;font-weight:500}.mx-table td{padding:0}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc}.mx-time{flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list:after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgba(225, 229, 233, var(--tw-border-opacity));}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgba(37, 99, 235, var(--tw-border-opacity));}.focus\:border-orange-500:focus{--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity));}.focus\:border-\[\#292929\]:focus{--tw-border-opacity:1;border-color:rgba(41, 41, 41, var(--tw-border-opacity));}.hover\:underline:hover{text-decoration:underline;}@media (min-width: 768px){.md\:hidden{display:none;}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}.md\:p-12{padding:3rem;}}@media (min-width: 1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr));}}</style>
  </head>
  <body >
    <div data-server-rendered="true" id="__nuxt"><div id="__layout"><div class="h-full safe-inset-t bg-bg" style="font-family:;"><div></div> <!----></div></div></div><script>window.__NUXT__=(function(a,b){return {layout:"default",data:[{}],fetch:{},error:a,state:{dialog:{dialogCallback:a},perpetual:{iljin:a,username:a},i18n:{routeParams:{}}},serverRendered:true,routePath:b,config:{_app:{basePath:b,assetsPath:b,cdnURL:"https:\u002F\u002Fsaju-web2-prod.s3.amazonaws.com\u002Fv1.0.0\u002F"}},apollo:{defaultClient:Object.create(null)}}}(null,"\u002F"));</script><script src="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/9907f4a.js" defer></script><script src="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/7134db0.js" defer></script><script src="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/0b4c006.js" defer></script><script src="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/aff989b.js" defer></script><script src="https://saju-web2-prod.s3.amazonaws.com/v1.0.0/9b8a535.js" defer></script>
  </body>
</html>