diff --git a/wise-webapp/src/main/resources/mail/baseLayout.vm b/wise-webapp/src/main/resources/mail/baseLayout.vm
index 2251b2e9..85de626f 100644
--- a/wise-webapp/src/main/resources/mail/baseLayout.vm
+++ b/wise-webapp/src/main/resources/mail/baseLayout.vm
@@ -9,7 +9,7 @@
                     style="padding: 0; padding-right: 5px; text-align:center;font-weight: normal;font-family: Arial, sans-serif">
                     <a href="${baseUrl}">
                         <img style="border: 0;margin-top: 10px;"
-                             src="${baseUrl}/images/logo-icon.svg"
+                             src="${baseUrl}/images/logo-icon.png"
                              alt="WiseMapping"/>
 
                     </a>
diff --git a/wise-webapp/src/main/resources/mail/newCollaboration.vm b/wise-webapp/src/main/resources/mail/newCollaboration.vm
index c94ab58f..4d1490d2 100755
--- a/wise-webapp/src/main/resources/mail/newCollaboration.vm
+++ b/wise-webapp/src/main/resources/mail/newCollaboration.vm
@@ -9,7 +9,7 @@
                     style="padding: 0; padding-right: 5px; text-align:center;font-weight: normal;font-family: Arial, sans-serif">
                     <a href="${baseUrl}">
                         <img style="border: 0;margin-top: 10px;"
-                             src="${baseUrl}/images/logo-icon.svg"
+                             src="${baseUrl}/images/logo-icon.png"
                              alt="WiseMapping Log"/>
 
                     </a>
