@tailwind base;

@tailwind components;

@tailwind utilities;

@keyframes fadeImagePulse{
  0%,to{
    background-color:#ffffff09
  }

  50%{
    background-color:#ffffff1a
  }
}

.fade-image-container:after{
  content:"";
  pointer-events:none;
  opacity:0;
  background-color:#0000;
  transition:opacity .3s ease-in-out;
  animation:1.5s cubic-bezier(.4,0,.6,1) infinite fadeImagePulse;
  position:absolute;
  inset:0
}

.fade-image-container.fade-image-loading:after{
  opacity:1
}

:root{
  --color-white:#fff;
  --color-light:#fff7f1;
  --color-dark:#000;
  --color-text:var(--color-dark);
  --color-text-dark:#000;
  --color-text-light:#fff;
  --size-text-largest:4rem;
  --size-text-section-label-header:2.5rem;
  --size-text-section-label-subheader:1.5rem;
  --size-text-preview-title-desktop:1.125rem;
  --size-text-preview-subtitle-desktop:1rem;
  --size-text-inputfield:1rem;
  --size-text-xxsmall:.75rem;
  --size-text-teeny:var(--size-text-xxsmall);
  --size-text-xsmall:.875rem;
  --size-text-tiny:var(--size-text-xsmall);
  --size-text-small:1rem;
  --size-text-shmedium:1.125rem;
  --size-text:1.125rem;
  --size-text-medium:1.125rem;
  --size-text-medium-large:1.25rem;
  --size-text-large:1.33rem;
  --size-text-xlarge:1.5rem;
  --size-text-xxlarge:2.5rem;
  --size-text-input:3rem;
  --size-grid:2rem;
  --size-padding-section-label:3rem 0rem 1.5rem 0rem;
  --size-gap-section-label:.75rem;
  --size-padding-teeny:.1rem;
  --size-padding-tiny:.25rem;
  --size-padding-small:.5rem;
  --size-padding-shmedium:.75rem;
  --size-padding:1rem;
  --size-padding-medium:1rem;
  --size-padding-medium-large:1.25rem;
  --size-padding-large:1.5rem;
  --size-padding-xlarge:2.25rem;
  --size-padding-huge:4rem;
  --size-padding-bullets-desktop:2rem;
  --size-padding-medium-dynamic:2rem;
  --size-padding-large-dynamic:3rem;
  --size-padding-large-mobile:0;
  --size-icon-small:.75rem;
  --size-icon-shmedium:1rem;
  --size-icon:1rem;
  --size-icon-medium:1.25rem;
  --size-icon-medium-large:1.5rem;
  --size-icon-large:2.5rem;
  --width-small:15rem;
  --width-shmedium:21rem;
  --width-medium:30rem;
  --width-large:48rem;
  --width-xlarge:60rem;
  --width-card:21.375rem;
  --height-card:12.375rem;
  --width-card-mini:15.375rem;
  --height-card-mini:8.375rem;
  --size-card-med:88%;
  --padding-tiny:var(--size-padding-tiny);
  --padding-small:var(--size-padding-small);
  --padding-shmedium:var(--size-padding-shmedium);
  --padding:var(--size-padding);
  --padding-large:var(--size-padding-large);
  --padding-xlarge:var(--size-padding-xlarge);
  --padding-huge:var(--size-padding-huge);
  --size-margin-small:.75rem;
  --size-margin:1.5rem;
  --size-margin-large:2rem;
  --size-margin-xlarge:4rem;
  --size-margin-xxlarge:6rem;
  --margin-small:var(--size-margin-small);
  --margin:var(--size-margin);
  --margin-large:var(--size-margin-large);
  --margin-xlarge:var(--size-margin-xlarge);
  --margin-xxlarge:var(--size-margin-xxlarge);
  --radius-small:.25rem;
  --radius:.5rem;
  --radius-large:.75rem;
  --radius-xlarge:2.5rem;
  --radius-circle:50%;
  --breakpoint-mobile:48rem;
  --size-tablet:48rem;
  --size-desktop:60rem;
  --offset-1:var(--size-grid);
  --offset-2:calc(var(--size-grid)*2);
  --offset-3:calc(var(--size-grid)*3);
  --offset-4:calc(var(--size-grid)*4);
  --offset-5:calc(var(--size-grid)*5);
  --shadow-dark:0px 4px 10px 0px #00000026;
  --shadow:0px 4px 10px 0px #0000000d;
  --shadow-large-dark:0px 4px 20px 0px #0000004d;
  --shadow-large:0px 4px 20px 0px #00000026;
  --shadow-large-light:0px 4px 20px 0px #0000000d;
  --shadow-xlarge:0px 4px 40px 0px #00000026;
  --shadow-xlarge-light:0px 4px 40px 0px #0000000d;
  --font-mono:"Roboto Mono","Consolas","Menlo","Monaco","Andale Mono","Ubuntu Mono",monospace;
  --font-title:"Libre Baskerville",serif;
  --font-fancy:"Libre Baskerville",serif;
  --font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Open Sans","Helvetica Neue",sans-serif;
  --time-animation-instant:.15s;
  --time-animation:.2s;
  --time-animation-slow:.5s;
  color:var(--color-text);
  font-family:var(--font-body)
}

body,.smooth-font{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-smooth:always
}

.scrollbar-hide{
  -ms-overflow-style:none;
  scrollbar-width:none
}

.scrollbar-hide::-webkit-scrollbar{
  display:none
}

.cursor-magic{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z'%3E%3C/path%3E%3Cpath d='m14 7 3 3'%3E%3C/path%3E%3Cpath d='M5 6v4'%3E%3C/path%3E%3Cpath d='M19 14v4'%3E%3C/path%3E%3Cpath d='M10 2v2'%3E%3C/path%3E%3Cpath d='M7 8H3'%3E%3C/path%3E%3Cpath d='M21 16h-4'%3E%3C/path%3E%3Cpath d='M10 20v2'%3E%3C/path%3E%3C/svg%3E"),auto
}

button.cursor-magic{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z'%3E%3C/path%3E%3Cpath d='m14 7 3 3'%3E%3C/path%3E%3Cpath d='M5 6v4'%3E%3C/path%3E%3Cpath d='M19 14v4'%3E%3C/path%3E%3Cpath d='M10 2v2'%3E%3C/path%3E%3Cpath d='M7 8H3'%3E%3C/path%3E%3Cpath d='M21 16h-4'%3E%3C/path%3E%3Cpath d='M10 20v2'%3E%3C/path%3E%3C/svg%3E"),pointer
}

.ai-mode-active *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z'%3E%3C/path%3E%3Cpath d='m14 7 3 3'%3E%3C/path%3E%3Cpath d='M5 6v4'%3E%3C/path%3E%3Cpath d='M19 14v4'%3E%3C/path%3E%3Cpath d='M10 2v2'%3E%3C/path%3E%3Cpath d='M7 8H3'%3E%3C/path%3E%3Cpath d='M21 16h-4'%3E%3C/path%3E%3Cpath d='M10 20v2'%3E%3C/path%3E%3C/svg%3E"),auto
}

.ai-mode-active .cursor-magic-hover:hover,.ai-mode-active .cursor-magic-hover:hover *,.ai-mode-active button:hover,.ai-mode-active [role=button]:hover,.ai-mode-active .interactive:hover{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z'%3E%3C/path%3E%3Cpath d='m14 7 3 3'%3E%3C/path%3E%3Cpath d='M5 6v4'%3E%3C/path%3E%3Cpath d='M19 14v4'%3E%3C/path%3E%3Cpath d='M10 2v2'%3E%3C/path%3E%3Cpath d='M7 8H3'%3E%3C/path%3E%3Cpath d='M21 16h-4'%3E%3C/path%3E%3Cpath d='M10 20v2'%3E%3C/path%3E%3C/svg%3E"),auto!important
}

.ai-mode-active{
  transition:box-shadow .3s;
  box-shadow:0 0 10px #a855f7,0 0 20px #a855f7,0 0 30px #a855f7
}

.editor-toolbar-float{
  z-index:49;
  border-radius:8px;
  position:fixed;
  top:50%;
  left:20px;
  transform:translateY(-50%);
  box-shadow:0 0 15px #0000004d
}

@media (width<=768px){
  .editor-toolbar-float{
    width:100%;
    margin-bottom:10px;
    top:0;
    left:0;
    transform:none;
    position:relative!important
  }
}

