wisemapping-frontend/packages/editor/images/note-add.svg

1050 lines
92 KiB
XML
Raw Normal View History

2021-12-28 08:00:06 +01:00
<!doctype html>
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
<head >
<title>Material Design Color, Flat Colors, Icons, Color Palette | Material UI</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" name="description" data-hid="description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="keywords" data-hid="keywords" content="Material Design Colors, Color Palette, Material Icons, Flat UI Colors, Social Colors, Metro Colors, HTML Colors, Material Design Icons, Unicode Characters, Colors Picker"><meta data-n-head="ssr" property="og:title" data-hid="og:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" property="og:description" data-hid="og:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" property="og:url" data-hid="og:url" content="https://www.materialui.co/"><meta data-n-head="ssr" property="og:locale" data-hid="og:locale" content="en_US"><meta data-n-head="ssr" property="og:image:type" data-hid="og:image:type" content="image/png"><meta data-n-head="ssr" property="og:image:url" data-hid="og:image:url" content="https://www.materialui.co/img/social.jpg"><meta data-n-head="ssr" name="twitter:card" data-hid="twitter:card" content="summary_large_image"><meta data-n-head="ssr" name="twitter:title" data-hid="twitter:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" name="twitter:site" data-hid="twitter:site" content="@7spantech"><meta data-n-head="ssr" name="twitter:description" data-hid="twitter:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="twitter:url" data-hid="twitter:url" content="https://www.materialui.co/"><meta data-n-head="ssr" name="twitter:image" data-hid="twitter:image" content="https://www.materialui.co/img/social.jpg"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="MaterialUI"><meta data-n-head="ssr" data-hid="og:type" name="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og:site_name" name="og:site_name" property="og:site_name" content="MaterialUI"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.gif"><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter&amp;Space+Mono:wght@400&amp;family=Epilogue:wght@200;400;700&amp;display=swap"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/_nuxt/icons/icon_64x64.6c0fb2.png"><link data-n-head="ssr" data-hid="apple-touch-icon" rel="apple-touch-icon" href="/_nuxt/icons/icon_512x512.6c0fb2.png" sizes="512x512"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.92869228.json" data-hid="manifest"><script data-n-head="ssr" data-hid="adsbygoogle-script" defer crossorigin="anonymous" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9956196453871414"></script><script data-n-head="ssr" data-hid="adsbygoogle">if (!window.__abg_called){ (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=0;
(window.adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-9956196453871414",
enable_page_level_ads: false,
overlays: {bottom: false}
}); window.__abg_called = true;}</script><script data-n-head="ssr" data-hid="gtm-script">if(!window._gtm_init){window._gtm_init=1;(function(w,n,d,m,e,p){w[d]=(w[d]==1||n[d]=='yes'||n[d]==1||n[m]==1||(w[e]&&w[e][p]&&w[e][p]()))?1:0})(window,navigator,'doNotTrack','msDoNotTrack','external','msTrackingProtectionEnabled');(function(w,d,s,l,x,y){w[x]={};w._gtm_inject=function(i){if(w.doNotTrack||w[x][i])return;w[x][i]=1;w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i;f.parentNode.insertBefore(j,f);};w[y]('GTM-WRTWLK9')})(window,document,'script','dataLayer','_gtm_ids','_gtm_inject')}</script><link rel="preload" href="/_nuxt/7d3607f.js" as="script"><link rel="preload" href="/_nuxt/7d90738.js" as="script"><link rel="preload" href="/_nuxt/fde00f2.js" as="script"><link rel="preload" href="/_nuxt/b428414.js" as="script"><style data-vue-ssr-id="54b08540:0 32ea8ad1:0 0d8b0c4d:0 53f61d5f:0 f86f452a:0 e6bd7db0:0 02b5c91d:0">/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
font-family:
system-ui,
-apple-system, /* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications.
*/
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**
* Tailwind custom reset styles
*/
/**
* 1. Use the user's configured `sans` font-family (with Tailwind's default
* sans-serif font stack as a fallback) as a sane default.
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
* to override it to ensure consistency even when using the default theme.
*/
html {
font-family: Inter, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* 1 */
line-height: 1.5; /* 2 */
}
/**
* Inherit font-family and line-height from `html` so users can set them as
* a class directly on the `html` element.
*/
body {
font-family: inherit;
line-height: inherit;
}
/**
* 1. Prevent padding and border from affecting element width.
*
* We used to set this in the html element and inherit from
* the parent element for everything else. This caused issues
* in shadow-dom-enhanced elements like <details> where the content
* is wrapped by a div with box-sizing set to `content-box`.
*
* https://github.com/mozdevs/cssremedy/issues/4
*
*
* 2. Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
/*
* Ensure horizontal rules are visible by default
*/
hr {
border-top-width: 1px;
}
/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Reset links to optimize for opt-in styling instead of
* opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/**
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css.
*/
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
* 1. Make replaced elements `display: block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
*
* https://github.com/mozdevs/cssremedy/issues/14
*
* 2. Add `vertical-align: middle` to align replaced elements more
* sensibly by default when overriding `display` by adding a
* utility like `inline`.
*
* This can trigger a poorly considered linting error in some
* tools but is included by design.
*
* https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/**
* Constrain images and videos to the parent width and preserve
* their intrinsic aspect ratio.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
video {
max-width: 100%;
height: auto;
}
/**
* Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
display: none;
}*, ::before, ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);}.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;}.aspect-w-1{--tw-aspect-w:1;}.aspect-w-16{--tw-aspect-w:16;}.aspect-h-1{--tw-aspect-h:1;}.prose{color:#374151;max-width:65ch;}.prose [class~="lead"]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}.prose a{color:#111827;text-decoration:underline;font-weight:500;}.prose strong{color:#111827;font-weight:600;}.prose ol[type="A"]{--list-counter-style:upper-alpha;}.prose ol[type="a"]{--list-counter-style:lower-alpha;}.prose ol[type="A" s]{--list-counter-style:upper-alpha;}.prose ol[type="a" s]{--list-counter-style:lower-alpha;}.prose ol[type="I"]{--list-counter-style:upper-roman;}.prose ol[type="i"]{--list-counter-style:lower-roman;}.prose ol[type="I" s]{--list-counter-style:upper-roman;}.prose ol[type="i" s]{--list-counter-style:lower-roman;}.prose ol[type="1"]{--list-counter-style:decimal;}.prose ol > li{position:relative;padding-left:1.75em;}.prose ol > li::before{content:counter(list-item, var(--list-counter-style, decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0;}.prose ul > li{position:relative;padding-left:1.75em;}.prose ul > li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:0.375em;height:0.375em;top:calc(0.875em - 0.1875em);left:0.25em;}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em;}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:0.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;}.prose blockquote p:first-of-type::before{content:open-quote;}.prose blockquote p:last-of-type::after{content:close-quote;}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose figure figcaption{color:#6b7280;font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}.prose code{color:#111827;font-weight:600;font-size:0.875em;}.prose code::before{content:"`";}.prose code::after{content:"`";}.prose a code{color:#111827;}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-right:1.1428571em;padding-bottom:0.8571429em;padding-left:1.1428571em;}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}.prose pre code::before{content:none;}.prose pre code::after{content:none;}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db;}.prose thead th{vertical-align:bottom;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb;}.prose tbody tr:last-child{border-bottom-width:0;}.prose tbody td{vertical-align:top;padding-top:0.5714286em;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose{font-size:1rem;line-height:1.75;}.prose p{margin-top:1.25em;margin-bottom:1.25em;}.prose img{margin-top:2em;margin-bottom:2em;}.prose video{margin-top:2em;margin-bottom:2em;}.prose figure{margin-
@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:
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 > *{mar
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>