diff --git a/wise-webapp/src/main/webapp/images/alert-sign.png b/wise-webapp/src/main/webapp/images/alert-sign.png
deleted file mode 100644
index 8d3e5df0..00000000
Binary files a/wise-webapp/src/main/webapp/images/alert-sign.png and /dev/null differ
diff --git a/wise-webapp/src/main/webapp/images/editor/account.svg b/wise-webapp/src/main/webapp/images/editor/account.svg
deleted file mode 100644
index 9ba309ee..00000000
--- a/wise-webapp/src/main/webapp/images/editor/account.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" style="color: black;">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"></path>
-</svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/ajax-loader.gif b/wise-webapp/src/main/webapp/images/editor/ajax-loader.gif
deleted file mode 100644
index 92153b08..00000000
Binary files a/wise-webapp/src/main/webapp/images/editor/ajax-loader.gif and /dev/null differ
diff --git a/wise-webapp/src/main/webapp/images/editor/back-icon.svg b/wise-webapp/src/main/webapp/images/editor/back-icon.svg
deleted file mode 100644
index 2a970a40..00000000
--- a/wise-webapp/src/main/webapp/images/editor/back-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/discard.svg b/wise-webapp/src/main/webapp/images/editor/discard.svg
deleted file mode 100644
index 989837ca..00000000
--- a/wise-webapp/src/main/webapp/images/editor/discard.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/export.svg b/wise-webapp/src/main/webapp/images/editor/export.svg
deleted file mode 100644
index 11ff822e..00000000
--- a/wise-webapp/src/main/webapp/images/editor/export.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"/></g></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/font-bold.svg b/wise-webapp/src/main/webapp/images/editor/font-bold.svg
deleted file mode 100644
index 9df69edf..00000000
--- a/wise-webapp/src/main/webapp/images/editor/font-bold.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/font-color.svg b/wise-webapp/src/main/webapp/images/editor/font-color.svg
deleted file mode 100644
index a695c281..00000000
--- a/wise-webapp/src/main/webapp/images/editor/font-color.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M2,20h20v4H2V20z M5.49,17h2.42l1.27-3.58h5.65L16.09,17h2.42L13.25,3h-2.5L5.49,17z M9.91,11.39l2.03-5.79h0.12l2.03,5.79 H9.91z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/font-italic.svg b/wise-webapp/src/main/webapp/images/editor/font-italic.svg
deleted file mode 100644
index 630eb0cd..00000000
--- a/wise-webapp/src/main/webapp/images/editor/font-italic.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/font-size.svg b/wise-webapp/src/main/webapp/images/editor/font-size.svg
deleted file mode 100644
index 856af577..00000000
--- a/wise-webapp/src/main/webapp/images/editor/font-size.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M2.5,4v3h5v12h3V7h5V4H2.5z M21.5,9h-9v3h3v7h3v-7h3V9z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/font-type.svg b/wise-webapp/src/main/webapp/images/editor/font-type.svg
deleted file mode 100644
index 177a8635..00000000
--- a/wise-webapp/src/main/webapp/images/editor/font-type.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9.93 13.5h4.14L12 7.98zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/history.svg b/wise-webapp/src/main/webapp/images/editor/history.svg
deleted file mode 100644
index 3f7c900b..00000000
--- a/wise-webapp/src/main/webapp/images/editor/history.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/note-add.svg b/wise-webapp/src/main/webapp/images/editor/note-add.svg
deleted file mode 100644
index 362f452e..00000000
--- a/wise-webapp/src/main/webapp/images/editor/note-add.svg
+++ /dev/null
@@ -1,1049 +0,0 @@
-<!doctype html>
-<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
-  <head >
-    <title>Material Design Color, Flat Colors, Icons, Color Palette | Material UI</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" name="description" data-hid="description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="keywords" data-hid="keywords" content="Material Design Colors, Color Palette, Material Icons, Flat UI Colors, Social Colors, Metro Colors, HTML Colors, Material Design Icons, Unicode Characters, Colors Picker"><meta data-n-head="ssr" property="og:title" data-hid="og:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" property="og:description" data-hid="og:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" property="og:url" data-hid="og:url" content="https://www.materialui.co/"><meta data-n-head="ssr" property="og:locale" data-hid="og:locale" content="en_US"><meta data-n-head="ssr" property="og:image:type" data-hid="og:image:type" content="image/png"><meta data-n-head="ssr" property="og:image:url" data-hid="og:image:url" content="https://www.materialui.co/img/social.jpg"><meta data-n-head="ssr" name="twitter:card" data-hid="twitter:card" content="summary_large_image"><meta data-n-head="ssr" name="twitter:title" data-hid="twitter:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" name="twitter:site" data-hid="twitter:site" content="@7spantech"><meta data-n-head="ssr" name="twitter:description" data-hid="twitter:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="twitter:url" data-hid="twitter:url" content="https://www.materialui.co/"><meta data-n-head="ssr" name="twitter:image" data-hid="twitter:image" content="https://www.materialui.co/img/social.jpg"><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="MaterialUI"><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:site_name" name="og:site_name" property="og:site_name" content="MaterialUI"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.gif"><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter&amp;Space+Mono:wght@400&amp;family=Epilogue:wght@200;400;700&amp;display=swap"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/_nuxt/icons/icon_64x64.6c0fb2.png"><link data-n-head="ssr" data-hid="apple-touch-icon" rel="apple-touch-icon" href="/_nuxt/icons/icon_512x512.6c0fb2.png" sizes="512x512"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.92869228.json" data-hid="manifest"><script data-n-head="ssr" data-hid="adsbygoogle-script" defer crossorigin="anonymous" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9956196453871414"></script><script data-n-head="ssr" data-hid="adsbygoogle">if (!window.__abg_called){ (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=0;
-         (window.adsbygoogle = window.adsbygoogle || []).push({
-    google_ad_client: "ca-pub-9956196453871414",
-    enable_page_level_ads: false,
-    overlays: {bottom: false}
-  }); window.__abg_called = true;}</script><script data-n-head="ssr" data-hid="gtm-script">if(!window._gtm_init){window._gtm_init=1;(function(w,n,d,m,e,p){w[d]=(w[d]==1||n[d]=='yes'||n[d]==1||n[m]==1||(w[e]&&w[e][p]&&w[e][p]()))?1:0})(window,navigator,'doNotTrack','msDoNotTrack','external','msTrackingProtectionEnabled');(function(w,d,s,l,x,y){w[x]={};w._gtm_inject=function(i){if(w.doNotTrack||w[x][i])return;w[x][i]=1;w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i;f.parentNode.insertBefore(j,f);};w[y]('GTM-WRTWLK9')})(window,document,'script','dataLayer','_gtm_ids','_gtm_inject')}</script><link rel="preload" href="/_nuxt/7d3607f.js" as="script"><link rel="preload" href="/_nuxt/7d90738.js" as="script"><link rel="preload" href="/_nuxt/fde00f2.js" as="script"><link rel="preload" href="/_nuxt/b428414.js" as="script"><style data-vue-ssr-id="54b08540:0 32ea8ad1:0 0d8b0c4d:0 53f61d5f:0 f86f452a:0 e6bd7db0:0 02b5c91d:0">/*! tailwindcss v2.2.7 | 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: Inter, 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: #9ca3af;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-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(229, 231, 235, var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--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);}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem;}@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-1{--tw-aspect-w:1;}.aspect-w-16{--tw-aspect-w:16;}.aspect-h-1{--tw-aspect-h:1;}.prose{color:#374151;max-width:65ch;}.prose [class~="lead"]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}.prose a{color:#111827;text-decoration:underline;font-weight:500;}.prose strong{color:#111827;font-weight:600;}.prose ol[type="A"]{--list-counter-style:upper-alpha;}.prose ol[type="a"]{--list-counter-style:lower-alpha;}.prose ol[type="A" s]{--list-counter-style:upper-alpha;}.prose ol[type="a" s]{--list-counter-style:lower-alpha;}.prose ol[type="I"]{--list-counter-style:upper-roman;}.prose ol[type="i"]{--list-counter-style:lower-roman;}.prose ol[type="I" s]{--list-counter-style:upper-roman;}.prose ol[type="i" s]{--list-counter-style:lower-roman;}.prose ol[type="1"]{--list-counter-style:decimal;}.prose ol > li{position:relative;padding-left:1.75em;}.prose ol > li::before{content:counter(list-item, var(--list-counter-style, decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0;}.prose ul > li{position:relative;padding-left:1.75em;}.prose ul > li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:0.375em;height:0.375em;top:calc(0.875em - 0.1875em);left:0.25em;}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em;}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:0.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;}.prose blockquote p:first-of-type::before{content:open-quote;}.prose blockquote p:last-of-type::after{content:close-quote;}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose figure figcaption{color:#6b7280;font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}.prose code{color:#111827;font-weight:600;font-size:0.875em;}.prose code::before{content:"`";}.prose code::after{content:"`";}.prose a code{color:#111827;}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-right:1.1428571em;padding-bottom:0.8571429em;padding-left:1.1428571em;}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}.prose pre code::before{content:none;}.prose pre code::after{content:none;}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db;}.prose thead th{vertical-align:bottom;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb;}.prose tbody tr:last-child{border-bottom-width:0;}.prose tbody td{vertical-align:top;padding-top:0.5714286em;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose{font-size:1rem;line-height:1.75;}.prose p{margin-top:1.25em;margin-bottom:1.25em;}.prose img{margin-top:2em;margin-bottom:2em;}.prose video{margin-top:2em;margin-bottom:2em;}.prose figure{margin-top:2em;margin-bottom:2em;}.prose figure > *{margin-top:0;margin-bottom:0;}.prose h2 code{font-size:0.875em;}.prose h3 code{font-size:0.9em;}.prose ol{margin-top:1.25em;margin-bottom:1.25em;}.prose ul{margin-top:1.25em;margin-bottom:1.25em;}.prose li{margin-top:0.5em;margin-bottom:0.5em;}.prose > ul > li p{margin-top:0.75em;margin-bottom:0.75em;}.prose > ul > li > *:first-child{margin-top:1.25em;}.prose > ul > li > *:last-child{margin-bottom:1.25em;}.prose > ol > li > *:first-child{margin-top:1.25em;}.prose > ol > li > *:last-child{margin-bottom:1.25em;}.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol{margin-top:0.75em;margin-bottom:0.75em;}.prose hr + *{margin-top:0;}.prose h2 + *{margin-top:0;}.prose h3 + *{margin-top:0;}.prose h4 + *{margin-top:0;}.prose thead th:first-child{padding-left:0;}.prose thead th:last-child{padding-right:0;}.prose tbody td:first-child{padding-left:0;}.prose tbody td:last-child{padding-right:0;}.prose > :first-child{margin-top:0;}.prose > :last-child{margin-bottom:0;}.prose h5{font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h6{font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose-lg{font-size:1.125rem;line-height:1.7777778;}.prose-lg p{margin-top:1.3333333em;margin-bottom:1.3333333em;}.prose-lg [class~="lead"]{font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em;}.prose-lg blockquote{margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em;}.prose-lg h1{font-size:2.6666667em;margin-top:0;margin-bottom:0.8333333em;line-height:1;}.prose-lg h2{font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333;}.prose-lg h3{font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:0.6666667em;line-height:1.5;}.prose-lg h4{margin-top:1.7777778em;margin-bottom:0.4444444em;line-height:1.5555556;}.prose-lg img{margin-top:1.7777778em;margin-bottom:1.7777778em;}.prose-lg video{margin-top:1.7777778em;margin-bottom:1.7777778em;}.prose-lg figure{margin-top:1.7777778em;margin-bottom:1.7777778em;}.prose-lg figure > *{margin-top:0;margin-bottom:0;}.prose-lg figure figcaption{font-size:0.8888889em;line-height:1.5;margin-top:1em;}.prose-lg code{font-size:0.8888889em;}.prose-lg h2 code{font-size:0.8666667em;}.prose-lg h3 code{font-size:0.875em;}.prose-lg pre{font-size:0.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:0.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em;}.prose-lg ol{margin-top:1.3333333em;margin-bottom:1.3333333em;}.prose-lg ul{margin-top:1.3333333em;margin-bottom:1.3333333em;}.prose-lg li{margin-top:0.6666667em;margin-bottom:0.6666667em;}.prose-lg ol > li{padding-left:1.6666667em;}.prose-lg ol > li::before{left:0;}.prose-lg ul > li{padding-left:1.6666667em;}.prose-lg ul > li::before{width:0.3333333em;height:0.3333333em;top:calc(0.8888889em - 0.1666667em);left:0.2222222em;}.prose-lg > ul > li p{margin-top:0.8888889em;margin-bottom:0.8888889em;}.prose-lg > ul > li > *:first-child{margin-top:1.3333333em;}.prose-lg > ul > li > *:last-child{margin-bottom:1.3333333em;}.prose-lg > ol > li > *:first-child{margin-top:1.3333333em;}.prose-lg > ol > li > *:last-child{margin-bottom:1.3333333em;}.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol{margin-top:0.8888889em;margin-bottom:0.8888889em;}.prose-lg hr{margin-top:3.1111111em;margin-bottom:3.1111111em;}.prose-lg hr + *{margin-top:0;}.prose-lg h2 + *{margin-top:0;}.prose-lg h3 + *{margin-top:0;}.prose-lg h4 + *{margin-top:0;}.prose-lg table{font-size:0.8888889em;line-height:1.5;}.prose-lg thead th{padding-right:0.75em;padding-bottom:0.75em;padding-left:0.75em;}.prose-lg thead th:first-child{padding-left:0;}.prose-lg thead th:last-child{padding-right:0;}.prose-lg tbody td{padding-top:0.75em;padding-right:0.75em;padding-bottom:0.75em;padding-left:0.75em;}.prose-lg tbody td:first-child{padding-left:0;}.prose-lg tbody td:last-child{padding-right:0;}.prose-lg > :first-child{margin-top:0;}.prose-lg > :last-child{margin-bottom:0;}.fixed{position:fixed;}.absolute{position:absolute;}.relative{position:relative;}.sticky{position:sticky;}.inset-0{top:0px;right:0px;bottom:0px;left:0px;}.bottom-0{bottom:0px;}.right-0{right:0px;}.right-2{right:0.5rem;}.top-2{top:0.5rem;}.left-4{left:1rem;}.right-4{right:1rem;}.top-4{top:1rem;}.top-0{top:0px;}.left-0{left:0px;}.z-40{z-index:40;}.z-20{z-index:20;}.m-auto{margin:auto;}.-mr-px{margin-right:-1px;}.-mb-px{margin-bottom:-1px;}.ml-8{margin-left:2rem;}.mb-8{margin-bottom:2rem;}.mt-24{margin-top:6rem;}.mt-2{margin-top:0.5rem;}.mt-8{margin-top:2rem;}.mt-4{margin-top:1rem;}.mb-4{margin-bottom:1rem;}.mr-4{margin-right:1rem;}.mt-auto{margin-top:auto;}.mt-16{margin-top:4rem;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.h-full{height:100%;}.h-6{height:1.5rem;}.h-16{height:4rem;}.h-12{height:3rem;}.h-8{height:2rem;}.h-4{height:1rem;}.w-full{width:100%;}.w-6{width:1.5rem;}.w-8{width:2rem;}.flex-shrink-0{flex-shrink:0;}.flex-shrink{flex-shrink:1;}.flex-grow-0{flex-grow:0;}.flex-grow{flex-grow:1;}.-translate-x-full{--tw-translate-x:-100%;transform:var(--tw-transform);}.translate-x-0{--tw-translate-x:0px;transform:var(--tw-transform);}.transform{transform:var(--tw-transform);}@-webkit-keyframes pulse{50%{opacity:.5;}}@keyframes pulse{50%{opacity:.5;}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;}.grid-flow-col{grid-auto-flow:column;}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.items-stretch{align-items:stretch;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-6{gap:1.5rem;}.gap-10{gap:2.5rem;}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * 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));}.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));}.overflow-hidden{overflow:hidden;}.overflow-ellipsis{text-overflow:ellipsis;}.border-2{border-width:2px;}.border-r{border-right-width:1px;}.border-b-2{border-bottom-width:2px;}.border-l{border-left-width:1px;}.border-b{border-bottom-width:1px;}.border-t{border-top-width:1px;}.border-t-0{border-top-width:0px;}.border-r-4{border-right-width:4px;}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));}.border-black{--tw-border-opacity:1;border-color:rgba(0, 0, 0, var(--tw-border-opacity));}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));}.bg-accent{--tw-bg-opacity:1;background-color:rgba(255, 255, 0, var(--tw-bg-opacity));}.bg-black{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));}.bg-transparent{background-color:transparent;}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));}.bg-no-repeat{background-repeat:no-repeat;}.object-cover{-o-object-fit:cover;object-fit:cover;}.p-16{padding:4rem;}.p-5{padding:1.25rem;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.p-8{padding:2rem;}.p-12{padding:3rem;}.p-0{padding:0px;}.p-10{padding:2.5rem;}.p-2{padding:0.5rem;}.p-6{padding:1.5rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.px-4{padding-left:1rem;padding-right:1rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pt-4{padding-top:1rem;}.pl-2{padding-left:0.5rem;}.pb-2{padding-bottom:0.5rem;}.text-left{text-align:left;}.text-center{text-align:center;}.font-display{font-family:Epilogue, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;}.font-sans{font-family:Inter, 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";}.font-body{font-family:Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}.text-6xl{font-size:3.75rem;line-height:1;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-8xl{font-size:6rem;line-height:1;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.font-bold{font-weight:700;}.capitalize{text-transform:capitalize;}.leading-none{line-height:1;}.leading-snug{line-height:1.375;}.text-gray-500{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity));}.text-gray-400{--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity));}.text-accent{--tw-text-opacity:1;color:rgba(255, 255, 0, var(--tw-text-opacity));}.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}.text-black{--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity));}.text-gray-600{--tw-text-opacity:1;color:rgba(75, 85, 99, var(--tw-text-opacity));}.outline-none{outline:2px solid transparent;outline-offset:2px;}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}.ring-inset{--tw-ring-inset:inset;}.ring-accent{--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 0, var(--tw-ring-opacity));}.ring-primary-100{--tw-ring-opacity:1;--tw-ring-color:rgba(244, 244, 245, var(--tw-ring-opacity));}.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;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.hover\:text-black:hover{--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity));}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:rgba(255, 255, 0, var(--tw-border-opacity));}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (min-width: 768px){.md\:static{position:static;}.md\:mt-0{margin-top:0px;}.md\:mt-auto{margin-top:auto;}.md\:mt-8{margin-top:2rem;}.md\:ml-4{margin-left:1rem;}.md\:mt-4{margin-top:1rem;}.md\:block{display:block;}.md\:flex{display:flex;}.md\:grid{display:grid;}.md\:hidden{display:none;}.md\:w-1\/2{width:50%;}.md\:w-72{width:18rem;}.md\:flex-grow{flex-grow:1;}.md\:translate-x-0{--tw-translate-x:0px;transform:var(--tw-transform);}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.md\:flex-col{flex-direction:column;}.md\:items-end{align-items:flex-end;}.md\:items-stretch{align-items:stretch;}.md\:border-0{border-width:0px;}.md\:p-24{padding:6rem;}.md\:p-0{padding:0px;}.md\:p-8{padding:2rem;}.md\:px-0{padding-left:0px;padding-right:0px;}.md\:py-24{padding-top:6rem;padding-bottom:6rem;}.md\:pt-0{padding-top:0px;}.md\:text-left{text-align:left;}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.md\:text-6xl{font-size:3.75rem;line-height:1;}}@media (min-width: 1024px){.lg\:mt-0{margin-top:0px;}.lg\:flex{display:flex;}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}.lg\:p-16{padding:4rem;}.lg\:p-12{padding:3rem;}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.lg\:text-6xl{font-size:3.75rem;line-height:1;}}@media (min-width: 1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr));}}
-@charset "UTF-8";.button{position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center}.button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:1px}.button__icon{display:flex;align-items:center;justify-content:center}.button__icon+.button__label{margin-left:0.5rem}.button__loader{position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}.button--xs{height:1.25rem;padding-left:0.75rem;padding-right:0.75rem;font-size:0.75rem;line-height:1rem}.button--xs .icon{height:0.75rem;width:0.75rem}.button--xs.button--circle, .button--xs.button--square, .button--xs.button--squircle{width:1.25rem}.button--sm{height:1.75rem;padding-left:1rem;padding-right:1rem;font-size:0.75rem;line-height:1rem}.button--sm .icon{height:1rem;width:1rem}.button--sm.button--circle, .button--sm.button--square, .button--sm.button--squircle{width:1.75rem}.button--md{height:2.25rem;padding-left:1.5rem;padding-right:1.5rem;font-size:0.875rem;line-height:1.25rem}.button--md .icon{height:1.25rem;width:1.25rem}.button--md.button--circle, .button--md.button--square, .button--md.button--squircle{width:2.25rem}.button--lg{height:2.75rem;padding-left:2rem;padding-right:2rem;font-size:0.875rem;line-height:1.25rem}.button--lg .icon{height:1.25rem;width:1.25rem}.button--lg.button--circle, .button--lg.button--square, .button--lg.button--squircle{width:2.75rem}.button--xl{height:3.5rem;padding-left:2.5rem;padding-right:2.5rem;font-size:1rem;line-height:1.5rem}.button--xl .icon{height:1.5rem;width:1.5rem}.button--xl.button--circle, .button--xl.button--square, .button--xl.button--squircle{width:3.5rem}.button--left{justify-content:flex-start}.button--right{flex-direction:row-reverse;justify-content:flex-start}.button--right .button__icon+.button__label{margin-left:0px;margin-right:0.5rem}.button--split{justify-content:space-between}.button--primary{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(228, 228, 231, var(--tw-ring-opacity))}.button--primary.button--solid{--tw-bg-opacity:1;background-color:rgba(113, 113, 122, var(--tw-bg-opacity))}.button--primary.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(63, 63, 70, var(--tw-bg-opacity))}.button--primary.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--primary.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(113, 113, 122, var(--tw-border-opacity))}.button--primary.button--outline:hover{--tw-border-opacity:1;border-color:rgba(113, 113, 122, var(--tw-border-opacity))}.button--primary.button--outline{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary.button--outline:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--primary.button--muted{--tw-bg-opacity:1;background-color:rgba(250, 250, 250, var(--tw-bg-opacity))}.button--primary.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(250, 250, 250, var(--tw-bg-opacity))}.button--primary.button--muted{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary.button--muted:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--secondary{--tw-text-opacity:1;color:rgba(234, 179, 8, var(--tw-text-opacity))}.button--secondary:hover{--tw-text-opacity:1;color:rgba(161, 98, 7, var(--tw-text-opacity))}.button--secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254, 240, 138, var(--tw-ring-opacity))}.button--secondary.button--solid{--tw-bg-opacity:1;background-color:rgba(234, 179, 8, var(--tw-bg-opacity))}.button--secondary.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(161, 98, 7, var(--tw-bg-opacity))}.button--secondary.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--secondary.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(234, 179, 8, var(--tw-border-opacity))}.button--secondary.button--outline:hover{--tw-border-opacity:1;border-color:rgba(234, 179, 8, var(--tw-border-opacity))}.button--secondary.button--outline{--tw-text-opacity:1;color:rgba(234, 179, 8, var(--tw-text-opacity))}.button--secondary.button--outline:hover{--tw-text-opacity:1;color:rgba(161, 98, 7, var(--tw-text-opacity))}.button--secondary.button--muted{--tw-bg-opacity:1;background-color:rgba(254, 252, 232, var(--tw-bg-opacity))}.button--secondary.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(254, 252, 232, var(--tw-bg-opacity))}.button--secondary.button--muted{--tw-text-opacity:1;color:rgba(234, 179, 8, var(--tw-text-opacity))}.button--secondary.button--muted:hover{--tw-text-opacity:1;color:rgba(161, 98, 7, var(--tw-text-opacity))}.button--info{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity))}.button--info:hover{--tw-text-opacity:1;color:rgba(29, 78, 216, var(--tw-text-opacity))}.button--info:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(191, 219, 254, var(--tw-ring-opacity))}.button--info.button--solid{--tw-bg-opacity:1;background-color:rgba(59, 130, 246, var(--tw-bg-opacity))}.button--info.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(29, 78, 216, var(--tw-bg-opacity))}.button--info.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--info.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(59, 130, 246, var(--tw-border-opacity))}.button--info.button--outline:hover{--tw-border-opacity:1;border-color:rgba(59, 130, 246, var(--tw-border-opacity))}.button--info.button--outline{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity))}.button--info.button--outline:hover{--tw-text-opacity:1;color:rgba(29, 78, 216, var(--tw-text-opacity))}.button--info.button--muted{--tw-bg-opacity:1;background-color:rgba(239, 246, 255, var(--tw-bg-opacity))}.button--info.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(239, 246, 255, var(--tw-bg-opacity))}.button--info.button--muted{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity))}.button--info.button--muted:hover{--tw-text-opacity:1;color:rgba(29, 78, 216, var(--tw-text-opacity))}.button--warning{--tw-text-opacity:1;color:rgba(249, 115, 22, var(--tw-text-opacity))}.button--warning:hover{--tw-text-opacity:1;color:rgba(194, 65, 12, var(--tw-text-opacity))}.button--warning:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254, 215, 170, var(--tw-ring-opacity))}.button--warning.button--solid{--tw-bg-opacity:1;background-color:rgba(249, 115, 22, var(--tw-bg-opacity))}.button--warning.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(194, 65, 12, var(--tw-bg-opacity))}.button--warning.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--warning.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity))}.button--warning.button--outline:hover{--tw-border-opacity:1;border-color:rgba(249, 115, 22, var(--tw-border-opacity))}.button--warning.button--outline{--tw-text-opacity:1;color:rgba(249, 115, 22, var(--tw-text-opacity))}.button--warning.button--outline:hover{--tw-text-opacity:1;color:rgba(194, 65, 12, var(--tw-text-opacity))}.button--warning.button--muted{--tw-bg-opacity:1;background-color:rgba(255, 247, 237, var(--tw-bg-opacity))}.button--warning.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(255, 247, 237, var(--tw-bg-opacity))}.button--warning.button--muted{--tw-text-opacity:1;color:rgba(249, 115, 22, var(--tw-text-opacity))}.button--warning.button--muted:hover{--tw-text-opacity:1;color:rgba(194, 65, 12, var(--tw-text-opacity))}.button--success{--tw-text-opacity:1;color:rgba(34, 197, 94, var(--tw-text-opacity))}.button--success:hover{--tw-text-opacity:1;color:rgba(21, 128, 61, var(--tw-text-opacity))}.button--success:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(187, 247, 208, var(--tw-ring-opacity))}.button--success.button--solid{--tw-bg-opacity:1;background-color:rgba(34, 197, 94, var(--tw-bg-opacity))}.button--success.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(21, 128, 61, var(--tw-bg-opacity))}.button--success.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--success.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(34, 197, 94, var(--tw-border-opacity))}.button--success.button--outline:hover{--tw-border-opacity:1;border-color:rgba(34, 197, 94, var(--tw-border-opacity))}.button--success.button--outline{--tw-text-opacity:1;color:rgba(34, 197, 94, var(--tw-text-opacity))}.button--success.button--outline:hover{--tw-text-opacity:1;color:rgba(21, 128, 61, var(--tw-text-opacity))}.button--success.button--muted{--tw-bg-opacity:1;background-color:rgba(240, 253, 244, var(--tw-bg-opacity))}.button--success.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(240, 253, 244, var(--tw-bg-opacity))}.button--success.button--muted{--tw-text-opacity:1;color:rgba(34, 197, 94, var(--tw-text-opacity))}.button--success.button--muted:hover{--tw-text-opacity:1;color:rgba(21, 128, 61, var(--tw-text-opacity))}.button--danger{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity))}.button--danger:hover{--tw-text-opacity:1;color:rgba(185, 28, 28, var(--tw-text-opacity))}.button--danger:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254, 202, 202, var(--tw-ring-opacity))}.button--danger.button--solid{--tw-bg-opacity:1;background-color:rgba(239, 68, 68, var(--tw-bg-opacity))}.button--danger.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(185, 28, 28, var(--tw-bg-opacity))}.button--danger.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--danger.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(239, 68, 68, var(--tw-border-opacity))}.button--danger.button--outline:hover{--tw-border-opacity:1;border-color:rgba(239, 68, 68, var(--tw-border-opacity))}.button--danger.button--outline{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity))}.button--danger.button--outline:hover{--tw-text-opacity:1;color:rgba(185, 28, 28, var(--tw-text-opacity))}.button--danger.button--muted{--tw-bg-opacity:1;background-color:rgba(254, 242, 242, var(--tw-bg-opacity))}.button--danger.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(254, 242, 242, var(--tw-bg-opacity))}.button--danger.button--muted{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity))}.button--danger.button--muted:hover{--tw-text-opacity:1;color:rgba(185, 28, 28, var(--tw-text-opacity))}.button--gray{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.button--gray:hover{--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}.button--gray:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(229, 231, 235, var(--tw-ring-opacity))}.button--gray.button--solid{--tw-bg-opacity:1;background-color:rgba(107, 114, 128, var(--tw-bg-opacity))}.button--gray.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity))}.button--gray.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--gray.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(107, 114, 128, var(--tw-border-opacity))}.button--gray.button--outline:hover{--tw-border-opacity:1;border-color:rgba(107, 114, 128, var(--tw-border-opacity))}.button--gray.button--outline{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.button--gray.button--outline:hover{--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}.button--gray.button--muted{--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity))}.button--gray.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(249, 250, 251, var(--tw-bg-opacity))}.button--gray.button--muted{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.button--gray.button--muted:hover{--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}.button--black{--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.button--black:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(229, 231, 235, var(--tw-ring-opacity))}.button--black.button--solid{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--black.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(0, 0, 0, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.button--black.button--muted{--tw-border-opacity:1;border-color:rgba(0, 0, 0, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.button--white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--white:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(229, 231, 235, var(--tw-ring-opacity))}.button--white.button--solid{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.button--white.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(255, 255, 255, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--white.button--muted{--tw-border-opacity:1;border-color:rgba(255, 255, 255, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--circle, .button--square, .button--squircle{padding-left:0px;padding-right:0px}.button--circle .button__label, .button--square .button__label, .button--squircle .button__label{margin-left:0px;margin-right:0px;display:none}.button--circle, .button--pill{border-radius:9999px}.button--rounded, .button--squircle{border-radius:0.375rem}.button--loading{cursor:not-allowed}.button--loading .button__loader+.button__label{opacity:0}.field__label{display:flex;align-items:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.field__footer{margin-top:0.25rem;font-size:0.75rem;line-height:1rem}.field__message, .field__note{display:flex;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.field__message{margin-top:0.25rem}.field__message-icon{margin-right:0.25rem;height:1rem;width:1rem}.field--optional>.field__header .field__label:after{content:"ー Optional";font-size:0.75rem;line-height:1rem;font-style:italic;--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity))}.field--inline{display:grid;grid-template-columns:"max-content" 1fr;grid-template-columns:var(--field-label-width,"max-content") 1fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.field--inline>.field__footer{margin-top:0px}.field--inline>.field__input{grid-row:1/3;grid-column:2/3;justify-content:flex-end;display:flex}.field--success .field__message{--tw-text-opacity:1;color:rgba(34, 197, 94, var(--tw-text-opacity))}.field--info .field__message{--tw-text-opacity:1;color:rgba(59, 130, 246, var(--tw-text-opacity))}.field--warning .field__message{--tw-text-opacity:1;color:rgba(249, 115, 22, var(--tw-text-opacity))}.field--danger .field__message{--tw-text-opacity:1;color:rgba(239, 68, 68, var(--tw-text-opacity))}.input{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));position:relative;display:flex}.input:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(228, 228, 231, var(--tw-ring-opacity));--tw-ring-offset-width:1px}.input__after, .input__before{display:flex;align-items:center;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.input__before{padding-left:0.75rem}.input__after{padding-right:0.75rem}.input--sm{height:1.75rem;font-size:0.75rem;line-height:1rem}.input--sm>.textbox{padding-left:0.75rem;padding-right:0.75rem}.input--sm>.select{padding-left:0.75rem}.input--sm>.input__icon{height:1.75rem;width:1.75rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.input--sm>.input__icon>.icon{height:1rem;width:1rem}.input--sm>.input__icon+.select, .input--sm>.input__icon+.textbox{padding-left:0px}.input--md{height:2.25rem;font-size:0.875rem;line-height:1.25rem}.input--md>.textbox{padding-left:0.75rem;padding-right:0.75rem}.input--md>.select{padding-left:0.75rem}.input--md>.input__icon{height:2.25rem;width:2.25rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.input--md>.input__icon>.icon{height:1.25rem;width:1.25rem}.input--md>.input__icon+.select, .input--md>.input__icon+.textbox{padding-left:0px}.input--lg{height:2.75rem;font-size:0.875rem;line-height:1.25rem}.input--lg>.textbox{padding-left:0.75rem;padding-right:0.75rem}.input--lg>.select{padding-left:0.75rem}.input--lg>.input__icon{height:2.75rem;width:2.75rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.input--lg>.input__icon>.icon{height:1.25rem;width:1.25rem}.input--lg>.input__icon+.select, .input--lg>.input__icon+.textbox{padding-left:0px}.input--pill{border-radius:9999px}.input--rounded{border-radius:0.375rem}.input--outline, .input--underline{background-color:transparent;padding-left:0px;padding-right:0px;--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity))}.input--outline:focus-within, .input--underline:focus-within{--tw-border-opacity:1;border-color:rgba(113, 113, 122, var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.input--outline .textbox, .input--underline .textbox{padding-left:0px;padding-right:0px}.input--underline{border-bottom-width:1px}.input--outline{border-width:1px}.textbox{height:100%;width:100%;flex-shrink:1;flex-grow:1;background-color:transparent}.textbox:focus{outline:2px solid transparent;outline-offset:2px}.select{z-index:10;height:100%;width:100%;flex-shrink:1;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.select:focus{outline:2px solid transparent;outline-offset:2px}.select{background-size:auto 70%;background-position:right 8px center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z' fill-opacity='.4'/%3E%3C/svg%3E")}.select+.input__icon{position:absolute;right:0;top:0}.choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px}.choice:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(228, 228, 231, var(--tw-ring-opacity));--tw-ring-offset-width:1px}.choice:checked{--tw-bg-opacity:1;background-color:rgba(113, 113, 122, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));background-size:80%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 20.42l-6.21-6.21 2.83-2.83L9 14.77l9.88-9.89 2.83 2.83L9 20.42z' fill='%23fff'/%3E%3C/svg%3E")}.choice--sm{height:0.75rem;width:0.75rem}.choice--md{height:1.25rem;width:1.25rem}.choice--lg{height:1.75rem;width:1.75rem}.choice--checkbox{border-radius:0.375rem}.choice--radio{border-radius:9999px}.choice-group__item{display:flex;align-items:center}.choice-group__label{margin-left:0.5rem}.notification-container{position:fixed;z-index:50;display:flex;flex-direction:column}#vayu-copy{position:fixed;top:-10px;left:-10px;height:0;padding:0;border:1px solid transparent;opacity:0;z-index:-1}.notification-wrapper.v-enter{opacity:0}.notification-wrapper.v-enter-to{opacity:1}.notification-wrapper.v-leave-to{opacity:0}.notification-wrapper.v-enter-active,.notification-wrapper.v-leave-active{transition:all .3s ease 0s}/*! tailwindcss v2.2.7 | 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: Inter, 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: #9ca3af;
-}input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}button,
-[role="button"] {
-  cursor: pointer;
-}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(229, 231, 235, var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--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)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@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-1{--tw-aspect-w:1}.aspect-w-16{--tw-aspect-w:16}.aspect-h-1{--tw-aspect-h:1}.prose{color:#374151;max-width:65ch;}.prose [class~="lead"]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:#111827;text-decoration:underline;font-weight:500}.prose strong{color:#111827;font-weight:600}.prose ol[type="A"]{--list-counter-style:upper-alpha}.prose ol[type="a"]{--list-counter-style:lower-alpha}.prose ol[type="A" s]{--list-counter-style:upper-alpha}.prose ol[type="a" s]{--list-counter-style:lower-alpha}.prose ol[type="I"]{--list-counter-style:upper-roman}.prose ol[type="i"]{--list-counter-style:lower-roman}.prose ol[type="I" s]{--list-counter-style:upper-roman}.prose ol[type="i" s]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol > li{position:relative;padding-left:1.75em}.prose ol > li::before{content:counter(list-item, var(--list-counter-style, decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0}.prose ul > li{position:relative;padding-left:1.75em}.prose ul > li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:0.375em;height:0.375em;top:calc(0.875em - 0.1875em);left:0.25em}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:0.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type::before{content:open-quote}.prose blockquote p:last-of-type::after{content:close-quote}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose figure figcaption{color:#6b7280;font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em}.prose code{color:#111827;font-weight:600;font-size:0.875em}.prose code::before{content:"`"}.prose code::after{content:"`"}.prose a code{color:#111827}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-right:1.1428571em;padding-bottom:0.8571429em;padding-left:1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code::before{content:none}.prose pre code::after{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}.prose thead th{vertical-align:bottom;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding-top:0.5714286em;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose img{margin-top:2em;margin-bottom:2em}.prose video{margin-top:2em;margin-bottom:2em}.prose figure{margin-top:2em;margin-bottom:2em}.prose figure > *{margin-top:0;margin-bottom:0}.prose h2 code{font-size:0.875em}.prose h3 code{font-size:0.9em}.prose ol{margin-top:1.25em;margin-bottom:1.25em}.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:0.5em;margin-bottom:0.5em}.prose > ul > li p{margin-top:0.75em;margin-bottom:0.75em}.prose > ul > li > *:first-child{margin-top:1.25em}.prose > ul > li > *:last-child{margin-bottom:1.25em}.prose > ol > li > *:first-child{margin-top:1.25em}.prose > ol > li > *:last-child{margin-bottom:1.25em}.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol{margin-top:0.75em;margin-bottom:0.75em}.prose hr + *{margin-top:0}.prose h2 + *{margin-top:0}.prose h3 + *{margin-top:0}.prose h4 + *{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose > :first-child{margin-top:0}.prose > :last-child{margin-bottom:0}.prose h5{font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h6{font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose-lg{font-size:1.125rem;line-height:1.7777778;}.prose-lg p{margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg [class~="lead"]{font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg blockquote{margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.prose-lg h1{font-size:2.6666667em;margin-top:0;margin-bottom:0.8333333em;line-height:1}.prose-lg h2{font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg h3{font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:0.6666667em;line-height:1.5}.prose-lg h4{margin-top:1.7777778em;margin-bottom:0.4444444em;line-height:1.5555556}.prose-lg img{margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg video{margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg figure{margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg figure > *{margin-top:0;margin-bottom:0}.prose-lg figure figcaption{font-size:0.8888889em;line-height:1.5;margin-top:1em}.prose-lg code{font-size:0.8888889em}.prose-lg h2 code{font-size:0.8666667em}.prose-lg h3 code{font-size:0.875em}.prose-lg pre{font-size:0.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:0.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.prose-lg ol{margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg ul{margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg li{margin-top:0.6666667em;margin-bottom:0.6666667em}.prose-lg ol > li{padding-left:1.6666667em}.prose-lg ol > li::before{left:0}.prose-lg ul > li{padding-left:1.6666667em}.prose-lg ul > li::before{width:0.3333333em;height:0.3333333em;top:calc(0.8888889em - 0.1666667em);left:0.2222222em}.prose-lg > ul > li p{margin-top:0.8888889em;margin-bottom:0.8888889em}.prose-lg > ul > li > *:first-child{margin-top:1.3333333em}.prose-lg > ul > li > *:last-child{margin-bottom:1.3333333em}.prose-lg > ol > li > *:first-child{margin-top:1.3333333em}.prose-lg > ol > li > *:last-child{margin-bottom:1.3333333em}.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol{margin-top:0.8888889em;margin-bottom:0.8888889em}.prose-lg hr{margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg hr + *{margin-top:0}.prose-lg h2 + *{margin-top:0}.prose-lg h3 + *{margin-top:0}.prose-lg h4 + *{margin-top:0}.prose-lg table{font-size:0.8888889em;line-height:1.5}.prose-lg thead th{padding-right:0.75em;padding-bottom:0.75em;padding-left:0.75em}.prose-lg thead th:first-child{padding-left:0}.prose-lg thead th:last-child{padding-right:0}.prose-lg tbody td{padding-top:0.75em;padding-right:0.75em;padding-bottom:0.75em;padding-left:0.75em}.prose-lg tbody td:first-child{padding-left:0}.prose-lg tbody td:last-child{padding-right:0}.prose-lg > :first-child{margin-top:0}.prose-lg > :last-child{margin-bottom:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0px;right:0px;bottom:0px;left:0px}.bottom-0{bottom:0px}.right-0{right:0px}.right-2{right:0.5rem}.top-2{top:0.5rem}.left-4{left:1rem}.right-4{right:1rem}.top-4{top:1rem}.top-0{top:0px}.left-0{left:0px}.z-40{z-index:40}.z-20{z-index:20}.m-auto{margin:auto}.-mr-px{margin-right:-1px}.-mb-px{margin-bottom:-1px}.ml-8{margin-left:2rem}.mb-8{margin-bottom:2rem}.mt-24{margin-top:6rem}.mt-2{margin-top:0.5rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mr-4{margin-right:1rem}.mt-auto{margin-top:auto}.mt-16{margin-top:4rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-6{height:1.5rem}.h-16{height:4rem}.h-12{height:3rem}.h-8{height:2rem}.h-4{height:1rem}.w-full{width:100%}.w-6{width:1.5rem}.w-8{width:2rem}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;transform:var(--tw-transform)}.translate-x-0{--tw-translate-x:0px;transform:var(--tw-transform)}.transform{transform:var(--tw-transform)}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-10{gap:2.5rem}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * 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))}.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))}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.border-2{border-width:2px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-r-4{border-right-width:4px}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgba(0, 0, 0, var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:rgba(255, 255, 0, var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229, 231, 235, var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-16{padding:4rem}.p-5{padding:1.25rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-0{padding:0px}.p-10{padding:2.5rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-4{padding-top:1rem}.pl-2{padding-left:0.5rem}.pb-2{padding-bottom:0.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Epilogue, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}.font-sans{font-family:Inter, 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"}.font-body{font-family:Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.text-6xl{font-size:3.75rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xs{font-size:0.75rem;line-height:1rem}.text-8xl{font-size:6rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-snug{line-height:1.375}.text-gray-500{--tw-text-opacity:1;color:rgba(107, 114, 128, var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156, 163, 175, var(--tw-text-opacity))}.text-accent{--tw-text-opacity:1;color:rgba(255, 255, 0, var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75, 85, 99, var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-accent{--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 0, var(--tw-ring-opacity))}.ring-primary-100{--tw-ring-opacity:1;--tw-ring-color:rgba(244, 244, 245, var(--tw-ring-opacity))}.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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}body{font-family:Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.25rem;font-weight:500}.icon svg{width:100%;height:100%}.hover\:text-black:hover{--tw-text-opacity:1;color:rgba(0, 0, 0, var(--tw-text-opacity))}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:rgba(255, 255, 0, var(--tw-border-opacity))}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\:static{position:static}.md\:mt-0{margin-top:0px}.md\:mt-auto{margin-top:auto}.md\:mt-8{margin-top:2rem}.md\:ml-4{margin-left:1rem}.md\:mt-4{margin-top:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-1\/2{width:50%}.md\:w-72{width:18rem}.md\:flex-grow{flex-grow:1}.md\:translate-x-0{--tw-translate-x:0px;transform:var(--tw-transform)}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:border-0{border-width:0px}.md\:p-24{padding:6rem}.md\:p-0{padding:0px}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0px;padding-right:0px}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pt-0{padding-top:0px}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1024px){.lg\:mt-0{margin-top:0px}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:p-16{padding:4rem}.lg\:p-12{padding:3rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}
-code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
-.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}
-.layout__aside{border-bottom-width:1px}@media (min-width: 768px){.layout__aside{border-bottom-width:0px}}.layout__footer{position:sticky;bottom:0;z-index:10;border-top-width:1px;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding:1.25rem;white-space:nowrap;overflow:auto}.layout--sub-aside .layout__sub-aside{border-bottom-width:1px}@media (min-width: 768px){.layout{display:grid;grid-template-columns:165px 0 1fr -webkit-min-content;grid-template-columns:165px 0 1fr min-content;grid-template-rows:1fr 0;height:100vh}.layout__aside{border-right-width:1px}.layout__aside{padding:0.75rem}.layout__aside{grid-row:1/3}.layout__footer{grid-row:2/3;grid-column:3/4}.layout__footer{border-top-width:1px}.layout__footer{padding:0.75rem}.layout__ad{grid-row:1/3;grid-column:4/5;overflow:auto}.layout__ad{border-left-width:1px}.layout__ad{padding:0.75rem}.layout__content{overflow-y:auto;overflow-x:hidden;grid-row:1/3;grid-column:3/4}.layout--footer{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content}.layout--footer .layout__content{grid-row:1/2}.layout--sub-aside{grid-template-columns:165px 160px 1fr -webkit-min-content;grid-template-columns:165px 160px 1fr min-content}.layout--sub-aside .layout__sub-aside{border-right-width:1px}.layout--sub-aside .layout__sub-aside{padding:0.75rem}}
-.sidebar-links{margin-top:0.25rem;display:flex;flex-direction:column}.sidebar-links a{padding-top:0.25rem;padding-bottom:0.25rem}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact),.sidebar-links a.nuxt-link-exact-active,.sidebar-links a.sidebar-links__active{position:relative}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact):before, .sidebar-links a.nuxt-link-exact-active:before, .sidebar-links a.sidebar-links__active:before{--tw-bg-opacity:1;background-color:rgba(255, 255, 0, var(--tw-bg-opacity))}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact):before,.sidebar-links a.nuxt-link-exact-active:before,.sidebar-links a.sidebar-links__active:before{position:absolute;z-index:-1;left:0;right:0;bottom:4px;height:12px;margin:auto;content:""}.sidebar-links--responsive{display:flex;flex-direction:row;overflow:auto}.sidebar-links--responsive a{white-space:nowrap;padding:0.5rem}@media (min-width: 768px){.sidebar-links--responsive{flex-direction:column}.sidebar-links--responsive a{padding-top:0.25rem;padding-bottom:0.25rem}.sidebar-links--responsive a{padding-left:0px;padding-right:0px}}
-.ad-160x600{width:160px}.ad-160x600,.ad-300x600{height:600px;background:#dadada}.ad-300x600{width:300px}</style>
-  </head>
-  <body >
-    <noscript data-n-head="ssr" data-hid="gtm-noscript" data-pbody="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRTWLK9&" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="app"><div class="layout"><div class="layout__aside"><aside class="flex md:flex-col h-full"><header class="p-3 flex items-center md:p-0"><button class="w-8 h-8 p-0 mr-4 md:hidden"><!----></button> <a href="/" class="nuxt-link-active"><img src="/img/logo.svg" alt="Material UI" width="64px" height="22px" class="logo"></a></header> <div class="
-      fixed
-      top-0
-      left-0
-      bottom-0
-      bg-white
-      space-y-6
-      p-10
-      transform
-      -translate-x-full
-      border-r-4 border-black
-      z-40
-      transition-all
-      md:translate-x-0 md:p-0 md:static md:flex-grow md:border-0
-    "><button class="w-8 h-8 p-0 md:hidden"><!----></button> <section><h3 class="font-display text-lg font-bold leading-none">
-    Colors
-  </h3> <div class="sidebar-links"><a title="Material Colors">
-      Material
-    </a><a title="Flat UI Colors">
-      Flat UI
-    </a><a title="Social Colors">
-      Social
-    </a><a title="Metro Colors">
-      Metro
-    </a><a title="HTML Colors">
-      HTML
-    </a><a title="Color Picker">
-      Color Picker
-    </a><a href="https://www.tailwindcolor.com" target="_blank" title="Tailwind Colors">
-      Tailwind  ↗️
-    </a><a href="https://www.fluentcolors.com" target="_blank" title="Fluent Colors">
-      Fluent  ↗️
-    </a></div> </section> <section><h3 class="font-display text-lg font-bold leading-none">
-    More
-  </h3> <div class="sidebar-links"><a title="Icons" class="sidebar-links__active">
-      Icons
-    </a><a title="Unicodes">
-      Unicodes
-    </a><a href="https://emojikeyboard.io" target="_blank" title="Emoji Keyboard">
-      Emoji Keyboard ↗️
-    </a><a title="Blog" class="sidebar-links__exact">
-      Blog
-    </a><a title="Turn down for what?">
-      TDFW?
-    </a><a title="About us">
-      About
-    </a><a title="Advertise with us">
-      Advertise
-    </a></div> </section></div> <footer class="hidden md:block mt-auto"><p class="text-xs text-gray-500">v4.2.5</p></footer></aside></div> <div class="layout__sub-aside"></div> <div class="layout__content"><div class="text-center mt-24"><h1 class="font-display text-6xl">(╯°□°)╯︵ ┻━┻</h1> <h1 class="text-display text-xl mt-16">Not Found.</h1></div></div> <div class="layout__ad"><div class="ad-300x600"><ins data-ad-client="ca-pub-9956196453871414" data-ad-slot="3882429147" data-ad-format="fixed" data-ad-region="page-0.6866705875634287" class="adsbygoogle" style="display:block;width:300px;height:600px;"></ins></div></div> <!----></div> <!----><!----><!----></div></div></div><script>window.__NUXT__={layout:"default",data:[{},{}],fetch:{},error:{statusCode:404,message:"{\n  \"statusCode\": 404\n}"},serverRendered:true,routePath:"\u002Ficon\u002Fundefined",config:{_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:null}}};</script><script src="/_nuxt/7d3607f.js" defer></script><script src="/_nuxt/7d90738.js" defer></script><script src="/_nuxt/fde00f2.js" defer></script><script src="/_nuxt/b428414.js" defer></script><script data-n-head="ssr" src="/footer-script.js" data-body="true"></script>
-  </body>
-</html>
diff --git a/wise-webapp/src/main/webapp/images/editor/print.svg b/wise-webapp/src/main/webapp/images/editor/print.svg
deleted file mode 100644
index 21fdce2b..00000000
--- a/wise-webapp/src/main/webapp/images/editor/print.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/public.svg b/wise-webapp/src/main/webapp/images/editor/public.svg
deleted file mode 100644
index ddcd5677..00000000
--- a/wise-webapp/src/main/webapp/images/editor/public.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/redo.svg b/wise-webapp/src/main/webapp/images/editor/redo.svg
deleted file mode 100644
index 97d99c8b..00000000
--- a/wise-webapp/src/main/webapp/images/editor/redo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/save.svg b/wise-webapp/src/main/webapp/images/editor/save.svg
deleted file mode 100644
index f5b5c7cf..00000000
--- a/wise-webapp/src/main/webapp/images/editor/save.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-add.svg b/wise-webapp/src/main/webapp/images/editor/topic-add.svg
deleted file mode 100644
index 25db132c..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-add.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-border.svg b/wise-webapp/src/main/webapp/images/editor/topic-border.svg
deleted file mode 100644
index ae7e7a32..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-border.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M22,24H2v-4h20V24z M13.06,5.19l3.75,3.75L7.75,18H4v-3.75L13.06,5.19z M17.88,7.87l-3.75-3.75 l1.83-1.83c0.39-0.39,1.02-0.39,1.41,0l2.34,2.34c0.39,0.39,0.39,1.02,0,1.41L17.88,7.87z" enable-background="new"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-color.svg b/wise-webapp/src/main/webapp/images/editor/topic-color.svg
deleted file mode 100644
index 4064d0a6..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-color.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M12,2C6.49,2,2,6.49,2,12s4.49,10,10,10c1.38,0,2.5-1.12,2.5-2.5c0-0.61-0.23-1.2-0.64-1.67c-0.08-0.1-0.13-0.21-0.13-0.33 c0-0.28,0.22-0.5,0.5-0.5H16c3.31,0,6-2.69,6-6C22,6.04,17.51,2,12,2z M17.5,13c-0.83,0-1.5-0.67-1.5-1.5c0-0.83,0.67-1.5,1.5-1.5 s1.5,0.67,1.5,1.5C19,12.33,18.33,13,17.5,13z M14.5,9C13.67,9,13,8.33,13,7.5C13,6.67,13.67,6,14.5,6S16,6.67,16,7.5 C16,8.33,15.33,9,14.5,9z M5,11.5C5,10.67,5.67,10,6.5,10S8,10.67,8,11.5C8,12.33,7.33,13,6.5,13S5,12.33,5,11.5z M11,7.5 C11,8.33,10.33,9,9.5,9S8,8.33,8,7.5C8,6.67,8.67,6,9.5,6S11,6.67,11,7.5z"/></g></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-delete.svg b/wise-webapp/src/main/webapp/images/editor/topic-delete.svg
deleted file mode 100644
index 08b05d02..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-delete.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-icon.svg b/wise-webapp/src/main/webapp/images/editor/topic-icon.svg
deleted file mode 100644
index 9254873e..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-link.svg b/wise-webapp/src/main/webapp/images/editor/topic-link.svg
deleted file mode 100644
index 8eb3b987..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-link.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0" fill="none"/><path d="M8 11h8v2H8zm12.1 1H22c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM19 12h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-note.svg b/wise-webapp/src/main/webapp/images/editor/topic-note.svg
deleted file mode 100644
index d065cbf1..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-note.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-notes.svg b/wise-webapp/src/main/webapp/images/editor/topic-notes.svg
deleted file mode 100644
index d065cbf1..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-notes.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-relation.svg b/wise-webapp/src/main/webapp/images/editor/topic-relation.svg
deleted file mode 100644
index 05c81f8a..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-relation.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M7.77 6.76L6.23 5.48.82 12l5.41 6.52 1.54-1.28L3.42 12l4.35-5.24zM7 13h2v-2H7v2zm10-2h-2v2h2v-2zm-6 2h2v-2h-2v2zm6.77-7.52l-1.54 1.28L20.58 12l-4.35 5.24 1.54 1.28L23.18 12l-5.41-6.52z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/topic-shape.svg b/wise-webapp/src/main/webapp/images/editor/topic-shape.svg
deleted file mode 100644
index 2b3f3171..00000000
--- a/wise-webapp/src/main/webapp/images/editor/topic-shape.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2l-5.5 9h11z"/><circle cx="17.5" cy="17.5" r="4.5"/><path d="M3 13.5h8v8H3z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/editor/undo.svg b/wise-webapp/src/main/webapp/images/editor/undo.svg
deleted file mode 100644
index 038aa75e..00000000
--- a/wise-webapp/src/main/webapp/images/editor/undo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/help-icon.svg b/wise-webapp/src/main/webapp/images/help-icon.svg
deleted file mode 100644
index 17f3f529..00000000
--- a/wise-webapp/src/main/webapp/images/help-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" focusable="false" viewBox="0 0 24 24">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path>
-</svg>
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/images/logo-small.png b/wise-webapp/src/main/webapp/images/logo-small.png
new file mode 100644
index 00000000..553a99f9
Binary files /dev/null and b/wise-webapp/src/main/webapp/images/logo-small.png differ