/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

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

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

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

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

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

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

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

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

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

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

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

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

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

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

button,
[type='button'] {
  -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.
*/

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

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

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

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

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

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

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

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

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

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

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

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

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

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

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

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

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

button {
  cursor: pointer;
}

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

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

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.block {
  display: block;
}

.table {
  display: table;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.font-semibold {
  font-weight: 600;
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000;
}

*, ::before, ::after {
  --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;
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,.fas,.far,.fal,.fab{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1
}

.fa-lg{
  font-size:1.3333333333em;
  line-height:.75em;
  vertical-align:-0.0667em
}

.fa-xs{
  font-size:.75em
}

.fa-sm{
  font-size:.875em
}

.fa-1x{
  font-size:1em
}

.fa-2x{
  font-size:2em
}

.fa-3x{
  font-size:3em
}

.fa-4x{
  font-size:4em
}

.fa-5x{
  font-size:5em
}

.fa-6x{
  font-size:6em
}

.fa-7x{
  font-size:7em
}

.fa-8x{
  font-size:8em
}

.fa-9x{
  font-size:9em
}

.fa-10x{
  font-size:10em
}

.fa-fw{
  text-align:center;
  width:1.25em
}

.fa-ul{
  list-style-type:none;
  margin-left:2.5em;
  padding-left:0
}

.fa-ul>li{
  position:relative
}

.fa-li{
  left:-2em;
  position:absolute;
  text-align:center;
  width:2em;
  line-height:inherit
}

.fa-border{
  border:solid .08em #eee;
  border-radius:.1em;
  padding:.2em .25em .15em
}

.fa-pull-left{
  float:left
}

.fa-pull-right{
  float:right
}

.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{
  margin-right:.3em
}

.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{
  margin-left:.3em
}

.fa-spin{
  animation:fa-spin 2s infinite linear
}

.fa-pulse{
  animation:fa-spin 1s infinite steps(8)
}

@keyframes fa-spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fa-rotate-90{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform:rotate(90deg)
}

.fa-rotate-180{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform:rotate(180deg)
}

.fa-rotate-270{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform:rotate(270deg)
}

.fa-flip-horizontal{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform:scale(-1, 1)
}

.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform:scale(1, -1)
}

.fa-flip-horizontal.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform:scale(-1, -1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{
  filter:none
}

.fa-stack{
  display:inline-block;
  height:2em;
  line-height:2em;
  position:relative;
  vertical-align:middle;
  width:2em
}

.fa-stack-1x,.fa-stack-2x{
  left:0;
  position:absolute;
  text-align:center;
  width:100%
}

.fa-stack-1x{
  line-height:inherit
}

.fa-stack-2x{
  font-size:2em
}

.fa-inverse{
  color:#fff
}

.fa-500px:before{
  content:""
}

.fa-accessible-icon:before{
  content:""
}

.fa-accusoft:before{
  content:""
}

.fa-address-book:before{
  content:""
}

.fa-address-card:before{
  content:""
}

.fa-adjust:before{
  content:""
}

.fa-adn:before{
  content:""
}

.fa-adversal:before{
  content:""
}

.fa-affiliatetheme:before{
  content:""
}

.fa-algolia:before{
  content:""
}

.fa-align-center:before{
  content:""
}

.fa-align-justify:before{
  content:""
}

.fa-align-left:before{
  content:""
}

.fa-align-right:before{
  content:""
}

.fa-allergies:before{
  content:""
}

.fa-amazon:before{
  content:""
}

.fa-amazon-pay:before{
  content:""
}

.fa-ambulance:before{
  content:""
}

.fa-american-sign-language-interpreting:before{
  content:""
}

.fa-amilia:before{
  content:""
}

.fa-anchor:before{
  content:""
}

.fa-android:before{
  content:""
}

.fa-angellist:before{
  content:""
}

.fa-angle-double-down:before{
  content:""
}

.fa-angle-double-left:before{
  content:""
}

.fa-angle-double-right:before{
  content:""
}

.fa-angle-double-up:before{
  content:""
}

.fa-angle-down:before{
  content:""
}

.fa-angle-left:before{
  content:""
}

.fa-angle-right:before{
  content:""
}

.fa-angle-up:before{
  content:""
}

.fa-angrycreative:before{
  content:""
}

.fa-angular:before{
  content:""
}

.fa-app-store:before{
  content:""
}

.fa-app-store-ios:before{
  content:""
}

.fa-apper:before{
  content:""
}

.fa-apple:before{
  content:""
}

.fa-apple-pay:before{
  content:""
}

.fa-archive:before{
  content:""
}

.fa-arrow-alt-circle-down:before{
  content:""
}

.fa-arrow-alt-circle-left:before{
  content:""
}

.fa-arrow-alt-circle-right:before{
  content:""
}

.fa-arrow-alt-circle-up:before{
  content:""
}

.fa-arrow-circle-down:before{
  content:""
}

.fa-arrow-circle-left:before{
  content:""
}

.fa-arrow-circle-right:before{
  content:""
}

.fa-arrow-circle-up:before{
  content:""
}

.fa-arrow-down:before{
  content:""
}

.fa-arrow-left:before{
  content:""
}

.fa-arrow-right:before{
  content:""
}

.fa-arrow-up:before{
  content:""
}

.fa-arrows-alt:before{
  content:""
}

.fa-arrows-alt-h:before{
  content:""
}

.fa-arrows-alt-v:before{
  content:""
}

.fa-assistive-listening-systems:before{
  content:""
}

.fa-asterisk:before{
  content:""
}

.fa-asymmetrik:before{
  content:""
}

.fa-at:before{
  content:""
}

.fa-audible:before{
  content:""
}

.fa-audio-description:before{
  content:""
}

.fa-autoprefixer:before{
  content:""
}

.fa-avianex:before{
  content:""
}

.fa-aviato:before{
  content:""
}

.fa-aws:before{
  content:""
}

.fa-backward:before{
  content:""
}

.fa-balance-scale:before{
  content:""
}

.fa-ban:before{
  content:""
}

.fa-band-aid:before{
  content:""
}

.fa-bandcamp:before{
  content:""
}

.fa-barcode:before{
  content:""
}

.fa-bars:before{
  content:""
}

.fa-baseball-ball:before{
  content:""
}

.fa-basketball-ball:before{
  content:""
}

.fa-bath:before{
  content:""
}

.fa-battery-empty:before{
  content:""
}

.fa-battery-full:before{
  content:""
}

.fa-battery-half:before{
  content:""
}

.fa-battery-quarter:before{
  content:""
}

.fa-battery-three-quarters:before{
  content:""
}

.fa-bed:before{
  content:""
}

.fa-beer:before{
  content:""
}

.fa-behance:before{
  content:""
}

.fa-behance-square:before{
  content:""
}

.fa-bell:before{
  content:""
}

.fa-bell-slash:before{
  content:""
}

.fa-bicycle:before{
  content:""
}

.fa-bimobject:before{
  content:""
}

.fa-binoculars:before{
  content:""
}

.fa-birthday-cake:before{
  content:""
}

.fa-bitbucket:before{
  content:""
}

.fa-bitcoin:before{
  content:""
}

.fa-bity:before{
  content:""
}

.fa-black-tie:before{
  content:""
}

.fa-blackberry:before{
  content:""
}

.fa-blender:before{
  content:""
}

.fa-blind:before{
  content:""
}

.fa-blogger:before{
  content:""
}

.fa-blogger-b:before{
  content:""
}

.fa-bluetooth:before{
  content:""
}

.fa-bluetooth-b:before{
  content:""
}

.fa-bold:before{
  content:""
}

.fa-bolt:before{
  content:""
}

.fa-bomb:before{
  content:""
}

.fa-book:before{
  content:""
}

.fa-book-open:before{
  content:""
}

.fa-bookmark:before{
  content:""
}

.fa-bowling-ball:before{
  content:""
}

.fa-box:before{
  content:""
}

.fa-box-open:before{
  content:""
}

.fa-boxes:before{
  content:""
}

.fa-braille:before{
  content:""
}

.fa-briefcase:before{
  content:""
}

.fa-briefcase-medical:before{
  content:""
}

.fa-broadcast-tower:before{
  content:""
}

.fa-broom:before{
  content:""
}

.fa-btc:before{
  content:""
}

.fa-bug:before{
  content:""
}

.fa-building:before{
  content:""
}

.fa-bullhorn:before{
  content:""
}

.fa-bullseye:before{
  content:""
}

.fa-burn:before{
  content:""
}

.fa-buromobelexperte:before{
  content:""
}

.fa-bus:before{
  content:""
}

.fa-buysellads:before{
  content:""
}

.fa-calculator:before{
  content:""
}

.fa-calendar:before{
  content:""
}

.fa-calendar-alt:before{
  content:""
}

.fa-calendar-check:before{
  content:""
}

.fa-calendar-minus:before{
  content:""
}

.fa-calendar-plus:before{
  content:""
}

.fa-calendar-times:before{
  content:""
}

.fa-camera:before{
  content:""
}

.fa-camera-retro:before{
  content:""
}

.fa-capsules:before{
  content:""
}

.fa-car:before{
  content:""
}

.fa-caret-down:before{
  content:""
}

.fa-caret-left:before{
  content:""
}

.fa-caret-right:before{
  content:""
}

.fa-caret-square-down:before{
  content:""
}

.fa-caret-square-left:before{
  content:""
}

.fa-caret-square-right:before{
  content:""
}

.fa-caret-square-up:before{
  content:""
}

.fa-caret-up:before{
  content:""
}

.fa-cart-arrow-down:before{
  content:""
}

.fa-cart-plus:before{
  content:""
}

.fa-cc-amazon-pay:before{
  content:""
}

.fa-cc-amex:before{
  content:""
}

.fa-cc-apple-pay:before{
  content:""
}

.fa-cc-diners-club:before{
  content:""
}

.fa-cc-discover:before{
  content:""
}

.fa-cc-jcb:before{
  content:""
}

.fa-cc-mastercard:before{
  content:""
}

.fa-cc-paypal:before{
  content:""
}

.fa-cc-stripe:before{
  content:""
}

.fa-cc-visa:before{
  content:""
}

.fa-centercode:before{
  content:""
}

.fa-certificate:before{
  content:""
}

.fa-chalkboard:before{
  content:""
}

.fa-chalkboard-teacher:before{
  content:""
}

.fa-chart-area:before{
  content:""
}

.fa-chart-bar:before{
  content:""
}

.fa-chart-line:before{
  content:""
}

.fa-chart-pie:before{
  content:""
}

.fa-check:before{
  content:""
}

.fa-check-circle:before{
  content:""
}

.fa-check-square:before{
  content:""
}

.fa-chess:before{
  content:""
}

.fa-chess-bishop:before{
  content:""
}

.fa-chess-board:before{
  content:""
}

.fa-chess-king:before{
  content:""
}

.fa-chess-knight:before{
  content:""
}

.fa-chess-pawn:before{
  content:""
}

.fa-chess-queen:before{
  content:""
}

.fa-chess-rook:before{
  content:""
}

.fa-chevron-circle-down:before{
  content:""
}

.fa-chevron-circle-left:before{
  content:""
}

.fa-chevron-circle-right:before{
  content:""
}

.fa-chevron-circle-up:before{
  content:""
}

.fa-chevron-down:before{
  content:""
}

.fa-chevron-left:before{
  content:""
}

.fa-chevron-right:before{
  content:""
}

.fa-chevron-up:before{
  content:""
}

.fa-child:before{
  content:""
}

.fa-chrome:before{
  content:""
}

.fa-church:before{
  content:""
}

.fa-circle:before{
  content:""
}

.fa-circle-notch:before{
  content:""
}

.fa-clipboard:before{
  content:""
}

.fa-clipboard-check:before{
  content:""
}

.fa-clipboard-list:before{
  content:""
}

.fa-clock:before{
  content:""
}

.fa-clone:before{
  content:""
}

.fa-closed-captioning:before{
  content:""
}

.fa-cloud:before{
  content:""
}

.fa-cloud-download-alt:before{
  content:""
}

.fa-cloud-upload-alt:before{
  content:""
}

.fa-cloudscale:before{
  content:""
}

.fa-cloudsmith:before{
  content:""
}

.fa-cloudversify:before{
  content:""
}

.fa-code:before{
  content:""
}

.fa-code-branch:before{
  content:""
}

.fa-codepen:before{
  content:""
}

.fa-codiepie:before{
  content:""
}

.fa-coffee:before{
  content:""
}

.fa-cog:before{
  content:""
}

.fa-cogs:before{
  content:""
}

.fa-coins:before{
  content:""
}

.fa-columns:before{
  content:""
}

.fa-comment:before{
  content:""
}

.fa-comment-alt:before{
  content:""
}

.fa-comment-dots:before{
  content:""
}

.fa-comment-slash:before{
  content:""
}

.fa-comments:before{
  content:""
}

.fa-compact-disc:before{
  content:""
}

.fa-compass:before{
  content:""
}

.fa-compress:before{
  content:""
}

.fa-connectdevelop:before{
  content:""
}

.fa-contao:before{
  content:""
}

.fa-copy:before{
  content:""
}

.fa-copyright:before{
  content:""
}

.fa-couch:before{
  content:""
}

.fa-cpanel:before{
  content:""
}

.fa-creative-commons:before{
  content:""
}

.fa-creative-commons-by:before{
  content:""
}

.fa-creative-commons-nc:before{
  content:""
}

.fa-creative-commons-nc-eu:before{
  content:""
}

.fa-creative-commons-nc-jp:before{
  content:""
}

.fa-creative-commons-nd:before{
  content:""
}

.fa-creative-commons-pd:before{
  content:""
}

.fa-creative-commons-pd-alt:before{
  content:""
}

.fa-creative-commons-remix:before{
  content:""
}

.fa-creative-commons-sa:before{
  content:""
}

.fa-creative-commons-sampling:before{
  content:""
}

.fa-creative-commons-sampling-plus:before{
  content:""
}

.fa-creative-commons-share:before{
  content:""
}

.fa-credit-card:before{
  content:""
}

.fa-crop:before{
  content:""
}

.fa-crosshairs:before{
  content:""
}

.fa-crow:before{
  content:""
}

.fa-crown:before{
  content:""
}

.fa-css3:before{
  content:""
}

.fa-css3-alt:before{
  content:""
}

.fa-cube:before{
  content:""
}

.fa-cubes:before{
  content:""
}

.fa-cut:before{
  content:""
}

.fa-cuttlefish:before{
  content:""
}

.fa-d-and-d:before{
  content:""
}

.fa-dashcube:before{
  content:""
}

.fa-database:before{
  content:""
}

.fa-deaf:before{
  content:""
}

.fa-delicious:before{
  content:""
}

.fa-deploydog:before{
  content:""
}

.fa-deskpro:before{
  content:""
}

.fa-desktop:before{
  content:""
}

.fa-deviantart:before{
  content:""
}

.fa-diagnoses:before{
  content:""
}

.fa-dice:before{
  content:""
}

.fa-dice-five:before{
  content:""
}

.fa-dice-four:before{
  content:""
}

.fa-dice-one:before{
  content:""
}

.fa-dice-six:before{
  content:""
}

.fa-dice-three:before{
  content:""
}

.fa-dice-two:before{
  content:""
}

.fa-digg:before{
  content:""
}

.fa-digital-ocean:before{
  content:""
}

.fa-discord:before{
  content:""
}

.fa-discourse:before{
  content:""
}

.fa-divide:before{
  content:""
}

.fa-dna:before{
  content:""
}

.fa-dochub:before{
  content:""
}

.fa-docker:before{
  content:""
}

.fa-dollar-sign:before{
  content:""
}

.fa-dolly:before{
  content:""
}

.fa-dolly-flatbed:before{
  content:""
}

.fa-donate:before{
  content:""
}

.fa-door-closed:before{
  content:""
}

.fa-door-open:before{
  content:""
}

.fa-dot-circle:before{
  content:""
}

.fa-dove:before{
  content:""
}

.fa-download:before{
  content:""
}

.fa-draft2digital:before{
  content:""
}

.fa-dribbble:before{
  content:""
}

.fa-dribbble-square:before{
  content:""
}

.fa-dropbox:before{
  content:""
}

.fa-drupal:before{
  content:""
}

.fa-dumbbell:before{
  content:""
}

.fa-dyalog:before{
  content:""
}

.fa-earlybirds:before{
  content:""
}

.fa-ebay:before{
  content:""
}

.fa-edge:before{
  content:""
}

.fa-edit:before{
  content:""
}

.fa-eject:before{
  content:""
}

.fa-elementor:before{
  content:""
}

.fa-ellipsis-h:before{
  content:""
}

.fa-ellipsis-v:before{
  content:""
}

.fa-ember:before{
  content:""
}

.fa-empire:before{
  content:""
}

.fa-envelope:before{
  content:""
}

.fa-envelope-open:before{
  content:""
}

.fa-envelope-square:before{
  content:""
}

.fa-envira:before{
  content:""
}

.fa-equals:before{
  content:""
}

.fa-eraser:before{
  content:""
}

.fa-erlang:before{
  content:""
}

.fa-ethereum:before{
  content:""
}

.fa-etsy:before{
  content:""
}

.fa-euro-sign:before{
  content:""
}

.fa-exchange-alt:before{
  content:""
}

.fa-exclamation:before{
  content:""
}

.fa-exclamation-circle:before{
  content:""
}

.fa-exclamation-triangle:before{
  content:""
}

.fa-expand:before{
  content:""
}

.fa-expand-arrows-alt:before{
  content:""
}

.fa-expeditedssl:before{
  content:""
}

.fa-external-link-alt:before{
  content:""
}

.fa-external-link-square-alt:before{
  content:""
}

.fa-eye:before{
  content:""
}

.fa-eye-dropper:before{
  content:""
}

.fa-eye-slash:before{
  content:""
}

.fa-facebook:before{
  content:""
}

.fa-facebook-f:before{
  content:""
}

.fa-facebook-messenger:before{
  content:""
}

.fa-facebook-square:before{
  content:""
}

.fa-fast-backward:before{
  content:""
}

.fa-fast-forward:before{
  content:""
}

.fa-fax:before{
  content:""
}

.fa-feather:before{
  content:""
}

.fa-female:before{
  content:""
}

.fa-fighter-jet:before{
  content:""
}

.fa-file:before{
  content:""
}

.fa-file-alt:before{
  content:""
}

.fa-file-archive:before{
  content:""
}

.fa-file-audio:before{
  content:""
}

.fa-file-code:before{
  content:""
}

.fa-file-excel:before{
  content:""
}

.fa-file-image:before{
  content:""
}

.fa-file-medical:before{
  content:""
}

.fa-file-medical-alt:before{
  content:""
}

.fa-file-pdf:before{
  content:""
}

.fa-file-powerpoint:before{
  content:""
}

.fa-file-video:before{
  content:""
}

.fa-file-word:before{
  content:""
}

.fa-film:before{
  content:""
}

.fa-filter:before{
  content:""
}

.fa-fire:before{
  content:""
}

.fa-fire-extinguisher:before{
  content:""
}

.fa-firefox:before{
  content:""
}

.fa-first-aid:before{
  content:""
}

.fa-first-order:before{
  content:""
}

.fa-first-order-alt:before{
  content:""
}

.fa-firstdraft:before{
  content:""
}

.fa-flag:before{
  content:""
}

.fa-flag-checkered:before{
  content:""
}

.fa-flask:before{
  content:""
}

.fa-flickr:before{
  content:""
}

.fa-flipboard:before{
  content:""
}

.fa-fly:before{
  content:""
}

.fa-folder:before{
  content:""
}

.fa-folder-open:before{
  content:""
}

.fa-font:before{
  content:""
}

.fa-font-awesome:before{
  content:""
}

.fa-font-awesome-alt:before{
  content:""
}

.fa-font-awesome-flag:before{
  content:""
}

.fa-font-awesome-logo-full:before{
  content:""
}

.fa-fonticons:before{
  content:""
}

.fa-fonticons-fi:before{
  content:""
}

.fa-football-ball:before{
  content:""
}

.fa-fort-awesome:before{
  content:""
}

.fa-fort-awesome-alt:before{
  content:""
}

.fa-forumbee:before{
  content:""
}

.fa-forward:before{
  content:""
}

.fa-foursquare:before{
  content:""
}

.fa-free-code-camp:before{
  content:""
}

.fa-freebsd:before{
  content:""
}

.fa-frog:before{
  content:""
}

.fa-frown:before{
  content:""
}

.fa-fulcrum:before{
  content:""
}

.fa-futbol:before{
  content:""
}

.fa-galactic-republic:before{
  content:""
}

.fa-galactic-senate:before{
  content:""
}

.fa-gamepad:before{
  content:""
}

.fa-gas-pump:before{
  content:""
}

.fa-gavel:before{
  content:""
}

.fa-gem:before{
  content:""
}

.fa-genderless:before{
  content:""
}

.fa-get-pocket:before{
  content:""
}

.fa-gg:before{
  content:""
}

.fa-gg-circle:before{
  content:""
}

.fa-gift:before{
  content:""
}

.fa-git:before{
  content:""
}

.fa-git-square:before{
  content:""
}

.fa-github:before{
  content:""
}

.fa-github-alt:before{
  content:""
}

.fa-github-square:before{
  content:""
}

.fa-gitkraken:before{
  content:""
}

.fa-gitlab:before{
  content:""
}

.fa-gitter:before{
  content:""
}

.fa-glass-martini:before{
  content:""
}

.fa-glasses:before{
  content:""
}

.fa-glide:before{
  content:""
}

.fa-glide-g:before{
  content:""
}

.fa-globe:before{
  content:""
}

.fa-gofore:before{
  content:""
}

.fa-golf-ball:before{
  content:""
}

.fa-goodreads:before{
  content:""
}

.fa-goodreads-g:before{
  content:""
}

.fa-google:before{
  content:""
}

.fa-google-drive:before{
  content:""
}

.fa-google-play:before{
  content:""
}

.fa-google-plus:before{
  content:""
}

.fa-google-plus-g:before{
  content:""
}

.fa-google-plus-square:before{
  content:""
}

.fa-google-wallet:before{
  content:""
}

.fa-graduation-cap:before{
  content:""
}

.fa-gratipay:before{
  content:""
}

.fa-grav:before{
  content:""
}

.fa-greater-than:before{
  content:""
}

.fa-greater-than-equal:before{
  content:""
}

.fa-gripfire:before{
  content:""
}

.fa-grunt:before{
  content:""
}

.fa-gulp:before{
  content:""
}

.fa-h-square:before{
  content:""
}

.fa-hacker-news:before{
  content:""
}

.fa-hacker-news-square:before{
  content:""
}

.fa-hand-holding:before{
  content:""
}

.fa-hand-holding-heart:before{
  content:""
}

.fa-hand-holding-usd:before{
  content:""
}

.fa-hand-lizard:before{
  content:""
}

.fa-hand-paper:before{
  content:""
}

.fa-hand-peace:before{
  content:""
}

.fa-hand-point-down:before{
  content:""
}

.fa-hand-point-left:before{
  content:""
}

.fa-hand-point-right:before{
  content:""
}

.fa-hand-point-up:before{
  content:""
}

.fa-hand-pointer:before{
  content:""
}

.fa-hand-rock:before{
  content:""
}

.fa-hand-scissors:before{
  content:""
}

.fa-hand-spock:before{
  content:""
}

.fa-hands:before{
  content:""
}

.fa-hands-helping:before{
  content:""
}

.fa-handshake:before{
  content:""
}

.fa-hashtag:before{
  content:""
}

.fa-hdd:before{
  content:""
}

.fa-heading:before{
  content:""
}

.fa-headphones:before{
  content:""
}

.fa-heart:before{
  content:""
}

.fa-heartbeat:before{
  content:""
}

.fa-helicopter:before{
  content:""
}

.fa-hips:before{
  content:""
}

.fa-hire-a-helper:before{
  content:""
}

.fa-history:before{
  content:""
}

.fa-hockey-puck:before{
  content:""
}

.fa-home:before{
  content:""
}

.fa-hooli:before{
  content:""
}

.fa-hospital:before{
  content:""
}

.fa-hospital-alt:before{
  content:""
}

.fa-hospital-symbol:before{
  content:""
}

.fa-hotjar:before{
  content:""
}

.fa-hourglass:before{
  content:""
}

.fa-hourglass-end:before{
  content:""
}

.fa-hourglass-half:before{
  content:""
}

.fa-hourglass-start:before{
  content:""
}

.fa-houzz:before{
  content:""
}

.fa-html5:before{
  content:""
}

.fa-hubspot:before{
  content:""
}

.fa-i-cursor:before{
  content:""
}

.fa-id-badge:before{
  content:""
}

.fa-id-card:before{
  content:""
}

.fa-id-card-alt:before{
  content:""
}

.fa-image:before{
  content:""
}

.fa-images:before{
  content:""
}

.fa-imdb:before{
  content:""
}

.fa-inbox:before{
  content:""
}

.fa-indent:before{
  content:""
}

.fa-industry:before{
  content:""
}

.fa-infinity:before{
  content:""
}

.fa-info:before{
  content:""
}

.fa-info-circle:before{
  content:""
}

.fa-instagram:before{
  content:""
}

.fa-internet-explorer:before{
  content:""
}

.fa-ioxhost:before{
  content:""
}

.fa-italic:before{
  content:""
}

.fa-itunes:before{
  content:""
}

.fa-itunes-note:before{
  content:""
}

.fa-java:before{
  content:""
}

.fa-jedi-order:before{
  content:""
}

.fa-jenkins:before{
  content:""
}

.fa-joget:before{
  content:""
}

.fa-joomla:before{
  content:""
}

.fa-js:before{
  content:""
}

.fa-js-square:before{
  content:""
}

.fa-jsfiddle:before{
  content:""
}

.fa-key:before{
  content:""
}

.fa-keybase:before{
  content:""
}

.fa-keyboard:before{
  content:""
}

.fa-keycdn:before{
  content:""
}

.fa-kickstarter:before{
  content:""
}

.fa-kickstarter-k:before{
  content:""
}

.fa-kiwi-bird:before{
  content:""
}

.fa-korvue:before{
  content:""
}

.fa-language:before{
  content:""
}

.fa-laptop:before{
  content:""
}

.fa-laravel:before{
  content:""
}

.fa-lastfm:before{
  content:""
}

.fa-lastfm-square:before{
  content:""
}

.fa-leaf:before{
  content:""
}

.fa-leanpub:before{
  content:""
}

.fa-lemon:before{
  content:""
}

.fa-less:before{
  content:""
}

.fa-less-than:before{
  content:""
}

.fa-less-than-equal:before{
  content:""
}

.fa-level-down-alt:before{
  content:""
}

.fa-level-up-alt:before{
  content:""
}

.fa-life-ring:before{
  content:""
}

.fa-lightbulb:before{
  content:""
}

.fa-line:before{
  content:""
}

.fa-link:before{
  content:""
}

.fa-linkedin:before{
  content:""
}

.fa-linkedin-in:before{
  content:""
}

.fa-linode:before{
  content:""
}

.fa-linux:before{
  content:""
}

.fa-lira-sign:before{
  content:""
}

.fa-list:before{
  content:""
}

.fa-list-alt:before{
  content:""
}

.fa-list-ol:before{
  content:""
}

.fa-list-ul:before{
  content:""
}

.fa-location-arrow:before{
  content:""
}

.fa-lock:before{
  content:""
}

.fa-lock-open:before{
  content:""
}

.fa-long-arrow-alt-down:before{
  content:""
}

.fa-long-arrow-alt-left:before{
  content:""
}

.fa-long-arrow-alt-right:before{
  content:""
}

.fa-long-arrow-alt-up:before{
  content:""
}

.fa-low-vision:before{
  content:""
}

.fa-lyft:before{
  content:""
}

.fa-magento:before{
  content:""
}

.fa-magic:before{
  content:""
}

.fa-magnet:before{
  content:""
}

.fa-male:before{
  content:""
}

.fa-mandalorian:before{
  content:""
}

.fa-map:before{
  content:""
}

.fa-map-marker:before{
  content:""
}

.fa-map-marker-alt:before{
  content:""
}

.fa-map-pin:before{
  content:""
}

.fa-map-signs:before{
  content:""
}

.fa-mars:before{
  content:""
}

.fa-mars-double:before{
  content:""
}

.fa-mars-stroke:before{
  content:""
}

.fa-mars-stroke-h:before{
  content:""
}

.fa-mars-stroke-v:before{
  content:""
}

.fa-mastodon:before{
  content:""
}

.fa-maxcdn:before{
  content:""
}

.fa-medapps:before{
  content:""
}

.fa-medium:before{
  content:""
}

.fa-medium-m:before{
  content:""
}

.fa-medkit:before{
  content:""
}

.fa-medrt:before{
  content:""
}

.fa-meetup:before{
  content:""
}

.fa-meh:before{
  content:""
}

.fa-memory:before{
  content:""
}

.fa-mercury:before{
  content:""
}

.fa-microchip:before{
  content:""
}

.fa-microphone:before{
  content:""
}

.fa-microphone-alt:before{
  content:""
}

.fa-microphone-alt-slash:before{
  content:""
}

.fa-microphone-slash:before{
  content:""
}

.fa-microsoft:before{
  content:""
}

.fa-minus:before{
  content:""
}

.fa-minus-circle:before{
  content:""
}

.fa-minus-square:before{
  content:""
}

.fa-mix:before{
  content:""
}

.fa-mixcloud:before{
  content:""
}

.fa-mizuni:before{
  content:""
}

.fa-mobile:before{
  content:""
}

.fa-mobile-alt:before{
  content:""
}

.fa-modx:before{
  content:""
}

.fa-monero:before{
  content:""
}

.fa-money-bill:before{
  content:""
}

.fa-money-bill-alt:before{
  content:""
}

.fa-money-bill-wave:before{
  content:""
}

.fa-money-bill-wave-alt:before{
  content:""
}

.fa-money-check:before{
  content:""
}

.fa-money-check-alt:before{
  content:""
}

.fa-moon:before{
  content:""
}

.fa-motorcycle:before{
  content:""
}

.fa-mouse-pointer:before{
  content:""
}

.fa-music:before{
  content:""
}

.fa-napster:before{
  content:""
}

.fa-neuter:before{
  content:""
}

.fa-newspaper:before{
  content:""
}

.fa-nintendo-switch:before{
  content:""
}

.fa-node:before{
  content:""
}

.fa-node-js:before{
  content:""
}

.fa-not-equal:before{
  content:""
}

.fa-notes-medical:before{
  content:""
}

.fa-npm:before{
  content:""
}

.fa-ns8:before{
  content:""
}

.fa-nutritionix:before{
  content:""
}

.fa-object-group:before{
  content:""
}

.fa-object-ungroup:before{
  content:""
}

.fa-odnoklassniki:before{
  content:""
}

.fa-odnoklassniki-square:before{
  content:""
}

.fa-old-republic:before{
  content:""
}

.fa-opencart:before{
  content:""
}

.fa-openid:before{
  content:""
}

.fa-opera:before{
  content:""
}

.fa-optin-monster:before{
  content:""
}

.fa-osi:before{
  content:""
}

.fa-outdent:before{
  content:""
}

.fa-page4:before{
  content:""
}

.fa-pagelines:before{
  content:""
}

.fa-paint-brush:before{
  content:""
}

.fa-palette:before{
  content:""
}

.fa-palfed:before{
  content:""
}

.fa-pallet:before{
  content:""
}

.fa-paper-plane:before{
  content:""
}

.fa-paperclip:before{
  content:""
}

.fa-parachute-box:before{
  content:""
}

.fa-paragraph:before{
  content:""
}

.fa-parking:before{
  content:""
}

.fa-paste:before{
  content:""
}

.fa-patreon:before{
  content:""
}

.fa-pause:before{
  content:""
}

.fa-pause-circle:before{
  content:""
}

.fa-paw:before{
  content:""
}

.fa-paypal:before{
  content:""
}

.fa-pen-square:before{
  content:""
}

.fa-pencil-alt:before{
  content:""
}

.fa-people-carry:before{
  content:""
}

.fa-percent:before{
  content:""
}

.fa-percentage:before{
  content:""
}

.fa-periscope:before{
  content:""
}

.fa-phabricator:before{
  content:""
}

.fa-phoenix-framework:before{
  content:""
}

.fa-phoenix-squadron:before{
  content:""
}

.fa-phone:before{
  content:""
}

.fa-phone-slash:before{
  content:""
}

.fa-phone-square:before{
  content:""
}

.fa-phone-volume:before{
  content:""
}

.fa-php:before{
  content:""
}

.fa-pied-piper:before{
  content:""
}

.fa-pied-piper-alt:before{
  content:""
}

.fa-pied-piper-hat:before{
  content:""
}

.fa-pied-piper-pp:before{
  content:""
}

.fa-piggy-bank:before{
  content:""
}

.fa-pills:before{
  content:""
}

.fa-pinterest:before{
  content:""
}

.fa-pinterest-p:before{
  content:""
}

.fa-pinterest-square:before{
  content:""
}

.fa-plane:before{
  content:""
}

.fa-play:before{
  content:""
}

.fa-play-circle:before{
  content:""
}

.fa-playstation:before{
  content:""
}

.fa-plug:before{
  content:""
}

.fa-plus:before{
  content:""
}

.fa-plus-circle:before{
  content:""
}

.fa-plus-square:before{
  content:""
}

.fa-podcast:before{
  content:""
}

.fa-poo:before{
  content:""
}

.fa-portrait:before{
  content:""
}

.fa-pound-sign:before{
  content:""
}

.fa-power-off:before{
  content:""
}

.fa-prescription-bottle:before{
  content:""
}

.fa-prescription-bottle-alt:before{
  content:""
}

.fa-print:before{
  content:""
}

.fa-procedures:before{
  content:""
}

.fa-product-hunt:before{
  content:""
}

.fa-project-diagram:before{
  content:""
}

.fa-pushed:before{
  content:""
}

.fa-puzzle-piece:before{
  content:""
}

.fa-python:before{
  content:""
}

.fa-qq:before{
  content:""
}

.fa-qrcode:before{
  content:""
}

.fa-question:before{
  content:""
}

.fa-question-circle:before{
  content:""
}

.fa-quidditch:before{
  content:""
}

.fa-quinscape:before{
  content:""
}

.fa-quora:before{
  content:""
}

.fa-quote-left:before{
  content:""
}

.fa-quote-right:before{
  content:""
}

.fa-r-project:before{
  content:""
}

.fa-random:before{
  content:""
}

.fa-ravelry:before{
  content:""
}

.fa-react:before{
  content:""
}

.fa-readme:before{
  content:""
}

.fa-rebel:before{
  content:""
}

.fa-receipt:before{
  content:""
}

.fa-recycle:before{
  content:""
}

.fa-red-river:before{
  content:""
}

.fa-reddit:before{
  content:""
}

.fa-reddit-alien:before{
  content:""
}

.fa-reddit-square:before{
  content:""
}

.fa-redo:before{
  content:""
}

.fa-redo-alt:before{
  content:""
}

.fa-registered:before{
  content:""
}

.fa-rendact:before{
  content:""
}

.fa-renren:before{
  content:""
}

.fa-reply:before{
  content:""
}

.fa-reply-all:before{
  content:""
}

.fa-replyd:before{
  content:""
}

.fa-researchgate:before{
  content:""
}

.fa-resolving:before{
  content:""
}

.fa-retweet:before{
  content:""
}

.fa-ribbon:before{
  content:""
}

.fa-road:before{
  content:""
}

.fa-robot:before{
  content:""
}

.fa-rocket:before{
  content:""
}

.fa-rocketchat:before{
  content:""
}

.fa-rockrms:before{
  content:""
}

.fa-rss:before{
  content:""
}

.fa-rss-square:before{
  content:""
}

.fa-ruble-sign:before{
  content:""
}

.fa-ruler:before{
  content:""
}

.fa-ruler-combined:before{
  content:""
}

.fa-ruler-horizontal:before{
  content:""
}

.fa-ruler-vertical:before{
  content:""
}

.fa-rupee-sign:before{
  content:""
}

.fa-safari:before{
  content:""
}

.fa-sass:before{
  content:""
}

.fa-save:before{
  content:""
}

.fa-schlix:before{
  content:""
}

.fa-school:before{
  content:""
}

.fa-screwdriver:before{
  content:""
}

.fa-scribd:before{
  content:""
}

.fa-search:before{
  content:""
}

.fa-search-minus:before{
  content:""
}

.fa-search-plus:before{
  content:""
}

.fa-searchengin:before{
  content:""
}

.fa-seedling:before{
  content:""
}

.fa-sellcast:before{
  content:""
}

.fa-sellsy:before{
  content:""
}

.fa-server:before{
  content:""
}

.fa-servicestack:before{
  content:""
}

.fa-share:before{
  content:""
}

.fa-share-alt:before{
  content:""
}

.fa-share-alt-square:before{
  content:""
}

.fa-share-square:before{
  content:""
}

.fa-shekel-sign:before{
  content:""
}

.fa-shield-alt:before{
  content:""
}

.fa-ship:before{
  content:""
}

.fa-shipping-fast:before{
  content:""
}

.fa-shirtsinbulk:before{
  content:""
}

.fa-shoe-prints:before{
  content:""
}

.fa-shopping-bag:before{
  content:""
}

.fa-shopping-basket:before{
  content:""
}

.fa-shopping-cart:before{
  content:""
}

.fa-shower:before{
  content:""
}

.fa-sign:before{
  content:""
}

.fa-sign-in-alt:before{
  content:""
}

.fa-sign-language:before{
  content:""
}

.fa-sign-out-alt:before{
  content:""
}

.fa-signal:before{
  content:""
}

.fa-simplybuilt:before{
  content:""
}

.fa-sistrix:before{
  content:""
}

.fa-sitemap:before{
  content:""
}

.fa-sith:before{
  content:""
}

.fa-skull:before{
  content:""
}

.fa-skyatlas:before{
  content:""
}

.fa-skype:before{
  content:""
}

.fa-slack:before{
  content:""
}

.fa-slack-hash:before{
  content:""
}

.fa-sliders-h:before{
  content:""
}

.fa-slideshare:before{
  content:""
}

.fa-smile:before{
  content:""
}

.fa-smoking:before{
  content:""
}

.fa-smoking-ban:before{
  content:""
}

.fa-snapchat:before{
  content:""
}

.fa-snapchat-ghost:before{
  content:""
}

.fa-snapchat-square:before{
  content:""
}

.fa-snowflake:before{
  content:""
}

.fa-sort:before{
  content:""
}

.fa-sort-alpha-down:before{
  content:""
}

.fa-sort-alpha-up:before{
  content:""
}

.fa-sort-amount-down:before{
  content:""
}

.fa-sort-amount-up:before{
  content:""
}

.fa-sort-down:before{
  content:""
}

.fa-sort-numeric-down:before{
  content:""
}

.fa-sort-numeric-up:before{
  content:""
}

.fa-sort-up:before{
  content:""
}

.fa-soundcloud:before{
  content:""
}

.fa-space-shuttle:before{
  content:""
}

.fa-speakap:before{
  content:""
}

.fa-spinner:before{
  content:""
}

.fa-spotify:before{
  content:""
}

.fa-square:before{
  content:""
}

.fa-square-full:before{
  content:""
}

.fa-stack-exchange:before{
  content:""
}

.fa-stack-overflow:before{
  content:""
}

.fa-star:before{
  content:""
}

.fa-star-half:before{
  content:""
}

.fa-staylinked:before{
  content:""
}

.fa-steam:before{
  content:""
}

.fa-steam-square:before{
  content:""
}

.fa-steam-symbol:before{
  content:""
}

.fa-step-backward:before{
  content:""
}

.fa-step-forward:before{
  content:""
}

.fa-stethoscope:before{
  content:""
}

.fa-sticker-mule:before{
  content:""
}

.fa-sticky-note:before{
  content:""
}

.fa-stop:before{
  content:""
}

.fa-stop-circle:before{
  content:""
}

.fa-stopwatch:before{
  content:""
}

.fa-store:before{
  content:""
}

.fa-store-alt:before{
  content:""
}

.fa-strava:before{
  content:""
}

.fa-stream:before{
  content:""
}

.fa-street-view:before{
  content:""
}

.fa-strikethrough:before{
  content:""
}

.fa-stripe:before{
  content:""
}

.fa-stripe-s:before{
  content:""
}

.fa-stroopwafel:before{
  content:""
}

.fa-studiovinari:before{
  content:""
}

.fa-stumbleupon:before{
  content:""
}

.fa-stumbleupon-circle:before{
  content:""
}

.fa-subscript:before{
  content:""
}

.fa-subway:before{
  content:""
}

.fa-suitcase:before{
  content:""
}

.fa-sun:before{
  content:""
}

.fa-superpowers:before{
  content:""
}

.fa-superscript:before{
  content:""
}

.fa-supple:before{
  content:""
}

.fa-sync:before{
  content:""
}

.fa-sync-alt:before{
  content:""
}

.fa-syringe:before{
  content:""
}

.fa-table:before{
  content:""
}

.fa-table-tennis:before{
  content:""
}

.fa-tablet:before{
  content:""
}

.fa-tablet-alt:before{
  content:""
}

.fa-tablets:before{
  content:""
}

.fa-tachometer-alt:before{
  content:""
}

.fa-tag:before{
  content:""
}

.fa-tags:before{
  content:""
}

.fa-tape:before{
  content:""
}

.fa-tasks:before{
  content:""
}

.fa-taxi:before{
  content:""
}

.fa-teamspeak:before{
  content:""
}

.fa-telegram:before{
  content:""
}

.fa-telegram-plane:before{
  content:""
}

.fa-tencent-weibo:before{
  content:""
}

.fa-terminal:before{
  content:""
}

.fa-text-height:before{
  content:""
}

.fa-text-width:before{
  content:""
}

.fa-th:before{
  content:""
}

.fa-th-large:before{
  content:""
}

.fa-th-list:before{
  content:""
}

.fa-themeisle:before{
  content:""
}

.fa-thermometer:before{
  content:""
}

.fa-thermometer-empty:before{
  content:""
}

.fa-thermometer-full:before{
  content:""
}

.fa-thermometer-half:before{
  content:""
}

.fa-thermometer-quarter:before{
  content:""
}

.fa-thermometer-three-quarters:before{
  content:""
}

.fa-thumbs-down:before{
  content:""
}

.fa-thumbs-up:before{
  content:""
}

.fa-thumbtack:before{
  content:""
}

.fa-ticket-alt:before{
  content:""
}

.fa-times:before{
  content:""
}

.fa-times-circle:before{
  content:""
}

.fa-tint:before{
  content:""
}

.fa-toggle-off:before{
  content:""
}

.fa-toggle-on:before{
  content:""
}

.fa-toolbox:before{
  content:""
}

.fa-trade-federation:before{
  content:""
}

.fa-trademark:before{
  content:""
}

.fa-train:before{
  content:""
}

.fa-transgender:before{
  content:""
}

.fa-transgender-alt:before{
  content:""
}

.fa-trash:before{
  content:""
}

.fa-trash-alt:before{
  content:""
}

.fa-tree:before{
  content:""
}

.fa-trello:before{
  content:""
}

.fa-tripadvisor:before{
  content:""
}

.fa-trophy:before{
  content:""
}

.fa-truck:before{
  content:""
}

.fa-truck-loading:before{
  content:""
}

.fa-truck-moving:before{
  content:""
}

.fa-tshirt:before{
  content:""
}

.fa-tty:before{
  content:""
}

.fa-tumblr:before{
  content:""
}

.fa-tumblr-square:before{
  content:""
}

.fa-tv:before{
  content:""
}

.fa-twitch:before{
  content:""
}

.fa-twitter:before{
  content:""
}

.fa-twitter-square:before{
  content:""
}

.fa-typo3:before{
  content:""
}

.fa-uber:before{
  content:""
}

.fa-uikit:before{
  content:""
}

.fa-umbrella:before{
  content:""
}

.fa-underline:before{
  content:""
}

.fa-undo:before{
  content:""
}

.fa-undo-alt:before{
  content:""
}

.fa-uniregistry:before{
  content:""
}

.fa-universal-access:before{
  content:""
}

.fa-university:before{
  content:""
}

.fa-unlink:before{
  content:""
}

.fa-unlock:before{
  content:""
}

.fa-unlock-alt:before{
  content:""
}

.fa-untappd:before{
  content:""
}

.fa-upload:before{
  content:""
}

.fa-usb:before{
  content:""
}

.fa-user:before{
  content:""
}

.fa-user-alt:before{
  content:""
}

.fa-user-alt-slash:before{
  content:""
}

.fa-user-astronaut:before{
  content:""
}

.fa-user-check:before{
  content:""
}

.fa-user-circle:before{
  content:""
}

.fa-user-clock:before{
  content:""
}

.fa-user-cog:before{
  content:""
}

.fa-user-edit:before{
  content:""
}

.fa-user-friends:before{
  content:""
}

.fa-user-graduate:before{
  content:""
}

.fa-user-lock:before{
  content:""
}

.fa-user-md:before{
  content:""
}

.fa-user-minus:before{
  content:""
}

.fa-user-ninja:before{
  content:""
}

.fa-user-plus:before{
  content:""
}

.fa-user-secret:before{
  content:""
}

.fa-user-shield:before{
  content:""
}

.fa-user-slash:before{
  content:""
}

.fa-user-tag:before{
  content:""
}

.fa-user-tie:before{
  content:""
}

.fa-user-times:before{
  content:""
}

.fa-users:before{
  content:""
}

.fa-users-cog:before{
  content:""
}

.fa-ussunnah:before{
  content:""
}

.fa-utensil-spoon:before{
  content:""
}

.fa-utensils:before{
  content:""
}

.fa-vaadin:before{
  content:""
}

.fa-venus:before{
  content:""
}

.fa-venus-double:before{
  content:""
}

.fa-venus-mars:before{
  content:""
}

.fa-viacoin:before{
  content:""
}

.fa-viadeo:before{
  content:""
}

.fa-viadeo-square:before{
  content:""
}

.fa-vial:before{
  content:""
}

.fa-vials:before{
  content:""
}

.fa-viber:before{
  content:""
}

.fa-video:before{
  content:""
}

.fa-video-slash:before{
  content:""
}

.fa-vimeo:before{
  content:""
}

.fa-vimeo-square:before{
  content:""
}

.fa-vimeo-v:before{
  content:""
}

.fa-vine:before{
  content:""
}

.fa-vk:before{
  content:""
}

.fa-vnv:before{
  content:""
}

.fa-volleyball-ball:before{
  content:""
}

.fa-volume-down:before{
  content:""
}

.fa-volume-off:before{
  content:""
}

.fa-volume-up:before{
  content:""
}

.fa-vuejs:before{
  content:""
}

.fa-walking:before{
  content:""
}

.fa-wallet:before{
  content:""
}

.fa-warehouse:before{
  content:""
}

.fa-weibo:before{
  content:""
}

.fa-weight:before{
  content:""
}

.fa-weixin:before{
  content:""
}

.fa-whatsapp:before{
  content:""
}

.fa-whatsapp-square:before{
  content:""
}

.fa-wheelchair:before{
  content:""
}

.fa-whmcs:before{
  content:""
}

.fa-wifi:before{
  content:""
}

.fa-wikipedia-w:before{
  content:""
}

.fa-window-close:before{
  content:""
}

.fa-window-maximize:before{
  content:""
}

.fa-window-minimize:before{
  content:""
}

.fa-window-restore:before{
  content:""
}

.fa-windows:before{
  content:""
}

.fa-wine-glass:before{
  content:""
}

.fa-wolf-pack-battalion:before{
  content:""
}

.fa-won-sign:before{
  content:""
}

.fa-wordpress:before{
  content:""
}

.fa-wordpress-simple:before{
  content:""
}

.fa-wpbeginner:before{
  content:""
}

.fa-wpexplorer:before{
  content:""
}

.fa-wpforms:before{
  content:""
}

.fa-wrench:before{
  content:""
}

.fa-x-ray:before{
  content:""
}

.fa-xbox:before{
  content:""
}

.fa-xing:before{
  content:""
}

.fa-xing-square:before{
  content:""
}

.fa-y-combinator:before{
  content:""
}

.fa-yahoo:before{
  content:""
}

.fa-yandex:before{
  content:""
}

.fa-yandex-international:before{
  content:""
}

.fa-yelp:before{
  content:""
}

.fa-yen-sign:before{
  content:""
}

.fa-yoast:before{
  content:""
}

.fa-youtube:before{
  content:""
}

.fa-youtube-square:before{
  content:""
}

.sr-only{
  border:0;
  clip:rect(0, 0, 0, 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.sr-only-focusable:active,.sr-only-focusable:focus{
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto
}

@font-face{
  font-family:"Font Awesome 5 Brands";

  font-style:normal;

  font-weight:normal;

  src:url(8fd833151004f32dc7615b6950e7588b-ae55054f.eot);

  src:url(8fd833151004f32dc7615b6950e7588b-ae55054f.eot?#iefix) format("embedded-opentype"),url(fc15c3c4caed4fce7deb9ed556abac70-f4e9de0d.woff2) format("woff2"),url(c6b883559b08b0953131b2d1f3fdec74-69c28a9d.woff) format("woff"),url(58f744c7b36f2f39d2e364e8a209dd96-c7b23f95.ttf) format("truetype"),url(065e813c6c3b45d6d439826c1dad6ed0-ceebfc66.svg#fontawesome) format("svg")
}

.fab{
  font-family:"Font Awesome 5 Brands"
}

@font-face{
  font-family:"Font Awesome 5 Free";

  font-style:normal;

  font-weight:900;

  src:url(5d737977d140db5d16dea3456a7ee88f-e01645b2.eot);

  src:url(5d737977d140db5d16dea3456a7ee88f-e01645b2.eot?#iefix) format("embedded-opentype"),url(3444dfa507a2daa40ae0ae65fb02b3eb-a10cafe6.woff2) format("woff2"),url(cefdfa5d3e0767a700dd1a7f05c27755-41c00837.woff) format("woff"),url(076dbe0b3ab9468a8f5393647695917d-a6d0c156.ttf) format("truetype"),url(d279d01b1659466bfdbfadabd48e55f4-76dd54eb.svg#fontawesome) format("svg")
}

.fa,.fas{
  font-family:"Font Awesome 5 Free";
  font-weight:900
}

:root{
  --bg: #fafaf8;
  --bg-elevated: #ffffff;
  --content-bg: #f2f1ee;
  --text: #1a1a18;
  --text-muted: #6b6b66;
  --accent: #6366f1;
  --accent-bg: #6470b8;
  --accent-soft: #e0e7ff;
  --accent-hero-hover: #c4c5f7;
  --border: #e8e6e3;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow: 0 2px 12px rgba(0,0,0,.06);
  --shadow-hover: 0 12px 40px rgba(0,0,0,.08)
}

html.dark{
  --bg: #1a1a18;
  --bg-elevated: #252522;
  --content-bg: #1a1a18;
  --text: #f0f0ee;
  --text-muted: #a8a8a2;
  --accent: #a5b4fc;
  --accent-soft: rgba(99, 102, 241, 0.18);
  --border: #3a3a36;
  --shadow: 0 2px 12px rgba(0,0,0,.3);
  --shadow-hover: 0 12px 40px rgba(0,0,0,.4)
}

body{
  font-family:"DM Sans",system-ui,sans-serif;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased
}

.wrapper{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px
}

.hero{
  min-height:85vh;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:80px 0 100px;
  position:relative;
  overflow:hidden;
  background-color:var(--bg);
  background-size:cover;
  background-position:left center;
  background-repeat:no-repeat
}

.hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.15) 65%, transparent 78%, var(--bg) 98%);
  pointer-events:none
}

.hero::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease
}

html.dark .hero::after{
  opacity:1;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.4) 45%, transparent 72%)
}

html.dark .hero::before{
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.25) 55%, transparent 70%, var(--bg) 92%)
}

