https://panel.zinkhost.cloud/

ID de exploración:: f7a318da-1c5f-40a1-b2e9-c2f6722119f5Finalizado
URL enviada:: https://panel.zinkhost.cloud/
Informe finalizado:: 1 dic 2024, 22:19:37
Enlaces: 1 encontrados

Los enlaces salientes identificados en la página
Enlace	Texto
https://pterodactyl.io	Pterodactyl Software
Variables JavaScript: 44 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
Nombre	Tipo
0	object
1	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
SiteConfiguration	object
ApolloSettings	object
ApolloColors	object
webpackJsonp	object
setImmediate	function
Mensajes de registro de la consola: 1 encontrados

Mensajes registrados en la consola web
Tipo	Categoría	Registro
verbose	dom	URL https://panel.zinkhost.cloud/auth/login Texto [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o
HTML

El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html style="--headercolor: #151418; --verticalnavbarbuttonhovercolor: #b72bc9; --verticalnavbuttonactivecolor: #b80a8f; --primary: #18171ced; --secondary: #1e1d23e2; --tertiary: #28262D; --primarytext: #FFFFFF; --secondarytext: #CAD1D8; --tertiarytext: #9e9e9e; --primaryborder: #2C2933; --secondaryborder: #2e2a24; --console: #131a20c1; --navbarcolor: #151418; --subnavbarcolor: #151418; --xogo: url(https://i.ibb.co/6rcbC7L/image-17.png); --codemirror: #1f2430; --backgroundtype: staticcolor; --color: #151418; --imageurl: url(_);"><head><meta http-equiv="origin-trial" content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="><meta http-equiv="origin-trial" content="A7uxtj3+hJmOcZFooFT0Ps276PuOqGnM1jfoPbFvxWp73VC60LnYGzayHVvcFeEiF0qrwy7fQAL+gGVXU+f9IQcAAACTeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <title>Zink Hosting</title>

    <!-- Metadata -->
            <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <meta name="csrf-token" content="05EssKE4Ph8hPOhpWgK0mZ57uZ0XtfSgZrNnr3nk">
        <meta name="robots" content="noindex">

        <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
                    <link rel="icon" type="image/png" href="https://i.ibb.co/6rcbC7L/image-17.png" sizes="32x32">
            <link rel="icon" type="image/png" href="https://i.ibb.co/6rcbC7L/image-17.png" sizes="16x16">
        
        <link rel="manifest" href="/favicons/manifest.json">
        <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#bc6e3c">
        <link rel="shortcut icon" href="/favicons/favicon.ico">
        <meta name="msapplication-config" content="/favicons/browserconfig.xml">

                    <!-- Color metatag -->
            <meta name="theme-color" content="#ffffff">
                
                    <!-- Title metatag -->
            <meta property="og:title" content="Zink Hosting">
            <meta name="twitter:title" content="Zink Hosting">
            <meta itemprop="name" content="Zink Hosting">
                    
                    
        
        <meta property="og:url" content="https://panel.zinkhost.cloud">
        <meta property="og:type" content="website">
        <meta name="twitter:card" content="summary_large_image">
    
    <!-- Data -->
            
                    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script>
                window.SiteConfiguration = {"name":"Zink Hosting","locale":"en","recaptcha":{"enabled":true,"siteKey":"6Lfa7I4qAAAAAEFA5DulDs5C2UGfWwyskb3chKc2"}};
                // console.log(window.SiteConfiguration);
            </script>
        
                    <script>
                window.ApolloSettings = {"filesdisplaytype":"rows","headercolor":"#151418","verticalnavbarbuttonhovercolor":"#b72bc9","verticalnavbuttonactivecolor":"#b80a8f","primary":"#18171ced","secondary":"#1e1d23e2","tertiary":"#28262D","primarytext":"#FFFFFF","secondarytext":"#CAD1D8","tertiarytext":"#9e9e9e","primaryborder":"#2C2933","secondaryborder":"#2e2a24","lheadercolor":"#f9f9f9d2","lverticalnavbarbuttonhovercolor":"#b638ff","lverticalnavbuttonactivecolor":"#a03ef0","lprimary":"#ffffff","lsecondary":"#f9fafb","ltertiary":"#eaf4f4","lprimaryborder":"#595959","lsecondaryborder":"#d1d5db","lprimarytext":"#00000091","lsecondarytext":"#352e27","ltertiarytext":"#737373","startstoprestartbuttons":"textandicon","type":"success","message":null,"isregistrationenabled":"no","displayplace":"both","enabled":"enabled","autoaddnodes":"yes","pinginterval":"*\/2 * * * *","layoutstyle":"1","console":"#131a20c1","lconsole":"#131a20","navbarcolor":"#151418","subnavbarcolor":"#151418","lnavbarcolor":"#f9f9f9d2","lsubnavbarcolor":"#f9f9f9d2","displaytonotloggedin":"no","backgroundtype":"staticcolor","lcolor":"#f2f2f2","imageurl":"_","limageurl":"_","color":"#151418","closable":"no","setpassinform":"no","customUrl":null,"displayPlace":"4","displayBadge":"yes","title":"Zink Hosting","describtion":null,"image":null,"mcolor":"#ffffff","discord":null,"billing":null,"support":null,"website":null,"favicon":"https:\/\/i.ibb.co\/6rcbC7L\/image-17.png","xogo":"https:\/\/i.ibb.co\/6rcbC7L\/image-17.png","lxogo":"https:\/\/i.ibb.co\/6rcbC7L\/image-17.png","codemirror":"#1f2430","lcodemirror":"#1f2430","serverdisplaytype":"grid"};
                // console.log('ApolloSettings', window.ApolloSettings);
            </script>
        
                    <script>
                window.ApolloColors = {"apollo::color:headercolor":"#151418","apollo::color:verticalnavbarbuttonhovercolor":"#b72bc9","apollo::color:verticalnavbuttonactivecolor":"#b80a8f","apollo::color:primary":"#18171ced","apollo::color:secondary":"#1e1d23e2","apollo::color:tertiary":"#28262D","apollo::color:primarytext":"#FFFFFF","apollo::color:secondarytext":"#CAD1D8","apollo::color:tertiarytext":"#9e9e9e","apollo::color:primaryborder":"#2C2933","apollo::color:secondaryborder":"#2e2a24","apollo::color:lheadercolor":"#f9f9f9d2","apollo::color:lverticalnavbarbuttonhovercolor":"#b638ff","apollo::color:lverticalnavbuttonactivecolor":"#a03ef0","apollo::color:lprimary":"#ffffff","apollo::color:lsecondary":"#f9fafb","apollo::color:ltertiary":"#eaf4f4","apollo::color:lprimaryborder":"#595959","apollo::color:lsecondaryborder":"#d1d5db","apollo::color:lprimarytext":"#00000091","apollo::color:lsecondarytext":"#352e27","apollo::color:ltertiarytext":"#737373","apollo::color:console":"#131a20c1","apollo::color:lconsole":"#131a20","apollo::color:navbarcolor":"#151418","apollo::color:subnavbarcolor":"#151418","apollo::color:lnavbarcolor":"#f9f9f9d2","apollo::color:lsubnavbarcolor":"#f9f9f9d2","apollo::color:xogo":"https:\/\/i.ibb.co\/6rcbC7L\/image-17.png","apollo::color:lxogo":"https:\/\/i.ibb.co\/6rcbC7L\/image-17.png","apollo::color:codemirror":"#1f2430","apollo::color:lcodemirror":"#1f2430","apollo::background:backgroundtype":"staticcolor","apollo::background:color":"#151418","apollo::background:imageurl":"_","apollo::background:lcolor":"#f2f2f2","apollo::background:limageurl":"_","backgroundcolor":"#151418"};
                // console.log('ApolloColors', window.ApolloColors);
            </script>
            
    <!-- CSS -->
            <style>
            @import url('//fonts.googleapis.com/css?family=Rubik:300,400,500&display=swap');
            @import url('//fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:500&display=swap');


            div#app {
                height: 100%;
                margin: 0;
            }

            html, body {
                height: 100%;
                width: 100%;
                margin: 0;
            }
            
            body {
                background-color: var(--color);
            }
        </style>

                                
    
    