body.cursor-override *{
  cursor:inherit!important
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --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-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(99 102 241 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --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-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(99 102 241 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: "DM Sans", sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

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

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #a5adbd;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #a5adbd;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.container{
  width:100%
}

@media (min-width: 640px){
  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .container{
    max-width:1536px
  }
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.\!visible{
  visibility:visible !important
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.\!absolute{
  position:absolute !important
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.inset-x-2{
  left:0.5rem;
  right:0.5rem
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.-right-1{
  right:-0.25rem
}

.-right-2{
  right:-0.5rem
}

.-top-1{
  top:-0.25rem
}

.-top-10{
  top:-2.5rem
}

.-top-14{
  top:-3.5rem
}

.-top-2{
  top:-0.5rem
}

.-top-4{
  top:-1rem
}

.bottom-0{
  bottom:0px
}

.bottom-1{
  bottom:0.25rem
}

.bottom-1\.5{
  bottom:0.375rem
}

.bottom-2{
  bottom:0.5rem
}

.bottom-4{
  bottom:1rem
}

.bottom-\[-5px\]{
  bottom:-5px
}

.bottom-full{
  bottom:100%
}

.left-0{
  left:0px
}

.left-1\/2{
  left:50%
}

.left-2{
  left:0.5rem
}

.left-4{
  left:1rem
}

.left-\[-5px\]{
  left:-5px
}

.left-\[40\%\]{
  left:40%
}

.left-full{
  left:100%
}

.right-0{
  right:0px
}

.right-1{
  right:0.25rem
}

.right-2{
  right:0.5rem
}

.right-4{
  right:1rem
}

.right-\[-5px\]{
  right:-5px
}

.right-full{
  right:100%
}

.top-0{
  top:0px
}

.top-1{
  top:0.25rem
}

.top-1\.5{
  top:0.375rem
}

.top-1\/2{
  top:50%
}

.top-2{
  top:0.5rem
}

.top-4{
  top:1rem
}

.top-8{
  top:2rem
}

.top-\[-5px\]{
  top:-5px
}

.top-\[20\%\]{
  top:20%
}

.top-full{
  top:100%
}

.isolate{
  isolation:isolate
}

.-z-10{
  z-index:-10
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-50{
  z-index:50
}

.z-\[100\]{
  z-index:100
}

.z-\[60\]{
  z-index:60
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-3{
  grid-column:span 3 / span 3
}

.col-span-7{
  grid-column:span 7 / span 7
}

.\!-m-px{
  margin:-1px !important
}

.-m-1{
  margin:-0.25rem
}

.m-0{
  margin:0px
}

.m-4{
  margin:1rem
}

.-mx-2{
  margin-left:-0.5rem;
  margin-right:-0.5rem
}

.-mx-6{
  margin-left:-1.5rem;
  margin-right:-1.5rem
}

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-mt-4{
  margin-top:-1rem
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-1\.5{
  margin-bottom:0.375rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-16{
  margin-bottom:4rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.ml-1{
  margin-left:0.25rem
}

.ml-1\.5{
  margin-left:0.375rem
}

.ml-2{
  margin-left:0.5rem
}

.ml-3{
  margin-left:0.75rem
}

.ml-4{
  margin-left:1rem
}

.ml-6{
  margin-left:1.5rem
}

.ml-auto{
  margin-left:auto
}

.mr-1{
  margin-right:0.25rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-3{
  margin-right:0.75rem
}

.mr-4{
  margin-right:1rem
}

.mr-6{
  margin-right:1.5rem
}

.mt-0\.5{
  margin-top:0.125rem
}

.mt-1{
  margin-top:0.25rem
}

.mt-12{
  margin-top:3rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1
}

.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}

.line-clamp-3{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.aspect-\[1200\/600\]{
  aspect-ratio:1200/600
}

.aspect-square{
  aspect-ratio:1 / 1
}

.aspect-video{
  aspect-ratio:16 / 9
}

.\!h-px{
  height:1px !important
}

.h-0\.5{
  height:0.125rem
}

.h-1{
  height:0.25rem
}

.h-1\.5{
  height:0.375rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

.h-2\.5{
  height:0.625rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-3{
  height:0.75rem
}

.h-3\.5{
  height:0.875rem
}

.h-32{
  height:8rem
}

.h-4{
  height:1rem
}

.h-40{
  height:10rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-64{
  height:16rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-\[135px\]{
  height:135px
}

.h-\[1px\]{
  height:1px
}

.h-\[240px\]{
  height:240px
}

.h-\[270px\]{
  height:270px
}

.h-\[300px\]{
  height:300px
}

.h-\[38\%\]{
  height:38%
}

.h-\[3px\]{
  height:3px
}

.h-\[50vh\]{
  height:50vh
}

.h-\[60\%\]{
  height:60%
}

.h-\[80vh\]{
  height:80vh
}

.h-\[85\%\]{
  height:85%
}

.h-\[85vh\]{
  height:85vh
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.max-h-32{
  max-height:8rem
}

.max-h-60{
  max-height:15rem
}

.max-h-96{
  max-height:24rem
}

.max-h-\[100px\]{
  max-height:100px
}

.max-h-\[140px\]{
  max-height:140px
}

.max-h-\[200px\]{
  max-height:200px
}

.max-h-\[300px\]{
  max-height:300px
}

.max-h-\[3em\]{
  max-height:3em
}

.max-h-\[600px\]{
  max-height:600px
}

.max-h-\[700px\]{
  max-height:700px
}

.max-h-\[800px\]{
  max-height:800px
}

.max-h-\[80px\]{
  max-height:80px
}

.max-h-\[80vh\]{
  max-height:80vh
}

.max-h-\[90\%\]{
  max-height:90%
}

.max-h-\[90vh\]{
  max-height:90vh
}

.max-h-full{
  max-height:100%
}

.min-h-8{
  min-height:2rem
}

.min-h-\[100px\]{
  min-height:100px
}

.min-h-\[120px\]{
  min-height:120px
}

.min-h-\[2\.5rem\]{
  min-height:2.5rem
}

.min-h-\[200px\]{
  min-height:200px
}

.min-h-\[40px\]{
  min-height:40px
}

.min-h-\[80vh\]{
  min-height:80vh
}

.min-h-full{
  min-height:100%
}

.min-h-screen{
  min-height:100vh
}

.\!w-px{
  width:1px !important
}

.w-1{
  width:0.25rem
}

.w-1\.5{
  width:0.375rem
}

.w-1\/2{
  width:50%
}

.w-1\/5{
  width:20%
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-16{
  width:4rem
}

.w-2{
  width:0.5rem
}

.w-2\.5{
  width:0.625rem
}

.w-2\/5{
  width:40%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-3{
  width:0.75rem
}

.w-3\.5{
  width:0.875rem
}

.w-32{
  width:8rem
}

.w-36{
  width:9rem
}

.w-4{
  width:1rem
}

.w-40{
  width:10rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-56{
  width:14rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-8{
  width:2rem
}

.w-9{
  width:2.25rem
}

.w-\[20\%\]{
  width:20%
}

.w-\[300px\]{
  width:300px
}

.w-\[3px\]{
  width:3px
}

.w-\[80vw\]{
  width:80vw
}

.w-\[90vw\]{
  width:90vw
}

.w-auto{
  width:auto
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.w-px{
  width:1px
}

.min-w-0{
  min-width:0px
}

.min-w-\[180px\]{
  min-width:180px
}

.min-w-\[200px\]{
  min-width:200px
}

.min-w-\[300px\]{
  min-width:300px
}

.min-w-\[40vw\]{
  min-width:40vw
}

.min-w-\[600px\]{
  min-width:600px
}

.max-w-2xl{
  max-width:42rem
}

.max-w-3xl{
  max-width:48rem
}

.max-w-4xl{
  max-width:56rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-6xl{
  max-width:72rem
}

.max-w-7xl{
  max-width:80rem
}

.max-w-\[100px\]{
  max-width:100px
}

.max-w-\[200px\]{
  max-width:200px
}

.max-w-\[360px\]{
  max-width:360px
}

.max-w-\[480px\]{
  max-width:480px
}

.max-w-\[70\%\]{
  max-width:70%
}

.max-w-\[80\%\]{
  max-width:80%
}

.max-w-\[90\%\]{
  max-width:90%
}

.max-w-\[90vw\]{
  max-width:90vw
}

.max-w-full{
  max-width:100%
}

.max-w-lg{
  max-width:32rem
}

.max-w-md{
  max-width:28rem
}

.max-w-screen-lg{
  max-width:1024px
}

.max-w-screen-md{
  max-width:768px
}

.max-w-screen-sm{
  max-width:640px
}

.max-w-sm{
  max-width:24rem
}

.max-w-xl{
  max-width:36rem
}

.max-w-xs{
  max-width:20rem
}

.flex-1{
  flex:1 1 0%
}

.flex-\[1\]{
  flex:1
}

.flex-\[3\]{
  flex:3
}

.flex-shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

.flex-grow-0{
  flex-grow:0
}

.grow{
  flex-grow:1
}

.border-collapse{
  border-collapse:collapse
}

.-translate-x-1\/2{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), 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))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), 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))
}

.-translate-y-full{
  --tw-translate-y:-100%;
  transform:translate(var(--tw-translate-x), 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))
}

.translate-y-0{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), 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))
}

.translate-y-1\/2{
  --tw-translate-y:50%;
  transform:translate(var(--tw-translate-x), 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))
}

.translate-y-4{
  --tw-translate-y:1rem;
  transform:translate(var(--tw-translate-x), 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))
}

.rotate-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), 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))
}

.rotate-45{
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), 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))
}

.scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), 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))
}

.transform{
  transform:translate(var(--tw-translate-x), 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))
}

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

.animate-pulse{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

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

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-help{
  cursor:help
}

.cursor-not-allowed{
  cursor:not-allowed
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.resize-none{
  resize:none
}

.resize-y{
  resize:vertical
}

.resize-x{
  resize:horizontal
}

.resize{
  resize:both
}

.snap-x{
  scroll-snap-type:x var(--tw-scroll-snap-strictness)
}

.snap-start{
  scroll-snap-align:start
}

.list-inside{
  list-style-position:inside
}

.list-disc{
  list-style-type:disc
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-12{
  grid-template-columns:repeat(12, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-8{
  grid-template-columns:repeat(8, minmax(0, 1fr))
}

.flex-row{
  flex-direction:row
}

.flex-row-reverse{
  flex-direction:row-reverse
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-nowrap{
  flex-wrap:nowrap
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.items-baseline{
  align-items:baseline
}

.items-stretch{
  align-items:stretch
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.justify-around{
  justify-content:space-around
}

.justify-evenly{
  justify-content:space-evenly
}

.justify-stretch{
  justify-content:stretch
}

.gap-0{
  gap:0px
}

.gap-1{
  gap:0.25rem
}

.gap-1\.5{
  gap:0.375rem
}

.gap-12{
  gap:3rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-y-2{
  row-gap:0.5rem
}

.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.25rem * var(--tw-space-x-reverse));
  margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.75rem * var(--tw-space-x-reverse));
  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1.5rem * var(--tw-space-x-reverse));
  margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
}

.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(3rem * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-700 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(64 72 98 / var(--tw-divide-opacity, 1))
}

.self-end{
  align-self:flex-end
}

.self-center{
  align-self:center
}

.overflow-auto{
  overflow:auto
}

.\!overflow-hidden{
  overflow:hidden !important
}

.overflow-hidden{
  overflow:hidden
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-x-clip{
  overflow-x:clip
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.text-ellipsis{
  text-overflow:ellipsis
}

.\!whitespace-nowrap{
  white-space:nowrap !important
}

.whitespace-nowrap{
  white-space:nowrap
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.break-words{
  overflow-wrap:break-word
}

.rounded{
  border-radius:0.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-3xl{
  border-radius:1.5rem
}

.rounded-\[18px\]{
  border-radius:18px
}

.rounded-\[24px\]{
  border-radius:24px
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-none{
  border-radius:0px
}

.rounded-sm{
  border-radius:0.125rem
}

.rounded-xl{
  border-radius:0.75rem
}

.rounded-b-3xl{
  border-bottom-right-radius:1.5rem;
  border-bottom-left-radius:1.5rem
}

.rounded-b-lg{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-l-none{
  border-top-left-radius:0px;
  border-bottom-left-radius:0px
}

.rounded-l-xl{
  border-top-left-radius:0.75rem;
  border-bottom-left-radius:0.75rem
}

.rounded-r-lg{
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0.5rem
}

.rounded-r-none{
  border-top-right-radius:0px;
  border-bottom-right-radius:0px
}

.rounded-r-xl{
  border-top-right-radius:0.75rem;
  border-bottom-right-radius:0.75rem
}

.rounded-t-3xl{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem
}

.rounded-t-lg{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem
}

.rounded-t-xl{
  border-top-left-radius:0.75rem;
  border-top-right-radius:0.75rem
}

.\!border-0{
  border-width:0px !important
}

.border{
  border-width:1px
}

.border-2{
  border-width:2px
}

.border-4{
  border-width:4px
}

.border-8{
  border-width:8px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-l{
  border-left-width:1px
}

.border-l-0{
  border-left-width:0px
}

.border-l-2{
  border-left-width:2px
}

.border-r{
  border-right-width:1px
}

.border-r-0{
  border-right-width:0px
}

.border-t{
  border-top-width:1px
}

.border-t-2{
  border-top-width:2px
}

.border-solid{
  border-style:solid
}

.border-dashed{
  border-style:dashed
}

.border-none{
  border-style:none
}

.border-\[\#0050FF\]{
  --tw-border-opacity:1;
  border-color:rgb(0 80 255 / var(--tw-border-opacity, 1))
}

.border-\[\#F38020\]{
  --tw-border-opacity:1;
  border-color:rgb(243 128 32 / var(--tw-border-opacity, 1))
}

.border-\[unset\]{
  border-color:unset
}

.border-amber-200{
  --tw-border-opacity:1;
  border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))
}

.border-amber-200\/60{
  border-color:rgb(253 230 138 / 0.6)
}

.border-amber-300{
  --tw-border-opacity:1;
  border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))
}

.border-amber-400\/30{
  border-color:rgb(251 191 36 / 0.3)
}

.border-amber-500{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-amber-600{
  --tw-border-opacity:1;
  border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))
}

.border-amber-700{
  --tw-border-opacity:1;
  border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))
}

.border-black{
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.border-black\/10{
  border-color:rgb(0 0 0 / 0.1)
}

.border-blue-200{
  --tw-border-opacity:1;
  border-color:rgb(199 208 255 / var(--tw-border-opacity, 1))
}

.border-blue-400{
  --tw-border-opacity:1;
  border-color:rgb(128 143 255 / var(--tw-border-opacity, 1))
}

.border-blue-400\/30{
  border-color:rgb(128 143 255 / 0.3)
}

.border-blue-500{
  --tw-border-opacity:1;
  border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))
}

.border-blue-500\/10{
  border-color:rgb(99 102 241 / 0.1)
}

.border-blue-500\/20{
  border-color:rgb(99 102 241 / 0.2)
}

.border-blue-500\/30{
  border-color:rgb(99 102 241 / 0.3)
}

.border-blue-600{
  --tw-border-opacity:1;
  border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))
}

.border-blue-700{
  --tw-border-opacity:1;
  border-color:rgb(64 74 125 / var(--tw-border-opacity, 1))
}

.border-blue-800{
  --tw-border-opacity:1;
  border-color:rgb(49 46 129 / var(--tw-border-opacity, 1))
}

.border-current{
  border-color:currentColor
}

.border-emerald-400{
  --tw-border-opacity:1;
  border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))
}

.border-emerald-400\/30{
  border-color:rgb(52 211 153 / 0.3)
}

.border-emerald-500{
  --tw-border-opacity:1;
  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
}

.border-emerald-600{
  --tw-border-opacity:1;
  border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(228 231 237 / var(--tw-border-opacity, 1))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(207 212 222 / var(--tw-border-opacity, 1))
}

.border-gray-300\/50{
  border-color:rgb(207 212 222 / 0.5)
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(165 173 189 / var(--tw-border-opacity, 1))
}

.border-gray-500\/20{
  border-color:rgb(119 131 153 / 0.2)
}

.border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(86 95 120 / var(--tw-border-opacity, 1))
}

.border-gray-700{
  --tw-border-opacity:1;
  border-color:rgb(64 72 98 / var(--tw-border-opacity, 1))
}

.border-gray-700\/50{
  border-color:rgb(64 72 98 / 0.5)
}

.border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(41 48 69 / var(--tw-border-opacity, 1))
}

.border-gray-800\/50{
  border-color:rgb(41 48 69 / 0.5)
}

.border-green-200{
  --tw-border-opacity:1;
  border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))
}