.hero .wrapper{
  position:relative;
  z-index:1
}

.hero .label{
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:16px
}

.hero h1{
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:clamp(2.75rem,8vw,4.5rem);
  font-weight:700;
  line-height:1.1;
  margin:0 0 16px;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.85),0 4px 24px rgba(0,0,0,.7)
}

.hero .tagline{
  font-size:1.25rem;
  color:#fff;
  max-width:420px;
  margin-bottom:32px;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.85)
}

.hero .label{
  color:#c7d2fe;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.8)
}

.hero-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px
}

.hero-links a{
  color:#fff;
  text-decoration:none;
  font-weight:500;
  font-size:1.125rem;
  padding:8px 0;
  border-bottom:2px solid rgba(0,0,0,0);
  transition:border-color .2s,color .2s;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.8)
}

.hero-links a:hover{
  color:var(--accent-hero-hover) !important;
  border-bottom-color:var(--accent-hero-hover)
}

html.dark .hero h1{
  color:var(--text);
  text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 12px rgba(0,0,0,.7)
}

html.dark .hero .tagline{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.8)
}

html.dark .hero .label{
  color:var(--accent);
  text-shadow:0 1px 2px rgba(0,0,0,.85)
}

html.dark .hero-links a{
  color:var(--text);
  text-shadow:0 1px 2px rgba(0,0,0,.85)
}

