/**
 * Greenergy Theme - Main CSS Entry Point
 * 
 * This file contains Tailwind directives and imports.
 * Component styles use @apply for reusable patterns.
 * 
 * @package Greenergy
 */

/* @import must appear before @tailwind (CSS rule order). */

/* Vendor base copied to assets/css/dist/n8n-chat-vendor.css (npm prebuild/predev) */

/*! Package version @n8n/chat@1.18.3 */

:root{
  --chat--color--primary:#e74266;
  --chat--color--primary-shade-50:#db4061;
  --chat--color--primary--shade-100:#cf3c5c;
  --chat--color--secondary:#20b69e;
  --chat--color-secondary-shade-50:#1ca08a;
  --chat--color-white:#fff;
  --chat--color-light:#f2f4f8;
  --chat--color-light-shade-50:#e6e9f1;
  --chat--color-light-shade-100:#c2c5cc;
  --chat--color-medium:#d2d4d9;
  --chat--color-dark:#101330;
  --chat--color-disabled:#d2d4d9;
  --chat--color-typing:#404040;
  --chat--spacing:1rem;
  --chat--border-radius:.25rem;
  --chat--transition-duration:.15s;
  --chat--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --chat--window--width:400px;
  --chat--window--height:600px;
  --chat--window--bottom:var(--chat--spacing);
  --chat--window--right:var(--chat--spacing);
  --chat--window--z-index:9999;
  --chat--window--border:1px solid var(--chat--color-light-shade-50);
  --chat--window--border-radius:var(--chat--border-radius);
  --chat--window--margin-bottom:var(--chat--spacing);
  --chat--header-height:auto;
  --chat--header--padding:var(--chat--spacing);
  --chat--header--background:var(--chat--color-dark);
  --chat--header--color:var(--chat--color-light);
  --chat--header--border-top:none;
  --chat--header--border-bottom:none;
  --chat--header--border-left:none;
  --chat--header--border-right:none;
  --chat--heading--font-size:2em;
  --chat--subtitle--font-size:inherit;
  --chat--subtitle--line-height:1.8;
  --chat--message--font-size:1rem;
  --chat--message--padding:var(--chat--spacing);
  --chat--message--border-radius:var(--chat--border-radius);
  --chat--message-line-height:1.5;
  --chat--message--margin-bottom:calc(var(--chat--spacing) * 1);
  --chat--message--bot--background:var(--chat--color-white);
  --chat--message--bot--color:var(--chat--color-dark);
  --chat--message--bot--border:none;
  --chat--message--user--background:var(--chat--color--secondary);
  --chat--message--user--color:var(--chat--color-white);
  --chat--message--user--border:none;
  --chat--message--pre--background:#0000000d;
  --chat--messages-list--padding:var(--chat--spacing);
  --chat--toggle--size:64px;
  --chat--toggle--width:var(--chat--toggle--size);
  --chat--toggle--height:var(--chat--toggle--size);
  --chat--toggle--border-radius:50%;
  --chat--toggle--background:var(--chat--color--primary);
  --chat--toggle--hover--background:var(--chat--color--primary-shade-50);
  --chat--toggle--active--background:var(--chat--color--primary--shade-100);
  --chat--toggle--color:var(--chat--color-white);
  --chat--textarea--height:50px;
  --chat--textarea--max-height:30rem;
  --chat--input--width:100%;
  --chat--input--font-size:inherit;
  --chat--input--border:0;
  --chat--input--border-radius:0;
  --chat--input--padding:.8rem;
  --chat--input--background:var(--chat--color-white);
  --chat--input--text-color:initial;
  --chat--input--line-height:1.5;
  --chat--input--placeholder--font-size:var(--chat--input--font-size);
  --chat--input--border-active:0;
  --chat--input--left--panel--width:2rem;
  --chat--input--container--background:var(--chat--color-white);
  --chat--input--container--border:0;
  --chat--input--container--border-radius:0;
  --chat--input--container--padding:0;
  --chat--input--button--border-radius:16px;
  --chat--button--padding:calc(var(--chat--spacing) * 5 / 8) var(--chat--spacing);
  --chat--button--border-radius:var(--chat--border-radius);
  --chat--button--font-size:1rem;
  --chat--button--line-height:1;
  --chat--button--color--primary:var(--chat--color-light);
  --chat--button--background--primary:var(--chat--color--secondary);
  --chat--button--border--primary:none;
  --chat--button--color--primary--hover:var(--chat--color-light);
  --chat--button--background--primary--hover:var(--chat--color-secondary-shade-50);
  --chat--button--border--primary--hover:none;
  --chat--button--color--primary--disabled:var(--chat--color-light);
  --chat--button--background--primary--disabled:#81bbb1;
  --chat--button--border--primary--disabled:none;
  --chat--button--color--secondary:var(--chat--color-light);
  --chat--button--background--secondary:#949494;
  --chat--button--border--secondary:none;
  --chat--button--color--secondary--hover:var(--chat--color-light);
  --chat--button--background--secondary--hover:#828282;
  --chat--button--border--secondary--hover:none;
  --chat--button--color--secondary--disabled:var(--chat--color-light);
  --chat--button--background--secondary--disabled:#c7c7c7;
  --chat--button--border--secondary--disabled:none;
  --chat--close--button--color-hover:var(--chat--color--primary);
  --chat--message--actions--color:var(--chat--color--primary);
  --chat--message--actions--gap:var(--chat--spacing);
  --chat--input--send--button--background:var(--chat--color-white);
  --chat--input--send--button--color:var(--chat--color--secondary);
  --chat--input--send--button--background-hover:var(--chat--color--primary-shade-50);
  --chat--input--send--button--color-hover:var(--chat--color-secondary-shade-50);
  --chat--input--file--button--background:var(--chat--color-white);
  --chat--input--file--button--color:var(--chat--color--secondary);
  --chat--input--file--button--background-hover:var(--chat--input--file--button--background);
  --chat--input--file--button--color-hover:var(--chat--color-secondary-shade-50);
  --chat--files-spacing:.25rem;
  --chat--body--background:var(--chat--color-light);
  --chat--footer--padding:0;
  --chat--footer--background:var(--chat--color-light);
  --chat--footer--color:var(--chat--color-dark);
  --chat--footer--border-top:1px solid var(--chat--color-light-shade-100)
}

pre code.hljs{
  padding:1em;
  display:block;
  overflow-x:auto
}

code.hljs{
  padding:3px 5px
}

.hljs{
  color:#24292e;
  background:#fff
}

.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{
  color:#d73a49
}

.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{
  color:#6f42c1
}

.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{
  color:#005cc5
}

.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{
  color:#032f62
}

.hljs-built_in,.hljs-symbol{
  color:#e36209
}

.hljs-code,.hljs-comment,.hljs-formula{
  color:#6a737d
}

.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{
  color:#22863a
}

.hljs-subst{
  color:#24292e
}

.hljs-section{
  color:#005cc5;
  font-weight:700
}

.hljs-bullet{
  color:#735c0f
}

.hljs-emphasis{
  color:#24292e;
  font-style:italic
}

.hljs-strong{
  color:#24292e;
  font-weight:700
}

.hljs-addition{
  color:#22863a;
  background-color:#f0fff4
}

.hljs-deletion{
  color:#b31d28;
  background-color:#ffeef0
}

body[data-theme=dark] pre code.hljs{
  padding:1em;
  display:block;
  overflow-x:auto
}

body[data-theme=dark] code.hljs{
  padding:3px 5px
}

body[data-theme=dark] .hljs{
  color:#adbac7;
  background:#22272e
}

body[data-theme=dark] .hljs-doctag,body[data-theme=dark] .hljs-keyword,body[data-theme=dark] .hljs-meta .hljs-keyword,body[data-theme=dark] .hljs-template-tag,body[data-theme=dark] .hljs-template-variable,body[data-theme=dark] .hljs-type,body[data-theme=dark] .hljs-variable.language_{
  color:#f47067
}

body[data-theme=dark] .hljs-title,body[data-theme=dark] .hljs-title.class_,body[data-theme=dark] .hljs-title.class_.inherited__,body[data-theme=dark] .hljs-title.function_{
  color:#dcbdfb
}

body[data-theme=dark] .hljs-attr,body[data-theme=dark] .hljs-attribute,body[data-theme=dark] .hljs-literal,body[data-theme=dark] .hljs-meta,body[data-theme=dark] .hljs-number,body[data-theme=dark] .hljs-operator,body[data-theme=dark] .hljs-selector-attr,body[data-theme=dark] .hljs-selector-class,body[data-theme=dark] .hljs-selector-id,body[data-theme=dark] .hljs-variable{
  color:#6cb6ff
}

body[data-theme=dark] .hljs-meta .hljs-string,body[data-theme=dark] .hljs-regexp,body[data-theme=dark] .hljs-string{
  color:#96d0ff
}

body[data-theme=dark] .hljs-built_in,body[data-theme=dark] .hljs-symbol{
  color:#f69d50
}

body[data-theme=dark] .hljs-code,body[data-theme=dark] .hljs-comment,body[data-theme=dark] .hljs-formula{
  color:#768390
}

body[data-theme=dark] .hljs-name,body[data-theme=dark] .hljs-quote,body[data-theme=dark] .hljs-selector-pseudo,body[data-theme=dark] .hljs-selector-tag{
  color:#8ddb8c
}

body[data-theme=dark] .hljs-subst{
  color:#adbac7
}

body[data-theme=dark] .hljs-section{
  color:#316dca;
  font-weight:700
}

body[data-theme=dark] .hljs-bullet{
  color:#eac55f
}

body[data-theme=dark] .hljs-emphasis{
  color:#adbac7;
  font-style:italic
}

body[data-theme=dark] .hljs-strong{
  color:#adbac7;
  font-weight:700
}

body[data-theme=dark] .hljs-addition{
  color:#b4f1b4;
  background-color:#1b4721
}

body[data-theme=dark] .hljs-deletion{
  color:#ffd8d3;
  background-color:#78191b
}

@media (prefers-color-scheme:dark){
  body:not([data-theme]) pre code.hljs{
    padding:1em;
    display:block;
    overflow-x:auto
  }

  body:not([data-theme]) code.hljs{
    padding:3px 5px
  }

  body:not([data-theme]) .hljs{
    color:#adbac7;
    background:#22272e
  }

  body:not([data-theme]) .hljs-doctag,body:not([data-theme]) .hljs-keyword,body:not([data-theme]) .hljs-meta .hljs-keyword,body:not([data-theme]) .hljs-template-tag,body:not([data-theme]) .hljs-template-variable,body:not([data-theme]) .hljs-type,body:not([data-theme]) .hljs-variable.language_{
    color:#f47067
  }

  body:not([data-theme]) .hljs-title,body:not([data-theme]) .hljs-title.class_,body:not([data-theme]) .hljs-title.class_.inherited__,body:not([data-theme]) .hljs-title.function_{
    color:#dcbdfb
  }

  body:not([data-theme]) .hljs-attr,body:not([data-theme]) .hljs-attribute,body:not([data-theme]) .hljs-literal,body:not([data-theme]) .hljs-meta,body:not([data-theme]) .hljs-number,body:not([data-theme]) .hljs-operator,body:not([data-theme]) .hljs-selector-attr,body:not([data-theme]) .hljs-selector-class,body:not([data-theme]) .hljs-selector-id,body:not([data-theme]) .hljs-variable{
    color:#6cb6ff
  }

  body:not([data-theme]) .hljs-meta .hljs-string,body:not([data-theme]) .hljs-regexp,body:not([data-theme]) .hljs-string{
    color:#96d0ff
  }

  body:not([data-theme]) .hljs-built_in,body:not([data-theme]) .hljs-symbol{
    color:#f69d50
  }

  body:not([data-theme]) .hljs-code,body:not([data-theme]) .hljs-comment,body:not([data-theme]) .hljs-formula{
    color:#768390
  }

  body:not([data-theme]) .hljs-name,body:not([data-theme]) .hljs-quote,body:not([data-theme]) .hljs-selector-pseudo,body:not([data-theme]) .hljs-selector-tag{
    color:#8ddb8c
  }

  body:not([data-theme]) .hljs-subst{
    color:#adbac7
  }

  body:not([data-theme]) .hljs-section{
    color:#316dca;
    font-weight:700
  }

  body:not([data-theme]) .hljs-bullet{
    color:#eac55f
  }

  body:not([data-theme]) .hljs-emphasis{
    color:#adbac7;
    font-style:italic
  }

  body:not([data-theme]) .hljs-strong{
    color:#adbac7;
    font-weight:700
  }

  body:not([data-theme]) .hljs-addition{
    color:#b4f1b4;
    background-color:#1b4721
  }

  body:not([data-theme]) .hljs-deletion{
    color:#ffd8d3;
    background-color:#78191b
  }
}

.chat-message-markdown{
  -webkit-text-size-adjust:100%;
  word-break:break-word;
  line-height:1.4
}

.chat-message-markdown *,.chat-message-markdown :before,.chat-message-markdown :after{
  box-sizing:border-box
}

.chat-message-markdown :before,.chat-message-markdown :after{
  -webkit-text-decoration:inherit;
  text-decoration:inherit;
  vertical-align:inherit
}

.chat-message-markdown body,.chat-message-markdown dl dl,.chat-message-markdown dl ol,.chat-message-markdown dl ul,.chat-message-markdown ol dl,.chat-message-markdown ul dl,.chat-message-markdown ol ol,.chat-message-markdown ol ul,.chat-message-markdown ul ol,.chat-message-markdown ul ul,.chat-message-markdown button,.chat-message-markdown input,.chat-message-markdown select,.chat-message-markdown textarea{
  margin:0
}

.chat-message-markdown hr{
  height:0;
  overflow:visible
}

.chat-message-markdown main,.chat-message-markdown details{
  display:block
}

.chat-message-markdown summary{
  display:list-item
}

.chat-message-markdown nav ol,.chat-message-markdown nav ul{
  padding:0;
  list-style:none
}

.chat-message-markdown pre,.chat-message-markdown code,.chat-message-markdown kbd,.chat-message-markdown samp{
  font-family:var(--font-family--monospace), "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size:1em
}