.border-green-400{
  --tw-border-opacity:1;
  border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))
}

.border-green-400\/30{
  border-color:rgb(74 222 128 / 0.3)
}

.border-green-400\/40{
  border-color:rgb(74 222 128 / 0.4)
}

.border-green-500{
  --tw-border-opacity:1;
  border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))
}

.border-green-500\/20{
  border-color:rgb(34 197 94 / 0.2)
}

.border-green-600{
  --tw-border-opacity:1;
  border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))
}

.border-green-700{
  --tw-border-opacity:1;
  border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))
}

.border-green-800{
  --tw-border-opacity:1;
  border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))
}

.border-indigo-500\/30{
  border-color:rgb(99 102 241 / 0.3)
}

.border-indigo-500\/50{
  border-color:rgb(99 102 241 / 0.5)
}

.border-orange-400\/30{
  border-color:rgb(251 146 60 / 0.3)
}

.border-purple-500{
  --tw-border-opacity:1;
  border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))
}

.border-purple-500\/20{
  border-color:rgb(168 85 247 / 0.2)
}

.border-purple-500\/50{
  border-color:rgb(168 85 247 / 0.5)
}

.border-purple-700{
  --tw-border-opacity:1;
  border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))
}

.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))
}

.border-red-500\/30{
  border-color:rgb(239 68 68 / 0.3)
}

.border-red-500\/50{
  border-color:rgb(239 68 68 / 0.5)
}

.border-red-600{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.border-red-700{
  --tw-border-opacity:1;
  border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))
}

.border-red-800{
  --tw-border-opacity:1;
  border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))
}

.border-rose-400\/30{
  border-color:rgb(251 113 133 / 0.3)
}

.border-sky-400\/30{
  border-color:rgb(56 189 248 / 0.3)
}

.border-slate-400\/30{
  border-color:rgb(148 163 184 / 0.3)
}

.border-stone-300{
  --tw-border-opacity:1;
  border-color:rgb(214 211 209 / var(--tw-border-opacity, 1))
}

.border-stone-600{
  --tw-border-opacity:1;
  border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))
}

.border-stone-700{
  --tw-border-opacity:1;
  border-color:rgb(68 64 60 / var(--tw-border-opacity, 1))
}

.border-stone-700\/60{
  border-color:rgb(68 64 60 / 0.6)
}

.border-teal-500\/50{
  border-color:rgb(20 184 166 / 0.5)
}

.border-transparent{
  border-color:transparent
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.border-white\/10{
  border-color:rgb(255 255 255 / 0.1)
}

.border-white\/20{
  border-color:rgb(255 255 255 / 0.2)
}

.border-white\/5{
  border-color:rgb(255 255 255 / 0.05)
}

.border-white\/50{
  border-color:rgb(255 255 255 / 0.5)
}

.border-zinc-100{
  --tw-border-opacity:1;
  border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))
}

.border-zinc-200{
  --tw-border-opacity:1;
  border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))
}

.border-zinc-300{
  --tw-border-opacity:1;
  border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))
}

.border-zinc-400\/30{
  border-color:rgb(161 161 170 / 0.3)
}

.border-zinc-500{
  --tw-border-opacity:1;
  border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))
}

.border-zinc-600{
  --tw-border-opacity:1;
  border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))
}

.border-zinc-600\/20{
  border-color:rgb(82 82 91 / 0.2)
}

.border-zinc-600\/30{
  border-color:rgb(82 82 91 / 0.3)
}

.border-zinc-700{
  --tw-border-opacity:1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))
}

.border-zinc-700\/30{
  border-color:rgb(63 63 70 / 0.3)
}

.border-zinc-800{
  --tw-border-opacity:1;
  border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))
}

.border-r-transparent{
  border-right-color:transparent
}

.bg-\[\#0050FF\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 80 255 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F38020\]{
  --tw-bg-opacity:1;
  background-color:rgb(243 128 32 / var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.15\)\]{
  background-color:rgba(0,0,0,0.15)
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
  background-color:rgba(255,255,255,0.2)
}

.bg-amber-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))
}

.bg-amber-200{
  --tw-bg-opacity:1;
  background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))
}

.bg-amber-300{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))
}

.bg-amber-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

.bg-amber-50\/60{
  background-color:rgb(255 251 235 / 0.6)
}

.bg-amber-500{
  --tw-bg-opacity:1;
  background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))
}

.bg-amber-500\/15{
  background-color:rgb(245 158 11 / 0.15)
}

.bg-amber-500\/25{
  background-color:rgb(245 158 11 / 0.25)
}

.bg-amber-600{
  --tw-bg-opacity:1;
  background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))
}

.bg-amber-900\/20{
  background-color:rgb(120 53 15 / 0.2)
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.bg-black\/10{
  background-color:rgb(0 0 0 / 0.1)
}

.bg-black\/20{
  background-color:rgb(0 0 0 / 0.2)
}

.bg-black\/30{
  background-color:rgb(0 0 0 / 0.3)
}

.bg-black\/40{
  background-color:rgb(0 0 0 / 0.4)
}

.bg-black\/50{
  background-color:rgb(0 0 0 / 0.5)
}

.bg-black\/60{
  background-color:rgb(0 0 0 / 0.6)
}

.bg-black\/70{
  background-color:rgb(0 0 0 / 0.7)
}

.bg-black\/80{
  background-color:rgb(0 0 0 / 0.8)
}

.bg-black\/90{
  background-color:rgb(0 0 0 / 0.9)
}

.bg-black\/95{
  background-color:rgb(0 0 0 / 0.95)
}

.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 229 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-200{
  --tw-bg-opacity:1;
  background-color:rgb(199 208 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-400{
  --tw-bg-opacity:1;
  background-color:rgb(128 143 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 242 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-50\/30{
  background-color:rgb(240 242 255 / 0.3)
}

.bg-blue-50\/90{
  background-color:rgb(240 242 255 / 0.9)
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))
}

.bg-blue-500\/10{
  background-color:rgb(99 102 241 / 0.1)
}

.bg-blue-500\/15{
  background-color:rgb(99 102 241 / 0.15)
}

.bg-blue-500\/20{
  background-color:rgb(99 102 241 / 0.2)
}

.bg-blue-500\/25{
  background-color:rgb(99 102 241 / 0.25)
}

.bg-blue-500\/5{
  background-color:rgb(99 102 241 / 0.05)
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))
}

.bg-blue-600\/80{
  background-color:rgb(79 70 229 / 0.8)
}

.bg-blue-900\/20{
  background-color:rgb(30 27 75 / 0.2)
}

.bg-blue-900\/30{
  background-color:rgb(30 27 75 / 0.3)
}

.bg-blue-900\/40{
  background-color:rgb(30 27 75 / 0.4)
}

.bg-emerald-400{
  --tw-bg-opacity:1;
  background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))
}

.bg-emerald-500{
  --tw-bg-opacity:1;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))
}

.bg-emerald-500\/10{
  background-color:rgb(16 185 129 / 0.1)
}

.bg-emerald-500\/15{
  background-color:rgb(16 185 129 / 0.15)
}

.bg-emerald-500\/25{
  background-color:rgb(16 185 129 / 0.25)
}

.bg-emerald-600{
  --tw-bg-opacity:1;
  background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))
}

.bg-gray-100\/90{
  background-color:rgb(242 244 247 / 0.9)
}

.bg-gray-100\/95{
  background-color:rgb(242 244 247 / 0.95)
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(228 231 237 / var(--tw-bg-opacity, 1))
}

.bg-gray-200\/80{
  background-color:rgb(228 231 237 / 0.8)
}

.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(207 212 222 / var(--tw-bg-opacity, 1))
}

.bg-gray-400\/30{
  background-color:rgb(165 173 189 / 0.3)
}

.bg-gray-400\/50{
  background-color:rgb(165 173 189 / 0.5)
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 249 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-50\/50{
  background-color:rgb(248 249 251 / 0.5)
}

.bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgb(119 131 153 / var(--tw-bg-opacity, 1))
}

.bg-gray-500\/10{
  background-color:rgb(119 131 153 / 0.1)
}

.bg-gray-500\/20{
  background-color:rgb(119 131 153 / 0.2)
}

.bg-gray-600{
  --tw-bg-opacity:1;
  background-color:rgb(86 95 120 / var(--tw-bg-opacity, 1))
}

.bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(64 72 98 / var(--tw-bg-opacity, 1))
}

.bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(41 48 69 / var(--tw-bg-opacity, 1))
}

.bg-gray-800\/80{
  background-color:rgb(41 48 69 / 0.8)
}

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(25 31 46 / var(--tw-bg-opacity, 1))
}

.bg-gray-900\/20{
  background-color:rgb(25 31 46 / 0.2)
}

.bg-gray-900\/50{
  background-color:rgb(25 31 46 / 0.5)
}

.bg-gray-900\/80{
  background-color:rgb(25 31 46 / 0.8)
}

.bg-gray-900\/90{
  background-color:rgb(25 31 46 / 0.9)
}

.bg-gray-900\/95{
  background-color:rgb(25 31 46 / 0.95)
}

.bg-gray-950{
  --tw-bg-opacity:1;
  background-color:rgb(14 18 28 / var(--tw-bg-opacity, 1))
}

.bg-gray-950\/30{
  background-color:rgb(14 18 28 / 0.3)
}

.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.bg-green-400{
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))
}

.bg-green-400\/10{
  background-color:rgb(74 222 128 / 0.1)
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.bg-green-50\/90{
  background-color:rgb(240 253 244 / 0.9)
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-green-500\/10{
  background-color:rgb(34 197 94 / 0.1)
}

.bg-green-500\/15{
  background-color:rgb(34 197 94 / 0.15)
}

.bg-green-500\/20{
  background-color:rgb(34 197 94 / 0.2)
}

.bg-green-500\/25{
  background-color:rgb(34 197 94 / 0.25)
}

.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.bg-green-600\/80{
  background-color:rgb(22 163 74 / 0.8)
}

.bg-green-700\/80{
  background-color:rgb(21 128 61 / 0.8)
}

.bg-green-900\/40{
  background-color:rgb(20 83 45 / 0.4)
}

.bg-highlight-glass{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-indigo-500{
  --tw-bg-opacity:1;
  background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))
}

.bg-indigo-500\/10{
  background-color:rgb(99 102 241 / 0.1)
}

.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))
}

.bg-indigo-900\/20{
  background-color:rgb(49 46 129 / 0.2)
}

.bg-indigo-900\/30{
  background-color:rgb(49 46 129 / 0.3)
}

.bg-neutral-700\/80{
  background-color:rgb(64 64 64 / 0.8)
}

.bg-neutral-800{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))
}

.bg-orange-100{
  --tw-bg-opacity:1;
  background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))
}

.bg-orange-400\/50{
  background-color:rgb(251 146 60 / 0.5)
}

.bg-orange-500{
  --tw-bg-opacity:1;
  background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))
}

.bg-orange-500\/10{
  background-color:rgb(249 115 22 / 0.1)
}

.bg-orange-500\/15{
  background-color:rgb(249 115 22 / 0.15)
}

.bg-orange-500\/25{
  background-color:rgb(249 115 22 / 0.25)
}

.bg-pink-100{
  --tw-bg-opacity:1;
  background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))
}

.bg-pink-500{
  --tw-bg-opacity:1;
  background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))
}

.bg-pink-500\/10{
  background-color:rgb(236 72 153 / 0.1)
}

.bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

.bg-purple-500\/10{
  background-color:rgb(168 85 247 / 0.1)
}

.bg-purple-500\/20{
  background-color:rgb(168 85 247 / 0.2)
}

.bg-purple-600{
  --tw-bg-opacity:1;
  background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))
}

.bg-purple-600\/80{
  background-color:rgb(147 51 234 / 0.8)
}

.bg-purple-900{
  --tw-bg-opacity:1;
  background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1))
}

.bg-purple-900\/30{
  background-color:rgb(88 28 135 / 0.3)
}

.bg-purple-900\/40{
  background-color:rgb(88 28 135 / 0.4)
}

.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.bg-red-400{
  --tw-bg-opacity:1;
  background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-50\/90{
  background-color:rgb(254 242 242 / 0.9)
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.bg-red-500\/10{
  background-color:rgb(239 68 68 / 0.1)
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-red-600\/80{
  background-color:rgb(220 38 38 / 0.8)
}

.bg-red-700\/80{
  background-color:rgb(185 28 28 / 0.8)
}

.bg-red-900\/20{
  background-color:rgb(127 29 29 / 0.2)
}

.bg-red-900\/50{
  background-color:rgb(127 29 29 / 0.5)
}

.bg-rose-500\/15{
  background-color:rgb(244 63 94 / 0.15)
}

.bg-rose-500\/25{
  background-color:rgb(244 63 94 / 0.25)
}

.bg-sky-500\/15{
  background-color:rgb(14 165 233 / 0.15)
}

.bg-sky-500\/25{
  background-color:rgb(14 165 233 / 0.25)
}

.bg-sky-600{
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))
}

.bg-sky-700{
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))
}