html.dark .hero-links a:hover{
  color:var(--accent) !important;
  border-bottom-color:var(--accent)
}

section{
  padding:72px 0
}

.section-label{
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:12px
}

.section-title{
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:clamp(1.75rem,4vw,2.25rem);
  font-weight:700;
  margin:0 0 40px;
  color:var(--text)
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  gap:24px
}

.card{
  display:block;
  text-decoration:none;
  color:inherit;
  background:var(--bg-elevated);
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}

.card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-hover);
  border-color:rgba(0,0,0,0)
}

.card-image{
  aspect-ratio:16/10;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  vertical-align:top
}

.card-body{
  padding:24px
}

.card-meta{
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:8px
}

.card-meta span{
  color:var(--text-muted);
  font-weight:500
}

.card-title{
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:1.25rem;
  font-weight:600;
  margin:0 0 8px;
  line-height:1.3;
  color:inherit
}

.card-desc{
  font-size:.9375rem;
  color:var(--text-muted);
  margin:0;
  line-height:1.5
}

.blog .cards{
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
}

footer{
  padding:48px 0;
  text-align:center;
  font-size:.875rem;
  color:var(--text-muted);
  border-top:1px solid var(--border)
}

.theme-toggle{
  position:fixed;
  top:16px;
  right:16px;
  width:44px;
  height:44px;
  border:1px solid var(--border);
  border-radius:50%;
  background:var(--bg-elevated);
  color:var(--text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:100;
  transition:background .2s,border-color .2s
}

.theme-toggle:hover{
  background:var(--accent-soft);
  border-color:var(--accent)
}

.theme-toggle svg{
  width:22px;
  height:22px
}

.theme-toggle .icon-dark{
  display:none
}

.theme-toggle .icon-light{
  display:block
}

html.dark .theme-toggle .icon-dark{
  display:block
}

html.dark .theme-toggle .icon-light{
  display:none
}

.page-header{
  background:var(--accent-bg);
  color:#fff;
  padding:48px 0 56px
}

.page-header .wrapper{
  text-align:center
}

.page-back{
  margin-bottom:24px;
  text-align:left
}

.page-back a{
  color:hsla(0,0%,100%,.95);
  text-decoration:none;
  font-weight:500;
  font-size:.9375rem
}

.page-back a:hover{
  color:#fff;
  text-decoration:underline
}

.page-title{
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:clamp(1.5rem,4vw,2.25rem);
  font-weight:700;
  margin:0 0 8px;
  line-height:1.2
}

.page-title small{
  display:block;
  font-size:.75em;
  font-weight:600;
  margin-top:4px;
  opacity:.95
}

.page-subtitle{
  font-size:1rem;
  font-weight:400;
  opacity:.9;
  margin:0 0 24px;
  text-transform:uppercase;
  letter-spacing:.06em
}

.page-header .embed-wrap{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;
  align-items:flex-start
}

.page-header .embed-wrap iframe{
  flex:1 1 400px;
  max-width:100%;
  min-height:400px
}

.page-content{
  padding:48px 0 72px;
  color:var(--text);
  background:var(--content-bg)
}

.page-content .wrapper{
  max-width:900px
}

.page-content p,.page-content h3,.page-content h4{
  margin:0 0 1em
}

.page-content a{
  color:var(--accent);
  text-decoration:none
}

.page-content a:hover{
  text-decoration:underline
}

.page-content .link-row{
  text-align:center;
  padding:1em 0;
  margin-bottom:1em
}

.page-content .card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:24px;
  margin:32px 0
}