.chat-message-markdown abbr[title]{
  cursor:help;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

.chat-message-markdown b,.chat-message-markdown strong{
  font-weight:var(--font-weight--bold)
}

.chat-message-markdown small{
  opacity:.8;
  font-size:80%
}

.chat-message-markdown audio,.chat-message-markdown canvas,.chat-message-markdown iframe,.chat-message-markdown img,.chat-message-markdown svg,.chat-message-markdown video{
  vertical-align:middle
}

.chat-message-markdown img{
  max-width:100%;
  height:auto
}

.chat-message-markdown iframe{
  border-style:none
}

.chat-message-markdown svg:not([fill]){
  fill:currentColor
}

.chat-message-markdown svg:not(:root){
  overflow:hidden
}

.chat-message-markdown button,.chat-message-markdown input{
  overflow:visible
}

.chat-message-markdown button,.chat-message-markdown select{
  text-transform:none
}

.chat-message-markdown button,.chat-message-markdown [type=button],.chat-message-markdown [type=reset],.chat-message-markdown [type=submit]{
  -webkit-appearance:button
}

.chat-message-markdown fieldset{
  border:1px solid #666;
  padding:.35em .75em .625em
}

.chat-message-markdown legend{
  color:inherit;
  white-space:normal;
  max-width:100%;
  display:table
}

.chat-message-markdown progress{
  vertical-align:baseline;
  display:inline-block
}

.chat-message-markdown textarea{
  resize:vertical;
  overflow:auto
}

.chat-message-markdown [type=search]{
  outline-offset:-2px;
  -webkit-appearance:textfield
}

.chat-message-markdown ::-webkit-inner-spin-button{
  height:auto
}

.chat-message-markdown ::-webkit-outer-spin-button{
  height:auto
}

.chat-message-markdown ::-webkit-input-placeholder{
  color:inherit;
  opacity:.54
}

.chat-message-markdown ::-webkit-search-decoration{
  -webkit-appearance:none
}

.chat-message-markdown ::-webkit-file-upload-button{
  font:inherit;
  -webkit-appearance:button
}

.chat-message-markdown ::-moz-focus-inner{
  border-style:none;
  padding:0
}

.chat-message-markdown :-moz-focusring{
  outline:1px dotted buttontext
}

.chat-message-markdown :-moz-ui-invalid{
  box-shadow:none
}

.chat-message-markdown [aria-busy=true]{
  cursor:progress
}

.chat-message-markdown [aria-controls]{
  cursor:pointer
}

.chat-message-markdown [aria-disabled=true],.chat-message-markdown [disabled]{
  cursor:not-allowed
}

.chat-message-markdown [aria-hidden=false][hidden]{
  display:inline;
  display:initial
}

.chat-message-markdown [aria-hidden=false][hidden]:not(:focus){
  clip:rect(0, 0, 0, 0);
  position:absolute
}

@media print{
  .chat-message-markdown a[href^=http]:after{
    content:" (" attr(href) ")"
  }
}

.chat-message-markdown :root{
  --background-main:#fefefe;
  --background-element:#eee;
  --background-inverted:#282a36;
  --text-main:#1f1f1f;
  --text-alt:#333;
  --text-inverted:#fefefe;
  --border-element:#282a36;
  --theme:#7a283a;
  --theme-light:#bc8f8f;
  --theme-dark:#8f5656
}

.chat-message-markdown body{
  background:var(--background-main);
  max-width:36rem;
  min-height:100%;
  color:var(--text-main);
  margin:auto;
  overflow-x:hidden
}

.chat-message-markdown h1,.chat-message-markdown h2,.chat-message-markdown h3,.chat-message-markdown h4,.chat-message-markdown h5,.chat-message-markdown h6{
  margin:2rem 0 .8em
}

.chat-message-markdown h1{
  font-size:2.441rem;
  line-height:1.1
}

.chat-message-markdown h2{
  font-size:1.953rem;
  line-height:1.15
}

.chat-message-markdown h3{
  font-size:1.563rem;
  line-height:1.2
}

.chat-message-markdown h4{
  font-size:1.25rem;
  line-height:1.3
}

.chat-message-markdown h5,.chat-message-markdown h6{
  font-size:1rem;
  line-height:1.4
}

.chat-message-markdown p,.chat-message-markdown ul,.chat-message-markdown ol,.chat-message-markdown figure{
  margin:.6rem 0 1.2rem
}

.chat-message-markdown h1 span,.chat-message-markdown h2 span,.chat-message-markdown h3 span,.chat-message-markdown h4 span,.chat-message-markdown h5 span,.chat-message-markdown h6 span{
  font-size:1em;
  font-style:italic;
  font-weight:var(--font-weight--regular);
  margin-top:.3em;
  line-height:1.3;
  display:block
}

.chat-message-markdown h1 span{
  font-size:.6em
}

.chat-message-markdown h2 span{
  font-size:.7em
}

.chat-message-markdown h3 span{
  font-size:.8em
}

.chat-message-markdown h4 span{
  font-size:.9em
}

.chat-message-markdown mark{
  background:pink;
  padding:.1em .15em
}

.chat-message-markdown pre{
  -moz-tab-size:4;
    -o-tab-size:4;
       tab-size:4
}

.chat-message-markdown ins{
  font-weight:var(--font-weight--bold);
  text-decoration:none
}

.chat-message-markdown blockquote{
  border-left:.3rem solid #7a283a;
  border-left:.3rem solid var(--theme);
  margin:.6rem 0 1.2rem;
  padding-left:2rem
}

.chat-message-markdown blockquote p{
  font-size:1.2em;
  font-style:italic
}

.chat-message-markdown figure{
  margin:0
}

.chat-message-markdown a{
  color:var(--theme);
  text-decoration:underline
}

.chat-message-markdown a:hover{
  color:var(--theme-light)
}

.chat-message-markdown a:active{
  color:var(--theme-dark)
}

.chat-message-markdown :focus{
  outline:3px solid #bc8f8f;
  outline:3px solid var(--theme-light);
  outline-offset:3px
}

.chat-message-markdown input{
  background:#eee;
  background:var(--background-element);
  border:2px solid #282a36;
  border:2px solid var(--border-element);
  border-radius:.5rem;
  padding:.5rem .65rem;
  font-size:1rem
}

.chat-message-markdown kbd,.chat-message-markdown code{
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  border-radius:.2rem;
  padding:.1em .25em
}

.chat-message-markdown kbd>kbd{
  padding-left:0;
  padding-right:0
}

.chat-message-markdown pre code{
  word-break:normal;
  padding:0 0 .5rem .5rem;
  display:block;
  overflow-x:auto
}

.chat-message-markdown [tabindex="-1"]:focus{
  outline:none
}

.chat-message-markdown [hidden]{
  display:none
}

.chat-message-markdown [aria-disabled],.chat-message-markdown [disabled]{
  cursor:not-allowed!important;
  pointer-events:none!important
}

.chat-message-markdown a[href^=\#]:after{
  content:""
}

.chat-message-markdown body>a:first-child{
  background:#7a283a;
  background:var(--theme);
  color:var(--text-inverted);
  border-radius:.2rem;
  padding:.3em .5em;
  position:absolute;
  top:-10rem
}

.chat-message-markdown body>a:first-child:focus{
  top:1rem
}

.chat-message-markdown ul,.chat-message-markdown ol{
  margin-bottom:1rem;
  padding-left:1.5rem
}

.chat-message-markdown ul li,.chat-message-markdown ol li{
  margin-bottom:.5rem
}

.n8n-chat pre code.hljs{
  padding:1em;
  display:block;
  overflow-x:auto
}

.n8n-chat code.hljs{
  padding:3px 5px
}

.n8n-chat .hljs{
  color:#24292e;
  background:#fff
}

.n8n-chat .hljs-doctag,.n8n-chat .hljs-keyword,.n8n-chat .hljs-meta .hljs-keyword,.n8n-chat .hljs-template-tag,.n8n-chat .hljs-template-variable,.n8n-chat .hljs-type,.n8n-chat .hljs-variable.language_{
  color:#d73a49
}

.n8n-chat .hljs-title,.n8n-chat .hljs-title.class_,.n8n-chat .hljs-title.class_.inherited__,.n8n-chat .hljs-title.function_{
  color:#6f42c1
}

.n8n-chat .hljs-attr,.n8n-chat .hljs-attribute,.n8n-chat .hljs-literal,.n8n-chat .hljs-meta,.n8n-chat .hljs-number,.n8n-chat .hljs-operator,.n8n-chat .hljs-selector-attr,.n8n-chat .hljs-selector-class,.n8n-chat .hljs-selector-id,.n8n-chat .hljs-variable{
  color:#005cc5
}

.n8n-chat .hljs-meta .hljs-string,.n8n-chat .hljs-regexp,.n8n-chat .hljs-string{
  color:#032f62
}

.n8n-chat .hljs-built_in,.n8n-chat .hljs-symbol{
  color:#e36209
}

.n8n-chat .hljs-code,.n8n-chat .hljs-comment,.n8n-chat .hljs-formula{
  color:#6a737d
}

.n8n-chat .hljs-name,.n8n-chat .hljs-quote,.n8n-chat .hljs-selector-pseudo,.n8n-chat .hljs-selector-tag{
  color:#22863a
}

.n8n-chat .hljs-subst{
  color:#24292e
}

.n8n-chat .hljs-section{
  color:#005cc5;
  font-weight:700
}

.n8n-chat .hljs-bullet{
  color:#735c0f
}

.n8n-chat .hljs-emphasis{
  color:#24292e;
  font-style:italic
}

.n8n-chat .hljs-strong{
  color:#24292e;
  font-weight:700
}

.n8n-chat .hljs-addition{
  color:#22863a;
  background-color:#f0fff4
}

.n8n-chat .hljs-deletion{
  color:#b31d28;
  background-color:#ffeef0
}

.chat-button-wrapper-disabled{
  cursor:not-allowed
}

.chat-button{
  text-align:center;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none;
  padding:var(--chat--button--padding);
  font-size:var(--chat--button--font-size);
  line-height:var(--chat--button--line-height);
  border-radius:var(--chat--button--border-radius);
  transition:color var(--chat--transition-duration) ease-in-out, background-color var(--chat--transition-duration) ease-in-out, border-color var(--chat--transition-duration) ease-in-out, box-shadow var(--chat--transition-duration) ease-in-out;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex
}

.chat-button:focus{
  outline:0;
  box-shadow:0 0 0 .2rem #007bff40
}

.chat-button-primary{
  color:var(--chat--button--color--primary);
  background-color:var(--chat--button--background--primary);
  border:var(--chat--button--border--primary)
}

.chat-button-primary:hover{
  color:var(--chat--button--color--primary--hover);
  background-color:var(--chat--button--background--primary--hover);
  border:var(--chat--button--border--primary--hover)
}

.chat-button-primary-disabled{
  pointer-events:none;
  color:var(--chat--button--color--primary--disabled);
  background-color:var(--chat--button--background--primary--disabled);
  border:var(--chat--button--border--primary--disabled)
}

.chat-button-secondary{
  color:var(--chat--button--color--secondary);
  background-color:var(--chat--button--background--secondary);
  border:var(--chat--button--border--secondary)
}

.chat-button-secondary:hover{
  color:var(--chat--button--color--secondary--hover);
  background-color:var(--chat--button--background--secondary--hover);
  border:var(--chat--button--border--secondary--hover)
}

.chat-button-secondary-disabled{
  pointer-events:none;
  color:var(--chat--button--color--secondary--disabled);
  background-color:var(--chat--button--background--secondary--disabled);
  border:var(--chat--button--border--secondary--disabled)
}

.chat-message-markdown{
  box-sizing:border-box;
  font-size:inherit;
  display:block
}

.chat-message-markdown>:first-child{
  margin-top:0
}

.chat-message-markdown>:last-child{
  margin-bottom:0
}

.chat-message-markdown pre{
  font-family:inherit;
  font-size:inherit;
  white-space:pre-wrap;
  box-sizing:border-box;
  padding:var(--chat--spacing);
  background:var(--chat--message--pre--background);
  border-radius:var(--chat--border-radius);
  margin:0
}

._buttons_omuwb_1{
  gap:var(--chat--spacing);
  margin-top:var(--chat--spacing);
  display:flex
}

.chat-get-started{
  padding-top:var(--chat--spacing);
  padding-bottom:var(--chat--spacing);
  justify-content:center;
  align-items:center;
  height:100%;
  display:flex
}

.chat-powered-by{
  text-align:center
}

.chat-powered-by a{
  color:var(--chat--color--primary);
  text-decoration:none
}

.chat-get-started-footer{
  padding:var(--chat--spacing)
}

.chat-file[data-v-dc3234f3]{
  width:-moz-fit-content;
  width:fit-content;
  max-width:15rem;
  color:var(--chat--color-dark);
  border:1px solid var(--chat--color-dark);
  background:#fff;
  border-radius:.25rem;
  flex-wrap:nowrap;
  align-items:center;
  gap:.25rem;
  padding:.5rem;
  font-size:.75rem;
  display:flex
}

.chat-file[data-v-dc3234f3]:has(.chat-file-preview){
  cursor:pointer
}

.chat-icon[data-v-dc3234f3]{
  flex-shrink:0
}

.chat-file-name-tooltip[data-v-dc3234f3]{
  overflow:hidden
}

.chat-file-name[data-v-dc3234f3]{
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  margin:0;
  overflow:hidden
}

.chat-file-delete[data-v-dc3234f3],.chat-file-preview[data-v-dc3234f3]{
  cursor:pointer;
  background:0 0;
  border:none;
  flex-shrink:0;
  display:block
}

.chat-file-delete[data-v-dc3234f3]{
  position:relative
}

.chat-file-delete[data-v-dc3234f3]:hover{
  color:red
}

.chat-file-delete[data-v-dc3234f3]:before{
  content:"";
  position:absolute;
  inset:-10px
}

.chat-input[data-v-fb8d706b]{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  display:flex;
  position:relative
}

.chat-input[data-v-fb8d706b] *{
  box-sizing:border-box
}

.chat-inputs[data-v-fb8d706b]{
  width:var(--chat--input--width,100%);
  background:var(--chat--input--container--background,var(--color--background--light-2));
  border:var(--chat--input--container--border,1px solid var(--color--foreground--tint-1));
  border-radius:var(--chat--input--container--border-radius,24px);
  padding:var(--chat--input--container--padding,12px);
  justify-content:center;
  align-items:flex-end;
  display:flex
}

.chat-inputs textarea[data-v-fb8d706b]{
  font-family:inherit;
  font-size:var(--chat--input--font-size);
  border-radius:var(--chat--input--border-radius);
  width:100%;
  padding:var(--chat--input--padding);
  min-height:var(--chat--textarea--height);
  max-height:var(--chat--textarea--max-height);
  height:var(--chat--textarea--height);
  resize:none;
  background:var(--chat--input--background,white);
  color:var(--chat--input--text-color,initial);
  line-height:var(--chat--input--line-height,1.5);
  border:none;
  outline:none;
  overflow-y:auto
}

.chat-inputs textarea[data-v-fb8d706b]::-moz-placeholder{
  font-size:var(--chat--input--placeholder--font-size,var(--chat--input--font-size))
}

.chat-inputs textarea[data-v-fb8d706b]::placeholder{
  font-size:var(--chat--input--placeholder--font-size,var(--chat--input--font-size))
}

.chat-inputs-controls[data-v-fb8d706b]{
  display:flex
}

.chat-input-send-button[data-v-fb8d706b],.chat-input-file-button[data-v-fb8d706b]{
  height:var(--chat--textarea--height);
  width:var(--chat--textarea--height);
  background:var(--chat--input--send--button--background,transparent);
  cursor:pointer;
  color:var(--chat--input--send--button--color,var(--chat--color--secondary));
  border-radius:var(--chat--input--button--border-radius,16px);
  transition:all var(--chat--transition-duration,.15s) ease;
  border:none;
  justify-content:center;
  align-items:center;
  margin:8px;
  font-size:24px;
  display:inline-flex
}

.chat-input-send-button svg[data-v-fb8d706b],.chat-input-file-button svg[data-v-fb8d706b]{
  min-width:-moz-fit-content;
  min-width:fit-content
}

.chat-input-send-button[disabled][data-v-fb8d706b],.chat-input-file-button[disabled][data-v-fb8d706b]{
  cursor:no-drop;
  color:var(--chat--color-disabled)
}

.chat-input-send-button[data-v-fb8d706b]:hover:not([disabled]),.chat-input-file-button[data-v-fb8d706b]:hover:not([disabled]){
  background:var(--chat--input--send--button--background-hover,#0000000d);
  color:var(--chat--input--send--button--color-hover,var(--chat--color--secondary))
}

.chat-input-file-button[data-v-fb8d706b]{
  background:var(--chat--input--file--button--background,transparent);
  color:var(--chat--input--file--button--color,var(--chat--color--secondary))
}

.chat-input-file-button[data-v-fb8d706b]:hover:not([disabled]){
  background:var(--chat--input--file--button--background-hover,#0000000d);
  color:var(--chat--input--file--button--color-hover,var(--chat--color--secondary))
}

.chat-files[data-v-fb8d706b]{
  width:100%;
  padding:var(--chat--files-spacing);
  flex-flow:wrap;
  gap:.5rem;
  display:flex;
  overflow:hidden auto
}

.chat-input-left-panel[data-v-fb8d706b]{
  width:var(--chat--input--left--panel--width);
  margin-left:.4rem
}

.chat-layout{
  width:100%;
  height:100%;
  font-family:var(--chat--font-family);
  flex-direction:column;
  display:flex;
  overflow-y:auto
}

.chat-layout .chat-header{
  height:var(--chat--header-height);
  padding:var(--chat--header--padding);
  background:var(--chat--header--background);
  color:var(--chat--header--color);
  border-top:var(--chat--header--border-top);
  border-bottom:var(--chat--header--border-bottom);
  border-left:var(--chat--header--border-left);
  border-right:var(--chat--header--border-right);
  flex-direction:column;
  justify-content:center;
  gap:1em;
  display:flex
}

.chat-layout .chat-header h1{
  font-size:var(--chat--heading--font-size);
  color:var(--chat--header--color)
}

.chat-layout .chat-header p{
  font-size:var(--chat--subtitle--font-size);
  line-height:var(--chat--subtitle--line-height)
}

.chat-layout .chat-body{
  background:var(--chat--body--background);
  flex-direction:column;
  flex:1;
  min-height:100px;
  display:flex;
  position:relative;
  overflow-y:auto
}

.chat-layout .chat-footer{
  border-top:var(--chat--footer--border-top,1px solid var(--chat--color-light-shade-100));
  background:var(--chat--footer--background);
  padding:var(--chat--footer--padding);
  color:var(--chat--footer--color)
}

._strokeWidth_amcx4_1 rect,._strokeWidth_amcx4_1 path{
  stroke-width:var(--icon--stroke-width)
}

._spin_amcx4_6{
  animation:1s linear infinite _spin_amcx4_6
}

@keyframes _spin_amcx4_6{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(360deg)
  }
}

:global(.n8n-button--success){
  --button--color--background:var(--color--success);
  --button--color--background-hover:var(--color--success--shade-1);
  --button--color--background-active:var(--color--success--shade-1);
  --button--color:var(--color--neutral-white);
  --button--shadow:0 0 0 1px var(--color--success);
  --button--shadow--hover:0 0 0 1px var(--color--success--shade-1);
  --button--shadow--active:0 0 0 1px var(--color--success--shade-1)
}

:is(:global(.n8n-button--success):disabled,:global(.n8n-button--success)[aria-disabled=true]){
  --button--color--background:var(--color--success--tint-3);
  --button--shadow:0 0 0 1px var(--color--success--tint-3)
}

:global(.n8n-button--warning){
  --button--color--background:var(--color--warning);
  --button--color--background-hover:var(--color--warning--shade-1);
  --button--color--background-active:var(--color--warning--shade-1);
  --button--color:var(--color--neutral-white);
  --button--shadow:0 0 0 1px var(--color--warning);
  --button--shadow--hover:0 0 0 1px var(--color--warning--shade-1);
  --button--shadow--active:0 0 0 1px var(--color--warning--shade-1)
}

:is(:global(.n8n-button--warning):disabled,:global(.n8n-button--warning)[aria-disabled=true]){
  --button--color--background:var(--color--warning--tint-1);
  --button--shadow:0 0 0 1px var(--color--warning--tint-1)
}

._button_praa1_3{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none;
  width:-moz-fit-content;
  width:fit-content;
  font-weight:var(--font-weight--medium);
  cursor:pointer;
  height:var(--button--height);
  padding:var(--button--padding);
  border-radius:var(--button--radius);
  line-height:1;
  font-size:var(--button--font-size);
  --button--color--background:transparent;
  --button--color--background-hover:transparent;
  --button--color--background-active:transparent;
  --button--color:var(--lightningcss-light,var(--color--neutral-900))var(--lightningcss-dark,var(--color--neutral-100));
  --button--shadow:0 0 0 0 transparent;
  --button--shadow--hover:0 0 0 0 transparent;
  --button--shadow--active:0 0 0 0 transparent;
  --button--border--shadow:0 0 0 0 transparent;
  --button--border--shadow--hover:0 0 0 0 transparent;
  --button--border--shadow--active:0 0 0 0 transparent;
  --button--border-color:transparent;
  --button--border-color--hover:transparent;
  --button--border-color--active:transparent;
  background-color:var(--button--color--background);
  color:var(--button--color);
  box-shadow:inset var(--button--border--shadow), var(--button--shadow);
  border:none;
  align-items:center;
  text-decoration:none;
  display:grid
}

._button_praa1_3>*{
  grid-area:1/1
}

._button_praa1_3:hover{
  background-color:var(--button--color--background-hover);
  box-shadow:inset var(--button--border--shadow--hover), var(--button--shadow--hover)
}

._button_praa1_3:active{
  background-color:var(--button--color--background-active);
  box-shadow:inset var(--button--border--shadow--active), var(--button--shadow--active)
}

._button_praa1_3:focus{
  outline:none
}

._button_praa1_3:focus-visible{
  outline:var(--focus--border-width) solid var(--focus--border-color);
  outline-offset:2px;
  transition:outline .15s ease-out
}

._button_praa1_3._xsmall_praa1_56{
  --button--height:var(--height--xs);
  --button--padding:0 var(--spacing--2xs);
  --button--radius:var(--radius--3xs);
  --button--font-size:var(--font-size--2xs)
}

._button_praa1_3._small_praa1_62{
  --button--height:var(--height--sm);
  --button--padding:0 var(--spacing--xs);
  --button--radius:var(--radius--3xs);
  --button--font-size:var(--font-size--xs)
}

._button_praa1_3._medium_praa1_68{
  --button--height:var(--height--md);
  --button--padding:0 var(--spacing--xs);
  --button--radius:var(--radius--3xs);
  --button--font-size:var(--font-size--sm)
}

._button_praa1_3._large_praa1_74{
  --button--height:var(--height--lg);
  --button--padding:0 var(--spacing--sm);
  --button--radius:var(--radius--2xs);
  --button--font-size:var(--font-size--sm)
}

._button_praa1_3._xlarge_praa1_80{
  --button--height:var(--height--xl);
  --button--padding:0 var(--spacing--sm);
  --button--radius:var(--radius--xs);
  --button--font-size:var(--font-size--md)
}

._button_praa1_3._solid_praa1_86{
  --button--color--background:var(--color--orange-400);
  --button--color--background-hover:var(--color--orange-500);
  --button--color--background-active:var(--color--orange-600);
  --button--color:var(--color--neutral-white);
  --button--shadow:0 1px 3px 0 var(--lightningcss-light,var(--color--black-alpha-100))var(--lightningcss-dark,var(--color--black-alpha-200));
  --button--shadow--hover:0 1px 3px 0 var(--lightningcss-light,var(--color--black-alpha-100))var(--lightningcss-dark,var(--color--black-alpha-200));
  --button--shadow--active:0 1px 3px 0 var(--lightningcss-light,var(--color--black-alpha-100))var(--lightningcss-dark,var(--color--black-alpha-200));
  --button--border-color:var(--color--orange-400);
  --button--border-color--hover:var(--color--orange-500);
  --button--border-color--active:var(--color--orange-600);
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color--hover);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color--active)
}

._button_praa1_3._subtle_praa1_104{
  --button--color--background:var(--lightningcss-light,var(--color--neutral-white))var(--lightningcss-dark,var(--color--neutral-800));
  --button--color--background-hover:var(--lightningcss-light,var(--color--neutral-150))var(--lightningcss-dark,var(--color--neutral-700));
  --button--color--background-active:var(--lightningcss-light,var(--color--neutral-200))var(--lightningcss-dark,var(--color--neutral-600));
  --button--shadow:0 1px 3px var(--lightningcss-light,var(--color--black-alpha-100))var(--lightningcss-dark,var(--color--black-alpha-300)), 0 0 0 1.5px var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color--black-alpha-100));
  --button--shadow--hover:0 1px 3px 0 var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--black-alpha-300)), 0 0 0 1px var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color--black-alpha-100));
  --button--shadow--active:0 1px 3px 0 var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--black-alpha-300)), 0 0 0 1px var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color--black-alpha-100));
  --button--border-color:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-100));
  --button--border-color--hover:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-300));
  --button--border-color--active:var(--lightningcss-light,var(--color--black-alpha-300))var(--lightningcss-dark,var(--color--white-alpha-300));
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color--hover);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color--active)
}