.bg-slate-200{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

.bg-slate-300{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

.bg-slate-500\/15{
  background-color:rgb(100 116 139 / 0.15)
}

.bg-slate-500\/25{
  background-color:rgb(100 116 139 / 0.25)
}

.bg-stone-100{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 244 / var(--tw-bg-opacity, 1))
}

.bg-stone-600{
  --tw-bg-opacity:1;
  background-color:rgb(87 83 78 / var(--tw-bg-opacity, 1))
}

.bg-stone-700{
  --tw-bg-opacity:1;
  background-color:rgb(68 64 60 / var(--tw-bg-opacity, 1))
}

.bg-stone-800{
  --tw-bg-opacity:1;
  background-color:rgb(41 37 36 / var(--tw-bg-opacity, 1))
}

.bg-stone-800\/60{
  background-color:rgb(41 37 36 / 0.6)
}

.bg-stone-900{
  --tw-bg-opacity:1;
  background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1))
}

.bg-stone-900\/60{
  background-color:rgb(28 25 23 / 0.6)
}

.bg-stone-900\/90{
  background-color:rgb(28 25 23 / 0.9)
}

.bg-stone-900\/95{
  background-color:rgb(28 25 23 / 0.95)
}

.bg-teal-500{
  --tw-bg-opacity:1;
  background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))
}

.bg-teal-500\/10{
  background-color:rgb(20 184 166 / 0.1)
}

.bg-teal-900\/20{
  background-color:rgb(19 78 74 / 0.2)
}

.bg-transparent{
  background-color:transparent
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/10{
  background-color:rgb(255 255 255 / 0.1)
}

.bg-white\/20{
  background-color:rgb(255 255 255 / 0.2)
}

.bg-white\/30{
  background-color:rgb(255 255 255 / 0.3)
}

.bg-white\/5{
  background-color:rgb(255 255 255 / 0.05)
}

.bg-white\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.bg-white\/90{
  background-color:rgb(255 255 255 / 0.9)
}

.bg-white\/95{
  background-color:rgb(255 255 255 / 0.95)
}

.bg-white\/\[\.03\]{
  background-color:rgb(255 255 255 / .03)
}

.bg-yellow-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))
}

.bg-yellow-200{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

.bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))
}

.bg-zinc-200{
  --tw-bg-opacity:1;
  background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))
}

.bg-zinc-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
}

.bg-zinc-500\/15{
  background-color:rgb(113 113 122 / 0.15)
}

.bg-zinc-500\/25{
  background-color:rgb(113 113 122 / 0.25)
}

.bg-zinc-600{
  --tw-bg-opacity:1;
  background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))
}

.bg-zinc-700{
  --tw-bg-opacity:1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
}

.bg-zinc-700\/70{
  background-color:rgb(63 63 70 / 0.7)
}

.bg-zinc-800{
  --tw-bg-opacity:1;
  background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))
}

.bg-zinc-800\/50{
  background-color:rgb(39 39 42 / 0.5)
}

.bg-zinc-800\/70{
  background-color:rgb(39 39 42 / 0.7)
}

.bg-zinc-800\/80{
  background-color:rgb(39 39 42 / 0.8)
}

.bg-zinc-900{
  --tw-bg-opacity:1;
  background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))
}

.bg-zinc-900\/70{
  background-color:rgb(24 24 27 / 0.7)
}

.bg-zinc-900\/80{
  background-color:rgb(24 24 27 / 0.8)
}

.bg-opacity-20{
  --tw-bg-opacity:0.2
}

.bg-opacity-50{
  --tw-bg-opacity:0.5
}

.bg-opacity-60{
  --tw-bg-opacity:0.6
}

.bg-opacity-70{
  --tw-bg-opacity:0.7
}