.page-content .card-grid .card-tile{
  background:var(--bg-elevated);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  text-align:center
}

.tab-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2em
}

.tab{
  padding:.75em 1em;
  margin:0;
  border-bottom:3px solid var(--border);
  border-left:1px solid var(--border);
  cursor:pointer;
  color:var(--text);
  text-decoration:none;
  display:inline-block;
  font-size:.9rem;
  font-weight:500
}

.tab:hover{
  color:var(--accent)
}

.tab.active{
  border-bottom-color:var(--accent);
  border-left-color:var(--accent);
  color:var(--accent)
}

.tab-content{
  display:none;
  padding:2em 0
}

.tab-content.active{
  display:block
}

.page-content pre{
  position:relative;
  background:#e8e7e4;
  padding:.35em .75em;
  padding-right:2.5rem;
  border-radius:var(--radius);
  overflow-x:auto;
  margin:1em 0;
  box-shadow:var(--shadow)
}

.page-content pre code.hljs{
  background:none;
  padding:0;
  border-radius:0;
  box-shadow:none
}

.page-content pre .copy-code-btn{
  position:absolute;
  top:.35em;
  right:.35em;
  padding:.25em .5em;
  font-size:.75rem;
  font-family:inherit;
  color:var(--text-muted);
  background:var(--bg-elevated);
  border:1px solid var(--border);
  border-radius:4px;
  cursor:pointer;
  opacity:.85;
  transition:opacity .15s,color .15s
}

