mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-16 03:57:55 +01:00
1050 lines
92 KiB
XML
1050 lines
92 KiB
XML
<!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&Space+Mono:wght@400&family=Epilogue:wght@200;400;700&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>
|