<style>/*
! tailwindcss v3.0.24 | 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: hsl(210, 16%, 82%); /* 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.
*/

html {
  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: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
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. 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-size: 1em; /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
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-size: 100%; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}

/*
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: hsl(211, 10%, 53%); /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: hsl(211, 10%, 53%); /* 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;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --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: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --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:  ;
}
.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;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: hsl(211, 12%, 43%);
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
  border-color: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: hsl(211, 12%, 43%);
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder {
  color: hsl(211, 12%, 43%);
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.\!visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!fixed {
  position: fixed !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.top-0 {
  top: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.left-2 {
  left: 0.5rem;
}
.bottom-\[-6px\] {
  bottom: -6px;
}
.top-\[-6px\] {
  top: -6px;
}
.left-\[-6px\] {
  left: -6px;
}
.right-\[-6px\] {
  right: -6px;
}
.z-20 {
  z-index: 20;
}
.z-10 {
  z-index: 10;
}
.z-\[49\] {
  z-index: 49;
}
.z-50 {
  z-index: 50;
}
.z-\[40\] {
  z-index: 40;
}
.z-30 {
  z-index: 30;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.m-8 {
  margin: 2rem;
}
.m-0 {
  margin: 0px;
}
.m-\[-1px\] {
  margin: -1px;
}
.m-1 {
  margin: 0.25rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-auto {
  margin: auto;
}
.m-20 {
  margin: 5rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-2 {
  margin: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[2px\] {
  margin-left: 2px;
  margin-right: 2px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ml-0 {
  margin-left: 0px;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-40 {
  margin-right: 10rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-auto {
  margin-top: auto;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mr-4 {
  margin-right: 1rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-auto {
  margin-left: auto;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mr-auto {
  margin-right: auto;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.ml-8 {
  margin-left: 2rem;
}
.mb-px {
  margin-bottom: 1px;
}
.mr-6 {
  margin-right: 1.5rem;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-16 {
  height: 4rem;
}
.h-10 {
  height: 2.5rem;
}
.h-14 {
  height: 3.5rem;
}
.h-\[1\.75rem\] {
  height: 1.75rem;
}
.h-6 {
  height: 1.5rem;
}
.h-4 {
  height: 1rem;
}
.h-24 {
  height: 6rem;
}
.h-8 {
  height: 2rem;
}
.h-1 {
  height: 0.25rem;
}
.h-5 {
  height: 1.25rem;
}
.h-32 {
  height: 8rem;
}
.h-56 {
  height: 14rem;
}
.h-3 {
  height: 0.75rem;
}
.h-12 {
  height: 3rem;
}
.h-\[4rem\] {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-full {
  min-height: 100%;
}
.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}
.w-80 {
  width: 20rem;
}
.w-10 {
  width: 2.5rem;
}
.w-48 {
  width: 12rem;
}
.w-\[1\.75rem\] {
  width: 1.75rem;
}
.w-20 {
  width: 5rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-9\/12 {
  width: 75%;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-\[1400px\] {
  width: 1400px;
}
.w-4 {
  width: 1rem;
}
.w-52 {
  width: 13rem;
}
.w-\[1300px\] {
  width: 1300px;
}
.w-3\/5 {
  width: 60%;
}
.w-8 {
  width: 2rem;
}
.w-5 {
  width: 1.25rem;
}
.w-2 {
  width: 0.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-12 {
  width: 3rem;
}
.w-56 {
  width: 14rem;
}
.w-3 {
  width: 0.75rem;
}
.w-0 {
  width: 0px;
}
.w-min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-1\/5 {
  width: 20%;
}
.w-40 {
  width: 10rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.min-w-full {
  min-width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[13rem\] {
  max-width: 13rem;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[24rem\] {
  max-width: 24rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.origin-\[50\%_50\%\] {
  transform-origin: 50% 50%;
}
.rotate-90 {
  --tw-rotate: 90deg;
  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-\[-90deg\] {
  --tw-rotate: -90deg;
  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-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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-100 {
  --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));
}
.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));
}
@-webkit-keyframes pulse {

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

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize {
  resize: both;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-end {
  align-items: end;
  justify-items: end;
  place-items: end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-4 {
  gap: 1rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-8 {
  gap: 2rem;
}
.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-x-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(5rem * var(--tw-space-x-reverse));
  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-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-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-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-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-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));
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  word-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}
.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-0 {
  border-width: 0px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-8 {
  border-left-width: 8px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}
.border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}
.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgba(22, 101, 52, var(--tw-border-opacity));
}
.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgba(133, 77, 14, var(--tw-border-opacity));
}
.border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}
.border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}
.border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: hsla(209, 14%, 37%, var(--tw-border-opacity));
}
.border-neutral-700 {
  --tw-border-opacity: 1;
  border-color: hsla(209, 18%, 30%, var(--tw-border-opacity));
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(22, 163, 74, var(--tw-border-opacity));
}
.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgba(21, 128, 61, var(--tw-border-opacity));
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}
.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}
.border-neutral-500 {
  --tw-border-opacity: 1;
  border-color: hsla(211, 12%, 43%, var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: hsla(210, 16%, 82%, var(--tw-border-opacity));
}
.border-primary-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: hsla(211, 13%, 65%, var(--tw-border-opacity));
}
.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}
.border-neutral-400 {
  --tw-border-opacity: 1;
  border-color: hsla(211, 10%, 53%, var(--tw-border-opacity));
}
.border-neutral-900 {
  --tw-border-opacity: 1;
  border-color: hsla(210, 24%, 16%, var(--tw-border-opacity));
}
.border-cyan-500 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 182, 212, var(--tw-border-opacity));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(234, 179, 8, var(--tw-border-opacity));
}
.border-cyan-400 {
  --tw-border-opacity: 1;
  border-color: rgba(34, 211, 238, var(--tw-border-opacity));
}
.border-neutral-800 {
  --tw-border-opacity: 1;
  border-color: hsla(209, 20%, 25%, var(--tw-border-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(202, 138, 4, var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(234, 179, 8, var(--tw-bg-opacity));
}
.bg-\[\#000000BF\] {
  background-color: rgba(0,0,0,0.74902);
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: hsla(210, 24%, 16%, var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-neutral-500 {
  --tw-bg-opacity: 1;
  background-color: hsla(211, 12%, 43%, var(--tw-bg-opacity));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}
.bg-neutral-600 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 14%, 37%, var(--tw-bg-opacity));
}
.bg-neutral-700 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 18%, 30%, var(--tw-bg-opacity));
}
.bg-neutral-600\/95 {
  background-color: hsla(209, 14%, 37%, 0.95);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: hsla(214, 15%, 91%, var(--tw-bg-opacity));
}
.bg-neutral-400 {
  --tw-bg-opacity: 1;
  background-color: hsla(211, 10%, 53%, var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: hsla(216, 33%, 97%, var(--tw-bg-opacity));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 14%, 37%, var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: hsla(210, 24%, 16%, var(--tw-bg-opacity));
}
.bg-red-500\/25 {
  background-color: rgba(239, 68, 68, 0.25);
}
.bg-yellow-500\/25 {
  background-color: rgba(234, 179, 8, 0.25);
}
.bg-gray-900\/50 {
  background-color: hsla(210, 24%, 16%, 0.5);
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 18%, 30%, var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(19, 26, 32, var(--tw-bg-opacity));
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 204, 21, var(--tw-bg-opacity));
}
.bg-black\/50 {
  background-color: rgba(19, 26, 32, 0.5);
}
.bg-neutral-800 {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.\!bg-blue-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity)) !important;
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[var\(--primary\)\] {
  --tw-gradient-from: var(--primary);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}
.from-green-600 {
  --tw-gradient-from: #16a34a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
}
.via-\[var\(--primary\)\] {
  --tw-gradient-stops: var(--tw-gradient-from), var(--primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}
.to-red-600 {
  --tw-gradient-to: #dc2626;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.p-2 {
  padding: 0.5rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-0 {
  padding: 0px;
}
.p-12 {
  padding: 3rem;
}
.p-1 {
  padding: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-header {
  font-family: "IBM Plex Sans", "Roboto", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-2xs {
  font-size: 0.625rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-extralight {
  font-weight: 200;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.leading-normal {
  line-height: 1.5;
}
.leading-none {
  line-height: 1;
}
.leading-snug {
  line-height: 1.375;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: hsla(209, 20%, 25%, var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-neutral-300 {
  --tw-text-opacity: 1;
  color: hsla(211, 13%, 65%, var(--tw-text-opacity));
}
.text-neutral-200 {
  --tw-text-opacity: 1;
  color: hsla(210, 16%, 82%, var(--tw-text-opacity));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: hsla(209, 18%, 30%, var(--tw-text-opacity));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: hsla(211, 12%, 43%, var(--tw-text-opacity));
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: hsla(211, 10%, 53%, var(--tw-text-opacity));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}
.text-neutral-100 {
  --tw-text-opacity: 1;
  color: hsla(214, 15%, 91%, var(--tw-text-opacity));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: hsla(209, 14%, 37%, var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: hsla(209, 14%, 37%, var(--tw-text-opacity));
}
.text-\[\#dee1e4\] {
  --tw-text-opacity: 1;
  color: rgba(222, 225, 228, var(--tw-text-opacity));
}
.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}
.text-neutral-50 {
  --tw-text-opacity: 1;
  color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}
.text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(240, 253, 244, var(--tw-text-opacity));
}
.text-red-50 {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: hsla(214, 15%, 91%, var(--tw-text-opacity));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: hsla(210, 16%, 82%, var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}
.text-neutral-800 {
  --tw-text-opacity: 1;
  color: hsla(209, 20%, 25%, var(--tw-text-opacity));
}
.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: hsla(210, 24%, 16%, var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: hsla(211, 10%, 53%, var(--tw-text-opacity));
}
.text-gray-50 {
  --tw-text-opacity: 1;
  color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(234, 179, 8, var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: hsla(211, 13%, 65%, var(--tw-text-opacity));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(250, 204, 21, var(--tw-text-opacity));
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgba(34, 211, 238, var(--tw-text-opacity));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgba(113, 63, 18, var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: hsla(211, 12%, 43%, var(--tw-text-opacity));
}
.\!text-gray-50 {
  --tw-text-opacity: 1 !important;
  color: hsla(216, 33%, 97%, var(--tw-text-opacity)) !important;
}
.text-green-100 {
  --tw-text-opacity: 1;
  color: rgba(220, 252, 231, var(--tw-text-opacity));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(133, 77, 14, var(--tw-text-opacity));
}
.text-primary-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.no-underline {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-100 {
  opacity: 1;
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}
.ring-primary-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
}
.ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
}
.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
}
.ring-opacity-50 {
  --tw-ring-opacity: 0.5;
}
.ring-opacity-60 {
  --tw-ring-opacity: 0.6;
}
.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);
}
.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  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-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.selection\:bg-gray-800 *::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.selection\:bg-gray-800 *::selection {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.selection\:bg-gray-800::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.selection\:bg-gray-800::selection {
  --tw-bg-opacity: 1;
  background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
}
.hover\:border-neutral-400:hover {
  --tw-border-opacity: 1;
  border-color: hsla(211, 10%, 53%, var(--tw-border-opacity));
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}
.hover\:border-neutral-300:hover {
  --tw-border-opacity: 1;
  border-color: hsla(211, 13%, 65%, var(--tw-border-opacity));
}
.hover\:border-neutral-600:hover {
  --tw-border-opacity: 1;
  border-color: hsla(209, 14%, 37%, var(--tw-border-opacity));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: hsla(210, 16%, 82%, var(--tw-bg-opacity));
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsla(214, 15%, 91%, var(--tw-bg-opacity));
}
.hover\:text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: hsla(209, 20%, 25%, var(--tw-text-opacity));
}
.hover\:text-neutral-700:hover {
  --tw-text-opacity: 1;
  color: hsla(209, 18%, 30%, var(--tw-text-opacity));
}
.hover\:text-neutral-300:hover {
  --tw-text-opacity: 1;
  color: hsla(211, 13%, 65%, var(--tw-text-opacity));
}
.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}
.hover\:text-gray-100:hover {
  --tw-text-opacity: 1;
  color: hsla(214, 15%, 91%, var(--tw-text-opacity));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: hsla(210, 16%, 82%, var(--tw-text-opacity));
}
.hover\:text-neutral-100:hover {
  --tw-text-opacity: 1;
  color: hsla(214, 15%, 91%, var(--tw-text-opacity));
}
.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.hover\:text-primary-400:hover {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.focus\:opacity-50:focus {
  opacity: 0.5;
}
.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}
.active\:opacity-80:active {
  opacity: 0.8;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.peer:focus ~ .peer-focus\:animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.peer:focus ~ .peer-focus\:text-gray-50 {
  --tw-text-opacity: 1;
  color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}
@media (min-width: 640px) {

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

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

  .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:ml-8 {
    margin-left: 2rem;
  }

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-none {
    flex: none;
  }

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

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

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

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

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

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

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {

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

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:ml-20 {
    margin-left: 5rem;
  }

  .md\:ml-24 {
    margin-left: 6rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:w-20 {
    width: 5rem;
  }

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

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-40 {
    width: 10rem;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-none {
    flex: none;
  }

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

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

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

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\: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)));
  }

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

  .md\:rounded {
    border-radius: 0.25rem;
  }

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

  .md\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

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

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

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

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

  .md\:text-center {
    text-align: center;
  }

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

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

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

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

  .lg\:ml-64 {
    margin-left: 16rem;
  }

  .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:flex-none {
    flex: none;
  }

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

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

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

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

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

  .lg\:pr-4 {
    padding-right: 1rem;
  }
}
@media (min-width: 1280px) {

  .xl\:pt-32 {
    padding-top: 8rem;
  }
}
</style><style type="text/css">.xterm-search-bar__addon{position:absolute;max-width:1467px;top:0;right:28px;color:#000;background:#fff;padding:5px 10px;box-shadow:0 2px 8px #000;background-color:#252526;z-index:999;display:flex}.xterm-search-bar__addon .search-bar__input{background-color:#3c3c3c;color:#ccc;border:0;padding:2px;height:20px;width:227px}.xterm-search-bar__addon .search-bar__btn{min-width:20px;width:20px;height:20px;display:flex;display:-webkit-flex;flex:initial;background-position:50%;margin-left:3px;background-repeat:no-repeat;background-color:#252526;border:0;cursor:pointer}.xterm-search-bar__addon .search-bar__btn:hover{background-color:#666}.xterm-search-bar__addon .search-bar__btn.prev{margin-left:20px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTUuNCA4YS42LjYgMCAwMS4xNzYtLjQyNGw0LTRhLjU5OC41OTggMCAwMS44NDggMCAuNTk4LjU5OCAwIDAxMCAuODQ4TDYuODQ5IDhsMy41NzUgMy41NzZhLjU5OC41OTggMCAwMTAgLjg0OC41OTguNTk4IDAgMDEtLjg0OCAwbC00LTRBLjYuNiAwIDAxNS40IDgiLz48L3N2Zz4=")}.xterm-search-bar__addon .search-bar__btn.next{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEwLjYgOGEuNi42IDAgMDEtLjE3Ni40MjRsLTQgNGEuNTk4LjU5OCAwIDAxLS44NDggMCAuNTk4LjU5OCAwIDAxMC0uODQ4TDkuMTUxIDggNS41NzYgNC40MjRhLjU5OC41OTggMCAwMTAtLjg0OC41OTguNTk4IDAgMDEuODQ4IDBsNCA0QS42LjYgMCAwMTEwLjYgOCIvPjwvc3ZnPg==")}.xterm-search-bar__addon .search-bar__btn.close{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTcgNmwyLTJhLjcxMS43MTEgMCAwMDAtMSAuNzExLjcxMSAwIDAwLTEgMEw2IDUgNCAzYS43MTEuNzExIDAgMDAtMSAwIC43MTEuNzExIDAgMDAwIDFsMiAyLTIgMmEuNzExLjcxMSAwIDAwMCAxIC43MTEuNzExIDAgMDAxIDBsMi0yIDIgMmEuNzExLjcxMSAwIDAwMSAwIC43MTEuNzExIDAgMDAwLTFMNyA2eiIvPjwvc3ZnPg==")}</style><style>/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    -moz-user-select: none;
         user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    opacity: 0.5;
}

.xterm-underline {
    text-decoration: underline;
}

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-decoration-overview-ruler {
    z-index: 7;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}
</style><style>.style-module_2Vp6MaXq {
        position: relative;
        display: flex;
        align-items: center;
        border-radius: 0.25rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
        grid-column: span 3 / span 3
}@media (min-width: 768px) {.style-module_2Vp6MaXq {
                grid-column: span 2 / span 2
        }
}@media (min-width: 1024px) {.style-module_2Vp6MaXq {
                grid-column: span 6 / span 6
        }
}.style-module_2Vp6MaXq {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
}@media (min-width: 768px) {.style-module_2Vp6MaXq {
                padding: 0.75rem
        }
}@media (min-width: 1024px) {.style-module_2Vp6MaXq {
                padding: 1rem
        }
}

.style-module_2Vp6MaXq > .style-module_OFB5PMuf {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 0.25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem
}

@media (min-width: 640px) {.style-module_2Vp6MaXq > .style-module_OFB5PMuf {
                display: none
        }
}

.style-module_2Vp6MaXq > .style-module_1DtraXMW {
        display: none;
        height: 3rem;
        width: 3rem;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
        transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 500ms
}

@media (min-width: 640px) {.style-module_2Vp6MaXq > .style-module_1DtraXMW {
                margin-right: 1rem;
                display: flex
        }
}

.style-module_2Vp6MaXq > .style-module_1DtraXMW > svg {
        margin: auto;
        height: 1.5rem;
        width: 1.5rem
}

.style-module_RcP2_Fvj {
        display: flex;
        width: 100%;
        flex-direction: column;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow)
}

.style-module_RcP2_Fvj .style-module_1AMtO9lt {
        margin-left: -1rem
}

@media (min-width: 640px) {.style-module_RcP2_Fvj .style-module_1AMtO9lt {
                margin-left: 0px
        }
}

.style-module_RcP2_Fvj .style-module_1AMtO9lt {
        width: calc(100% + 2rem)
    }

@media (min-width: 640px) {

.style-module_RcP2_Fvj .style-module_1AMtO9lt {
                width: 100%
        }
        }

.style-module_RcP2_Fvj > .style-module_1n_DiqmT {
        min-height: 16rem;
        flex: 1 1 0%;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgba(19, 26, 32, var(--tw-bg-opacity));
        padding: 0.25rem;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 0.875rem;
        line-height: 1.25rem
}

@media (min-width: 640px) {.style-module_RcP2_Fvj > .style-module_1n_DiqmT {
                padding: 0.5rem
        }
}

.style-module_RcP2_Fvj > .style-module_1n_DiqmT #style-module_RcP2_Fvj {
        height: 100%
}

.style-module_RcP2_Fvj > .style-module_1n_DiqmT #style-module_RcP2_Fvj::-webkit-scrollbar-track {
        width: 0.5rem
}

.style-module_RcP2_Fvj > .style-module_1n_DiqmT #style-module_RcP2_Fvj::-webkit-scrollbar-thumb {
        --tw-bg-opacity: 1;
        background-color: hsla(210, 24%, 16%, var(--tw-bg-opacity))
}

.style-module_RcP2_Fvj .style-module_1qLigd7O {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        display: flex;
        height: 100%;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        align-items: center;
        justify-content: center;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 100ms;
        margin-top: -1px
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn {
        background-color: var(--primary);
        color: var(--tertiarytext);
        position: relative;
        width: 100%;
        border-radius: 0.25rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 2.5rem;
        padding-right: 1rem;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 0.875rem;
        line-height: 1.25rem;
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

.style-module_RcP2_Fvj .style-module_3TDo--Tn: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0))
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn.style-module_RMKAHSHT {
        outline: 2px solid transparent;
        outline-offset: 2px
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn {
        border-width: 0px;
        border-bottom-width: 2px;
        border-color: transparent;
        transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 100ms
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn:focus {
        --tw-border-opacity: 1;
        border-color: rgba(6, 182, 212, var(--tw-border-opacity))
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn:active {
        --tw-border-opacity: 1;
        border-color: rgba(6, 182, 212, var(--tw-border-opacity))
}

.style-module_RcP2_Fvj .style-module_3TDo--Tn {
        padding-left: 2.5rem;
    }

.style-module_2XbmHEcn {
        position: relative;
        border-radius: 0.75rem;
        border-bottom-width: 4px;
        --tw-border-opacity: 1;
        border-color: hsla(209, 18%, 30%, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsla(209, 14%, 37%, var(--tw-bg-opacity));
        padding-top: 0.5rem;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow)
}
</style><style>.style-module_4LBM1DKx {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
}.style-module_4LBM1DKx: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
    --tw-ring-opacity: 0.5;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: hsl(209, 18%, 30%);
}.style-module_4LBM1DKx {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;

    /* Sizing Controls */
}