.bg-opacity-80{
  --tw-bg-opacity:0.8
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t{
  background-image:linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#0050FF\]{
  --tw-gradient-from:#0050FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 80 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500{
  --tw-gradient-from:#f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-400{
  --tw-gradient-from:#34d399 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-500{
  --tw-gradient-from:#10b981 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400\/80{
  --tw-gradient-from:rgb(74 222 128 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500{
  --tw-gradient-from:#ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/0{
  --tw-gradient-from:rgb(255 255 255 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/5{
  --tw-gradient-from:rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/90{
  --tw-gradient-from:rgb(255 255 255 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-white\/10{
  --tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/90{
  --tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#F38020\]{
  --tw-gradient-to:#F38020 var(--tw-gradient-to-position)
}

.to-emerald-300{
  --tw-gradient-to:#6ee7b7 var(--tw-gradient-to-position)
}

.to-emerald-400{
  --tw-gradient-to:#34d399 var(--tw-gradient-to-position)
}

.to-emerald-500{
  --tw-gradient-to:#10b981 var(--tw-gradient-to-position)
}

.to-emerald-600{
  --tw-gradient-to:#059669 var(--tw-gradient-to-position)
}

.to-green-600\/80{
  --tw-gradient-to:rgb(22 163 74 / 0.8) var(--tw-gradient-to-position)
}

.to-orange-500{
  --tw-gradient-to:#f97316 var(--tw-gradient-to-position)
}

.to-red-600{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position)
}

.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position)
}

.to-white\/0{
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position)
}

.to-white\/80{
  --tw-gradient-to:rgb(255 255 255 / 0.8) var(--tw-gradient-to-position)
}

.fill-current{
  fill:currentColor
}

.stroke-\[1\.5\]{
  stroke-width:1.5
}

.stroke-\[2\.5\]{
  stroke-width:2.5
}

.object-contain{
  -o-object-fit:contain;
     object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.\!p-0{
  padding:0px !important
}

.p-0{
  padding:0px
}

.p-0\.5{
  padding:0.125rem
}

.p-1{
  padding:0.25rem
}

.p-1\.5{
  padding:0.375rem
}

.p-12{
  padding:3rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-1\.5{
  padding-left:0.375rem;
  padding-right:0.375rem
}

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

.px-14{
  padding-left:3.5rem;
  padding-right:3.5rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.px-3\.5{
  padding-left:0.875rem;
  padding-right:0.875rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-7{
  padding-left:1.75rem;
  padding-right:1.75rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-2\.5{
  padding-top:0.625rem;
  padding-bottom:0.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-3\.5{
  padding-top:0.875rem;
  padding-bottom:0.875rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

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

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pb-8{
  padding-bottom:2rem
}

.pl-10{
  padding-left:2.5rem
}

.pl-3{
  padding-left:0.75rem
}

.pl-4{
  padding-left:1rem
}

.pl-6{
  padding-left:1.5rem
}

.pr-16{
  padding-right:4rem
}

.pr-20{
  padding-right:5rem
}

.pr-24{
  padding-right:6rem
}

.pt-0{
  padding-top:0px
}

.pt-1{
  padding-top:0.25rem
}

.pt-12{
  padding-top:3rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-4{
  padding-top:1rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.align-top{
  vertical-align:top
}

.align-\[-0\.125em\]{
  vertical-align:-0.125em
}

.font-sans{
  font-family:"DM Sans", sans-serif
}

.font-serif{
  font-family:"Libre Baskerville", serif
}

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

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-6xl{
  font-size:3.75rem;
  line-height:1
}

.text-\[10px\]{
  font-size:10px
}

.text-\[8px\]{
  font-size:8px
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

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

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

.leading-relaxed{
  line-height:1.625
}

.leading-snug{
  line-height:1.375
}

.leading-tight{
  line-height:1.25
}

.tracking-tight{
  letter-spacing:-0.025em
}

.tracking-wide{
  letter-spacing:0.025em
}

.tracking-wider{
  letter-spacing:0.05em
}

.tracking-widest{
  letter-spacing:0.1em
}

.text-\[\#0050FF\]{
  --tw-text-opacity:1;
  color:rgb(0 80 255 / var(--tw-text-opacity, 1))
}

.text-amber-100{
  --tw-text-opacity:1;
  color:rgb(254 243 199 / var(--tw-text-opacity, 1))
}

.text-amber-100\/90{
  color:rgb(254 243 199 / 0.9)
}

.text-amber-200{
  --tw-text-opacity:1;
  color:rgb(253 230 138 / var(--tw-text-opacity, 1))
}

.text-amber-300{
  --tw-text-opacity:1;
  color:rgb(252 211 77 / var(--tw-text-opacity, 1))
}

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.text-amber-50{
  --tw-text-opacity:1;
  color:rgb(255 251 235 / var(--tw-text-opacity, 1))
}

.text-amber-700{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1))
}

.text-amber-800{
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1))
}

.text-amber-900{
  --tw-text-opacity:1;
  color:rgb(120 53 15 / var(--tw-text-opacity, 1))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-100{
  --tw-text-opacity:1;
  color:rgb(224 229 255 / var(--tw-text-opacity, 1))
}

.text-blue-100\/90{
  color:rgb(224 229 255 / 0.9)
}

.text-blue-200{
  --tw-text-opacity:1;
  color:rgb(199 208 255 / var(--tw-text-opacity, 1))
}

.text-blue-200\/80{
  color:rgb(199 208 255 / 0.8)
}

.text-blue-300{
  --tw-text-opacity:1;
  color:rgb(165 180 255 / var(--tw-text-opacity, 1))
}

.text-blue-400{
  --tw-text-opacity:1;
  color:rgb(128 143 255 / var(--tw-text-opacity, 1))
}

.text-blue-50{
  --tw-text-opacity:1;
  color:rgb(240 242 255 / var(--tw-text-opacity, 1))
}

.text-blue-500{
  --tw-text-opacity:1;
  color:rgb(99 102 241 / var(--tw-text-opacity, 1))
}

.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(79 70 229 / var(--tw-text-opacity, 1))
}

.text-blue-700{
  --tw-text-opacity:1;
  color:rgb(64 74 125 / var(--tw-text-opacity, 1))
}

.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(49 46 129 / var(--tw-text-opacity, 1))
}

.text-blue-900{
  --tw-text-opacity:1;
  color:rgb(30 27 75 / var(--tw-text-opacity, 1))
}

.text-emerald-100\/90{
  color:rgb(209 250 229 / 0.9)
}

.text-emerald-300{
  --tw-text-opacity:1;
  color:rgb(110 231 183 / var(--tw-text-opacity, 1))
}

.text-emerald-400{
  --tw-text-opacity:1;
  color:rgb(52 211 153 / var(--tw-text-opacity, 1))
}

.text-emerald-50{
  --tw-text-opacity:1;
  color:rgb(236 253 245 / var(--tw-text-opacity, 1))
}

.text-emerald-600{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.text-emerald-700{
  --tw-text-opacity:1;
  color:rgb(4 120 87 / var(--tw-text-opacity, 1))
}

.text-gray-100{
  --tw-text-opacity:1;
  color:rgb(242 244 247 / var(--tw-text-opacity, 1))
}

.text-gray-200{
  --tw-text-opacity:1;
  color:rgb(228 231 237 / var(--tw-text-opacity, 1))
}

.text-gray-200\/80{
  color:rgb(228 231 237 / 0.8)
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(207 212 222 / var(--tw-text-opacity, 1))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(165 173 189 / var(--tw-text-opacity, 1))
}

.text-gray-400\/60{
  color:rgb(165 173 189 / 0.6)
}

.text-gray-400\/70{
  color:rgb(165 173 189 / 0.7)
}

.text-gray-400\/80{
  color:rgb(165 173 189 / 0.8)
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(119 131 153 / var(--tw-text-opacity, 1))
}

.text-gray-500\/50{
  color:rgb(119 131 153 / 0.5)
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(86 95 120 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(64 72 98 / var(--tw-text-opacity, 1))
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(41 48 69 / var(--tw-text-opacity, 1))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(25 31 46 / var(--tw-text-opacity, 1))
}

.text-green-100{
  --tw-text-opacity:1;
  color:rgb(220 252 231 / var(--tw-text-opacity, 1))
}

.text-green-100\/90{
  color:rgb(220 252 231 / 0.9)
}

.text-green-200{
  --tw-text-opacity:1;
  color:rgb(187 247 208 / var(--tw-text-opacity, 1))
}

.text-green-200\/80{
  color:rgb(187 247 208 / 0.8)
}

.text-green-300{
  --tw-text-opacity:1;
  color:rgb(134 239 172 / var(--tw-text-opacity, 1))
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1))
}

.text-green-50{
  --tw-text-opacity:1;
  color:rgb(240 253 244 / var(--tw-text-opacity, 1))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.text-green-700{
  --tw-text-opacity:1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1))
}

.text-green-800{
  --tw-text-opacity:1;
  color:rgb(22 101 52 / var(--tw-text-opacity, 1))
}

.text-green-900{
  --tw-text-opacity:1;
  color:rgb(20 83 45 / var(--tw-text-opacity, 1))
}

.text-indigo-400{
  --tw-text-opacity:1;
  color:rgb(129 140 248 / var(--tw-text-opacity, 1))
}

.text-indigo-500{
  --tw-text-opacity:1;
  color:rgb(99 102 241 / var(--tw-text-opacity, 1))
}

.text-neutral-400{
  --tw-text-opacity:1;
  color:rgb(163 163 163 / var(--tw-text-opacity, 1))
}

.text-orange-100\/90{
  color:rgb(255 237 213 / 0.9)
}

.text-orange-300{
  --tw-text-opacity:1;
  color:rgb(253 186 116 / var(--tw-text-opacity, 1))
}

.text-orange-50{
  --tw-text-opacity:1;
  color:rgb(255 247 237 / var(--tw-text-opacity, 1))
}

.text-orange-900{
  --tw-text-opacity:1;
  color:rgb(124 45 18 / var(--tw-text-opacity, 1))
}

.text-pink-400{
  --tw-text-opacity:1;
  color:rgb(244 114 182 / var(--tw-text-opacity, 1))
}

.text-purple-100{
  --tw-text-opacity:1;
  color:rgb(243 232 255 / var(--tw-text-opacity, 1))
}

.text-purple-200\/80{
  color:rgb(233 213 255 / 0.8)
}

.text-purple-300{
  --tw-text-opacity:1;
  color:rgb(216 180 254 / var(--tw-text-opacity, 1))
}

.text-purple-400{
  --tw-text-opacity:1;
  color:rgb(192 132 252 / var(--tw-text-opacity, 1))
}

.text-purple-500{
  --tw-text-opacity:1;
  color:rgb(168 85 247 / var(--tw-text-opacity, 1))
}

.text-purple-800{
  --tw-text-opacity:1;
  color:rgb(107 33 168 / var(--tw-text-opacity, 1))
}

.text-red-300{
  --tw-text-opacity:1;
  color:rgb(252 165 165 / var(--tw-text-opacity, 1))
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / var(--tw-text-opacity, 1))
}

.text-red-900{
  --tw-text-opacity:1;
  color:rgb(127 29 29 / var(--tw-text-opacity, 1))
}

.text-rose-100\/90{
  color:rgb(255 228 230 / 0.9)
}

.text-rose-300{
  --tw-text-opacity:1;
  color:rgb(253 164 175 / var(--tw-text-opacity, 1))
}

.text-rose-50{
  --tw-text-opacity:1;
  color:rgb(255 241 242 / var(--tw-text-opacity, 1))
}

.text-sky-100\/90{
  color:rgb(224 242 254 / 0.9)
}

.text-sky-300{
  --tw-text-opacity:1;
  color:rgb(125 211 252 / var(--tw-text-opacity, 1))
}

.text-sky-50{
  --tw-text-opacity:1;
  color:rgb(240 249 255 / var(--tw-text-opacity, 1))
}

.text-slate-100\/90{
  color:rgb(241 245 249 / 0.9)
}

.text-slate-300{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1))
}

.text-slate-50{
  --tw-text-opacity:1;
  color:rgb(248 250 252 / var(--tw-text-opacity, 1))
}

.text-stone-900{
  --tw-text-opacity:1;
  color:rgb(28 25 23 / var(--tw-text-opacity, 1))
}

.text-teal-400{
  --tw-text-opacity:1;
  color:rgb(45 212 191 / var(--tw-text-opacity, 1))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white\/30{
  color:rgb(255 255 255 / 0.3)
}

.text-white\/50{
  color:rgb(255 255 255 / 0.5)
}

.text-white\/60{
  color:rgb(255 255 255 / 0.6)
}

.text-white\/70{
  color:rgb(255 255 255 / 0.7)
}

.text-white\/75{
  color:rgb(255 255 255 / 0.75)
}

.text-white\/80{
  color:rgb(255 255 255 / 0.8)
}

.text-white\/90{
  color:rgb(255 255 255 / 0.9)
}

.text-yellow-400{
  --tw-text-opacity:1;
  color:rgb(250 204 21 / var(--tw-text-opacity, 1))
}

.text-yellow-400\/50{
  color:rgb(250 204 21 / 0.5)
}

.text-yellow-600{
  --tw-text-opacity:1;
  color:rgb(202 138 4 / var(--tw-text-opacity, 1))
}

.text-zinc-100\/90{
  color:rgb(244 244 245 / 0.9)
}

.text-zinc-300{
  --tw-text-opacity:1;
  color:rgb(212 212 216 / var(--tw-text-opacity, 1))
}

.text-zinc-400{
  --tw-text-opacity:1;
  color:rgb(161 161 170 / var(--tw-text-opacity, 1))
}

.text-zinc-50{
  --tw-text-opacity:1;
  color:rgb(250 250 250 / var(--tw-text-opacity, 1))
}

.text-zinc-500{
  --tw-text-opacity:1;
  color:rgb(113 113 122 / var(--tw-text-opacity, 1))
}

.text-zinc-900{
  --tw-text-opacity:1;
  color:rgb(24 24 27 / var(--tw-text-opacity, 1))
}

.underline{
  text-decoration-line:underline
}

.overline{
  text-decoration-line:overline
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.opacity-25{
  opacity:0.25
}

.opacity-30{
  opacity:0.3
}

.opacity-40{
  opacity:0.4
}

.opacity-50{
  opacity:0.5
}

.opacity-60{
  opacity:0.6
}

.opacity-70{
  opacity:0.7
}

.opacity-75{
  opacity:0.75
}

.opacity-80{
  opacity:0.8
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_8px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{
  --tw-shadow:0 0 8px rgba(0,0,0,0.3);
  --tw-shadow-colored:0 0 8px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_12px_rgba\(92\2c _77\2c _31\2c _0\.15\)\]{
  --tw-shadow:0 4px 12px rgba(92, 77, 31, 0.15);
  --tw-shadow-colored:0 4px 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_24px_rgba\(92\2c _77\2c _31\2c _0\.25\)\]{
  --tw-shadow:0 8px 24px rgba(92, 77, 31, 0.25);
  --tw-shadow-colored:0 8px 24px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[4px_4px_0_\#000000\]{
  --tw-shadow:4px 4px 0 #000000;
  --tw-shadow-colored:4px 4px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-blue-500\/20{
  --tw-shadow-color:rgb(99 102 241 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.ring{
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2{
  --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)
}

.ring-black{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 0 0 / var(--tw-ring-opacity, 1))
}

.ring-blue-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(128 143 255 / var(--tw-ring-opacity, 1))
}

.ring-blue-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))
}

.ring-opacity-50{
  --tw-ring-opacity:0.5
}

.ring-offset-2{
  --tw-ring-offset-width:2px
}

.blur{
  --tw-blur:blur(8px);
  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)
}

.invert{
  --tw-invert:invert(100%);
  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)
}

.filter{
  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)
}

.backdrop-blur{
  --tw-backdrop-blur:blur(8px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-2xl{
  --tw-backdrop-blur:blur(40px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg{
  --tw-backdrop-blur:blur(16px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-filter{
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[backdrop-filter\2c background-color\]{
  transition-property:background-color,-webkit-backdrop-filter;
  transition-property:backdrop-filter,background-color;
  transition-property:backdrop-filter,background-color,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.duration-100{
  transition-duration:100ms
}

.duration-150{
  transition-duration:150ms
}

.duration-200{
  transition-duration:200ms
}

.duration-300{
  transition-duration:300ms
}

.duration-500{
  transition-duration:500ms
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-linear{
  transition-timing-function:linear
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\]{
  clip:rect(0,0,0,0) !important
}

body:before{
  z-index:-1000;
  content:"";
  width:100%;
  height:100%;
  position:fixed
}

html{
  z-index:0;
  background-color:#151515
}

body{
  color:#fff;
  margin:0;
  padding:0;
  font-family:Public Sans,Graphik,Helvetica Neue,Helvetica,Acumin,sans-serif;
  font-weight:300;
  overflow:hidden scroll
}

:root{
  --padding-small:.3125rem;
  --padding:.625rem;
  --padding-medium:.9375rem;
  --padding-large:1.25rem;
  --margin-small:.625rem;
  --margin:1.25rem;
  --margin-large:2.5rem;
  --text-size-small:.875rem;
  --text-size:1rem;
  --text-size-large:1.25rem;
  --text-indent:1.25rem;
  --body-padding:1.25rem;
  --mobile-padding:.9375rem;
  --font-family:"Inter",sans-serif;
  --radius-tiny:.25rem;
  --radius:1rem;
  --color-bg:#fffcf0;
  --color-text:#282726;
  --color-text-secondary:#6c6a64;
  --color-link:#2990ef;
  --color-link-hover:#64b5f6;
  --color-backing-light:#fffdf4;
  --color-backing-dark:#e4e2d9;
  --color-backing-darker:#d6d4c8;
  --color-outline:var(--color-backing-dark);
  --color-shadow:#00000030;
  --color-shadow-light:#00000020;
  --color-highlight:#d0a21560;
  --transition-fast:all .1s ease-in-out;
  --transition:all .2s ease-in-out;
  --shadow:var(--color-shadow)1px 3px 7px 2px;
  --border-width:2px;
  --A:12.5rem
}

@media (prefers-color-scheme:dark){
  :root{
    --color-bg:#100f0f;
    --color-text:#e6e4d9;
    --color-text-secondary:#b3b1a9;
    --color-backing-light:#343331;
    --color-highlight:#d0a215
  }
}

*{
  margin:0;
  padding:0
}

strong{
  color:#fff;
  font-weight:600
}

.content{
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:4vh 8vw;
  display:flex;
  overflow:hidden
}

.header{
  background:linear-gradient(#45454500 0%,#7a7a7ab3 100%);
  flex-flow:column wrap;
  justify-content:flex-end;
  align-items:flex-start;
  min-height:40vh;
  display:flex
}

.content-text-title.major{
  font-size:1em
}

hr{
  background-color:#7a7a7ab3;
  border:0;
  width:100%;
  height:1px;
  margin:1em 0
}

.footer{
  text-align:right;
  opacity:.75;
  background-color:#000;
  padding:4vh 10vw;
  display:block
}

.content.major .btn{
  font-size:.8em!important
}

.phone-image{
  background-position:50%;
  background-size:cover;
  min-width:256px;
  max-width:24%;
  max-height:80vh
}

.editor-image-container{
  flex-flow:wrap;
  justify-content:center;
  align-items:center;
  margin:0;
  padding:0;
  display:flex;
  position:relative
}

.editor-image{
  background-position:50%;
  background-size:cover;
  min-width:256px;
  max-width:90%;
  max-height:80vh;
  transition:all .2s ease-in-out
}

.editor-image-container:hover .editor-image{
  cursor:pointer;
  opacity:.5;
  transform:scale(1.02)
}

.editor-image-overlay{
  pointer-events:none;
  color:#fff;
  text-align:center;
  opacity:0;
  font-weight:600;
  transition:all .2s;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}

.editor-image-container:hover .editor-image-overlay{
  opacity:1
}

.btn.wide{
  flex:1
}

.hero{
  flex-flow:wrap;
  justify-content:center;
  align-items:center;
  gap:1.2rem 3rem;
  font-size:1.2em;
  display:flex;
  overflow:visible
}

img.hero-image{
  background-position:50%;
  background-size:cover;
  width:100%
}

.hero-content{
  flex:1;
  min-width:8em
}

.hero-text{
  color:#60a1ec;
  padding-bottom:1rem
}

.hero-text strong{
  color:#fff;
  font-weight:600
}

.hero-subtext,.hero-subtext p{
  color:#ffffffbf;
  font-size:1.4rem
}

.header-text{
  color:#fff;
  font-size:1.2em
}

.btn-container{
  align-items:flex-start;
  display:flex
}

.btn{
  cursor:pointer;
  color:#fff;
  text-align:center;
  background-color:#5893d6;
  border:2px solid #0000;
  border-radius:16px;
  justify-content:center;
  align-items:center;
  max-width:20rem;
  margin:.5em 0 0;
  padding:1rem 2rem;
  text-decoration:none;
  transition:all .1s ease-in-out;
  display:flex
}

.jc{
  justify-content:center
}

.btn svg{
  position:relative;
  top:1px
}

.btn svg path{
  stroke:#5893d6
}

.btn:hover svg path{
  stroke:#fff
}

.outline{
  outline:none!important
}

.btn.outline{
  color:#5893d6;
  background-color:#0000;
  border-color:#5893d6
}

.btn.special{
  background-color:#8458d6
}

.btn.special:hover{
  background-color:#926cd8
}

.btn.special2{
  background-color:#e53d56
}

.btn.special2:hover{
  background-color:#e26074
}

.tiny{
  font-size:.67em
}

.small{
  font-size:.8em
}

.smallish{
  font-size:.9em
}

.light{
  font-weight:300
}

.fade{
  opacity:.675
}

.btn.small>img{
  width:1em;
  height:1em;
  margin:0 0 0 .5rem
}

.big{
  font-size:1.2em
}

.btn-text{
  font-weight:500;
  position:relative;
  bottom:-1px
}

.btn:hover{
  background-color:#719ed5;
  transform:scale(1.02)
}

.btn.outline:hover{
  color:#fff;
  border-color:#fff;
  background-color:#0000!important
}

.btn:active{
  background-color:#436690
}

.btn.secondary{
  background-color:#5d5d5d
}

.btn.secondary:hover{
  background-color:#737373
}

.btn.secondary:active{
  background-color:#3e3e3e
}

.btn.secondary.outline{
  color:#adadad;
  background-color:#0000;
  border-color:#adadad
}

.pad{
  padding-bottom:1rem
}

.extra-pad{
  padding-bottom:3rem
}

h1,.hero-text{
  font-size:1.5em;
  font-weight:600
}

.content h2{
  padding:1rem 0 0;
  font-size:1em
}

.content h3{
  font-size:.8em;
  font-weight:400
}

.content p{
  color:#ffffffe6;
  margin:1em 0 0;
  font-size:.8em
}

p.major{
  color:#fff;
  font-size:1em
}

p.minor,span.minor{
  color:#fff9
}

p.highlight{
  color:#ca2fb5
}

.footer p{
  margin:0
}

ul{
  list-style:none
}

li .title{
  font-size:1.2em;
  font-weight:500
}

li .details{
  color:#fff6;
  margin:.2em 0 0 1em;
  font-size:.8em;
  display:block
}

.center{
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  align-items:center;
  display:flex
}

.row{
  flex-flow:wrap;
  align-items:center;
  display:flex
}

.row.spaced{
  gap:1em
}

.spacer{
  width:1rem;
  height:1rem
}

a.link{
  color:#5893d6;
  cursor:pointer;
  font-weight:500;
  text-decoration:none
}

a.link.underline{
  font-weight:400;
  text-decoration:underline
}

a.link.secondary,a.link.secondary:hover{
  color:#fffc
}

a.link.tertiary,a.link.tertiary:hover{
  color:#fff6
}

a.link:hover{
  color:#719ed5
}

.right-float{
  float:right;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  display:flex
}

.minor a{
  opacity:.8;
  font-weight:400
}

.spacing-bottom{
  margin-bottom:1em!important
}

.extra-spacing-bottom{
  margin-bottom:2.4em!important
}

.video-parent{
  cursor:pointer;
  margin:0 auto;
  position:relative
}

.video-play-button{
  z-index:1;
  opacity:.5;
  border-radius:50%;
  transition:all .2s ease-in-out;
  position:absolute;
  bottom:31%;
  left:50%;
  transform:translate(-50%,-50%)scale(.9);
  box-shadow:0 0 .5em #00000080
}

.video-play-button-text{
  text-align:center;
  color:#fff;
  text-shadow:0 0 .5em #00000080;
  font-size:.4em;
  font-weight:700;
  transition:all .2s ease-in-out;
  display:none;
  position:absolute;
  bottom:50%;
  left:50%;
  transform:translate(-50%,100%)
}

.video-parent:hover .video-play-button-text{
  display:block
}

.video-parent:hover .video-play-button{
  opacity:1;
  transform:translate(-50%,-50%)scale(.85)
}

.video-parent video{
  min-width:100%;
  min-height:100%;
  width:auto!important;
  height:auto!important
}

img.icon{
  opacity:.7;
  width:2em;
  position:relative;
  bottom:-.1em
}

.indent{
  margin-left:4em
}

.divider{
  border-bottom:1px solid #ffffff1a;
  max-width:1150px;
  margin:4rem auto
}

.top-bar{
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:1rem 2rem;
  display:flex;
  left:0;
  right:0
}

.top-bar strong{
  color:#fffffff2;
  font-weight:700
}

.header-container{
  flex-direction:column;
  justify-content:left;
  align-items:flex-start;
  padding:2rem;
  display:flex
}

.back-button{
  font-size:.8em;
  line-height:2em
}

.sidebar{
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  display:flex;
  position:absolute;
  top:39vh;
  right:4rem
}

.sidebar .container{
  flex-flow:column wrap;
  justify-content:center;
  align-items:center;
  display:flex
}

.qr{
  flex-direction:column;
  display:flex
}

.qr img{
  min-width:220px;
  box-shadow:4px 4px 16px #000
}

.fill{
  flex:1;
  width:100%;
  display:flex
}

.sidebar a{
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:250px;
  max-width:80vw;
  display:flex
}

.column{
  flex-direction:column;
  flex:0
}

.sidebar .btn{
  width:100%
}

div.body{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  padding:1em 45vh 1em 1em;
  display:flex
}

p.body{
  color:#ffffffaf;
  margin:1em 0;
  font-size:.72em;
  line-height:1.2em
}

.twocol{
  flex-flow:wrap;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  padding:0 2rem;
  display:flex
}

.twocol .col{
  max-width:640px
}

.col{
  flex-flow:column wrap;
  display:flex
}

.fb40{
  flex-basis:40%
}

.fb60{
  flex-basis:60%
}

.infobox{
  flex-direction:row;
  margin:1rem 0;
  display:flex
}

.infobox .item{
  margin-right:1.5rem;
  font-size:.6em
}

.infobox .item img{
  opacity:.5;
  width:1em;
  margin-right:.3em;
  transform:translateY(.15em)
}

.infocard-container{
  flex-flow:wrap;
  gap:2rem;
  margin:3rem 1rem 0 0;
  display:flex
}

.infocard-twocol-container{
  max-width:1150px;
  margin:0 auto;
  padding:0 0 0 2rem
}

.infocard{
  border:5px solid #4b4b4b;
  border-radius:16px;
  flex-basis:20vw;
  max-width:420px;
  margin-right:1.5rem;
  padding:1rem;
  transition:all .4s ease-in-out
}

.infocard p{
  font-size:1em
}

.hoverable{
  transition:all .4s ease-in-out
}

.hoverable:hover,.infocard:hover{
  transform:scale(1.02)
}

.infocard.right{
  margin-top:-5%;
  margin-left:auto
}

.infocard.left{
  margin-top:-5%
}

.infocard.padded{
  flex-basis:40vw;
  padding:2rem
}

.infocard-header{
  margin-bottom:1rem;
  font-size:1.33em;
  font-weight:700;
  line-height:1.4em
}

.infocard-body{
  color:#ffffffb3;
  font-size:.72em
}

.infocard img{
  width:1.2em;
  height:1.2em
}

.infocard .icon{
  opacity:.5;
  width:1.2em;
  margin-right:.3em;
  transform:translateY(.15em)
}

.infocard .icon img{
  width:1.2em;
  height:1.2em
}

.tag{
  letter-spacing:.05em;
  color:#ffffffaf;
  filter:grayscale(50%)contrast(1.3);
  border:2px solid #ffffff54;
  border-radius:1rem;
  margin-bottom:1rem;
  margin-right:1rem;
  padding:1rem;
  font-size:.8em;
  font-weight:500;
  transition:all .1s ease-in-out;
  display:inline-block
}

.tag:hover{
  color:#fff;
  border:2px solid #fff;
  transform:scale(1.02)
}

.blue{
  color:#549cee;
  border-color:#549cee7c
}

.yellow{
  color:#dfa348;
  border-color:#dfa3487c
}

.green{
  color:#49bd58;
  border-color:#49bd587c
}

.pink{
  color:#fe788b;
  border-color:#fe788b7c
}

.flex-align-start{
  align-items:flex-start;
  display:flex
}

.marquee{
  --gap:.2rem;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  gap:var(--gap);
  margin:.5rem 0;
  display:flex
}

.marquee-content{
  gap:var(--gap);
  flex-shrink:0;
  animation:120s linear infinite scroll
}

.marquee-content.reverse{
  animation-direction:reverse
}

.logo-container{
  cursor:pointer;
  min-width:256px;
  max-width:24%;
  transition:all .2s ease-in-out
}

.logo-container:hover{
  transform:scale(1.1)
}

.hide-overflow{
  overflow:hidden
}

.aside-container{
  background-color:#491b20;
  border:2px solid #854242;
  border-radius:16px;
  flex-flow:wrap;
  justify-content:center;
  align-items:center;
  gap:2rem;
  margin:2rem;
  padding:2rem;
  display:flex
}

.aside-container .left{
  flex:.1;
  margin-right:1rem
}

.aside-container .middle{
  flex:1;
  margin:0 1rem
}

.aside-container .right{
  flex:.1;
  margin-left:1rem
}

.shelf-header{
  margin-top:2.4rem;
  margin-bottom:1rem;
  font-size:1.2em;
  font-weight:500;
  line-height:1.4em
}

.shelf-item a{
  margin-bottom:1rem;
  font-size:.9em;
  font-weight:400;
  line-height:1.4em
}

.noflex{
  display:inline-block
}

.btn .icon{
  opacity:.5;
  width:1.2em;
  margin-right:.3em;
  transform:translateY(-.05em)
}

.magic{
  background:#66c5ff;
  background:linear-gradient(90deg,#66c5ff,#fe4aff);
  color:#0000;
  -webkit-background-clip:text;
  background-clip:text
}

.toast{
  opacity:0;
  color:#49bd58;
  z-index:100;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  padding:1rem;
  font-size:.6em;
  transition:all .2s ease-in-out;
  display:block;
  position:absolute;
  bottom:100%
}

.show{
  opacity:1;
  display:block
}

.hide{
  opacity:0;
  display:block
}

.testimonials.content{
  padding:1rem 2rem
}

.testimonial{
  text-align:center;
  border:2px solid #ffffff54;
  border-radius:1rem;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-width:4rem;
  max-width:24rem;
  padding:3rem 2rem;
  display:flex
}

.testimonial-content{
  margin:0 0 1rem;
  font-size:1.2em;
  font-weight:500
}

.testimonial-author{
  color:#ffffffaf;
  margin:1rem 0 0;
  padding:0;
  font-size:.8em;
  font-weight:500
}

@keyframes scroll{
  0%{
    transform:translate(0)
  }

  to{
    transform:translateX(calc(-100% - var(--gap)))
  }
}

.bounce-click{
  animation:.3s click
}

@keyframes click{
  0%{
    transform:scale(1)
  }

  20%{
    transform:scale(.85)
  }

  50%{
    transform:scale(1.02,1.08)
  }

  to{
    transform:scale(1)
  }
}

@media (width<=1100px){
  .testimonials .row{
    flex-direction:column
  }

  .infocard.right{
    margin-top:5%;
    margin-bottom:5%;
    margin-left:auto
  }

  .infocard.left{
    margin-top:5%;
    margin-bottom:5%
  }

  .twocol{
    flex-direction:column;
    gap:4rem
  }

  .twocol:first-child{
    margin-bottom:4rem
  }

  .fb40,.fb60{
    flex-basis:100%
  }

  .btn{
    max-width:unset
  }
}

@media (width<=800px){
  .hero.content{
    padding-top:0!important
  }

  div.body{
    padding:0 1rem
  }

  .video-parent{
    max-width:100vw
  }

  .sidebar{
    position:inherit;
    top:unset;
    right:unset;
    padding-top:1em
  }

  .sidebar .qr img{
    max-height:unset;
    min-width:67vw
  }

  .infocard{
    flex-basis:100%;
    max-width:100%;
    margin-bottom:1rem
  }

  .top-bar .row:last-child{
    display:none
  }

  .infocard.left,.infocard.right{
    margin-top:4rem!important;
    margin-bottom:4rem!important
  }

  .aside-container .noflex{
    display:block
  }
}

.pack-card{
  color:#fff;
  background-color:#354653;
  border-radius:8px;
  flex-direction:column;
  justify-content:space-between;
  max-width:278px;
  height:108px;
  padding:16px;
  display:flex;
  box-shadow:0 2px 4px #0000000d
}

.pack-title{
  font-size:var(--text-size);
  margin-bottom:.5em;
  font-weight:700
}

.pack-description{
  font-size:var(--text-size-small);
  flex-grow:1
}

.pack-footer{
  font-size:var(--text-size-small);
  justify-content:space-between;
  align-items:center;
  display:flex
}

.pack-downloads,.pack-cards{
  font-weight:700
}

.row{
  flex-flow:wrap;
  display:flex
}

.search-container{
  width:100%;
  margin:0 auto
}

.search-bar{
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  background:#ffffff1a;
  border:1px solid #ffffff1a;
  border-radius:16px;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1rem 1.5rem;
  transition:all .3s;
  display:flex
}

.search-bar:hover,.search-bar:focus-within{
  background:#ffffff26;
  border-color:#fff3
}

.search-input{
  color:#fff;
  background:0 0;
  border:none;
  outline:none;
  flex:1;
  font-size:1.125rem
}

.search-input::-moz-placeholder{
  color:#ffffff80
}

.search-input::placeholder{
  color:#ffffff80
}

.category-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1.5rem;
  margin-top:2rem;
  display:grid
}

.category-card{
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  cursor:pointer;
  background:#ffffff14;
  border:1px solid #ffffff1a;
  border-radius:16px;
  align-items:center;
  gap:1rem;
  padding:2rem;
  transition:all .3s;
  display:flex
}

.category-card:hover{
  background:#ffffff1f;
  transform:translateY(-2px)
}

.category-icon{
  opacity:.9;
  justify-content:center;
  align-items:center;
  width:32px;
  height:32px;
  display:flex
}

.category-title{
  color:#fff;
  margin:0;
  font-size:1.25rem;
  font-weight:500
}

.shelf-scrollbar-hide{
  scrollbar-width:none;
  -ms-overflow-style:none
}

.shelf-scrollbar-hide::-webkit-scrollbar{
  display:none
}

.shelf-container{
  position:relative
}

.shelf-header{
  margin-bottom:.75rem
}

.shelf-title{
  margin-bottom:.25rem;
  font-weight:700
}

.shelf-description{
  color:#6b7280cc;
  font-size:.875rem
}

.shelf-scroll-area{
  position:relative
}

.shelf-fade-left,.shelf-fade-right,.shelf-fade-left-light,.shelf-fade-right-light{
  z-index:5;
  pointer-events:none;
  width:100px;
  height:100%;
  position:absolute;
  top:0
}

.shelf-fade-left{
  background:linear-gradient(90deg,#0000004d,#0000);
  left:0
}

.shelf-fade-right{
  background:linear-gradient(270deg,#0000004d,#0000);
  right:0
}

.shelf-fade-left-light{
  background:linear-gradient(90deg,#ffffff4d,#0000);
  left:0
}

.shelf-fade-right-light{
  background:linear-gradient(270deg,#ffffff4d,#0000);
  right:0
}

.shelf-nav-button{
  z-index:10;
  cursor:pointer;
  -webkit-backdrop-filter:blur(4px);
          backdrop-filter:blur(4px);
  color:#fff;
  background-color:#1e1e1ed9;
  border:none;
  border-radius:50%;
  justify-content:center;
  align-items:center;
  width:44px;
  height:44px;
  transition:all .2s;
  display:flex;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  box-shadow:0 2px 8px #00000040
}

.shelf-nav-button:hover{
  background-color:#282828f2;
  transform:translateY(-50%)scale(1.05)
}

.shelf-nav-button-light{
  color:#333;
  background-color:#f0f0f0d9
}

.shelf-nav-button-light:hover{
  background-color:#fafafaf2;
  transform:translateY(-50%)scale(1.05)
}

.shelf-nav-button:focus{
  outline:none;
  box-shadow:0 0 0 2px #ffffff80,0 2px 8px #00000040
}

.shelf-nav-button-light:focus{
  outline:none;
  box-shadow:0 0 0 2px #0003,0 2px 8px #0000001a
}

.shelf-nav-button-left{
  left:8px
}

.shelf-nav-button-right{
  right:8px
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.shelf-nav-button,.shelf-fade-left,.shelf-fade-right,.shelf-fade-left-light,.shelf-fade-right-light{
  animation:.2s ease-in-out fadeIn
}

.placeholder\:text-amber-600::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1))
}

.placeholder\:text-amber-600::placeholder{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(165 173 189 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity:1;
  color:rgb(165 173 189 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(119 131 153 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500::placeholder{
  --tw-text-opacity:1;
  color:rgb(119 131 153 / var(--tw-text-opacity, 1))
}

.placeholder\:text-green-600::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.placeholder\:text-green-600::placeholder{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.placeholder\:text-stone-500::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(120 113 108 / var(--tw-text-opacity, 1))
}

.placeholder\:text-stone-500::placeholder{
  --tw-text-opacity:1;
  color:rgb(120 113 108 / var(--tw-text-opacity, 1))
}

.first\:pl-6:first-child{
  padding-left:1.5rem
}

.last\:border-b-0:last-child{
  border-bottom-width:0px
}

.last\:pr-6:last-child{
  padding-right:1.5rem
}

.focus-within\:border-\[\#0050FF\]:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(0 80 255 / var(--tw-border-opacity, 1))
}

.focus-within\:border-emerald-400:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))
}

.focus-within\:border-gray-400:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(165 173 189 / var(--tw-border-opacity, 1))
}

.focus-within\:border-gray-900:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(25 31 46 / var(--tw-border-opacity, 1))
}

.focus-within\:bg-black:focus-within{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.focus-within\:bg-gray-50:focus-within{
  --tw-bg-opacity:1;
  background-color:rgb(248 249 251 / var(--tw-bg-opacity, 1))
}

.focus-within\:bg-gray-800:focus-within{
  --tw-bg-opacity:1;
  background-color:rgb(41 48 69 / var(--tw-bg-opacity, 1))
}

.focus-within\:bg-green-400:focus-within{
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))
}

.focus-within\:text-black:focus-within{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.focus-within\:text-green-400:focus-within{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1))
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-\[\#0050FF\]\/20:focus-within{
  --tw-ring-color:rgb(0 80 255 / 0.2)
}

.focus-within\:ring-emerald-100:focus-within{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(209 250 229 / var(--tw-ring-opacity, 1))
}

.focus-within\:ring-emerald-900\/20:focus-within{
  --tw-ring-color:rgb(6 78 59 / 0.2)
}

.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), 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))
}

.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), 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))
}

.hover\:scale-y-105:hover{
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), 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))
}

.hover\:border-\[\#0040CC\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(0 64 204 / var(--tw-border-opacity, 1))
}

.hover\:border-\[\#0050FF\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(0 80 255 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-200:hover{
  --tw-border-opacity:1;
  border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-700:hover{
  --tw-border-opacity:1;
  border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))
}

.hover\:border-amber-800:hover{
  --tw-border-opacity:1;
  border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))
}

.hover\:border-black:hover{
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-200:hover{
  --tw-border-opacity:1;
  border-color:rgb(199 208 255 / var(--tw-border-opacity, 1))
}

.hover\:border-emerald-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))
}