._button_praa1_3._outline_praa1_139{
  --button--color--background:transparent;
  --button--color--background-hover:var(--lightningcss-light,var(--color--neutral-150))var(--lightningcss-dark,var(--color--white-alpha-100));
  --button--color--background-active:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-200));
  --button--border-color:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-100));
  --button--border-color--hover:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-200));
  --button--border-color--active:var(--lightningcss-light,var(--color--black-alpha-300))var(--lightningcss-dark,var(--color--white-alpha-300));
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color--hover);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color--active)
}

._button_praa1_3._ghost_praa1_165{
  --button--color--background:transparent;
  --button--color--background-hover:var(--lightningcss-light,var(--color--black-alpha-100))var(--lightningcss-dark,var(--color--white-alpha-100));
  --button--color--background-active:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-200));
  --button--border-color:transparent;
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color)
}

._button_praa1_3._destructive_praa1_180{
  --button--color--background:var(--lightningcss-light,var(--color--red-500))var(--lightningcss-dark,var(--color--red-600));
  --button--color--background-hover:var(--lightningcss-light,var(--color--red-600))var(--lightningcss-dark,var(--color--red-500));
  --button--color--background-active:var(--lightningcss-light,var(--color--red-600))var(--lightningcss-dark,var(--color--red-400));
  --button--color:var(--color--neutral-white);
  --button--shadow:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--shadow--hover:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--shadow--active:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--border-color:var(--lightningcss-light,var(--color--red-500))var(--lightningcss-dark,var(--color--red-600));
  --button--border-color--hover:var(--lightningcss-light,var(--color--red-600))var(--lightningcss-dark,var(--color--red-500));
  --button--border-color--active:var(--lightningcss-light,var(--color--red-600))var(--lightningcss-dark,var(--color--red-400));
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color--hover);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color--active)
}

._button_praa1_3._success_praa1_204{
  --button--color--background:var(--lightningcss-light,var(--color--green-600))var(--lightningcss-dark,var(--color--green-700));
  --button--color--background-hover:var(--lightningcss-light,var(--color--green-700))var(--lightningcss-dark,var(--color--green-600));
  --button--color--background-active:var(--lightningcss-light,var(--color--green-700))var(--lightningcss-dark,var(--color--green-500));
  --button--color:var(--color--neutral-white);
  --button--shadow:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--shadow--hover:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--shadow--active:var(--lightningcss-light,0 1px 3px 0 var(--color--black-alpha-100))var(--lightningcss-dark,0 1px 3px 0 var(--color--black-alpha-200));
  --button--border-color:var(--lightningcss-light,var(--color--green-600))var(--lightningcss-dark,var(--color--green-700));
  --button--border-color--hover:var(--lightningcss-light,var(--color--green-700))var(--lightningcss-dark,var(--color--green-600));
  --button--border-color--active:var(--lightningcss-light,var(--color--green-700))var(--lightningcss-dark,var(--color--green-500));
  --button--border--shadow:0 0 0 1px var(--button--border-color);
  --button--border--shadow--hover:0 0 0 1px var(--button--border-color--hover);
  --button--border--shadow--active:0 0 0 1px var(--button--border-color--active)
}

._button_praa1_3._disabled_praa1_231{
  opacity:.5;
  cursor:not-allowed
}

._button_praa1_3._disabled_praa1_231:hover{
  background-color:var(--button--color--background);
  box-shadow:inset var(--button--border--shadow), var(--button--shadow)
}

._button_praa1_3._loading_praa1_239{
  pointer-events:none
}

._button_praa1_3._iconOnly_praa1_242{
  width:var(--button--height);
  justify-content:center;
  align-items:center;
  padding:0
}

._button_praa1_3._iconOnly_praa1_242>*{
  width:var(--button--height)
}

._loading-container_praa1_252{
  justify-content:center;
  align-items:center;
  height:auto;
  display:flex
}

._button-inner_praa1_259{
  justify-content:center;
  align-items:center;
  gap:var(--spacing--3xs);
  white-space:nowrap;
  display:flex
}

._button-inner_praa1_259>span{
  white-space:nowrap
}

._loading-container_praa1_252+._button-inner_praa1_259{
  pointer-events:none;
  opacity:0
}

._loading-spinner_praa1_276{
  justify-content:center;
  align-items:center;
  animation:1s linear infinite _spin_praa1_1;
  display:flex
}

@media (prefers-reduced-motion:reduce){
  ._loading-spinner_praa1_276{
    animation:none
  }
}

.n8n-button-fade-enter-active,.n8n-button-fade-leave-active{
  --easing--ease-out:cubic-bezier(.215, .61, .355, 1);
  transition:opacity .2s var(--easing--ease-out), transform .2s var(--easing--ease-out)
}

@media (prefers-reduced-motion:reduce){
  .n8n-button-fade-enter-active,.n8n-button-fade-leave-active{
    transition:opacity .1s
  }
}

.n8n-button-fade-enter-from,.n8n-button-fade-leave-to{
  opacity:0;
  filter:blur(2px);
  transform:translateY(4px)
}

@media (prefers-reduced-motion:reduce){
  .n8n-button-fade-enter-from,.n8n-button-fade-leave-to{
    filter:none;
    transform:none
  }
}

@keyframes _spin_praa1_1{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(360deg)
  }
}

._bold_1e0nf_1{
  font-weight:var(--font-weight--medium)
}

._regular_1e0nf_5{
  font-weight:var(--font-weight--regular)
}

._size-xlarge_1e0nf_9{
  font-size:var(--font-size--xl);
  line-height:var(--line-height--xl)
}

._size-large_1e0nf_14{
  font-size:var(--font-size--md);
  line-height:var(--line-height--xl)
}

._size-medium_1e0nf_19{
  font-size:var(--font-size--sm);
  line-height:var(--line-height--lg)
}

._size-small_1e0nf_24{
  font-size:var(--font-size--2xs);
  line-height:var(--line-height--lg)
}

._size-xsmall_1e0nf_29{
  font-size:var(--font-size--3xs);
  line-height:var(--line-height--sm)
}

._compact_1e0nf_34{
  line-height:1
}

._primary_1e0nf_38{
  color:var(--color--primary)
}

._secondary_1e0nf_42{
  color:var(--color--secondary)
}

._text-dark_1e0nf_46{
  color:var(--color--text--shade-1)
}

._text-base_1e0nf_50{
  color:var(--color--text)
}

._text-light_1e0nf_54{
  color:var(--color--text--tint-1)
}

._text-xlight_1e0nf_58{
  color:var(--color--text--tint-3)
}

._danger_1e0nf_62{
  color:var(--color--text--danger)
}

._success_1e0nf_66{
  color:var(--color--success)
}

._warning_1e0nf_70{
  color:var(--color--warning)
}

._foreground-dark_1e0nf_74{
  color:var(--color--foreground--shade-1)
}

._foreground-xdark_1e0nf_78{
  color:var(--color--foreground--shade-2)
}

._align-left_1e0nf_82{
  text-align:left
}

._align-right_1e0nf_86{
  text-align:right
}

._align-center_1e0nf_90{
  text-align:center
}

._arrow_1twu1_1{
  fill:currentColor
}

._buttons_1twu1_5{
  margin-top:var(--spacing--sm);
  align-items:center;
  gap:var(--spacing--2xs);
  display:flex
}

._disabledTrigger_1twu1_12{
  pointer-events:none
}

._disabledTrigger_1twu1_12>*{
  pointer-events:auto
}

.n8n-tooltip{
  z-index:2100;
  max-width:180px;
  font-size:12px;
  line-height:var(--line-height--md);
  background:var(--color--background--shade-2);
  color:var(--color--foreground--tint-2);
  word-wrap:break-word;
  border-radius:4px;
  padding:10px
}

.n8n-tooltip svg{
  fill:var(--color--background--shade-2)
}

._inputContainer_dr6ed_3{
  align-items:center;
  gap:var(--spacing--3xs);
  --input--height:var(--height--lg);
  --input--radius:var(--radius--2xs);
  --input--font-size:var(--font-size--sm);
  --input--padding:var(--spacing--xs);
  --input--color--background:var(--lightningcss-light,var(--color--neutral-white))var(--lightningcss-dark,var(--color--neutral-950));
  --input--shadow:0 0 0 0 transparent;
  --input--shadow--hover:0 0 0 0 transparent;
  --input--shadow--focus:0 0 0 0 transparent;
  --input--border-color:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-100));
  --input--border-color--hover:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-200));
  --input--border-color--focus:var(--lightningcss-light,var(--color--black-alpha-300))var(--lightningcss-dark,var(--color--white-alpha-300));
  --input--border--shadow:0 0 0 1px var(--input--border-color);
  --input--border--shadow--hover:0 0 0 1px var(--input--border-color--hover);
  --input--border--shadow--focus:0 0 0 1px var(--input--border-color--focus);
  width:100%;
  display:inline-flex
}

._inputContainer_dr6ed_3._xlarge_dr6ed_29{
  --input--height:var(--height--xl);
  --input--radius:var(--radius--2xs);
  --input--font-size:var(--font-size--md)
}

._inputContainer_dr6ed_3._large_dr6ed_34{
  --input--height:var(--height--lg);
  --input--radius:var(--radius--2xs);
  --input--font-size:var(--font-size--sm)
}

._inputContainer_dr6ed_3._medium_dr6ed_39{
  --input--height:var(--height--md);
  --input--radius:var(--radius--3xs);
  --input--font-size:var(--font-size--sm)
}

._inputContainer_dr6ed_3._small_dr6ed_44{
  --input--height:var(--height--sm);
  --input--radius:var(--radius--3xs);
  --input--font-size:var(--font-size--xs);
  --input--padding:var(--spacing--2xs)
}

._inputContainer_dr6ed_3._mini_dr6ed_50{
  --input--height:var(--height--xs);
  --input--radius:var(--radius--3xs);
  --input--font-size:var(--font-size--2xs);
  --input--padding:var(--spacing--2xs)
}

._inputWrapper_dr6ed_57{
  align-items:center;
  gap:var(--input--padding);
  min-width:0;
  padding:0 var(--input--padding);
  min-height:var(--input--height);
  border-radius:var(--input--radius--top-left,var(--input--radius)) var(--input--radius--top-right,var(--input--radius)) var(--input--radius--bottom-right,var(--input--radius)) var(--input--radius--bottom-left,var(--input--radius));
  background-color:var(--input--color--background);
  box-shadow:var(--input--shadow), inset var(--input--border--shadow);
  flex:1;
  display:inline-flex
}

._inputWrapper_dr6ed_57>input{
  padding:0 var(--input--padding);
  margin-inline:calc(var(--input--padding) * -1);
  border-radius:inherit
}

._inputWrapper_dr6ed_57:focus-within{
  outline:var(--focus--border-width) solid var(--focus--border-color);
  outline-offset:2px;
  transition:outline .15s ease-out
}

._inputWrapper_dr6ed_57:hover:not(._disabled_dr6ed_80):not(:focus-within){
  box-shadow:var(--input--shadow--hover), inset var(--input--border--shadow--hover)
}

._inputWrapper_dr6ed_57:focus-within{
  box-shadow:var(--input--shadow--focus), inset var(--input--border--shadow--focus)
}

._inputWrapper_dr6ed_57._disabled_dr6ed_80{
  cursor:not-allowed;
  opacity:.6
}

._isTextarea_dr6ed_91{
  align-items:flex-start;
  padding-inline:0
}

._disabled_dr6ed_80{
  cursor:not-allowed
}

._readonly_dr6ed_100{
  cursor:default
}