.page-content pre .copy-code-btn:hover{
  opacity:1;
  color:var(--text)
}

.page-content pre .copy-code-btn.copied{
  color:var(--accent)
}

html.dark .page-content pre{
  background:#252522
}

html.dark .page-content pre code.hljs{
  background:none
}

.hljs{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 0.25rem
}

html.dark .hljs{
  display:block;
  overflow-x:auto;
  padding:.5em;
  background:#282a36
}

html.dark .hljs-built_in,html.dark .hljs-selector-tag,html.dark .hljs-section,html.dark .hljs-link{
  color:#8be9fd
}

html.dark .hljs-keyword{
  color:#ff79c6
}

html.dark .hljs,html.dark .hljs-subst{
  color:#f8f8f2
}

html.dark .hljs-title{
  color:#50fa7b
}

html.dark .hljs-string,html.dark .hljs-meta,html.dark .hljs-name,html.dark .hljs-type,html.dark .hljs-attr,html.dark .hljs-symbol,html.dark .hljs-bullet,html.dark .hljs-addition,html.dark .hljs-variable,html.dark .hljs-template-tag,html.dark .hljs-template-variable{
  color:#f1fa8c
}

html.dark .hljs-comment,html.dark .hljs-quote,html.dark .hljs-deletion{
  color:#6272a4
}

html.dark .hljs-keyword,html.dark .hljs-selector-tag,html.dark .hljs-literal,html.dark .hljs-title,html.dark .hljs-section,html.dark .hljs-doctag,html.dark .hljs-type,html.dark .hljs-name,html.dark .hljs-strong{
  font-weight:bold
}

html.dark .hljs-literal,html.dark .hljs-number{
  color:#bd93f9
}

html.dark .hljs-emphasis{
  font-style:italic
}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1536px) {
}