.hover\:border-emerald-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))
}

.hover\:border-emerald-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(207 212 222 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(165 173 189 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(119 131 153 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(86 95 120 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-700:hover{
  --tw-border-opacity:1;
  border-color:rgb(64 72 98 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-800:hover{
  --tw-border-opacity:1;
  border-color:rgb(41 48 69 / var(--tw-border-opacity, 1))
}

.hover\:border-green-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))
}

.hover\:border-orange-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))
}

.hover\:border-red-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.hover\:border-red-700:hover{
  --tw-border-opacity:1;
  border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))
}

.hover\:border-red-800:hover{
  --tw-border-opacity:1;
  border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))
}

.hover\:border-stone-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(168 162 158 / var(--tw-border-opacity, 1))
}

.hover\:border-stone-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(120 113 108 / var(--tw-border-opacity, 1))
}

.hover\:border-stone-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))
}

.hover\:border-stone-700:hover{
  --tw-border-opacity:1;
  border-color:rgb(68 64 60 / var(--tw-border-opacity, 1))
}

.hover\:border-white\/50:hover{
  border-color:rgb(255 255 255 / 0.5)
}

.hover\:border-zinc-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))
}

.hover\:border-zinc-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#0040CC\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 64 204 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))
}

.hover\:bg-black:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.hover\:bg-black\/10:hover{
  background-color:rgb(0 0 0 / 0.1)
}