._hasPrepend_dr6ed_104 ._inputWrapper_dr6ed_57{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

._hasAppend_dr6ed_109 ._inputWrapper_dr6ed_57{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

._input_dr6ed_3{
  min-width:0;
  min-height:var(--input--height);
  font-family:inherit;
  font-size:var(--input--font-size,var(--font-size--md));
  color:var(--color--text--shade-1);
  background:0 0;
  border:none;
  outline:none;
  flex:1;
  padding:0
}

._input_dr6ed_3::-moz-placeholder{
  color:var(--color--text--tint-1)
}

._input_dr6ed_3::placeholder{
  color:var(--color--text--tint-1)
}

._input_dr6ed_3:-moz-read-only{
  cursor:default
}

._input_dr6ed_3:read-only{
  cursor:default
}

._input_dr6ed_3:disabled{
  cursor:not-allowed;
  color:var(--color--text--tint-1)
}

._textarea_dr6ed_140{
  resize:vertical;
  min-width:0;
  padding:var(--input--padding);
  line-height:var(--line-height--md);
  font-family:inherit;
  font-size:var(--input--font-size,var(--font-size--base));
  background:0 0;
  border:none;
  outline:none;
  flex:1
}

._textarea_dr6ed_140::-moz-placeholder{
  color:var(--color--text--tint-1)
}

._textarea_dr6ed_140::placeholder{
  color:var(--color--text--tint-1)
}

._textarea_dr6ed_140:-moz-read-only{
  cursor:default
}

._textarea_dr6ed_140:read-only{
  cursor:default
}

._textarea_dr6ed_140:disabled{
  cursor:not-allowed;
  color:var(--color--text--tint-1)
}

._prefix_dr6ed_166,._suffix_dr6ed_167{
  color:var(--color--text--shade-1);
  opacity:.7;
  flex-shrink:0;
  align-items:center;
  display:flex
}

._prefix_dr6ed_166 svg,._suffix_dr6ed_167 svg{
  width:var(--spacing--sm);
  height:var(--spacing--sm)
}

._clearButton_dr6ed_180{
  color:var(--color--text--tint-1);
  cursor:pointer;
  border-radius:var(--radius--sm);
  background:0 0;
  border:none;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  padding:0;
  transition:color .2s;
  display:flex
}

._clearButton_dr6ed_180:hover{
  color:var(--color--text--shade-1)
}

._clearButton_dr6ed_180:focus{
  outline:none
}

._prepend_dr6ed_202,._append_dr6ed_203{
  background-color:var(--lightningcss-light,var(--color--neutral-150))var(--lightningcss-dark,var(--color--neutral-800));
  padding:0 var(--spacing--xs);
  flex-shrink:0;
  align-items:center;
  display:flex
}

._prepend_dr6ed_202{
  border-right:var(--border);
  margin-left:calc(-1 * var(--spacing--xs))
}

._append_dr6ed_203{
  border-left:var(--border);
  margin-right:calc(-1 * var(--spacing--xs))
}

._hiddenTextarea_dr6ed_221{
  visibility:hidden!important;
  z-index:-1000!important;
  height:0!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  overflow:hidden!important
}

.blinking-cursor{
  height:var(--font-size--md);
  width:var(--spacing--3xs);
  border-radius:var(--radius--sm);
  margin-left:var(--spacing--4xs);
  animation:1s step-end infinite blink;
  display:inline-block
}

@keyframes blink{
  0%,to{
    background-color:#0000
  }

  50%{
    background-color:var(--color--foreground--shade-2)
  }
}

._h1Last_1sdbr_1{
  width:40%
}

._pLast_1sdbr_5{
  width:61%
}

._custom_1sdbr_9,.n8n-loading-custom.el-skeleton,.n8n-loading-custom.el-skeleton .el-skeleton__item{
  width:100%;
  height:100%
}

._markdown_24arw_1{
  color:var(--color--text)
}

._markdown_24arw_1 *{
  font-size:var(--font-size--md);
  line-height:var(--line-height--xl)
}

._markdown_24arw_1 h1,._markdown_24arw_1 h2,._markdown_24arw_1 h3,._markdown_24arw_1 h4{
  margin-bottom:var(--spacing--sm);
  font-size:var(--font-size--md);
  font-weight:var(--font-weight--bold)
}

._markdown_24arw_1 h3,._markdown_24arw_1 h4{
  font-weight:var(--font-weight--bold)
}

._markdown_24arw_1 p,._markdown_24arw_1 span{
  margin-bottom:var(--spacing--sm)
}

._markdown_24arw_1 ul,._markdown_24arw_1 ol{
  margin-bottom:var(--spacing--sm);
  padding-left:var(--spacing--md)
}

._markdown_24arw_1 ul li,._markdown_24arw_1 ol li{
  margin-top:.25em
}

._markdown_24arw_1 pre>code{
  background-color:var(--color--background);
  color:var(--color--text--shade-1)
}

._markdown_24arw_1 li>code,._markdown_24arw_1 p>code{
  padding:0 var(--spacing--4xs);
  color:var(--color--text--shade-1);
  background-color:var(--color--background)
}

._markdown_24arw_1 ._label_24arw_43{
  color:var(--color--text)
}

._markdown_24arw_1 img{
  border-radius:var(--radius--lg);
  max-width:100%
}

._markdown_24arw_1 blockquote{
  border-left:var(--border-color) 2px solid;
  padding-left:10px;
  font-style:italic
}

input[type=checkbox]{
  accent-color:var(--color--primary)
}

input[type=checkbox]+label{
  cursor:pointer
}

._sticky_24arw_64{
  color:var(--sticky--color--text);
  overflow-wrap:break-word
}

._sticky_24arw_64 h1,._sticky_24arw_64 h2,._sticky_24arw_64 h3,._sticky_24arw_64 h4,._sticky_24arw_64 h5,._sticky_24arw_64 h6{
  color:var(--sticky--color--text)
}

._sticky_24arw_64 h1,._sticky_24arw_64 h2,._sticky_24arw_64 h3,._sticky_24arw_64 h4{
  margin-bottom:var(--spacing--2xs);
  font-weight:var(--font-weight--bold);
  line-height:var(--line-height--lg)
}

._sticky_24arw_64 h1{
  font-size:36px
}

._sticky_24arw_64 h2{
  font-size:24px
}

._sticky_24arw_64 h3,._sticky_24arw_64 h4,._sticky_24arw_64 h5,._sticky_24arw_64 h6{
  font-size:var(--font-size--md)
}

._sticky_24arw_64 p{
  margin-bottom:var(--spacing--2xs);
  font-size:var(--font-size--sm);
  font-weight:var(--font-weight--regular);
  line-height:var(--line-height--lg)
}

._sticky_24arw_64 ul,._sticky_24arw_64 ol{
  margin-bottom:var(--spacing--2xs);
  padding-left:var(--spacing--md)
}

._sticky_24arw_64 ul li,._sticky_24arw_64 ol li{
  font-size:var(--font-size--sm);
  font-weight:var(--font-weight--regular);
  line-height:var(--line-height--md);
  margin-top:.25em
}

:is(._sticky_24arw_64 ul:has(input[type=checkbox]),._sticky_24arw_64 ol:has(input[type=checkbox])){
  padding-left:var(--spacing--5xs);
  list-style-type:none
}

._sticky_24arw_64 pre>code{
  background-color:var(--sticky--code--color--background);
  color:var(--sticky--code--color--text)
}

._sticky_24arw_64 pre>code,._sticky_24arw_64 li>code,._sticky_24arw_64 p>code{
  color:var(--sticky--code--color--text)
}

._sticky_24arw_64 a:hover{
  text-decoration:underline
}

._sticky_24arw_64 img{
  -o-object-fit:contain;
     object-fit:contain;
  margin-top:var(--spacing--xs);
  margin-bottom:var(--spacing--2xs)
}

._sticky_24arw_64 img[src*=\#full-width]{
  width:100%
}

._sticky_24arw_64 pre,._markdown_24arw_1 pre{
  margin-bottom:var(--spacing--sm);
  display:grid
}

._sticky_24arw_64 pre>code,._markdown_24arw_1 pre>code{
  padding:var(--spacing--sm);
  display:block;
  overflow-x:auto
}

._sticky_24arw_64 iframe,._markdown_24arw_1 iframe{
  aspect-ratio:auto 16/9
}

._sticky_24arw_64 summary,._markdown_24arw_1 summary{
  cursor:pointer
}

._spacer_24arw_160{
  margin:var(--spacing--2xl)
}

.recycle-scroller-wrapper{
  flex:auto;
  width:100%;
  height:100%;
  overflow:auto
}

.recycle-scroller{
  width:100%;
  display:block;
  position:relative
}

.recycle-scroller-items-wrapper{
  width:100%;
  position:absolute
}

.recycle-scroller-item{
  width:100%;
  display:flex;
  position:relative
}

._resize_11wc6_1{
  --resizer--size:4px;
  --resizer--spacing--side:-2px;
  --resizer--spacing--corner:-3px;
  z-index:2;
  width:100%;
  height:100%;
  position:relative
}

._resizer_11wc6_11{
  z-index:3;
  position:absolute
}

._right_11wc6_16{
  width:var(--resizer--size);
  height:100%;
  top:var(--resizer--spacing--side);
  right:var(--resizer--spacing--side);
  cursor:ew-resize
}

._top_11wc6_24{
  width:100%;
  height:var(--resizer--size);
  top:var(--resizer--spacing--side);
  left:var(--resizer--spacing--side);
  cursor:ns-resize
}

._bottom_11wc6_32{
  width:100%;
  height:var(--resizer--size);
  bottom:var(--resizer--spacing--side);
  left:var(--resizer--spacing--side);
  cursor:ns-resize
}

._left_11wc6_40{
  width:var(--resizer--size);
  height:100%;
  top:var(--resizer--spacing--side);
  left:var(--resizer--spacing--side);
  cursor:ew-resize
}

._topLeft_11wc6_48{
  width:var(--resizer--size);
  height:var(--resizer--size);
  top:var(--resizer--spacing--corner);
  left:var(--resizer--spacing--corner);
  cursor:nw-resize
}

._topRight_11wc6_56{
  width:var(--resizer--size);
  height:var(--resizer--size);
  top:var(--resizer--spacing--corner);
  right:var(--resizer--spacing--corner);
  cursor:ne-resize
}

._bottomLeft_11wc6_64{
  width:var(--resizer--size);
  height:var(--resizer--size);
  bottom:var(--resizer--spacing--corner);
  left:var(--resizer--spacing--corner);
  cursor:sw-resize
}

._bottomRight_11wc6_72{
  width:var(--resizer--size);
  height:var(--resizer--size);
  bottom:var(--resizer--spacing--corner);
  right:var(--resizer--spacing--corner);
  cursor:se-resize
}

._outset_11wc6_80{
  --resizer--spacing--side:calc(-1 * var(--resizer--size) + 2px);
  --resizer--spacing--corner:calc(-1 * var(--resizer--size) + 3px)
}

.lds-ring{
  width:48px;
  height:48px;
  display:inline-block;
  position:relative
}

.lds-ring div{
  box-sizing:border-box;
  border:4px solid var(--color--foreground--tint-2);
  border-color:var(--color--primary) transparent transparent transparent;
  border-radius:50%;
  width:48px;
  height:48px;
  animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;
  display:block;
  position:absolute
}

.lds-ring div:first-child{
  animation-delay:-.45s
}

.lds-ring div:nth-child(2){
  animation-delay:-.3s
}

.lds-ring div:nth-child(3){
  animation-delay:-.15s
}

@keyframes lds-ring{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(360deg)
  }
}

._sticky_v7tn3_1{
  border-radius:var(--radius);
  background-color:var(--sticky--color--background);
  border:1px solid var(--sticky--border-color);
  position:absolute
}

._customColor_v7tn3_8{
  --sticky--color--text:var(--sticky--color--text--custom);
  --color--text--shade-1:var(--sticky--color--text--custom);
  --sticky--border-color:var(--sticky--border-color--custom-light)
}

body[data-theme=dark] ._customColor_v7tn3_8{
  --sticky--border-color:var(--sticky--border-color--custom-dark)
}

@media (prefers-color-scheme:dark){
  body:not([data-theme=light]) ._customColor_v7tn3_8{
    --sticky--border-color:var(--sticky--border-color--custom-dark)
  }
}

._clickable_v7tn3_23{
  cursor:pointer
}

._wrapper_v7tn3_27{
  width:100%;
  height:100%;
  padding:var(--spacing--2xs) var(--spacing--xs) 0;
  position:absolute;
  overflow:hidden
}

._footer_v7tn3_35{
  padding:var(--spacing--5xs) var(--spacing--2xs) 0 var(--spacing--2xs);
  justify-content:flex-end;
  display:flex
}

._color-2_v7tn3_41{
  --sticky--color--background:var(--sticky--color--background--variant-2);
  --sticky--border-color:var(--sticky--border-color--variant-2)
}

._color-3_v7tn3_46{
  --sticky--color--background:var(--sticky--color--background--variant-3);
  --sticky--border-color:var(--sticky--border-color--variant-3)
}

._color-4_v7tn3_51{
  --sticky--color--background:var(--sticky--color--background--variant-4);
  --sticky--border-color:var(--sticky--border-color--variant-4)
}

._color-5_v7tn3_56{
  --sticky--color--background:var(--sticky--color--background--variant-5);
  --sticky--border-color:var(--sticky--border-color--variant-5)
}

._color-6_v7tn3_61{
  --sticky--color--background:var(--sticky--color--background--variant-6);
  --sticky--border-color:var(--sticky--border-color--variant-6)
}

._color-7_v7tn3_66{
  --sticky--color--background:var(--sticky--color--background--variant-7);
  --sticky--border-color:var(--sticky--border-color--variant-7)
}

.sticky-textarea{
  height:calc(100% - var(--spacing--lg));
  padding:var(--spacing--2xs) var(--spacing--2xs) 0 var(--spacing--2xs);
  cursor:default
}

.sticky-textarea .n8n-input{
  align-items:stretch;
  height:100%
}

.sticky-textarea .n8n-input>div{
  align-items:stretch
}

.sticky-textarea textarea{
  resize:unset
}

.full-height{
  height:calc(100% - var(--spacing--2xs))
}

ul.user-stack-list{
  gap:var(--spacing--sm);
  padding-bottom:var(--spacing--2xs);
  border:none;
  flex-direction:column;
  display:flex
}

ul.user-stack-list .el-dropdown-menu__item{
  line-height:var(--line-height--md)
}

ul.user-stack-list li:hover{
  color:currentColor!important
}

.user-stack-popper{
  border:1px solid var(--border-color--light);
  border-radius:var(--radius);
  padding:var(--spacing--5xs) 0;
  box-shadow:var(--shadow--card-hover);
  background-color:var(--color--background--light-3)
}

.command-bar-enter-active{
  transition:opacity .1s ease-out,transform .1s ease-out
}

.command-bar-leave-active{
  transition:opacity .1s ease-in,transform .1s ease-in
}

.command-bar-enter-from{
  opacity:0;
  transform:translate(-50%)translateY(-20px)scale(.95)
}

.command-bar-leave-to{
  opacity:0;
  transform:translate(-50%)translateY(-10px)scale(.98)
}

.command-bar-enter-to,.command-bar-leave-from{
  opacity:1;
  transform:translate(-50%)translateY(0)scale(1)
}

.el-popper{
  pointer-events:auto
}

.n8n-loading-custom,.n8n-loading-custom>div{
  width:100%;
  height:100%
}

.message-actions[data-v-41aa479b]{
  gap:var(--chat--message--actions--gap);
  margin:0 var(--chat--message--actions--gap);
  align-items:center;
  display:inline-flex
}

.icon[data-v-41aa479b]{
  color:var(--chat--message--actions--color);
  cursor:pointer
}

.icon[data-v-41aa479b]:hover{
  color:var(--chat--message--actions--hover)
}

.chat-message{
  max-width:-moz-fit-content;
  max-width:fit-content;
  font-size:var(--chat--message--font-size);
  padding:var(--chat--message--padding);
  border-radius:var(--chat--message--border-radius);
  scroll-margin:3rem;
  display:block;
  position:relative;
  overflow:hidden
}

.chat-message .chat-message-actions{
  opacity:0;
  gap:1rem;
  display:flex;
  position:absolute;
  bottom:calc(100% - .5rem);
  left:0;
  transform:translateY(-.25rem)
}

.chat-message.chat-message-from-user .chat-message-actions{
  left:auto;
  right:0
}

.chat-message:hover .chat-message-actions{
  opacity:1
}

.chat-message p{
  line-height:var(--chat--message-line-height);
  word-wrap:break-word
}

.chat-message+.chat-message{
  margin-top:var(--chat--message--margin-bottom)
}

.chat-message.chat-message-from-user+.chat-message.chat-message-from-bot,.chat-message.chat-message-from-bot+.chat-message.chat-message-from-user{
  margin-top:var(--chat--spacing)
}

.chat-message.chat-message-from-bot:not(.chat-message-transparent){
  background-color:var(--chat--message--bot--background);
  border:var(--chat--message--bot--border)
}

.chat-message.chat-message-from-bot{
  color:var(--chat--message--bot--color);
  border-bottom-left-radius:0
}

.chat-message.chat-message-from-user:not(.chat-message-transparent){
  background-color:var(--chat--message--user--background);
  border:var(--chat--message--user--border)
}

.chat-message.chat-message-from-user{
  color:var(--chat--message--user--color);
  border-bottom-right-radius:0;
  margin-left:auto
}

.chat-message .chat-message-files{
  flex-wrap:wrap;
  gap:.25rem;
  padding-top:.5rem;
  display:flex
}

.chat-window-wrapper{
  bottom:var(--chat--window--bottom);
  right:var(--chat--window--right);
  z-index:var(--chat--window--z-index);
  max-width:calc(100% - var(--chat--window--right,var(--chat--spacing)) * 2);
  max-height:calc(100% - var(--chat--window--bottom,var(--chat--spacing)) * 2);
  flex-direction:column;
  display:flex;
  position:fixed
}

.chat-window-wrapper .chat-window{
  width:var(--chat--window--width);
  height:var(--chat--window--height);
  border:var(--chat--window--border,1px solid var(--chat--color-light-shade-100));
  border-radius:var(--chat--window--border-radius,var(--chat--border-radius));
  max-width:100%;
  max-height:100%;
  margin-bottom:var(--chat--window--margin-bottom,var(--chat--spacing));
  transform-origin:100% 100%;
  display:flex;
  overflow:hidden
}

.chat-window-wrapper .chat-window .chat-layout{
  flex:1;
  width:auto;
  height:auto
}

.chat-window-wrapper .chat-window-toggle{
  background:var(--chat--toggle--background);
  color:var(--chat--toggle--color);
  cursor:pointer;
  width:var(--chat--toggle--width);
  height:var(--chat--toggle--height);
  border-radius:var(--chat--toggle--border-radius,50%);
  transition:transform var(--chat--transition-duration) ease, background var(--chat--transition-duration) ease;
  flex:none;
  justify-content:center;
  align-items:center;
  margin-left:auto;
  display:inline-flex
}

.chat-window-wrapper .chat-window-toggle:hover,.chat-window-wrapper .chat-window-toggle:focus{
  background:var(--chat--toggle--hover--background);
  transform:scale(1.05)
}

.chat-window-wrapper .chat-window-toggle:active{
  background:var(--chat--toggle--active--background);
  transform:scale(.95)
}

.chat-window-transition-enter-active,.chat-window-transition-leave-active{
  transition:transform var(--chat--transition-duration) ease, opacity var(--chat--transition-duration) ease
}

.chat-window-transition-enter-from,.chat-window-transition-leave-to{
  opacity:0;
  transform:scale(0)
}

.chat-window-toggle-transition-enter-active,.chat-window-toggle-transition-leave-active{
  transition:opacity var(--chat--transition-duration) ease
}

.chat-window-toggle-transition-enter-from,.chat-window-toggle-transition-leave-to{
  opacity:0
}

.chat-message-typing{
  max-width:80px
}

.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle{
  animation:.8s ease-in-out 3.6s infinite chat-message-typing-animation-scaling
}

.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle{
  animation:.8s ease-in-out 3.6s infinite chat-message-typing-animation-bouncing
}

.chat-message-typing .chat-message-typing-body{
  justify-content:center;
  align-items:center;
  display:flex
}

.chat-message-typing .chat-message-typing-circle{
  background-color:var(--chat--color-typing);
  border-radius:50%;
  width:10px;
  height:10px;
  margin:3px;
  display:block
}

.chat-message-typing .chat-message-typing-circle:first-child{
  animation-delay:0s
}

.chat-message-typing .chat-message-typing-circle:nth-child(2){
  animation-delay:.333s
}

.chat-message-typing .chat-message-typing-circle:nth-child(3){
  animation-delay:.666s
}

@keyframes chat-message-typing-animation-scaling{
  0%{
    transform:scale(1)
  }

  33%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.4)
  }

  to{
    transform:scale(1)
  }
}

@keyframes chat-message-typing-animation-bouncing{
  0%{
    transform:translateY(0)
  }

  33%{
    transform:translateY(0)
  }

  50%{
    transform:translateY(-10px)
  }

  to{
    transform:translateY(0)
  }
}

.chat-messages-list{
  padding:var(--chat--messages-list--padding);
  margin-top:auto;
  display:block
}

.empty-container{
  justify-content:center;
  align-items:center;
  display:flex;
  container-type:size
}

.empty-container p{
  max-width:16em;
  margin:0
}

.empty{
  text-align:center;
  color:var(--color--text);
  justify-content:center;
  align-items:center;
  gap:var(--spacing--xs);
  padding-inline:var(--spacing--md);
  padding-bottom:var(--spacing--lg);
  flex-direction:column;
  display:flex;
  overflow:hidden
}

.emptyIcon{
  zoom:2.5;
  color:var(--color-button-secondary-border)
}

@container (height<150px){
  .empty{
    text-align:left;
    flex-direction:row
  }

  .emptyIcon{
    zoom:1.5
  }
}

.chat-heading{
  justify-content:space-between;
  align-items:center;
  display:flex
}

.chat-close-button{
  cursor:pointer;
  background:0 0;
  border:none;
  display:flex
}

.chat-close-button:hover{
  color:var(--chat--close--button--color-hover,var(--chat--color--primary))
}

/*$vite$:1*/

:root {
  /* Brand Colors */
  --chat--color-primary: #16a34a;
  --chat--color-primary-shade-50: #15803d;
  --chat--color-primary-shade-100: #166534;
  /* Backgrounds */
  --chat--color-secondary: #dcfce7;
  --chat--color-white: #ffffff;
  --chat--color-light: #f0fdf4;
  --chat--color-light-shade-50: #dcfce7;
  --chat--color-light-shade-100: #bbf7d0;
  /* Text & State */
  --chat--color-medium: #86efac;
  --chat--color-dark: #14532d;
  --chat--color-disabled: #d1d5db;
  --chat--color-typing: #6b7280;
  /* Layout */
  --chat--spacing: 10px;
  --chat--border-radius: 12px;
  --chat--transition-duration: 0.2s;
  /* Window */
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  /* Header */
  --chat--header--background: #14532d;
  --chat--header--color: #ffffff;
  --chat--header--border-bottom: none;
  --chat--header--padding: 16px 18px;
  /* Messages */
  --chat--message--font-size: 15px;
  --chat--message--padding: 11px 15px;
  --chat--message--border-radius: 14px;
  --chat--message-line-height: 1.6;
  --chat--message--bot--background: #ffffff;
  --chat--message--bot--color: #14532d;
  --chat--message--user--background: #16a34a;
  --chat--message--user--color: #ffffff;
  --chat--message--pre--background: #dcfce7;
  /* Toggle Button */
  --chat--toggle--background: #16a34a;
  --chat--toggle--hover--background: #15803d;
  --chat--toggle--active--background: #166534;
  --chat--toggle--color: #ffffff;
  --chat--toggle--size: 56px;
  /* Input */
  --chat--input--background: #f0fdf4;
  --chat--input--border-top: 1px solid #dcfce7;
  --chat--textarea--height: 50px;
}

/* ── 2. Window & Container ───────────────────────────────── */

.n8n-chat .chat-window {
  font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(20, 83, 45, 0.18);
  border: 1px solid #bbf7d0;
  overflow: hidden;
}

/* ── 3. Header (الرأس) ───────────────────────────────────── */