.style-module_4LBM1DKx.style-module_2UCZLAAp {
    height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.style-module_4LBM1DKx.style-module_2UCZLAAp: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), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}

.style-module_4LBM1DKx.style-module_kWWuou-F {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.style-module_4LBM1DKx.style-module_2RJbSnp6 {
    --tw-text-opacity: 1;
    color: hsla(216, 33%, 97%, var(--tw-text-opacity));
    opacity: 0.7;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.style-module_4LBM1DKx.style-module_2RJbSnp6:disabled {
            background: transparent !important;
        }

.style-module_4LBM1DKx.style-module_2RJbSnp6:active, .style-module_4LBM1DKx.style-module_2RJbSnp6:hover {
    --tw-text-opacity: 1;
    color: hsla(216, 33%, 97%, var(--tw-text-opacity));
    opacity: 1;
}

.style-module_4LBM1DKx:disabled {
    cursor: not-allowed;
}

.style-module_4LBM1DKx.style-module_3xOG8K0n {
    height: 3rem;
    width: 3rem;
    padding: 0px;
}

.style-module_4LBM1DKx.style-module_3xOG8K0n.style-module_2UCZLAAp {
    height: 2rem;
    width: 2rem;
}

.style-module_3kBDV_wo {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.style-module_3kBDV_wo:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.style-module_3kBDV_wo:focus {
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
    --tw-ring-opacity: 0.75;
}

.style-module_3kBDV_wo:active {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.style-module_3kBDV_wo {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.style-module_3kBDV_wo.style-module_2RJbSnp6:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.style-module_3kBDV_wo.style-module_2RJbSnp6:active {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.style-module_3kBDV_wo:disabled {
    background-color: rgba(59, 130, 246, 0.75);
    color: rgba(191, 219, 254, 0.75);
}

.style-module_Yp7-2Fw- {
    --tw-bg-opacity: 1;
    background-color: hsla(211, 12%, 43%, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}

.style-module_Yp7-2Fw-:hover {
    --tw-bg-opacity: 1;
    background-color: hsla(211, 10%, 53%, var(--tw-bg-opacity));
}

.style-module_Yp7-2Fw-:focus {
    --tw-ring-color: hsla(211, 13%, 65%, var(--tw-ring-opacity));
    --tw-ring-opacity: 0.5;
}

.style-module_Yp7-2Fw-:active {
    --tw-bg-opacity: 1;
    background-color: hsla(211, 10%, 53%, var(--tw-bg-opacity));
}

.style-module_Yp7-2Fw- {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.style-module_Yp7-2Fw-.style-module_2RJbSnp6:hover {
    --tw-bg-opacity: 1;
    background-color: hsla(211, 12%, 43%, var(--tw-bg-opacity));
}

.style-module_Yp7-2Fw-.style-module_2RJbSnp6:active {
    --tw-bg-opacity: 1;
    background-color: hsla(211, 12%, 43%, var(--tw-bg-opacity));
}

.style-module_Yp7-2Fw-:disabled {
    background-color: hsla(211, 12%, 43%, 0.75);
    color: hsla(210, 16%, 82%, 0.75);
}

.style-module_2vOYXZWm {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}

.style-module_2vOYXZWm:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.style-module_2vOYXZWm:focus {
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
    --tw-ring-opacity: 0.75;
}

.style-module_2vOYXZWm:active {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.style-module_2vOYXZWm {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.style-module_2vOYXZWm.style-module_2RJbSnp6 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.style-module_2vOYXZWm.style-module_2RJbSnp6:hover {
    --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), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.style-module_2vOYXZWm.style-module_2RJbSnp6:active {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.style-module_2vOYXZWm:disabled {
    background-color: rgba(220, 38, 38, 0.75);
    color: rgba(254, 242, 242, 0.75);
}
</style><style>.style-module_3qQYBFRK {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center
}

.style-module_1RnhIT0w {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 36rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: hsla(209, 14%, 37%, var(--tw-bg-opacity));
    text-align: left;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
    --tw-ring-color: hsla(209, 20%, 25%, var(--tw-ring-opacity));
    --tw-ring-opacity: 0.8;
    border: 4px solid var(--secondaryborder);
    background-color: var(--primary)
}

.style-module_3s1tHRIx {
    margin-bottom: 0.5rem;
    padding-right: 1rem;
    font-family: "IBM Plex Sans", "Roboto", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: hsla(216, 33%, 97%, var(--tw-text-opacity));
    color: var(--primarytext)
}

.style-module_3W9FaI2A {
    height: 1.25rem;
    width: 1.25rem;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms
}

.style-module_3brcmFXP:hover .style-module_3W9FaI2A {
    --tw-rotate: 90deg;
    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))
}

.style-module_fPZ0j71s {
    margin-right: 1rem;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px
}

.style-module_fPZ0j71s.style-module_29VBSqzb {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.style-module_fPZ0j71s.style-module_MiyRox1U {
    --tw-bg-opacity: 1;
    background-color: rgba(202, 138, 4, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 252, 232, var(--tw-text-opacity))
}

.style-module_fPZ0j71s.style-module_1cEEnDuK {
    --tw-bg-opacity: 1;
    background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(240, 253, 244, var(--tw-text-opacity))
}

.style-module_fPZ0j71s.style-module_3mL_JU2X {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity))
}
</style><style>.style-module_3Y7xosru {
margin-bottom: 1rem;
display: grid;
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 1rem;
gap: 1rem;
}

@media (min-width: 640px) {

.style-module_3Y7xosru {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

.style-module_3Y7xosru button {
width: 100%;
}

.style-module_3Y7xosru button:first-child {
grid-column: span 2 / span 2;
}

@media (min-width: 640px) {

.style-module_3Y7xosru button:first-child {
grid-column: span 1 / span 1;
}
}

@media (min-width: 768px) {

.style-module_3Y7xosru {
margin-bottom: 0px;
display: flex;
flex: 1 1 0%;
justify-content: flex-end;
}

        .style-module_3Y7xosru button {
width: auto;
}
    }

.style-module_1WqkLT9X {
    background-color: var(--primary) !important;
}

.style-module_1WqkLT9X {
margin-bottom: 1px;
display: flex;
cursor: pointer;
align-items: center;
border-radius: 0.125rem;
font-size: 0.875rem;
line-height: 1.25rem;
-webkit-text-decoration-line: none;
        text-decoration-line: none;
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 75ms;
}

.style-module_1WqkLT9X:hover {
        background-color: var(--secondary) !important;
    }

.style-module_1WqkLT9X > .style-module_35MPv1CD {
display: flex;
flex: 1 1 0%;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-text-opacity: 1;
color: hsla(211, 13%, 65%, var(--tw-text-opacity));
-webkit-text-decoration-line: none;
        text-decoration-line: none;
}

.style-module_1WqkLT9X > .style-module_35MPv1CD:not(a) {
cursor: default;
}
</style><style>.styles-module_-p1ETbQL {
        height: 1rem;
        width: 1rem;
        border-radius: 0.125rem;
        --tw-border-opacity: 1;
        border-color: hsla(211, 12%, 43%, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsla(209, 14%, 37%, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.styles-module_-p1ETbQL:focus, .styles-module_-p1ETbQL:active {
        --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), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: hsl(209, 18%, 30%)
}

.styles-module_-p1ETbQL.styles-module_3c15eikK:checked {
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(59, 130, 246, var(--tw-border-opacity));
        color: rgba(59, 130, 246, 0.5);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E")
}

.styles-module_S9h-xMSg {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 75ms;
        width: 100%;
        border-radius: 0.25rem;
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: hsla(209, 20%, 25%, var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        outline: 2px solid transparent;
        outline-offset: 2px
}

.styles-module_S9h-xMSg:focus, .styles-module_S9h-xMSg:active {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
        --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
        --tw-ring-opacity: 0.75
}

.styles-module_S9h-xMSg.styles-module_AWe-iPIe {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
}
</style><style>.style-module_uTvTpAli {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        display: flex;
}

.style-module_uTvTpAli > :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)));
}

.style-module_uTvTpAli {
        --tw-text-opacity: 1;
        color: hsla(211, 10%, 53%, var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 100ms;
}

.style-module_uTvTpAli svg {
        color: var(--primarytext);
        height: 1.25rem;
        width: auto;
        cursor: pointer;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        padding-top: 1px;
        padding-bottom: 1px;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

.style-module_uTvTpAli svg:hover {
        opacity: 0.5;
}

.style-module_2WgDXX0j {
        margin-top: 0.25rem;
        word-wrap: break-word;
        padding-right: 1rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}

.style-module_2WgDXX0j strong {
        word-break: break-all;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: hsla(216, 33%, 97%, var(--tw-text-opacity));
}
</style><style data-styled="active" data-styled-version="5.2.1"></style><script charset="utf-8" src="/assets/auth.4a7433b2.js"></script><script async="" defer="" src="https://recaptcha.net/recaptcha/api.js?render=explicit"></script></head>


<body>
                        <div id="modal-portal"></div>
    <div id="app"><div class="ProgressBar___StyledDiv-sc-14ayc3f-1 jleFWY" style="height: 2px; z-index: 9999;"></div><div class="App___StyledDiv-sc-2l91w7-9 krvmmN"><div class="SlimHeader__HeaderStyle-sc-273cgn-0 eqhwnQ"><div class="SlimHeader___StyledDiv-sc-273cgn-1 iCinDC"><a class="text-2xl font-header no-underline transition-colors duration-150" href="/"><div class="SlimHeader___StyledDiv2-sc-273cgn-2 ftoRmH"><span class="h-10 w-10 mr-2 md:mr-0 lg:mr-2 bg-cover bg-no-repeat bg-center" draggable="false" style="background-image: var(--xogo);"></span><div id="name">Zink Hosting</div></div></a><button class="SlimHeader___StyledButton-sc-273cgn-3 hbwARJ" style="color: var(--primarytext);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path></svg></button></div></div><div class="pt-8 xl:pt-32"><div class="LoginFormContainer__Container-sc-cyh04c-0 cEWvSE"><h2 class="LoginFormContainer___StyledH-sc-cyh04c-1 hnHzSm" style="color: var(--primarytext);">Login to Continue</h2><form action="#" class="LoginContainer___StyledLoginFormContainer-sc-qtrnpk-0 kJVXDY"><div class="LoginFormContainer___StyledDiv-sc-cyh04c-3 jnKYno" style="background: var(--primary);"><div class="LoginFormContainer___StyledDiv2-sc-cyh04c-4 kkXYkd"><div><label class="Label-sc-g780ms-0 dqkKHi">Username or Email</label><input name="username" type="text" class="Input-sc-19rce1w-0 bcpqEh" value=""></div><div class="LoginContainer___StyledDiv-sc-qtrnpk-1 fpbUdY"><div><label class="Label-sc-g780ms-0 dqkKHi">Password</label><input name="password" type="password" class="Input-sc-19rce1w-0 bcpqEh" value=""></div></div><div class="LoginContainer___StyledDiv2-sc-qtrnpk-2 klHVdZ"><button type="submit" class="Button__ButtonStyle-sc-1qu1gou-0 dLAOsI"><span class="Button___StyledSpan-sc-1qu1gou-2">Login</span></button></div><div id="" class="g-recaptcha"><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-8zbjya34mm0k" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://recaptcha.net/recaptcha/api2/anchor?ar=1&amp;k=6Lfa7I4qAAAAAEFA5DulDs5C2UGfWwyskb3chKc2&amp;co=aHR0cHM6Ly9wYW5lbC56aW5raG9zdC5jbG91ZDo0NDM.&amp;hl=en&amp;v=pPK749sccDmVW_9DSeTMVvh2&amp;theme=light&amp;size=invisible&amp;badge=bottomright&amp;cb=ed1lmuo74z5w"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div><div class="LoginContainer___StyledDiv3-sc-qtrnpk-3 dBFkEh"><a class="LoginContainer___StyledLink-sc-qtrnpk-4 cjgCjC" href="/auth/password" style="color: var(--tertiarytext);">Forgot password?</a></div></div></div></form><p class="LoginFormContainer___StyledP-sc-cyh04c-5 jpUgdE">© 2015 - 2024&nbsp;<a rel="noopener nofollow noreferrer" href="https://pterodactyl.io" target="_blank" class="LoginFormContainer___StyledA-sc-cyh04c-6 bzSOLG">Pterodactyl Software</a></p></div></div></div></div>
                        <script src="/assets/bundle.255230de.js" crossorigin="anonymous"></script>
    



</body></html>