.hover\:bg-black\/50:hover{
  background-color:rgb(0 0 0 / 0.5)
}

.hover\:bg-black\/90:hover{
  background-color:rgb(0 0 0 / 0.9)
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(224 229 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 242 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50\/80:hover{
  background-color:rgb(240 242 255 / 0.8)
}

.hover\:bg-blue-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-500\/80:hover{
  background-color:rgb(99 102 241 / 0.8)
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(64 74 125 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-900\/50:hover{
  background-color:rgb(30 27 75 / 0.5)
}

.hover\:bg-emerald-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(228 231 237 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(207 212 222 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(248 249 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(86 95 120 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(64 72 98 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(41 48 69 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800\/80:hover{
  background-color:rgb(41 48 69 / 0.8)
}

.hover\:bg-gray-900:hover{
  --tw-bg-opacity:1;
  background-color:rgb(25 31 46 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-400:hover{
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-900\/50:hover{
  background-color:rgb(20 83 45 / 0.5)
}

.hover\:bg-indigo-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1))
}

.hover\:bg-orange-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))
}

.hover\:bg-pink-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))
}

.hover\:bg-purple-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

.hover\:bg-purple-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))
}

.hover\:bg-purple-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-500\/10:hover{
  background-color:rgb(239 68 68 / 0.1)
}

.hover\:bg-red-500\/80:hover{
  background-color:rgb(239 68 68 / 0.8)
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-900\/30:hover{
  background-color:rgb(127 29 29 / 0.3)
}

.hover\:bg-red-900\/50:hover{
  background-color:rgb(127 29 29 / 0.5)
}

.hover\:bg-stone-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(87 83 78 / var(--tw-bg-opacity, 1))
}

.hover\:bg-stone-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(68 64 60 / var(--tw-bg-opacity, 1))
}

.hover\:bg-stone-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(41 37 36 / var(--tw-bg-opacity, 1))
}

.hover\:bg-teal-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))
}