.n8n-chat .chat-header {
  background: linear-gradient(135deg, #14532d 0%, #166534 60%, #15803d 100%);
  padding: var(--chat--header--padding);
  position: relative;
  overflow: hidden;
}

/* دوائر زخرفية خلف الرأس */

.n8n-chat .chat-header::before {
  content: "";
  position: absolute;
  top: -25px;
  right: -25px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  pointer-events: none;
}

.n8n-chat .chat-header::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

/* عنوان ونص الرأس */

.n8n-chat .chat-header h1,
.n8n-chat .chat-header .chat-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.n8n-chat .chat-header p,
.n8n-chat .chat-header .chat-subtitle {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  margin-top: 2px;
}

/* ── 4. Messages Area (منطقة الرسائل) ──────────────────────*/

.n8n-chat .messages-list {
  background: #f7fdf9;
  padding: 14px 12px;
  gap: 10px;
}

/* Bot messages */

.n8n-chat .chat-message.chat-message-from-bot .chat-message-bubble {
  background: #ffffff;
  color: #14532d;
  border: 1px solid #dcfce7;
  border-radius: var(--chat--message--border-radius);
  border-bottom-right-radius: 4px;
  direction: rtl;
  text-align: right;
  font-size: var(--chat--message--font-size);
  line-height: var(--chat--message-line-height);
  box-shadow: 0 1px 4px rgba(22, 163, 74, 0.07);
}

/* User messages */

.n8n-chat .chat-message.chat-message-from-user .chat-message-bubble {
  background: #16a34a;
  color: #ffffff;
  border-radius: var(--chat--message--border-radius);
  border-bottom-left-radius: 4px;
  direction: rtl;
  text-align: right;
  font-size: var(--chat--message--font-size);
  line-height: var(--chat--message-line-height);
}

/* Timestamp */

.n8n-chat .chat-message-timestamp {
  font-size: 10.5px;
  color: #9ca3af;
  direction: rtl;
}

/* Links inside bot messages */

.n8n-chat .chat-message-from-bot .chat-message-bubble a {
  color: #15803d;
  text-decoration: underline;
  text-decoration-color: #86efac;
}

.n8n-chat .chat-message-from-bot .chat-message-bubble a:hover {
  color: #14532d;
}

/* ── 5. Typing Indicator (مؤشر الكتابة) ────────────────────*/

.n8n-chat .chat-message-typing .chat-message-bubble {
  background: #ffffff;
  border: 1px solid #dcfce7;
  padding: 10px 14px;
  border-bottom-right-radius: 4px;
}

.n8n-chat .chat-message-typing .dot {
  background: #16a34a;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

/* ── 6. Input Area (منطقة الإدخال) ─────────────────────── */

.n8n-chat .chat-inputs {
  background: #ffffff;
  border-top: var(--chat--input--border-top);
  padding: 10px 12px;
  direction: rtl;
}

.n8n-chat .chat-input {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 22px;
  color: #1f2937;
  font-size: 14px;
  direction: rtl;
  text-align: right;
  padding: 9px 16px;
  transition: border-color 0.15s;
  font-family: inherit;
}

.n8n-chat .chat-input:focus {
  outline: none;
  border-color: #16a34a;
  background: #ffffff;
}

.n8n-chat .chat-input::-moz-placeholder {
  color: #9ca3af;
  direction: rtl;
}

.n8n-chat .chat-input::placeholder {
  color: #9ca3af;
  direction: rtl;
}

/* Send Button */

.n8n-chat .chat-input-send-button {
  background: #16a34a;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.15s,
    transform 0.1s;
  flex-shrink: 0;
}

.n8n-chat .chat-input-send-button:hover {
  background: #15803d;
  transform: scale(1.05);
}

.n8n-chat .chat-input-send-button:active {
  transform: scale(0.96);
  background: #166534;
}

.n8n-chat .chat-input-send-button svg {
  fill: #ffffff;
  width: 16px;
  height: 16px;
}

/* ── 7. Toggle Button (زر الفتح) ────────────────────────── */

.n8n-chat .chat-toggle {
  background: #16a34a;
  width: var(--chat--toggle--size);
  height: var(--chat--toggle--size);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(22, 163, 74, 0.4);
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}

.n8n-chat .chat-toggle:hover {
  background: var(--chat--toggle--hover--background);
  transform: scale(1.06);
  box-shadow: 0 6px 22px rgba(22, 163, 74, 0.5);
}

.n8n-chat .chat-toggle:active {
  background: var(--chat--toggle--active--background);
  transform: scale(0.96);
}

.n8n-chat .chat-toggle svg {
  fill: #ffffff;
  width: 26px;
  height: 26px;
}

/* ── 8. Welcome Screen (شاشة الترحيب) ──────────────────── */

.n8n-chat .new-conversation-button {
  background: #16a34a;
  color: #ffffff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
}

.n8n-chat .new-conversation-button:hover {
  background: #15803d;
}

.n8n-chat .welcome-screen {
  background: #f7fdf9;
  direction: rtl;
  text-align: right;
}

/* ── 9. RTL Arabic Support (دعم اللغة العربية) ─────────────*/

.n8n-chat {
  direction: rtl;
  font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
}

/* القواعد التي تُضاد RTL في n8n الافتراضي */

.n8n-chat .messages-list {
  direction: rtl;
}

.n8n-chat .chat-message {
  direction: rtl;
}

/* ضبط محاذاة الرسائل لـ RTL */

.n8n-chat .chat-message-from-bot {
  justify-content: flex-start;
}

.n8n-chat .chat-message-from-user {
  justify-content: flex-start;
  flex-direction: row-reverse;
}

/* ── رسائل إنجليزية (LTR Detection) ───────────────────────
   إذا احتوى الرد على نص إنجليزي فقط، تحويل اتجاهه لـ LTR   */

.n8n-chat .chat-message-bubble:lang(en) {
  direction: ltr;
  text-align: left;
}

/* ── 10. Scrollbar Styling ──────────────────────────────── */

.n8n-chat .messages-list::-webkit-scrollbar {
  width: 4px;
}

.n8n-chat .messages-list::-webkit-scrollbar-track {
  background: #f0fdf4;
}

.n8n-chat .messages-list::-webkit-scrollbar-thumb {
  background: #86efac;
  border-radius: 4px;
}

.n8n-chat .messages-list::-webkit-scrollbar-thumb:hover {
  background: #16a34a;
}

/* ── 11. Powered by Footer ───────────────────────────────── */

.n8n-chat .chat-powered-by {
  color: #9ca3af;
  font-size: 10.5px;
  background: #ffffff;
  border-top: 0.5px solid #f3f4f6;
  padding: 5px 12px;
  text-align: center;
}

/* =========================================
   TAILWIND DIRECTIVES
   ========================================= */

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*! tailwindcss v3.4.19 | 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: #e5e7eb;
  /* 2 */
}

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

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

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: DIN Next LT Arabic Medium, system-ui, -apple-system, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

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

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

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

:disabled {
  cursor: default;
}

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

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

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

/* Smooth scrolling */

html{
  scroll-behavior:smooth
}

/* RTL font switching */

html[dir="rtl"] body{
  font-family:DIN Next LT Arabic Medium, Tahoma, sans-serif
}

/* Base body styles */

body{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

/* Focus visible for accessibility */

:focus-visible{
  outline-width:2px;
  outline-offset:2px;
  outline-color:#198f51
}

/* Skip link */

/* Link defaults */

a{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms
}

a:hover{
  --tw-text-opacity:1;
  color:rgb(4 120 87 / var(--tw-text-opacity, 1))
}

@media (prefers-color-scheme: dark){
  a{
    --tw-text-opacity:1;
    color:rgb(52 211 153 / var(--tw-text-opacity, 1))
  }

  a:hover{
    --tw-text-opacity:1;
    color:rgb(110 231 183 / var(--tw-text-opacity, 1))
  }
}

/* Image defaults */

img{
  height:auto;
  max-width:100%
}

.\!container{
  width:100% !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:1rem !important;
  padding-left:1rem !important
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:1rem;
  padding-left:1rem
}

@media (min-width: 640px){
  .\!container{
    max-width:640px !important;
    padding-right:1.5rem !important;
    padding-left:1.5rem !important
  }

  .container{
    max-width:640px;
    padding-right:1.5rem;
    padding-left:1.5rem
  }
}

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

  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width:1024px !important;
    padding-right:2rem !important;
    padding-left:2rem !important
  }

  .container{
    max-width:1024px;
    padding-right:2rem;
    padding-left:2rem
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width:1280px !important;
    padding-right:2.5rem !important;
    padding-left:2.5rem !important
  }

  .container{
    max-width:1280px;
    padding-right:2.5rem;
    padding-left:2.5rem
  }
}

@media (min-width: 1400px){
  .\!container{
    max-width:1400px !important
  }

  .container{
    max-width:1400px
  }
}

.prose{
  color:var(--tw-prose-body);
  max-width:65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-links);
  text-decoration:underline;
  font-weight:500
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-inline-start:1.625em
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:upper-alpha
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:lower-alpha
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:upper-alpha
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:lower-alpha
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:upper-roman
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:lower-roman
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:upper-roman
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:decimal
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-inline-start:1.625em
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color:var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-inline-start-width:0.25rem;
  border-inline-start-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-inline-start:1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content:open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content:close-quote
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:0.8888889em;
  line-height:1.1111111
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:900;
  color:inherit
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:800;
  color:inherit
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:0.6em;
  line-height:1.6
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:700;
  color:inherit
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:0.5em;
  line-height:1.5
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:700;
  color:inherit
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size:0.875em;
  border-radius:0.3125rem;
  padding-top:0.1875em;
  padding-inline-end:0.375em;
  padding-bottom:0.1875em;
  padding-inline-start:0.375em
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-code);
  font-weight:600;
  font-size:0.875em
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content:"`"
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content:"`"
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit;
  font-size:0.875em
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit;
  font-size:0.9em
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:inherit
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:0.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:0.375rem;
  padding-top:0.8571429em;
  padding-inline-end:1.1428571em;
  padding-bottom:0.8571429em;
  padding-inline-start:1.1428571em
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content:none
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content:none
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width:100%;
  table-layout:auto;
  margin-top:2em;
  margin-bottom:2em;
  font-size:0.875em;
  line-height:1.7142857
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-inline-end:0.5714286em;
  padding-bottom:0.5714286em;
  padding-inline-start:0.5714286em
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width:0
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align:baseline
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align:top
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align:start
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color:var(--tw-prose-captions);
  font-size:0.875em;
  line-height:1.4285714;
  margin-top:0.8571429em
}

.prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:rgb(17 24 39 / 10%);
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:#4b5563;
  --tw-prose-invert-hr:#374151;
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:#374151;
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0.5em;
  margin-bottom:0.5em
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start:0.375em
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start:0.375em
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:1.25em
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom:1.25em
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:1.25em
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom:1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0.5em;
  padding-inline-start:1.625em
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start:0
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end:0
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top:0.5714286em;
  padding-inline-end:0.5714286em;
  padding-bottom:0.5714286em;
  padding-inline-start:0.5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start:0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end:0
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top:0
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom:0
}

.prose-neutral{
  --tw-prose-body:#404040;
  --tw-prose-headings:#171717;
  --tw-prose-lead:#525252;
  --tw-prose-links:#171717;
  --tw-prose-bold:#171717;
  --tw-prose-counters:#737373;
  --tw-prose-bullets:#d4d4d4;
  --tw-prose-hr:#e5e5e5;
  --tw-prose-quotes:#171717;
  --tw-prose-quote-borders:#e5e5e5;
  --tw-prose-captions:#737373;
  --tw-prose-kbd:#171717;
  --tw-prose-kbd-shadows:rgb(23 23 23 / 10%);
  --tw-prose-code:#171717;
  --tw-prose-pre-code:#e5e5e5;
  --tw-prose-pre-bg:#262626;
  --tw-prose-th-borders:#d4d4d4;
  --tw-prose-td-borders:#e5e5e5;
  --tw-prose-invert-body:#d4d4d4;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#a3a3a3;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#a3a3a3;
  --tw-prose-invert-bullets:#525252;
  --tw-prose-invert-hr:#404040;
  --tw-prose-invert-quotes:#f5f5f5;
  --tw-prose-invert-quote-borders:#404040;
  --tw-prose-invert-captions:#a3a3a3;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d4d4d4;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#525252;
  --tw-prose-invert-td-borders:#404040
}

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

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

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

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.\!static{
  position:static !important
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.\!relative{
  position:relative !important
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

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

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

.-left-16{
  left:-4rem
}

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

.-left-8{
  left:-2rem
}

.-left-\[\.4rem\]{
  left:-.4rem
}

.-right-12{
  right:-3rem
}

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

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

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

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

.bottom-0{
  bottom:0px
}

.bottom-1{
  bottom:0.25rem
}

.bottom-4{
  bottom:1rem
}

.bottom-8{
  bottom:2rem
}

.bottom-\[-1\.2rem\]{
  bottom:-1.2rem
}

.bottom-\[-4rem\]{
  bottom:-4rem
}

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

.left-0{
  left:0px
}

.left-1{
  left:0.25rem
}

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

.left-3{
  left:0.75rem
}

.left-4{
  left:1rem
}

.left-\[-0\.8rem\]{
  left:-0.8rem
}

.left-\[1rem\]{
  left:1rem
}

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

.right-0{
  right:0px
}

.right-10{
  right:2.5rem
}

.right-12{
  right:3rem
}

.right-2{
  right:0.5rem
}

.right-3{
  right:0.75rem
}

.right-4{
  right:1rem
}

.right-\[-100\%\]{
  right:-100%
}

.right-\[-4rem\]{
  right:-4rem
}

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

.start-2{
  inset-inline-start:0.5rem
}

.start-3{
  inset-inline-start:0.75rem
}

.top-0{
  top:0px
}

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

.top-10{
  top:2.5rem
}

.top-12{
  top:3rem
}

.top-2{
  top:0.5rem
}

.top-20{
  top:5rem
}

.top-28{
  top:7rem
}

.top-3{
  top:0.75rem
}

.top-36{
  top:9rem
}

.top-4{
  top:1rem
}

.top-8{
  top:2rem
}

.top-\[-2\.2rem\]{
  top:-2.2rem
}

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

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

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

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

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

.top-full{
  top:100%
}

.isolate{
  isolation:isolate
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

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

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

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

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

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

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

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

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

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

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

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-first{
  order:-9999
}

.order-last{
  order:9999
}

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

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

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

.m-0{
  margin:0px
}

.m-auto{
  margin:auto
}

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

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

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

.my-0{
  margin-top:0px;
  margin-bottom:0px
}

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

.my-12{
  margin-top:3rem;
  margin-bottom:3rem
}

.my-14{
  margin-top:3.5rem;
  margin-bottom:3.5rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

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

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

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

.my-auto{
  margin-top:auto;
  margin-bottom:auto
}

.\!mt-4{
  margin-top:1rem !important
}

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

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

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

.mb-0\.5{
  margin-bottom:0.125rem
}

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

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

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

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

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

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

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

.mb-5{
  margin-bottom:1.25rem
}

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

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

.mb-\[-4rem\]{
  margin-bottom:-4rem
}

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

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

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

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

.mr-auto{
  margin-right:auto
}

.mt-0{
  margin-top:0px
}

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

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

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

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

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

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

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

.mt-20{
  margin-top:5rem
}

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

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

.mt-5{
  margin-top:1.25rem
}

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

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

.mt-auto{
  margin-top:auto
}

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

.box-border{
  box-sizing:border-box
}

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

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

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

.\!block{
  display:block !important
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.\!grid{
  display:grid !important
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

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

.\!h-\[138px\]{
  height:138px !important
}

.h-0{
  height:0px
}

.h-1{
  height:0.25rem
}

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

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-18{
  height:4.5rem
}

.h-2{
  height:0.5rem
}

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

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-28{
  height:7rem
}

.h-3{
  height:0.75rem
}

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

.h-32{
  height:8rem
}

.h-4{
  height:1rem
}

.h-40{
  height:10rem
}

.h-5{
  height:1.25rem
}

.h-56{
  height:14rem
}

.h-6{
  height:1.5rem
}

.h-60{
  height:15rem
}

.h-64{
  height:16rem
}

.h-7{
  height:1.75rem
}

.h-72{
  height:18rem
}

.h-8{
  height:2rem
}

.h-80{
  height:20rem
}

.h-9{
  height:2.25rem
}

.h-\[1\.2rem\]{
  height:1.2rem
}

.h-\[100dvh\]{
  height:100dvh
}

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

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

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

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

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

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

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

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

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

.h-\[5\.5rem\]{
  height:5.5rem
}

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

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

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

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

.h-\[calc\(1\.25rem\*2\)\]{
  height:calc(1.25rem * 2)
}

.h-\[calc\(1\.25rem\*3\)\]{
  height:calc(1.25rem * 3)
}

.h-\[calc\(1\.5rem\)\]{
  height:calc(1.5rem)
}

.h-\[calc\(1\.5rem\*1\)\]{
  height:calc(1.5rem * 1)
}

.h-\[calc\(1\.5rem\*2\)\]{
  height:calc(1.5rem * 2)
}

.h-\[calc\(1\.75rem\*2\)\]{
  height:calc(1.75rem * 2)
}

.h-\[calc\(1rem\*2\)\]{
  height:calc(1rem * 2)
}

.h-\[min\(680px\2c 85vh\)\]{
  height:min(680px, 85vh)
}

.h-auto{
  height:auto
}

.h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

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

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

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

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

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

.min-h-0{
  min-height:0px
}

.min-h-1{
  min-height:0.25rem
}

.min-h-\[10rem\]{
  min-height:10rem
}

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

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

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

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

.min-h-\[3rem\]{
  min-height:3rem
}

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

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

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

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

.min-h-\[calc\(1\.25rem\*2\)\]{
  min-height:calc(1.25rem * 2)
}

.\!w-\[134px\]{
  width:134px !important
}

.\!w-\[160px\]{
  width:160px !important
}

.w-0{
  width:0px
}

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

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

.w-10{
  width:2.5rem
}

.w-11{
  width:2.75rem
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-18{
  width:4.5rem
}

.w-2{
  width:0.5rem
}

.w-2\/3{
  width:66.666667%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-28{
  width:7rem
}

.w-3{
  width:0.75rem
}

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

.w-3\/5{
  width:60%
}

.w-32{
  width:8rem
}

.w-4{
  width:1rem
}

.w-4\/5{
  width:80%
}

.w-40{
  width:10rem
}

.w-44{
  width:11rem
}

.w-5{
  width:1.25rem
}

.w-56{
  width:14rem
}

.w-6{
  width:1.5rem
}

.w-60{
  width:15rem
}

.w-64{
  width:16rem
}

.w-7{
  width:1.75rem
}

.w-8{
  width:2rem
}

.w-80{
  width:20rem
}

.w-9{
  width:2.25rem
}

.w-96{
  width:24rem
}

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

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

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

.w-\[2rem\]{
  width:2rem
}

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

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

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

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

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

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

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

.w-\[calc\(50\%-8px\)\]{
  width:calc(50% - 8px)
}

.w-auto{
  width:auto
}

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

.w-full{
  width:100%
}

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

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

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

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

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

.max-w-52{
  max-width:13rem
}

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

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

.max-w-\[10rem\]{
  max-width:10rem
}

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

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

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

.max-w-\[min\(100\%\2c 42rem\)\]{
  max-width:min(100%, 42rem)
}

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

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

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

.max-w-none{
  max-width:none
}

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

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

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

.flex-none{
  flex:none
}

.flex-shrink{
  flex-shrink:1
}

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

.shrink-0{
  flex-shrink:0
}

.basis-\[calc\(50\%-0\.5rem\)\]{
  flex-basis:calc(50% - 0.5rem)
}

.basis-full{
  flex-basis:100%
}

.origin-center{
  transform-origin:center
}

.origin-left{
  transform-origin:left
}

.origin-top-left{
  transform-origin:top left
}

.-translate-x-1\/2{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-100\%\]{
  --tw-translate-x:-100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/2{
  --tw-translate-y:50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2{
  --tw-translate-y:0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-20px\]{
  --tw-translate-y:-20px;
  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-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-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-45deg\]{
  --tw-rotate:-45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0;
  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))
}

.scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-75{
  --tw-scale-x:.75;
  --tw-scale-y:.75;
  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-\[\.86\]{
  --tw-scale-x:.86;
  --tw-scale-y:.86;
  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-\[0\.8\]{
  --tw-scale-x:0.8;
  --tw-scale-y:0.8;
  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-\[0\.96\]{
  --tw-scale-x:0.96;
  --tw-scale-y:0.96;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.animate-bounce{
  animation:bounce 1s infinite
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  100%{
    opacity:1
  }
}

.animate-fade-in{
  animation:fadeIn 0.3s ease-out
}

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

.animate-ping{
  animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}

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

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

@keyframes slideUp{
  0%{
    opacity:0;
    transform:translateY(10px)
  }

  100%{
    opacity:1;
    transform:translateY(0)
  }
}

.animate-slide-up{
  animation:slideUp 0.3s ease-out
}

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

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

.cursor-default{
  cursor:default
}

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

.cursor-pointer{
  cursor:pointer
}

.cursor-text{
  cursor:text
}

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

.resize-none{
  resize:none
}

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

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

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

.appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.auto-rows-max{
  grid-auto-rows:max-content
}

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

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

.grid-rows-\[0fr\]{
  grid-template-rows:0fr
}

.grid-rows-\[1fr\]{
  grid-template-rows:1fr
}

.flex-row{
  flex-direction:row
}

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

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-nowrap{
  flex-wrap:nowrap
}

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

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

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

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

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

.justify-center{
  justify-content:center
}

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

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

.gap-0{
  gap:0px
}

.gap-0\.5{
  gap:0.125rem
}

.gap-1{
  gap:0.25rem
}

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

.gap-10{
  gap:2.5rem
}

.gap-16{
  gap:4rem
}

.gap-2{
  gap:0.5rem
}

.gap-2\.5{
  gap:0.625rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

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

.gap-x-6{
  -moz-column-gap:1.5rem;
       column-gap:1.5rem
}

.gap-y-1{
  row-gap:0.25rem
}

.gap-y-10{
  row-gap:2.5rem
}

.gap-y-12{
  row-gap:3rem
}

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

.gap-y-6{
  row-gap:1.5rem
}

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

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

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

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

.self-center{
  align-self:center
}

.self-stretch{
  align-self:stretch
}

.justify-self-center{
  justify-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-y-hidden{
  overflow-y:hidden
}

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

.whitespace-nowrap{
  white-space:nowrap
}

.text-nowrap{
  text-wrap:nowrap
}

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

.rounded{
  border-radius:0.25rem
}

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

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

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

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

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

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

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

.rounded-\[3rem\]{
  border-radius:3rem
}

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

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

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

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

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

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

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

.rounded-s-2xl{
  border-start-start-radius:1.5rem;
  border-end-start-radius:1.5rem
}

.border{
  border-width:1px
}

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

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

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

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

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

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

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

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

.border-dashed{
  border-style:dashed
}

.border-none{
  border-style:none
}

.border-\[\#00E704\]{
  --tw-border-opacity:1;
  border-color:rgb(0 231 4 / var(--tw-border-opacity, 1))
}

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

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

.border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))
}

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

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

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

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

.border-green-200\/25{
  border-color:rgb(187 247 208 / 0.25)
}

.border-green-200\/60{
  border-color:rgb(187 247 208 / 0.6)
}

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

.border-green-300\/15{
  border-color:rgb(134 239 172 / 0.15)
}

.border-green-300\/20{
  border-color:rgb(134 239 172 / 0.2)
}

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

.border-green-600\/40{
  border-color:rgb(22 163 74 / 0.4)
}

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

.border-neutral-200{
  --tw-border-opacity:1;
  border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))
}

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

.border-primary-100{
  --tw-border-opacity:1;
  border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))
}

.border-primary\/20{
  border-color:rgb(25 143 81 / 0.2)
}

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

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

.border-sky-500{
  --tw-border-opacity:1;
  border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))
}

.border-sky-500\/30{
  border-color:rgb(14 165 233 / 0.3)
}

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

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

.border-transparent{
  border-color:transparent
}

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

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

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

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

.border-white\/40{
  border-color:rgb(255 255 255 / 0.4)
}

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

.border-yellow-200\/50{
  border-color:rgb(254 240 138 / 0.5)
}

.border-yellow-400\/30{
  border-color:rgb(250 204 21 / 0.3)
}

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

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

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

.border-t-transparent{
  border-top-color:transparent
}

.bg-\[\#013214\]{
  --tw-bg-opacity:1;
  background-color:rgb(1 50 20 / var(--tw-bg-opacity, 1))
}

.bg-\[\#054F1C\]{
  --tw-bg-opacity:1;
  background-color:rgb(5 79 28 / var(--tw-bg-opacity, 1))
}

.bg-\[\#229924\]{
  --tw-bg-opacity:1;
  background-color:rgb(34 153 36 / var(--tw-bg-opacity, 1))
}

.bg-\[\#22C55E\]{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-\[\#2FF7337A\]{
  background-color:#2FF7337A
}

.bg-\[\#39c49f\]\/10{
  background-color:rgb(57 196 159 / 0.1)
}

.bg-\[\#7BE77933\]{
  background-color:#7BE77933
}

.bg-\[\#CDEECD\]{
  --tw-bg-opacity:1;
  background-color:rgb(205 238 205 / var(--tw-bg-opacity, 1))
}

.bg-\[\#D9A520\]{
  --tw-bg-opacity:1;
  background-color:rgb(217 165 32 / var(--tw-bg-opacity, 1))
}

.bg-\[\#DCEFDC\]{
  --tw-bg-opacity:1;
  background-color:rgb(220 239 220 / var(--tw-bg-opacity, 1))
}

.bg-\[\#DDF6FF\]{
  --tw-bg-opacity:1;
  background-color:rgb(221 246 255 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E6F6EC\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 246 236 / var(--tw-bg-opacity, 1))
}

.bg-\[\#EFF2F5\]{
  --tw-bg-opacity:1;
  background-color:rgb(239 242 245 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F1F1F1\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F9F9F6\]{
  --tw-bg-opacity:1;
  background-color:rgb(249 249 246 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F9FAFB\]{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF4DD\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 244 221 / var(--tw-bg-opacity, 1))
}

.bg-\[\#bef264\]{
  --tw-bg-opacity:1;
  background-color:rgb(190 242 100 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f4f9f4\]{
  --tw-bg-opacity:1;
  background-color:rgb(244 249 244 / var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(229\2c 245\2c 223\2c 1\)\]{
  background-color:rgba(229,245,223,1)
}

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

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

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

.bg-black\/25{
  background-color:rgb(0 0 0 / 0.25)
}

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

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

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

.bg-blue-500\/10{
  background-color:rgb(59 130 246 / 0.1)
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

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

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

.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.bg-gray-300\/50{
  background-color:rgb(209 213 219 / 0.5)
}

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

.bg-gray-50\/80{
  background-color:rgb(249 250 251 / 0.8)
}

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

.bg-green-100\/20{
  background-color:rgb(220 252 231 / 0.2)
}

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

.bg-green-200\/10{
  background-color:rgb(187 247 208 / 0.1)
}

.bg-green-200\/15{
  background-color:rgb(187 247 208 / 0.15)
}

.bg-green-200\/50{
  background-color:rgb(187 247 208 / 0.5)
}

.bg-green-300\/30{
  background-color:rgb(134 239 172 / 0.3)
}

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

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

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

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

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

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

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

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

.bg-lime-100{
  --tw-bg-opacity:1;
  background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))
}

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

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

.bg-neutral-800\/40{
  background-color:rgb(38 38 38 / 0.4)
}

.bg-primary{
  --tw-bg-opacity:1;
  background-color:rgb(25 143 81 / var(--tw-bg-opacity, 1))
}

.bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(25 143 81 / var(--tw-bg-opacity, 1))
}

.bg-primary\/10{
  background-color:rgb(25 143 81 / 0.1)
}

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

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

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

.bg-secondary{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

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

.bg-sky-500{
  --tw-bg-opacity:1;
  background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))
}

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

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

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

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

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

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

.bg-transparent{
  background-color:transparent
}

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

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

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

.bg-white\/40{
  background-color:rgb(255 255 255 / 0.4)
}

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

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

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

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

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

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

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

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

.bg-\[linear-gradient\(135deg\2c rgba\(200\2c 255\2c 200\2c 0\.95\)_0\%\2c rgba\(122\2c 255\2c 122\2c 0\.9\)_45\%\2c rgba\(77\2c 184\2c 77\2c 1\)_100\%\)\]{
  background-image:linear-gradient(135deg,rgba(200,255,200,0.95) 0%,rgba(122,255,122,0.9) 45%,rgba(77,184,77,1) 100%)
}

.bg-\[linear-gradient\(135deg\2c rgba\(255\2c 244\2c 200\2c 0\.95\)_0\%\2c rgba\(255\2c 210\2c 122\2c 0\.9\)_45\%\2c rgba\(255\2c 184\2c 77\2c 1\)_100\%\)\]{
  background-image:linear-gradient(135deg,rgba(255,244,200,0.95) 0%,rgba(255,210,122,0.9) 45%,rgba(255,184,77,1) 100%)
}

.bg-\[linear-gradient\(274\.69deg\2c \#348934_-29\.96\%\2c \#64B24D_37\.37\%\2c \#ABEF74_114\.42\%\)\]{
  background-image:linear-gradient(274.69deg,#348934 -29.96%,#64B24D 37.37%,#ABEF74 114.42%)
}

.bg-\[linear-gradient\(90\.94deg\2c \#348934_24\.86\%\2c \#64B24D_70\.31\%\2c \#ABEF74_122\.33\%\)\]{
  background-image:linear-gradient(90.94deg,#348934 24.86%,#64B24D 70.31%,#ABEF74 122.33%)
}

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

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

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

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

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

.from-amber-400{
  --tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

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

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

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

.from-emerald-950{
  --tw-gradient-from:#022c22 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-100{
  --tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(220 252 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-50{
  --tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700{
  --tw-gradient-from:#15803d var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700\/25{
  --tw-gradient-from:rgb(21 128 61 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-100{
  --tw-gradient-from:#ffedd5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 237 213 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500{
  --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-500{
  --tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-50{
  --tw-gradient-from:#f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

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

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

.from-yellow-50\/25{
  --tw-gradient-from:rgb(254 252 232 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500{
  --tw-gradient-from:#eab308 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500\/80{
  --tw-gradient-from:rgb(234 179 8 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#D9A520\]\/20{
  --tw-gradient-to:rgb(217 165 32 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(217 165 32 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black\/40{
  --tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-cyan-200{
  --tw-gradient-to:rgb(165 243 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #a5f3fc var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-emerald-900{
  --tw-gradient-to:rgb(6 78 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-gray-200{
  --tw-gradient-to:rgb(229 231 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #e5e7eb var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-lime-600{
  --tw-gradient-to:rgb(101 163 13 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-lime-600\/25{
  --tw-gradient-to:rgb(101 163 13 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(101 163 13 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-yellow-500\/50{
  --tw-gradient-to:rgb(234 179 8 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(234 179 8 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-amber-300\/80{
  --tw-gradient-to:rgb(252 211 77 / 0.8) var(--tw-gradient-to-position)
}

.to-amber-400{
  --tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)
}

.to-amber-50\/25{
  --tw-gradient-to:rgb(255 251 235 / 0.25) var(--tw-gradient-to-position)
}

.to-amber-600{
  --tw-gradient-to:#d97706 var(--tw-gradient-to-position)
}

.to-black\/70{
  --tw-gradient-to:rgb(0 0 0 / 0.7) var(--tw-gradient-to-position)
}

.to-black\/90{
  --tw-gradient-to:rgb(0 0 0 / 0.9) var(--tw-gradient-to-position)
}

.to-blue-700{
  --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)
}

.to-emerald-950{
  --tw-gradient-to:#022c22 var(--tw-gradient-to-position)
}

.to-gray-200{
  --tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)
}

.to-green-50\/50{
  --tw-gradient-to:rgb(240 253 244 / 0.5) var(--tw-gradient-to-position)
}

.to-lime-300{
  --tw-gradient-to:#bef264 var(--tw-gradient-to-position)
}

.to-lime-300\/25{
  --tw-gradient-to:rgb(190 242 100 / 0.25) var(--tw-gradient-to-position)
}

.to-lime-50{
  --tw-gradient-to:#f7fee7 var(--tw-gradient-to-position)
}

.to-orange-200{
  --tw-gradient-to:#fed7aa var(--tw-gradient-to-position)
}

.to-pink-500{
  --tw-gradient-to:#ec4899 var(--tw-gradient-to-position)
}

.to-slate-50{
  --tw-gradient-to:#f8fafc var(--tw-gradient-to-position)
}

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

.to-white{
  --tw-gradient-to:#fff var(--tw-gradient-to-position)
}

.to-yellow-600{
  --tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)
}

.bg-\[length\:100\%_100\%\]{
  background-size:100% 100%
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:center
}

.bg-no-repeat{
  background-repeat:no-repeat
}

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

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

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

.p-0{
  padding:0px
}

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

.p-1{
  padding:0.25rem
}

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

.p-12{
  padding:3rem
}

.p-2{
  padding:0.5rem
}

.p-2\.5{
  padding:0.625rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

.px-0{
  padding-left:0px;
  padding-right:0px
}

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

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

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

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

.px-2\.5{
  padding-left:0.625rem;
  padding-right:0.625rem
}

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

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

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

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

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

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

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

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

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

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

.py-14{
  padding-top:3.5rem;
  padding-bottom:3.5rem
}

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

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

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

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

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

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

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

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

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

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

.pb-0\.5{
  padding-bottom:0.125rem
}

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

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

.pb-14{
  padding-bottom:3.5rem
}

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

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

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

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

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

.pb-\[8px\]{
  padding-bottom:8px
}

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

.pl-2{
  padding-left:0.5rem
}

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

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

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

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

.pr-10{
  padding-right:2.5rem
}

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

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

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

.pr-8{
  padding-right:2rem
}

.ps-10{
  padding-inline-start:2.5rem
}

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

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

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

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

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

.pt-20{
  padding-top:5rem
}

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

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

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

.pt-\[2px\]{
  padding-top:2px
}

.pt-\[3px\]{
  padding-top:3px
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.align-middle{
  vertical-align:middle
}

.font-\[\'DIN_Next_LT_Arabic\'\]{
  font-family:'DIN Next LT Arabic'
}

.font-sans{
  font-family:DIN Next LT Arabic Medium, system-ui, -apple-system, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-black{
  font-weight:900
}

.font-bold{
  font-weight:700
}

.font-light{
  font-weight:300
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

.leading-4{
  line-height:1rem
}

.leading-5{
  line-height:1.25rem
}

.leading-6{
  line-height:1.5rem
}

.leading-7{
  line-height:1.75rem
}

.leading-8{
  line-height:2rem
}

.leading-\[1\]{
  line-height:1
}

.leading-\[40px\]{
  line-height:40px
}

.leading-\[48px\]{
  line-height:48px
}

.leading-loose{
  line-height:2
}

.leading-none{
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.leading-relaxed{
  line-height:1.625
}

.leading-tight{
  line-height:1.25
}

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

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

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

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

.text-\[\#0088cc\]{
  --tw-text-opacity:1;
  color:rgb(0 136 204 / var(--tw-text-opacity, 1))
}

.text-\[\#013214\]{
  --tw-text-opacity:1;
  color:rgb(1 50 20 / var(--tw-text-opacity, 1))
}

.text-\[\#1877F2\]{
  --tw-text-opacity:1;
  color:rgb(24 119 242 / var(--tw-text-opacity, 1))
}

.text-\[\#1F2937\]{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-\[\#22C55E\]{
  --tw-text-opacity:1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-\[\#25D366\]{
  --tw-text-opacity:1;
  color:rgb(37 211 102 / var(--tw-text-opacity, 1))
}

.text-\[\#333333\]{
  --tw-text-opacity:1;
  color:rgb(51 51 51 / var(--tw-text-opacity, 1))
}

.text-\[\#39c49f\]{
  --tw-text-opacity:1;
  color:rgb(57 196 159 / var(--tw-text-opacity, 1))
}

.text-\[\#4ADE80\]{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1))
}

.text-\[\#656865\]{
  --tw-text-opacity:1;
  color:rgb(101 104 101 / var(--tw-text-opacity, 1))
}

.text-\[\#E4405F\]{
  --tw-text-opacity:1;
  color:rgb(228 64 95 / var(--tw-text-opacity, 1))
}

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

.text-blue-500{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.text-emerald-800{
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

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

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

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

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

.text-inherit{
  color:inherit
}

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

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

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

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

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

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

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

.text-primary{
  --tw-text-opacity:1;
  color:rgb(25 143 81 / var(--tw-text-opacity, 1))
}

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

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

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

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

.text-secondary{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-secondary-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-secondary-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-sky-500{
  --tw-text-opacity:1;
  color:rgb(14 165 233 / var(--tw-text-opacity, 1))
}

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

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

.text-stone-400{
  --tw-text-opacity:1;
  color:rgb(168 162 158 / var(--tw-text-opacity, 1))
}

.text-stone-500{
  --tw-text-opacity:1;
  color:rgb(120 113 108 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

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

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

.underline{
  text-decoration-line:underline
}

.no-underline{
  text-decoration-line:none
}

.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

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

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

.accent-green-700{
  accent-color:#15803d
}

.opacity-0{
  opacity:0
}

.opacity-10{
  opacity:0.1
}

.opacity-100{
  opacity:1
}

.opacity-25{
  opacity:0.25
}

.opacity-30{
  opacity:0.3
}

.opacity-35{
  opacity:0.35
}

.opacity-40{
  opacity:0.4
}

.opacity-5{
  opacity:0.05
}

.opacity-50{
  opacity:0.5
}

.opacity-60{
  opacity:0.6
}

.opacity-75{
  opacity:0.75
}

.opacity-80{
  opacity:0.8
}

.opacity-90{
  opacity:0.9
}

.mix-blend-darken{
  mix-blend-mode:darken
}

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

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

.shadow-\[0_2px_14px_rgba\(11\2c 143\2c 11\2c 0\.06\)\]{
  --tw-shadow:0 2px 14px rgba(11,143,11,0.06);
  --tw-shadow-colored:0 2px 14px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_12px_rgba\(163\2c 230\2c 53\2c 0\.4\)\]{
  --tw-shadow:0 4px 12px rgba(163,230,53,0.4);
  --tw-shadow-colored:0 4px 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_13px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow:0 4px 13px rgba(0,0,0,0.05);
  --tw-shadow-colored:0 4px 13px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_2px_14px_0px_rgba\(255\2c 209\2c 82\2c 0\.56\)\]{
  --tw-shadow:0px 2px 14px 0px rgba(255,209,82,0.56);
  --tw-shadow-colored:0px 2px 14px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_4px_13\.4px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow:0px 4px 13.4px 0px rgba(0,0,0,0.05);
  --tw-shadow-colored:0px 4px 13.4px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_4px_13\.4px_0px_rgba\(247\2c 188\2c 6\2c 0\.60\)\]{
  --tw-shadow:0px 4px 13.4px 0px rgba(247,188,6,0.60);
  --tw-shadow-colored:0px 4px 13.4px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_4px_14px_0px_rgba\(38\2c 159\2c 192\2c 1\.00\)\]{
  --tw-shadow:0px 4px 14px 0px rgba(38,159,192,1.00);
  --tw-shadow-colored:0px 4px 14px 0px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

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

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

.shadow-\[\#54b36d\]{
  --tw-shadow-color:#54b36d;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-primary-500\/30{
  --tw-shadow-color:rgb(25 143 81 / 0.3);
  --tw-shadow:var(--tw-shadow-colored)
}

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

.outline{
  outline-style:solid
}

.outline-1{
  outline-width:1px
}

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

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

.outline-\[0\.5px\]{
  outline-width:0.5px
}

.outline-\[11px\]{
  outline-width:11px
}

.outline-offset-\[-1px\]{
  outline-offset:-1px
}

.outline-offset-\[-2px\]{
  outline-offset:-2px
}

.outline-\[\#39c49f\]{
  outline-color:#39c49f
}

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

.outline-gray-200{
  outline-color:#e5e7eb
}

.outline-gray-300{
  outline-color:#d1d5db
}

.outline-gray-400{
  outline-color:#9ca3af
}

.outline-gray-700{
  outline-color:#374151
}

.outline-green-200{
  outline-color:#bbf7d0
}

.outline-green-600\/10{
  outline-color:rgb(22 163 74 / 0.1)
}

.outline-neutral-200{
  outline-color:#e5e5e5
}

.outline-neutral-300{
  outline-color:#d4d4d4
}

.outline-sky-500{
  outline-color:#0ea5e9
}

.outline-stone-300{
  outline-color:#d6d3d1
}

.outline-stone-50{
  outline-color:#fafaf9
}

.outline-yellow-500{
  outline-color:#eab308
}

.outline-zinc-100{
  outline-color:#f4f4f5
}

.outline-zinc-200{
  outline-color:#e4e4e7
}

.ring{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-4{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset{
  --tw-ring-inset:inset
}

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

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

.ring-gray-200{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))
}

.ring-gray-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(156 163 175 / var(--tw-ring-opacity, 1))
}

.ring-green-100\/50{
  --tw-ring-color:rgb(220 252 231 / 0.5)
}

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

.ring-sky-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(14 165 233 / var(--tw-ring-opacity, 1))
}

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

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

.ring-offset-2{
  --tw-ring-offset-width:2px
}

.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[2px\]{
  --tw-blur:blur(2px);
  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)
}

.brightness-0{
  --tw-brightness:brightness(0);
  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)
}

.brightness-75{
  --tw-brightness:brightness(.75);
  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)
}

.drop-shadow-sm{
  --tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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)
}

.grayscale{
  --tw-grayscale:grayscale(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert{
  --tw-invert:invert(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur{
  --tw-backdrop-blur:blur(8px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-2xl{
  --tw-backdrop-blur:blur(40px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[2px\]{
  --tw-backdrop-blur:blur(2px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[4px\]{
  --tw-backdrop-blur:blur(4px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg{
  --tw-backdrop-blur:blur(16px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-xl{
  --tw-backdrop-blur:blur(24px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-filter{
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[opacity\2c transform\]{
  transition-property:opacity,transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[transform\2c opacity\2c filter\]{
  transition-property:transform,opacity,filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[transform\2c opacity\]{
  transition-property:transform,opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[visibility\2c opacity\]{
  transition-property:visibility,opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[width\]{
  transition-property:width;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

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

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-shadow{
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.delay-75{
  transition-delay:75ms
}

.duration-100{
  transition-duration:100ms
}

.duration-1000{
  transition-duration:1000ms
}

.duration-150{
  transition-duration:150ms
}

.duration-200{
  transition-duration:200ms
}

.duration-250{
  transition-duration:250ms
}

.duration-300{
  transition-duration:300ms
}

.duration-500{
  transition-duration:500ms
}

.duration-700{
  transition-duration:700ms
}

.duration-\[400ms\]{
  transition-duration:400ms
}

.ease-\[cubic-bezier\(\.4\2c 0\2c \.2\2c 1\)\]{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-linear{
  transition-timing-function:linear
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.ps-10{
  padding-inline-start:2.5rem
}

[dir="rtl"] .start-2{
  right:0.5rem
}

[dir="ltr"] .start-2{
  left:0.5rem
}

[dir="rtl"] .start-3{
  right:0.75rem
}

[dir="ltr"] .start-3{
  left:0.75rem
}

[dir="ltr"] .rounded-s-2xl{
  border-top-left-radius:1.5rem;
  border-bottom-left-radius:1.5rem
}

[dir="rtl"] .rounded-s-2xl{
  border-top-right-radius:1.5rem;
  border-bottom-right-radius:1.5rem
}

/* Text balance for headings */

/* Line clamp utilities */

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

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

/* Container query ready */

.swiper-pagination-bullet{
  height:0.5rem;
  width:0.5rem;
  --tw-bg-opacity:1 !important;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1)) !important;
  opacity:1;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.swiper-pagination-bullet-active {
  background-color: #15803d !important;
  opacity: 1 !important;
}

/* Navigation Buttons Customization if needed */

.swiper-button-next,
  .swiper-button-prev{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.swiper-button-next:hover,
  .swiper-button-prev:hover{
  --tw-text-opacity:1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1))
}

.swiper-button-next::after,
  .swiper-button-prev::after {
  font-size: 1.5rem;
  font-weight: bold;
}

/* Stories popup: hide horizontal scrollbar */

/* news content */

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

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

.new-content h1{
  font-size:1.5rem;
  line-height:2rem
}

@media not all and (min-width: 768px){
  .new-content h1{
    font-size:1.125rem;
    line-height:1.75rem
  }
}

.new-content h2{
  font-size:1.25rem;
  line-height:1.75rem
}

@media not all and (min-width: 768px){
  .new-content h2{
    font-size:1.125rem;
    line-height:1.75rem
  }
}

.new-content h3{
  font-size:1.125rem;
  line-height:1.75rem
}

@media not all and (min-width: 768px){
  .new-content h3{
    font-size:1rem;
    line-height:1.5rem
  }
}

.new-content h4{
  font-size:1rem;
  line-height:1.5rem
}

@media not all and (min-width: 768px){
  .new-content h4{
    font-size:0.875rem;
    line-height:1.25rem
  }
}

.new-content h5{
  font-size:0.875rem;
  line-height:1.25rem
}

@media not all and (min-width: 768px){
  .new-content h5{
    font-size:12px
  }
}

.new-content h6{
  font-size:12px
}

@media not all and (min-width: 768px){
  .new-content h6{
    font-size:10px
  }
}

.new-content ul{
  list-style-type:disc;
  padding-right:2rem
}

.new-content ol{
  list-style-type:decimal;
  padding-right:2rem
}

/* Job Section Styles */

.job-section-container{
  margin-bottom:2rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #f1f5f9
  /* slate-100 */
}

.job-section-container h1,
  .job-section-container h2,
  .job-section-container h3{
  position:relative !important;
  margin-bottom:1.5rem !important;
  padding-right:0px !important;
  font-size:1.5rem !important;
  line-height:2rem !important;
  --tw-text-opacity:1 !important;
  color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important;
  line-height: 1.4
}

/* Green accent line under the title */

.job-section-container h3::after {
  content: "";
  margin-top:0.5rem;
  display:block;
  height:0.25rem;
  width:3rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(25 143 81 / var(--tw-bg-opacity, 1));
}

/* عناوين فرعية داخل القسم (مثل فقرات المؤهلات والمتطلبات) */

.job-section-container h4,
  .job-section-container .job-section-subheading{
  margin-top:2rem !important;
  margin-bottom:0.75rem !important;
  font-size:1.125rem !important;
  line-height:1.75rem !important;
  font-weight:600 !important;
  --tw-text-opacity:1 !important;
  color:rgb(38 38 38 / var(--tw-text-opacity, 1)) !important
}

.job-section-container h4:first-child,
  .job-section-container .job-section-subheading:first-child{
  margin-top:0px !important
}

.job-section-container h4,
  .job-section-container .job-section-subheading {
  line-height: 1.45;
}

.job-section-container h3 + h4,
  .job-section-container h3 + .job-section-subheading{
  margin-top:1rem
}

.job-section-container h4::after,
  .job-section-container .job-section-subheading::after {
  content: none;
}

.job-section-content .job-subsection-wrap{
  margin-bottom:1.5rem
}

.job-section-content .job-subsection-wrap:last-child{
  margin-bottom:0px
}

.job-subsection-edit.job-subsection-wrap{
  margin-bottom:1.5rem;
  border-radius:0.375rem;
  border-width:1px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(231 229 228 / var(--tw-border-opacity, 1));
  background-color:rgb(250 250 249 / 0.8);
  padding:0.75rem
}

.job-subsection-edit.job-subsection-wrap:last-child{
  margin-bottom:0px
}

.job-section-content{
  line-height:1.625;
  --tw-text-opacity:1;
  color:rgb(87 83 78 / var(--tw-text-opacity, 1))
}

.job-section-content p{
  margin-bottom:1rem;
  text-align:justify;
  font-size:1rem;
  line-height:1.5rem
}

/* List Systems */

/* List Styles - Ultra-Bold Fix */

/* bullets & icons: hide native markers */

[class*="list-style-bullets"] ul,
  [class*="list-style-bullets"] ol,
  .list-style-icons ul,
  .list-style-icons ol,
  .job-section-content ul {
  list-style: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  counter-reset: job-item !important;
  overflow: visible !important;
}

/* numbers: keep native decimal markers */

[class*="list-style-numbers"] ol {
  list-style: decimal !important;
  overflow: visible !important;
  padding-right: 2rem !important;
}

[class*="list-style-numbers"] ol li {
  display: list-item !important;
  padding-right: 0 !important;
}

[class*="list-style-"] li,
  .job-list-item-edit li,
  .job-section-content li {
  position: relative !important;
  padding-right: 2rem !important;
  /* Increased for safety */
  margin-bottom: 1.25rem !important;
  display: block !important;
  min-height: 1.5rem;
  overflow: visible !important;
}

/* hide marker only for bullets/icons */

[class*="list-style-bullets"] li,
  .list-style-icons li {
  list-style-type: none !important;
}

/* Markers Base - Absolute Visibility (bullets & icons only) */

[class*="list-style-bullets"] li::before,
  .list-style-icons li::before,
  li[class*="icon-type-"]::before {
  content: "•" !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 2rem !important;
  height: 1.5rem !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #16a34a !important;
  /* green-600 */
  font-family: inherit;
  pointer-events: none;
}

/* Icon Logic - Overriding with FontAwesome if available (only for icons list) */

.list-style-icons li::before,
  li[class*="icon-type-"]::before {
  font-family:
      "Font Awesome 5 Free", "Font Awesome 5 Pro", sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  content: "\f058" !important;
  /* Check circle fallback icon */
}

/* Individual Icon Glyph Mappings */

.list-style-icons.icon-type-certificate li:not([class*="icon-type-"])::before,
  li.icon-type-certificate::before,
  .list-style-icons.icon-type-certificate.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-certificate.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-certificate.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f5a0" !important;
}

.list-style-icons.icon-type-design li:not([class*="icon-type-"])::before,
  li.icon-type-design::before,
  .list-style-icons.icon-type-design.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-design.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-design.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f53f" !important;
}

.list-style-icons.icon-type-development li:not([class*="icon-type-"])::before,
  li.icon-type-development::before,
  .list-style-icons.icon-type-development.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-development.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-development.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f121" !important;
}

.list-style-icons.icon-type-car li:not([class*="icon-type-"])::before,
  li.icon-type-car::before,
  .list-style-icons.icon-type-car.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-car.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-car.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f1b9" !important;
}

.list-style-icons.icon-type-insurance li:not([class*="icon-type-"])::before,
  li.icon-type-insurance::before,
  .list-style-icons.icon-type-insurance.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-insurance.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-insurance.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f3ed" !important;
}

.list-style-icons.icon-type-gift li:not([class*="icon-type-"])::before,
  li.icon-type-gift::before,
  .list-style-icons.icon-type-gift.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-gift.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-gift.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f06b" !important;
}

.list-style-icons.icon-type-check li:not([class*="icon-type-"])::before,
  li.icon-type-check::before,
  .list-style-icons.icon-type-check.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-check.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-check.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f00c" !important;
}

.list-style-icons.icon-type-star li:not([class*="icon-type-"])::before,
  li.icon-type-star::before,
  .list-style-icons.icon-type-star.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-star.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-star.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f005" !important;
}

.list-style-icons.icon-type-briefcase li:not([class*="icon-type-"])::before,
  li.icon-type-briefcase::before,
  .list-style-icons.icon-type-briefcase.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-briefcase.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-briefcase.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f0b1" !important;
}

.list-style-icons.icon-type-graduation li:not([class*="icon-type-"])::before,
  li.icon-type-graduation::before,
  .list-style-icons.icon-type-graduation.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-graduation.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-graduation.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f19d" !important;
}

.list-style-icons.icon-type-clock li:not([class*="icon-type-"])::before,
  li.icon-type-clock::before,
  .list-style-icons.icon-type-clock.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-clock.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-clock.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f017" !important;
}

.list-style-icons.icon-type-location li:not([class*="icon-type-"])::before,
  li.icon-type-location::before,
  .list-style-icons.icon-type-location.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-location.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-location.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f3c5" !important;
}

.list-style-icons.icon-type-salary li:not([class*="icon-type-"])::before,
  li.icon-type-salary::before,
  .list-style-icons.icon-type-salary.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-salary.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-salary.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f155" !important;
}

.list-style-icons.icon-type-tools li:not([class*="icon-type-"])::before,
  li.icon-type-tools::before,
  .list-style-icons.icon-type-tools.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-tools.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-tools.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f0ad" !important;
}

.list-style-icons.icon-type-lightbulb li:not([class*="icon-type-"])::before,
  li.icon-type-lightbulb::before,
  .list-style-icons.icon-type-lightbulb.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-lightbulb.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-lightbulb.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f0eb" !important;
}

.list-style-icons.icon-type-heart li:not([class*="icon-type-"])::before,
  li.icon-type-heart::before,
  .list-style-icons.icon-type-heart.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-heart.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-heart.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f004" !important;
}

.list-style-icons.icon-type-handshake li:not([class*="icon-type-"])::before,
  li.icon-type-handshake::before,
  .list-style-icons.icon-type-handshake.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-handshake.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-handshake.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f2b5" !important;
}

.list-style-icons.icon-type-building li:not([class*="icon-type-"])::before,
  li.icon-type-building::before,
  .list-style-icons.icon-type-building.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-building.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-building.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f1ad" !important;
}

.list-style-icons.icon-type-laptop li:not([class*="icon-type-"])::before,
  li.icon-type-laptop::before,
  .list-style-icons.icon-type-laptop.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-laptop.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-laptop.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f109" !important;
}

.list-style-icons.icon-type-team li:not([class*="icon-type-"])::before,
  li.icon-type-team::before,
  .list-style-icons.icon-type-team.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-team.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-team.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f0c0" !important;
}

.list-style-icons.icon-type-award li:not([class*="icon-type-"])::before,
  li.icon-type-award::before,
  .list-style-icons.icon-type-award.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-award.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-award.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f559" !important;
}

.list-style-icons.icon-type-book li:not([class*="icon-type-"])::before,
  li.icon-type-book::before,
  .list-style-icons.icon-type-book.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-book.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-book.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f02d" !important;
}

.list-style-icons.icon-type-clipboard li:not([class*="icon-type-"])::before,
  li.icon-type-clipboard::before,
  .list-style-icons.icon-type-clipboard.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-clipboard.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-clipboard.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f46d" !important;
}

.list-style-icons.icon-type-trophy li:not([class*="icon-type-"])::before,
  li.icon-type-trophy::before,
  .list-style-icons.icon-type-trophy.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-trophy.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-trophy.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f091" !important;
}

.list-style-icons.icon-type-phone li:not([class*="icon-type-"])::before,
  li.icon-type-phone::before,
  .list-style-icons.icon-type-phone.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-phone.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-phone.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f095" !important;
}

.list-style-icons.icon-type-envelope li:not([class*="icon-type-"])::before,
  li.icon-type-envelope::before,
  .list-style-icons.icon-type-envelope.job-section-edit
    li:not([class*="icon-type-"])::before,
  .icon-type-envelope.job-list-item-edit .item-icon-preview::before,
  .list-style-icons.icon-type-envelope.job-subsection-edit
    li:not([class*="icon-type-"])::before {
  content: "\f0e0" !important;
}

/* Editor Preview Helper */

.job-list-item-edit .item-icon-preview::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 1rem;
  color: #16a34a;
}

/* Premium AJAX Loader */

.js-ajax-grid{
  position:relative;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:500ms
}

.ajax-loader{
  pointer-events:none;
  position:fixed;
  inset:0px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-color:rgb(255 255 255 / 0.6);
  opacity:0;
  --tw-backdrop-blur:blur(24px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:500ms;
  background-image: radial-gradient(
      circle at center,
      rgba(22, 163, 74, 0.1) 0%,
      transparent 70%
    )
}

.js-ajax-grid.is-loading .ajax-loader{
  pointer-events:auto;
  opacity:1
}

.ajax-loader-container{
  position:relative;
  display:flex;
  --tw-scale-x:.9;
  --tw-scale-y:.9;
  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));
  flex-direction:column;
  align-items:center;
  gap:1.5rem;
  border-radius:40px;
  border-width:1px;
  border-color:rgb(255 255 255 / 0.5);
  background-color:rgb(255 255 255 / 0.8);
  padding:2.5rem;
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:500ms
}

.js-ajax-grid.is-loading .ajax-loader-container{
  --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))
}

.ajax-loader-spinner-wrapper{
  position:relative;
  height:5rem;
  width:5rem
}

.ajax-loader-spinner{
  position:absolute;
  inset:0px
}

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

.ajax-loader-spinner{
  animation:spin 1s linear infinite;
  border-radius:9999px;
  border-width:3px;
  border-color:rgb(209 250 229 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-top-color:rgb(5 150 105 / var(--tw-border-opacity, 1));
  animation-duration: 0.8s
}

.ajax-loader-logo{
  position:absolute;
  inset:1rem;
  display:flex
}

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

.ajax-loader-logo{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  align-items:center;
  justify-content:center;
  border-radius:1.5rem;
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from:#198f51 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(25 143 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:#15803d var(--tw-gradient-to-position);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color:rgb(25 143 81 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.ajax-loader-text{
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:900;
  letter-spacing:-0.025em;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
  font-family: "DIN Next LT Arabic Medium", sans-serif
}

.ajax-loader-dots{
  margin-top:0.5rem;
  display:flex;
  gap:0.375rem
}

.ajax-loader-dot{
  height:0.5rem;
  width:0.5rem
}

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

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

.ajax-loader-dot{
  animation:bounce 1s infinite;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(25 143 81 / var(--tw-bg-opacity, 1))
}

.ajax-loader-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.ajax-loader-dot:nth-child(3) {
  animation-delay: 0.4s;
}

/* Product variant list — fixed height + attractive scrollbar (on right in RTL) */

.greenergy-variant-list-scroll {
  direction: ltr;
  scrollbar-width: thin;
  scrollbar-color: #16a34a #f4f4f5;
}

.greenergy-variant-list-scroll > div {
  direction: rtl;
}

.greenergy-variant-list-scroll::-webkit-scrollbar {
  width: 8px;
}

.greenergy-variant-list-scroll::-webkit-scrollbar-track {
  background: #f4f4f5;
  border-radius: 4px;
}

.greenergy-variant-list-scroll::-webkit-scrollbar-thumb {
  background: #16a34a;
  border-radius: 4px;
}

.greenergy-variant-list-scroll::-webkit-scrollbar-thumb:hover {
  background: #15803d;
}

/* Root modal scroll: thin, right side, brand green */

.greenergy-root-modal-scroll {
  direction: ltr;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: #229924 #e5e7eb;
}

.greenergy-root-modal-scroll::-webkit-scrollbar {
  width: 5px;
}

.greenergy-root-modal-scroll::-webkit-scrollbar-track {
  background: #e5e7eb;
  border-radius: 3px;
}

.greenergy-root-modal-scroll::-webkit-scrollbar-thumb {
  background: #229924;
  border-radius: 3px;
}

.greenergy-root-modal-scroll::-webkit-scrollbar-thumb:hover {
  background: #1e7a1f;
}

/* Root modal: open animation (backdrop + content scale-in) */

.greenergy-root-modal.greenergy-root-modal--open
    .greenergy-root-modal__backdrop {
  opacity: 1;
}

.greenergy-root-modal.greenergy-root-modal--open
    .greenergy-root-modal__scroll {
  opacity: 1;
  transform: scale(1);
}

.greenergy-root-modal.greenergy-root-modal--loading
    .greenergy-root-modal__loader {
  opacity: 1;
  pointer-events: auto;
}

/* Root modal: submit loader spinner */

.greenergy-root-modal__spinner {
  width: 48px;
  height: 48px;
  border: 3px solid #e5e7eb;
  border-top-color: #229924;
  border-radius: 50%;
  animation: greenergy-modal-spin 0.8s linear infinite;
}

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

.card-hover{
  transition-property:all !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:300ms !important
}

/* card hover */

.card-hover:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1)) !important;
  --tw-scale-x:1.05 !important;
  --tw-scale-y:1.05 !important;
  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)) !important
}

.card-hover:hover:not(.featured-card) *:not(.tag){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property:all !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:300ms !important
}

.title-badge{
  margin-left:auto;
  margin-right:auto;
  border-radius:9999px;
  background-color:rgb(187 247 208 / 0.5);
  padding-left:2rem;
  padding-right:2rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  vertical-align:middle;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1))
}

/* @import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/navigation.css';
@import './components/swiper.css'; */

/* =========================================
   BASE LAYER OVERRIDES
   Minimal global styles only
   ========================================= */

/* =========================================
   UTILITIES LAYER
   Custom utility classes
   ========================================= */

.swiper .card-hover:hover {
  transform: scale(0.97) translateY(-1px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

/* scroll bar */

.scroll-drag {
  cursor: grab;
  overflow-x: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-overflow-scrolling: touch
}

@media not all and (min-width: 768px){
  .scroll-drag{
    overflow-x:auto
  }
}

.scroll-drag {
  /* remove scroll bar */
  scrollbar-width: none;
  -ms-overflow-style: none;
  &::-webkit-scrollbar {
    display: none;
  }
}

.scroll-drag:active {
  cursor: grabbing;
}

.scroll-drag * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

.focus-within\:outline-2:focus-within{
  outline-width:2px
}

.focus-within\:outline-green-500:focus-within{
  outline-color:#22c55e
}

.focus-within\:outline-primary-500:focus-within{
  outline-color:#198f51
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-green-500\/20:focus-within{
  --tw-ring-color:rgb(34 197 94 / 0.2)
}

.hover\:-translate-y-1:hover{
  --tw-translate-y:-0.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-y-2:hover{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-y-px:hover{
  --tw-translate-y:-1px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-x-\[-5px\]:hover{
  --tw-translate-x:-5px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-y-\[-10px\]:hover{
  --tw-translate-y:-10px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:rotate-\[45deg\]:hover{
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-125:hover{
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-95:hover{
  --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))
}

.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.03\]:hover{
  --tw-scale-x:1.03;
  --tw-scale-y:1.03;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover{
  cursor:pointer
}

.hover\:border-\[\#229924\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(34 153 36 / var(--tw-border-opacity, 1))
}

.hover\:border-\[\#D9A520\]\/40:hover{
  border-color:rgb(217 165 32 / 0.4)
}

.hover\:border-gray-200:hover{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

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

.hover\:border-green-300\/90:hover{
  border-color:rgb(134 239 172 / 0.9)
}

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

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

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

.hover\:border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(25 143 81 / var(--tw-border-opacity, 1))
}

.hover\:\!bg-\[\#54b36d\]:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(84 179 109 / var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[\#0088cc\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 136 204 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#1877F2\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(24 119 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#1a7a1b\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(26 122 27 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#1a7a1c\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(26 122 28 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#229924\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(34 153 36 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#22C55E\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#25D366\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#B78B17\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(183 139 23 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#D9A520\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(217 165 32 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#bef264\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(190 242 100 / var(--tw-bg-opacity, 1))
}

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

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

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

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

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

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

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

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

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

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

.hover\:bg-green-700\/20:hover{
  background-color:rgb(21 128 61 / 0.2)
}

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

.hover\:bg-lime-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(247 254 231 / var(--tw-bg-opacity, 1))
}

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

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

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

.hover\:bg-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(25 143 81 / var(--tw-bg-opacity, 1))
}

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

.hover\:bg-primary\/20:hover{
  background-color:rgb(25 143 81 / 0.2)
}

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

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

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

.hover\:bg-sky-500\/20:hover{
  background-color:rgb(14 165 233 / 0.2)
}

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

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

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

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

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

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

.hover\:bg-gradient-to-tr:hover{
  background-image:linear-gradient(to top right, var(--tw-gradient-stops))
}

.hover\:from-\[\#f9ce34\]:hover{
  --tw-gradient-from:#f9ce34 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 206 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-green-800:hover{
  --tw-gradient-from:#166534 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.hover\:via-\[\#ee2a7b\]:hover{
  --tw-gradient-to:rgb(238 42 123 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #ee2a7b var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.hover\:via-green-50\/60:hover{
  --tw-gradient-to:rgb(240 253 244 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(240 253 244 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

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

.hover\:to-emerald-50\/80:hover{
  --tw-gradient-to:rgb(236 253 245 / 0.8) var(--tw-gradient-to-position)
}

.hover\:to-green-700:hover{
  --tw-gradient-to:#15803d var(--tw-gradient-to-position)
}

.hover\:font-bold:hover{
  font-weight:700
}

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

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

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

.hover\:text-\[\#013214\]:hover{
  --tw-text-opacity:1;
  color:rgb(1 50 20 / var(--tw-text-opacity, 1))
}

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

.hover\:text-blue-600:hover{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

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

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

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

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

.hover\:text-neutral-800:hover{
  --tw-text-opacity:1;
  color:rgb(38 38 38 / var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover{
  --tw-text-opacity:1;
  color:rgb(25 143 81 / var(--tw-text-opacity, 1))
}

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

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

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

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

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.hover\:opacity-90:hover{
  opacity:0.9
}

.hover\:opacity-95:hover{
  opacity:0.95
}

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

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

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

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

.hover\:shadow-\[\#0088cc\]\/20:hover{
  --tw-shadow-color:rgb(0 136 204 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-\[\#1877F2\]\/20:hover{
  --tw-shadow-color:rgb(24 119 242 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-\[\#229924\]\/50:hover{
  --tw-shadow-color:rgb(34 153 36 / 0.5);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-\[\#25D366\]\/20:hover{
  --tw-shadow-color:rgb(37 211 102 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-\[\#ee2a7b\]\/20:hover{
  --tw-shadow-color:rgb(238 42 123 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-amber-500\/30:hover{
  --tw-shadow-color:rgb(245 158 11 / 0.3);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-green-500\/10:hover{
  --tw-shadow-color:rgb(34 197 94 / 0.1);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-green-500\/20:hover{
  --tw-shadow-color:rgb(34 197 94 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-green-600\/10:hover{
  --tw-shadow-color:rgb(22 163 74 / 0.1);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-green-600\/50:hover{
  --tw-shadow-color:rgb(22 163 74 / 0.5);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-lime-400\/20:hover{
  --tw-shadow-color:rgb(163 230 53 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-primary-500\/20:hover{
  --tw-shadow-color:rgb(25 143 81 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:shadow-yellow-500\/20:hover{
  --tw-shadow-color:rgb(234 179 8 / 0.2);
  --tw-shadow:var(--tw-shadow-colored)
}

.hover\:outline-blue-400:hover{
  outline-color:#60a5fa
}

.hover\:outline-green-500:hover{
  outline-color:#22c55e
}

.hover\:outline-green-700:hover{
  outline-color:#15803d
}

.hover\:outline-sky-500:hover{
  outline-color:#0ea5e9
}

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

.hover\:ring-\[\#D9A520\]\/20:hover{
  --tw-ring-color:rgb(217 165 32 / 0.2)
}

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

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

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

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

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

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

.focus\:outline-green-500:focus{
  outline-color:#22c55e
}

.focus\:outline-green-600:focus{
  outline-color:#16a34a
}

.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), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.focus\:ring-green-400\/50:focus{
  --tw-ring-color:rgb(74 222 128 / 0.5)
}

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

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

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

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

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

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

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.focus-visible\:ring-white:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px
}

.focus-visible\:ring-offset-sky-600:focus-visible{
  --tw-ring-offset-color:#0284c7
}

.active\:scale-95:active{
  --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))
}

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

.disabled\:opacity-60:disabled{
  opacity:0.6
}

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

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

.group:hover .group-hover\:-translate-x-1{
  --tw-translate-x:-0.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-translate-x-2{
  --tw-translate-x:-0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-translate-y-1{
  --tw-translate-y:-0.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-2{
  --tw-translate-x:0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-\[-4px\]{
  --tw-translate-x:-4px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-\[100\%\]{
  --tw-translate-x:100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-6{
  --tw-rotate:6deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-\[45deg\]{
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\: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))
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-150{
  --tw-scale-x:1.5;
  --tw-scale-y:1.5;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\: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))
}

.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:border-solid{
  border-style:solid
}

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

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

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

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

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

.group:hover .group-hover\:bg-green-700{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-green-800{
  --tw-bg-opacity:1;
  background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-primary\/50{
  background-color:rgb(25 143 81 / 0.5)
}

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

.group:hover .group-hover\:to-amber-500{
  --tw-gradient-to:#f59e0b var(--tw-gradient-to-position)
}

.group:hover .group-hover\:font-bold{
  font-weight:700
}

.group:hover .group-hover\:\!text-primary-500{
  --tw-text-opacity:1 !important;
  color:rgb(25 143 81 / var(--tw-text-opacity, 1)) !important
}

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

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

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

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

.group:hover .group-hover\:opacity-100{
  opacity:1
}

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

.group:hover .group-hover\:shadow-green-600{
  --tw-shadow-color:#16a34a;
  --tw-shadow:var(--tw-shadow-colored)
}

.group:hover .group-hover\:outline-primary-500{
  outline-color:#198f51
}

.group:hover .group-hover\:grayscale-0{
  --tw-grayscale:grayscale(0);
  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)
}

.data-\[collapsed\=false\]\:max-h-\[220px\][data-collapsed="false"]{
  max-height:220px
}

.data-\[collapsed\=true\]\:max-h-0[data-collapsed="true"]{
  max-height:0px
}

@media not all and (min-width: 1024px){
  .max-lg\:hidden{
    display:none
  }

  .max-lg\:h-40{
    height:10rem
  }

  .max-lg\:w-40{
    width:10rem
  }

  .max-lg\:flex-col{
    flex-direction:column
  }

  .max-lg\:self-center{
    align-self:center
  }
}

@media not all and (min-width: 768px){
  .max-md\:top-\[-25px\]{
    top:-25px
  }

  .max-md\:order-first{
    order:-9999
  }

  .max-md\:grid{
    display:grid
  }

  .max-md\:hidden{
    display:none
  }

  .max-md\:h-6{
    height:1.5rem
  }

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

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

  .max-md\:h-\[20rem\]{
    height:20rem
  }

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

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

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

  .max-md\:min-h-\[180px\]{
    min-height:180px
  }

  .max-md\:min-h-\[8rem\]{
    min-height:8rem
  }

  .max-md\:\!w-\[115px\]{
    width:115px !important
  }

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

  .max-md\:w-6{
    width:1.5rem
  }

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

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

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

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

  .max-md\:min-w-\[15rem\]{
    min-width:15rem
  }

  .max-md\:min-w-\[18rem\]{
    min-width:18rem
  }

  .max-md\:max-w-\[18rem\]{
    max-width:18rem
  }

  .max-md\:basis-full{
    flex-basis:100%
  }

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

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

  .max-md\:flex-wrap{
    flex-wrap:wrap
  }

  .max-md\:place-content-end{
    place-content:end
  }

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

  .max-md\:gap-2{
    gap:0.5rem
  }

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

  .max-md\:overflow-x-auto{
    overflow-x:auto
  }

  .max-md\:rounded-b-none{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px
  }

  .max-md\:rounded-t-2xl{
    border-top-left-radius:1.5rem;
    border-top-right-radius:1.5rem
  }

  .max-md\:border-2{
    border-width:2px
  }

  .max-md\:border-sky-500{
    --tw-border-opacity:1;
    border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))
  }

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

  .max-md\:p-1{
    padding:0.25rem
  }

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

  .max-md\:p-3{
    padding:0.75rem
  }

  .max-md\:p-4{
    padding:1rem
  }

  .max-md\:px-0{
    padding-left:0px;
    padding-right:0px
  }

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

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

  .max-md\:pr-1{
    padding-right:0.25rem
  }

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

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

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

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

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

  .max-md\:text-sky-500{
    --tw-text-opacity:1;
    color:rgb(14 165 233 / var(--tw-text-opacity, 1))
  }
}

@media not all and (min-width: 640px){
  .max-sm\:left-0{
    left:0px
  }

  .max-sm\:right-\[-2rem\]{
    right:-2rem
  }

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

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

  .max-sm\:mt-\[24px\]{
    margin-top:24px
  }

  .max-sm\:flex{
    display:flex
  }

  .max-sm\:hidden{
    display:none
  }

  .max-sm\:h-10{
    height:2.5rem
  }

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

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

  .max-sm\:h-8{
    height:2rem
  }

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

  .max-sm\:w-10{
    width:2.5rem
  }

  .max-sm\:w-14{
    width:3.5rem
  }

  .max-sm\:w-16{
    width:4rem
  }

  .max-sm\:w-32{
    width:8rem
  }

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

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

  .max-sm\:flex-col{
    flex-direction:column
  }

  .max-sm\:justify-center{
    justify-content:center
  }

  .max-sm\:gap-0{
    gap:0px
  }

  .max-sm\:gap-1{
    gap:0.25rem
  }

  .max-sm\:gap-2{
    gap:0.5rem
  }

  .max-sm\:gap-\[\.3rem\]{
    gap:.3rem
  }

  .max-sm\:self-center{
    align-self:center
  }

  .max-sm\:rounded-2xl{
    border-radius:1.5rem
  }

  .max-sm\:p-0{
    padding:0px
  }

  .max-sm\:p-1{
    padding:0.25rem
  }

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

  .max-sm\:px-0{
    padding-left:0px;
    padding-right:0px
  }

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

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

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

  .max-sm\:pl-0{
    padding-left:0px
  }

  .max-sm\:pl-\[5px\]{
    padding-left:5px
  }

  .max-sm\:pr-0{
    padding-right:0px
  }

  .max-sm\:pr-3{
    padding-right:0.75rem
  }

  .max-sm\:pt-0{
    padding-top:0px
  }

  .max-sm\:text-left{
    text-align:left
  }

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

  .max-sm\:text-\[14px\]{
    font-size:14px
  }

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

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

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

  .max-sm\:leading-tight{
    line-height:1.25
  }

  .max-sm\:outline-8{
    outline-width:8px
  }
}

@media (min-width: 640px){
  .sm\:right-4{
    right:1rem
  }

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

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

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

  .sm\:block{
    display:block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-10{
    height:2.5rem
  }

  .sm\:h-11{
    height:2.75rem
  }

  .sm\:h-16{
    height:4rem
  }

  .sm\:h-8{
    height:2rem
  }

  .sm\:h-80{
    height:20rem
  }

  .sm\:h-\[32rem\]{
    height:32rem
  }

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

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

  .sm\:w-10{
    width:2.5rem
  }

  .sm\:w-11{
    width:2.75rem
  }

  .sm\:w-36{
    width:9rem
  }

  .sm\:w-52{
    width:13rem
  }

  .sm\:w-56{
    width:14rem
  }

  .sm\:w-8{
    width:2rem
  }

  .sm\:w-96{
    width:24rem
  }

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

  .sm\:w-\[110px\]{
    width:110px
  }

  .sm\:w-\[115px\]{
    width:115px
  }

  .sm\:w-\[48\%\]{
    width:48%
  }

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

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

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

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

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

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

  .sm\:grid-cols-\[1fr_auto_auto\]{
    grid-template-columns:1fr auto auto
  }

  .sm\:grid-cols-\[1fr_auto_auto_auto\]{
    grid-template-columns:1fr auto auto auto
  }

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

  .sm\:flex-wrap{
    flex-wrap:wrap
  }

  .sm\:flex-nowrap{
    flex-wrap:nowrap
  }

  .sm\:items-center{
    align-items:center
  }

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

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

  .sm\:gap-3{
    gap:0.75rem
  }

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

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:gap-x-3{
    -moz-column-gap:0.75rem;
         column-gap:0.75rem
  }

  .sm\:gap-y-0{
    row-gap:0px
  }

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

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

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

  .sm\:rounded-2xl{
    border-radius:1.5rem
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px){
  .md\:order-1{
    order:1
  }

  .md\:order-2{
    order:2
  }

  .md\:order-3{
    order:3
  }

  .md\:order-first{
    order:-9999
  }

  .md\:order-last{
    order:9999
  }

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

  .md\:col-span-6{
    grid-column:span 6 / span 6
  }

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

  .md\:mb-0{
    margin-bottom:0px
  }

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

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

  .md\:block{
    display:block
  }

  .md\:hidden{
    display:none
  }

  .md\:h-10{
    height:2.5rem
  }

  .md\:h-12{
    height:3rem
  }

  .md\:h-16{
    height:4rem
  }

  .md\:h-44{
    height:11rem
  }

  .md\:h-72{
    height:18rem
  }

  .md\:h-8{
    height:2rem
  }

  .md\:h-96{
    height:24rem
  }

  .md\:h-\[105px\]{
    height:105px
  }

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

  .md\:h-\[297px\]{
    height:297px
  }

  .md\:h-\[320px\]{
    height:320px
  }

  .md\:h-\[380px\]{
    height:380px
  }

  .md\:\!max-h-none{
    max-height:none !important
  }

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

  .md\:w-10{
    width:2.5rem
  }

  .md\:w-100{
    width:25rem
  }

  .md\:w-16{
    width:4rem
  }

  .md\:w-2\/3{
    width:66.666667%
  }

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

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

  .md\:w-28{
    width:7rem
  }

  .md\:w-5{
    width:1.25rem
  }

  .md\:w-\[105px\]{
    width:105px
  }

  .md\:w-\[110px\]{
    width:110px
  }

  .md\:w-\[652px\]{
    width:652px
  }

  .md\:w-\[calc\(25\%-12px\)\]{
    width:calc(25% - 12px)
  }

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

  .md\:w-full{
    width:100%
  }

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

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

  .md\:basis-\[calc\(50\%-0\.5rem\)\]{
    flex-basis:calc(50% - 0.5rem)
  }

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

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

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

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

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

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

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

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

  .md\:gap-0{
    gap:0px
  }

  .md\:gap-2{
    gap:0.5rem
  }

  .md\:gap-3{
    gap:0.75rem
  }

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

  .md\:gap-5{
    gap:1.25rem
  }

  .md\:gap-6{
    gap:1.5rem
  }

  .md\:gap-8{
    gap:2rem
  }

  .md\:self-start{
    align-self:flex-start
  }

  .md\:rounded-2xl{
    border-radius:1.5rem
  }

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

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

  .md\:p-0{
    padding:0px
  }

  .md\:p-12{
    padding:3rem
  }

  .md\:p-4{
    padding:1rem
  }

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

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

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

  .md\:px-28{
    padding-left:7rem;
    padding-right:7rem
  }

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

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

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

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

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

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

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

  .md\:pb-1{
    padding-bottom:0.25rem
  }

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

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

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

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

  .md\:text-5xl{
    font-size:3rem;
    line-height:1.15
  }

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

  .md\:text-\[2rem\]{
    font-size:2rem
  }

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

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

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

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

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

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

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

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

  .md\:leading-6{
    line-height:1.5rem
  }

  .md\:leading-snug{
    line-height:1.375
  }
}

@media (min-width: 1024px){
  .lg\:sticky{
    position:sticky
  }

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

  .lg\:order-1{
    order:1
  }

  .lg\:order-2{
    order:2
  }

  .lg\:order-3{
    order:3
  }

  .lg\:order-4{
    order:4
  }

  .lg\:order-5{
    order:5
  }

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

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

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

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

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

  .lg\:mb-9{
    margin-bottom:2.25rem
  }

  .lg\:block{
    display:block
  }

  .lg\:flex{
    display:flex
  }

  .lg\:hidden{
    display:none
  }

  .lg\:w-1\/4{
    width:25%
  }

  .lg\:w-96{
    width:24rem
  }

  .lg\:w-\[31\%\]{
    width:31%
  }

  .lg\:w-\[610px\]{
    width:610px
  }

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

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

  .lg\:auto-rows-fr{
    grid-auto-rows:minmax(0, 1fr)
  }

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

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

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

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

  .lg\:flex-col{
    flex-direction:column
  }

  .lg\:flex-nowrap{
    flex-wrap:nowrap
  }

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

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

  .lg\:gap-6{
    gap:1.5rem
  }

  .lg\:gap-8{
    gap:2rem
  }

  .lg\:overflow-visible{
    overflow:visible
  }

  .lg\:border-none{
    border-style:none
  }

  .lg\:p-16{
    padding:4rem
  }

  .lg\:p-6{
    padding:1.5rem
  }

  .lg\:px-0{
    padding-left:0px;
    padding-right:0px
  }

  .lg\:px-12{
    padding-left:3rem;
    padding-right:3rem
  }

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

  .lg\:py-14{
    padding-top:3.5rem;
    padding-bottom:3.5rem
  }

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

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

  .lg\:pb-0{
    padding-bottom:0px
  }

  .lg\:pb-20{
    padding-bottom:5rem
  }

  .lg\:text-right{
    text-align:right
  }

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

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

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

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

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

  .lg\:leading-\[48\.80px\]{
    line-height:48.80px
  }
}

.\[\&\>\*\]\:\!m-0>*{
  margin:0px !important
}

.\[\&\>\*\]\:shrink-0>*{
  flex-shrink:0
}

@media (min-width: 1024px){
  .lg\:\[\&\>\*\]\:shrink>*{
    flex-shrink:1
  }
}

.\[\&_article\]\:scale-\[0\.94\] article{
  --tw-scale-x:0.94;
  --tw-scale-y:0.94;
  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))
}

.\[\&_iframe\]\:h-full iframe{
  height:100%
}

.\[\&_iframe\]\:w-full iframe{
  width:100%
}

.\[\&_iframe\]\:object-contain iframe{
  -o-object-fit:contain;
     object-fit:contain
}

.\[\&_p\]\:text-justify p{
  text-align:justify
}

@media not all and (min-width: 768px){
  .swiper-slide .max-md\:\[\.swiper-slide_\&\]\:px-2{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
}