.hover\:bg-transparent:hover{
  background-color:transparent
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/10:hover{
  background-color:rgb(255 255 255 / 0.1)
}

.hover\:bg-white\/20:hover{
  background-color:rgb(255 255 255 / 0.2)
}

.hover\:bg-white\/50:hover{
  background-color:rgb(255 255 255 / 0.5)
}

.hover\:bg-white\/\[\.02\]:hover{
  background-color:rgb(255 255 255 / .02)
}

.hover\:bg-zinc-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-600\/70:hover{
  background-color:rgb(82 82 91 / 0.7)
}

.hover\:bg-zinc-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-700\/70:hover{
  background-color:rgb(63 63 70 / 0.7)
}

.hover\:bg-zinc-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-50:hover{
  --tw-bg-opacity:0.5
}

.hover\:bg-opacity-80:hover{
  --tw-bg-opacity:0.8
}

.hover\:bg-opacity-90:hover{
  --tw-bg-opacity:0.9
}

.hover\:from-amber-600:hover{
  --tw-gradient-from:#d97706 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-emerald-500:hover{
  --tw-gradient-from:#10b981 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-emerald-600:hover{
  --tw-gradient-from:#059669 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-red-600:hover{
  --tw-gradient-from:#dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-emerald-600:hover{
  --tw-gradient-to:#059669 var(--tw-gradient-to-position)
}

.hover\:to-emerald-700:hover{
  --tw-gradient-to:#047857 var(--tw-gradient-to-position)
}

.hover\:to-orange-600:hover{
  --tw-gradient-to:#ea580c var(--tw-gradient-to-position)
}

.hover\:to-red-700:hover{
  --tw-gradient-to:#b91c1c var(--tw-gradient-to-position)
}

.hover\:text-\[\#0050FF\]:hover{
  --tw-text-opacity:1;
  color:rgb(0 80 255 / var(--tw-text-opacity, 1))
}

.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-100:hover{
  --tw-text-opacity:1;
  color:rgb(224 229 255 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-200:hover{
  --tw-text-opacity:1;
  color:rgb(199 208 255 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-300:hover{
  --tw-text-opacity:1;
  color:rgb(165 180 255 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-300:hover{
  --tw-text-opacity:1;
  color:rgb(110 231 183 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-600:hover{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-700:hover{
  --tw-text-opacity:1;
  color:rgb(4 120 87 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover{
  --tw-text-opacity:1;
  color:rgb(228 231 237 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-300:hover{
  --tw-text-opacity:1;
  color:rgb(207 212 222 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-300\/80:hover{
  color:rgb(207 212 222 / 0.8)
}

.hover\:text-gray-400:hover{
  --tw-text-opacity:1;
  color:rgb(165 173 189 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(25 31 46 / var(--tw-text-opacity, 1))
}

.hover\:text-green-400:hover{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1))
}

.hover\:text-purple-300:hover{
  --tw-text-opacity:1;
  color:rgb(216 180 254 / var(--tw-text-opacity, 1))
}

.hover\:text-red-100:hover{
  --tw-text-opacity:1;
  color:rgb(254 226 226 / var(--tw-text-opacity, 1))
}

.hover\:text-red-300:hover{
  --tw-text-opacity:1;
  color:rgb(252 165 165 / var(--tw-text-opacity, 1))
}

.hover\:text-red-400:hover{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.hover\:text-red-500:hover{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:text-white\/60:hover{
  color:rgb(255 255 255 / 0.6)
}

.hover\:text-white\/70:hover{
  color:rgb(255 255 255 / 0.7)
}

.hover\:text-white\/80:hover{
  color:rgb(255 255 255 / 0.8)
}

.hover\:text-zinc-300:hover{
  --tw-text-opacity:1;
  color:rgb(212 212 216 / var(--tw-text-opacity, 1))
}

.hover\:text-zinc-700:hover{
  --tw-text-opacity:1;
  color:rgb(63 63 70 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-50:hover{
  opacity:0.5
}

.hover\:opacity-60:hover{
  opacity:0.6
}

.hover\:opacity-70:hover{
  opacity:0.7
}

.hover\:opacity-75:hover{
  opacity:0.75
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-sm:hover{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:backdrop-blur-sm:hover{
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.focus\:border-blue-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))
}

.focus\:border-blue-500\/50:focus{
  border-color:rgb(99 102 241 / 0.5)
}

.focus\:border-purple-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))
}

.focus\:border-red-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))
}

.focus\:border-transparent:focus{
  border-color:transparent
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + 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)
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(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)
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))
}

.active\:scale-100:active{
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x), 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))
}

.active\:scale-\[0\.98\]:active{
  --tw-scale-x:0.98;
  --tw-scale-y:0.98;
  transform:translate(var(--tw-translate-x), 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))
}

.active\:bg-opacity-100:active{
  --tw-bg-opacity:1
}

.active\:shadow-sm:active{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:bg-gray-700:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(64 72 98 / var(--tw-bg-opacity, 1))
}

.disabled\:text-gray-500:disabled{
  --tw-text-opacity:1;
  color:rgb(119 131 153 / var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled{
  opacity:0.5
}

.group:hover .group-hover\:z-10{
  z-index:10
}

.group:hover .group-hover\:flex{
  display:flex
}

.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), 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))
}

.group:hover .group-hover\:bg-gray-800\/30{
  background-color:rgb(41 48 69 / 0.3)
}

.group:hover .group-hover\:bg-gray-900\/40{
  background-color:rgb(25 31 46 / 0.4)
}

.group:hover .group-hover\:bg-slate-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-slate-900{
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-\[\#0050FF\]{
  --tw-text-opacity:1;
  color:rgb(0 80 255 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-emerald-300{
  --tw-text-opacity:1;
  color:rgb(110 231 183 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-emerald-400{
  --tw-text-opacity:1;
  color:rgb(52 211 153 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-emerald-500{
  --tw-text-opacity:1;
  color:rgb(16 185 129 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-emerald-600{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.group\/tooltip:hover .group-hover\/tooltip\:opacity-100{
  opacity:1
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

.group:hover .group-hover\:opacity-50{
  opacity:0.5
}

.group:hover .group-hover\:opacity-80{
  opacity:0.8
}

.group:hover .group-hover\:shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:hover .group-hover\:brightness-110{
  --tw-brightness:brightness(1.1);
  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)
}

.group:focus-visible .group-focus-visible\:ring-2{
  --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)
}

.group:focus-visible .group-focus-visible\:ring-blue-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))
}

.group:focus-visible .group-focus-visible\:ring-offset-2{
  --tw-ring-offset-width:2px
}

.group:active .group-active\:opacity-80{
  opacity:0.8
}

@media (prefers-reduced-motion: reduce){
  @keyframes spin{
    to{
      transform:rotate(360deg)
    }
  }

  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\]{
    animation:spin 1.5s linear infinite
  }
}

@media (min-width: 640px){
  .sm\:mb-0{
    margin-bottom:0px
  }

  .sm\:mr-4{
    margin-right:1rem
  }

  .sm\:block{
    display:block
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:aspect-\[1200\/360\]{
    aspect-ratio:1200/360
  }

  .sm\:w-1\/3{
    width:33.333333%
  }

  .sm\:w-auto{
    width:auto
  }

  .sm\:min-w-0{
    min-width:0px
  }

  .sm\:flex-1{
    flex:1 1 0%
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:items-start{
    align-items:flex-start
  }

  .sm\:items-center{
    align-items:center
  }

  .sm\:justify-start{
    justify-content:flex-start
  }

  .sm\:justify-between{
    justify-content:space-between
  }

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:overflow-x-visible{
    overflow-x:visible
  }

  .sm\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .sm\:text-left{
    text-align:left
  }

  .sm\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }
}

@media (min-width: 768px){
  .md\:-top-12{
    top:-3rem
  }

  .md\:-top-6{
    top:-1.5rem
  }

  .md\:col-span-2{
    grid-column:span 2 / span 2
  }

  .md\:col-span-3{
    grid-column:span 3 / span 3
  }

  .md\:mb-8{
    margin-bottom:2rem
  }

  .md\:mt-0{
    margin-top:0px
  }

  .md\:mt-10{
    margin-top:2.5rem
  }

  .md\:mt-8{
    margin-top:2rem
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:flex
  }

  .md\:table-cell{
    display:table-cell
  }

  .md\:hidden{
    display:none
  }

  .md\:h-16{
    height:4rem
  }

  .md\:h-32{
    height:8rem
  }

  .md\:h-40{
    height:10rem
  }

  .md\:h-full{
    height:100%
  }

  .md\:min-h-screen{
    min-height:100vh
  }

  .md\:w-32{
    width:8rem
  }

  .md\:w-40{
    width:10rem
  }

  .md\:w-auto{
    width:auto
  }

  .md\:max-w-lg{
    max-width:32rem
  }

  .md\:flex-\[0_0_33\.33\%\]{
    flex:0 0 33.33%
  }

  .md\:flex-\[0_0_66\.67\%\]{
    flex:0 0 66.67%
  }

  .md\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .md\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .md\:flex-row{
    flex-direction:row
  }

  .md\:items-start{
    align-items:flex-start
  }

  .md\:items-center{
    align-items:center
  }

  .md\:justify-end{
    justify-content:flex-end
  }

  .md\:gap-12{
    gap:3rem
  }

  .md\:gap-16{
    gap:4rem
  }

  .md\:gap-6{
    gap:1.5rem
  }

  .md\:gap-x-8{
    -moz-column-gap:2rem;
         column-gap:2rem
  }

  .md\:rounded-none{
    border-radius:0px
  }

  .md\:bg-gray-100{
    --tw-bg-opacity:1;
    background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))
  }

  .md\:bg-transparent{
    background-color:transparent
  }

  .md\:px-12{
    padding-left:3rem;
    padding-right:3rem
  }

  .md\:px-2{
    padding-left:0.5rem;
    padding-right:0.5rem
  }

  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .md\:py-0{
    padding-top:0px;
    padding-bottom:0px
  }

  .md\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .md\:py-24{
    padding-top:6rem;
    padding-bottom:6rem
  }

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

  .md\:pb-28{
    padding-bottom:7rem
  }

  .md\:pb-8{
    padding-bottom:2rem
  }

  .md\:pl-0{
    padding-left:0px
  }

  .md\:pr-4{
    padding-right:1rem
  }

  .md\:pr-6{
    padding-right:1.5rem
  }

  .md\:pt-0{
    padding-top:0px
  }

  .md\:pt-8{
    padding-top:2rem
  }

  .md\:text-left{
    text-align:left
  }

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

  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }

  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
  }

  .md\:text-5xl{
    font-size:3rem;
    line-height:1
  }

  .md\:text-6xl{
    font-size:3.75rem;
    line-height:1
  }

  .md\:text-7xl{
    font-size:4.5rem;
    line-height:1
  }

  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }

  .md\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }

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

  .md\:text-xs{
    font-size:0.75rem;
    line-height:1rem
  }
}

@media (min-width: 1024px){
  .lg\:col-span-2{
    grid-column:span 2 / span 2
  }

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:grid{
    display:grid
  }

  .lg\:hidden{
    display:none
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .lg\:text-5xl{
    font-size:3rem;
    line-height:1
  }

  .lg\:text-6xl{
    font-size:3.75rem;
    line-height:1
  }
}

@media (prefers-color-scheme: dark){
  .dark\:border-gray-700{
    --tw-border-opacity:1;
    border-color:rgb(64 72 98 / var(--tw-border-opacity, 1))
  }

  .dark\:bg-blue-800{
    --tw-bg-opacity:1;
    background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))
  }

  .dark\:bg-blue-900\/30{
    background-color:rgb(30 27 75 / 0.3)
  }

  .dark\:bg-gray-600{
    --tw-bg-opacity:1;
    background-color:rgb(86 95 120 / var(--tw-bg-opacity, 1))
  }

  .dark\:bg-gray-700{
    --tw-bg-opacity:1;
    background-color:rgb(64 72 98 / var(--tw-bg-opacity, 1))
  }

  .dark\:bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgb(41 48 69 / var(--tw-bg-opacity, 1))
  }

  .dark\:bg-green-900\/30{
    background-color:rgb(20 83 45 / 0.3)
  }

  .dark\:bg-purple-900\/30{
    background-color:rgb(88 28 135 / 0.3)
  }

  .dark\:bg-red-900\/20{
    background-color:rgb(127 29 29 / 0.2)
  }

  .dark\:text-blue-300{
    --tw-text-opacity:1;
    color:rgb(165 180 255 / var(--tw-text-opacity, 1))
  }

  .dark\:text-blue-400{
    --tw-text-opacity:1;
    color:rgb(128 143 255 / var(--tw-text-opacity, 1))
  }

  .dark\:text-gray-100{
    --tw-text-opacity:1;
    color:rgb(242 244 247 / var(--tw-text-opacity, 1))
  }

  .dark\:text-gray-200{
    --tw-text-opacity:1;
    color:rgb(228 231 237 / var(--tw-text-opacity, 1))
  }

  .dark\:text-gray-300{
    --tw-text-opacity:1;
    color:rgb(207 212 222 / var(--tw-text-opacity, 1))
  }

  .dark\:text-gray-400{
    --tw-text-opacity:1;
    color:rgb(165 173 189 / var(--tw-text-opacity, 1))
  }

  .dark\:text-gray-500{
    --tw-text-opacity:1;
    color:rgb(119 131 153 / var(--tw-text-opacity, 1))
  }

  .dark\:text-green-300{
    --tw-text-opacity:1;
    color:rgb(134 239 172 / var(--tw-text-opacity, 1))
  }

  .dark\:text-purple-300{
    --tw-text-opacity:1;
    color:rgb(216 180 254 / var(--tw-text-opacity, 1))
  }

  .dark\:text-red-400{
    --tw-text-opacity:1;
    color:rgb(248 113 113 / var(--tw-text-opacity, 1))
  }

  .dark\:text-zinc-400{
    --tw-text-opacity:1;
    color:rgb(161 161 170 / var(--tw-text-opacity, 1))
  }

  .dark\:hover\:border-gray-600:hover{
    --tw-border-opacity:1;
    border-color:rgb(86 95 120 / var(--tw-border-opacity, 1))
  }

  .dark\:hover\:bg-gray-700:hover{
    --tw-bg-opacity:1;
    background-color:rgb(64 72 98 / var(--tw-bg-opacity, 1))
  }

  .dark\:hover\:text-zinc-300:hover{
    --tw-text-opacity:1;
    color:rgb(212 212 216 / var(--tw-text-opacity, 1))
  }
}