@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap);
.captacao-container {
  width: 800px;
  margin: 40px auto;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border: 1px solid #ddd;
  transition: all 0.3s ease;
}

.captacao-container h2 {
  text-align: center;
  color: #2c3e50;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.captacao-container form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Container dos checkboxes */
.captacao-container form div {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
  align-items: center;
}

.captacao-container form div label {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #444;
  white-space: nowrap;
}

.captacao-container form div input[type="checkbox"] {
  margin-right: 8px;
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.captacao-container .section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  gap: 15px;
  padding: 15px;
  border-radius: 10px;
  background-color: #f8f9fa;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

.captacao-container label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.captacao-container input,
.captacao-container select,
.captacao-container textarea {
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  width: 100%;
  transition: all 0.3s ease;
}

.captacao-container input:focus,
.captacao-container select:focus,
.captacao-container textarea:focus {
  border-color: #007bff;
  outline: none;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.2);
}

/* Estilo para o botão de cadastrar captação */
.captacao-container .btn-cadastrar {
  padding: 8px 15px;
  font-size: 14px;
  background-color: #007bff; /* Azul */
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
  width: auto;
  text-align: center;
  font-weight: 600;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.captacao-container .btn-cadastrar:hover {
  background-color: #0056b3;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15);
}

/* Estilo para o botão de cancelar captação */
.captacao-container .btn-cancelar {
  padding: 8px 15px;
  font-size: 14px;
  background-color: #e74c3c; /* Vermelho */
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
  width: auto;
  text-align: center;
  font-weight: 600;
}

.captacao-container .btn-cancelar:hover {
  background-color: #c0392b; /* Cor mais escura ao passar o mouse */
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15);
}

.captacao-container .form-actions {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: auto; /* Botões com tamanho automático */
}

.captacao-container .section input,
.captacao-container .section select,
.captacao-container .section textarea {
  width: 100%;
  max-width: 450px;
  box-sizing: border-box;
}

.captacao-container .error {
  color: red;
  font-size: 12px;
}

@media (max-width: 768px) {
  .captacao-container .section {
    grid-template-columns: 1fr;
  }

  .captacao-container button {
    width: 100%;
  }
}

/*
  Tela de login do portal corporativo.

  A hierarquia vem de tipografia, filetes de 1px e alinhamento: nao ha icone
  decorativo, gradiente nem sombra em lugar nenhum desta folha. Se algum dia
  parecer que falta destaque, o caminho e peso/tamanho de texto, nunca brilho.
*/

.alfa-login {
  --alfa-fundo: #08090b;
  --alfa-painel: #0e0f12;
  --alfa-filete: #1e2126;
  --alfa-borda-campo: #2a2d33;
  --alfa-borda-campo-hover: #3d424b;
  --alfa-texto: #edeef0;
  --alfa-texto-fraco: #8b9098;
  --alfa-placeholder: #5a5f68;
  --alfa-link: #c9ccd1;
  --alfa-ok: #4caf7a;
  --alfa-erro: #e0625a;

  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 620px);
  background: var(--alfa-fundo);
  color: var(--alfa-texto);
  font-family:
    'IBM Plex Sans',
    system-ui,
    -apple-system,
    'Segoe UI',
    sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ─────────────────────────── coluna de marca ─────────────────────────── */

.alfa-login__marca {
  position: relative;
  overflow: hidden;
  padding: 48px 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

/* Camadas de fundo: ficam atras de tudo e nao recebem clique. */
.alfa-login__fundo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.alfa-login__canvas {
  position: absolute;
  inset: 0;
  display: block;
}

.alfa-login__simbolo {
  position: absolute;
  right: -6%;
  top: 50%;
  height: 118%;
  width: auto;
  max-width: none;
  opacity: 0.07;
  pointer-events: none;
  transform: translate(0, -50%);
  will-change: transform;
}

.alfa-login__marca-conteudo {
  position: relative;
  z-index: 1;
}

.alfa-login__marca-topo img {
  height: 48px;
  width: auto;
  display: block;
}

.alfa-login__rotulo {
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--alfa-texto-fraco);
  margin: 0;
}

.alfa-login__marca-meio {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.alfa-login__titulo-marca {
  margin: 0;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.015em;
  color: var(--alfa-texto);
  max-width: 620px;
  text-wrap: balance;
}

.alfa-login__marca-base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  font-size: 13px;
  color: var(--alfa-texto-fraco);
}

.alfa-login__marca-base span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.alfa-login__sinal {
  width: 6px;
  height: 6px;
  background: var(--alfa-ok);
  flex: none;
}

/* ────────────────────────── coluna do formulario ────────────────────────── */

.alfa-login__painel {
  background: var(--alfa-painel);
  border-left: 1px solid var(--alfa-filete);
  padding: 56px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.alfa-login__painel-logo {
  width: 168px;
  height: auto;
  display: block;
}

.alfa-login__centro {
  flex: 1 1;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.alfa-login__cabecalho {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.alfa-login__cabecalho h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--alfa-texto);
}

.alfa-login__cabecalho p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--alfa-texto-fraco);
}

.alfa-login__form {
  display: flex;
  flex-direction: column;
}

.alfa-login__campos {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.alfa-login__campo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.alfa-login__campo label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--alfa-texto-fraco);
}

.alfa-login__campo input {
  height: 54px;
  width: 100%;
  background: var(--alfa-fundo);
  border: 1px solid var(--alfa-borda-campo);
  border-radius: 8px;
  padding: 0 18px;
  font-family: inherit;
  font-size: 15px;
  color: var(--alfa-texto);
  transition: border-color 0.18s ease;
}

.alfa-login__campo input::placeholder {
  color: var(--alfa-placeholder);
}

/* A borda e o unico recurso de destaque aqui: clareia no hover, vira texto no
   foco. Sem glow nem sombra — a folha inteira segue sem box-shadow. */
.alfa-login__campo input:hover:not(:focus) {
  border-color: var(--alfa-borda-campo-hover);
}

.alfa-login__campo input:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--alfa-texto);
}

/* Campo de senha: o olho fica dentro da caixa, e o input abre espaco a direita
   para o texto nunca correr por baixo dele. */
.alfa-login__senha {
  position: relative;
}

.alfa-login__senha input {
  padding-right: 52px;
}

.alfa-login__olho {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0;
  border-radius: 6px;
  color: var(--alfa-placeholder);
  cursor: pointer;
  transition: color 0.18s ease;
}

.alfa-login__olho:hover {
  color: var(--alfa-texto);
}

.alfa-login__olho:focus-visible {
  outline: 1px solid var(--alfa-borda-campo-hover);
  outline-offset: 0;
  color: var(--alfa-texto);
}

/* Autofill do Chrome: sem o inset o campo volta a ficar azul claro. */
.alfa-login__campo input:-webkit-autofill,
.alfa-login__campo input:-webkit-autofill:hover,
.alfa-login__campo input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--alfa-texto);
  -webkit-box-shadow: 0 0 0 1000px var(--alfa-fundo) inset;
  caret-color: var(--alfa-texto);
}

.alfa-login__campo--erro input,
.alfa-login__campo--erro input:focus {
  border-color: var(--alfa-erro);
}

.alfa-login__codigo {
  font-family:
    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.4em;
}

.alfa-login__erro {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--alfa-erro);
}

.alfa-login__aviso {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--alfa-texto-fraco);
}

.alfa-login__esqueci {
  align-self: flex-end;
  margin-top: 10px;
}

.alfa-login__link {
  font-size: 13px;
  color: var(--alfa-link);
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}

.alfa-login__link:hover,
.alfa-login__link:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}

.alfa-login__botao {
  margin-top: 18px;
  width: 100%;
  height: 54px;
  background: var(--alfa-texto);
  color: var(--alfa-fundo);
  border: 1px solid var(--alfa-texto);
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    background-color 0.15s linear,
    border-color 0.15s linear;
}

.alfa-login__botao:hover:not(:disabled) {
  background: #ffffff;
  border-color: #ffffff;
}

.alfa-login__botao:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* Botao secundario (enviar/reenviar codigo): mesma caixa, sem preenchimento. */
.alfa-login__botao--fantasma {
  background: transparent;
  color: var(--alfa-link);
  border-color: var(--alfa-borda-campo);
  height: 54px;
  margin-top: 10px;
}

.alfa-login__botao--fantasma:hover:not(:disabled) {
  background: transparent;
  color: #ffffff;
  border-color: var(--alfa-texto);
}

.alfa-login__voltar {
  margin-top: 18px;
  align-self: center;
}

.alfa-login__rodape {
  border-top: 1px solid var(--alfa-filete);
  padding-top: 20px;
  font-size: 13px;
  color: var(--alfa-texto-fraco);
}

/* ─────────────────────────────── responsivo ─────────────────────────────── */

@media (max-width: 899px) {
  .alfa-login {
    grid-template-columns: 1fr;
  }

  .alfa-login__marca {
    display: none;
  }

  .alfa-login__painel {
    border-left: 0;
    padding: 40px 24px;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .alfa-login__marca {
    padding: 40px 36px;
  }

  .alfa-login__titulo-marca {
    font-size: 40px;
  }
}

/*
.login-container {
    max-width: 500px;
    margin: 50px auto;
    padding: 25px;
    border: 2px solid #007bff;
    border-radius: 15px;
    background: linear-gradient(145deg, #ffffff, #f1f1f1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    font-family: "Poppins", Arial, sans-serif;
}

.login-container h2 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 28px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #444;
    font-size: 15px;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-group input:hover,
.form-group select:hover {
    background-color: #f1f1f1;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    background-color: #ffffff;
}

.password-container {
    display: flex;
    align-items: center;
    position: relative;
}

.password-container input {
    flex: 1;
    padding-right: 50px;
}

.password-container .toggle-password {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #007bff;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    transition: color 0.3s ease;
}

.password-container .toggle-password:hover {
    color: #0056b3;
    text-decoration: underline;
}

button[type="submit"] {
    width: 100%;
    padding: 14px;
    background: linear-gradient(145deg, #007bff, #0056b3);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

button[type="submit"]:hover {
    background: linear-gradient(145deg, #0056b3, #003f8a);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

button[type="button"] {
    background: none;
    border: none;
    color: #007bff;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    transition: color 0.3s ease;
}

button[type="button"]:hover {
    color: #0056b3;
    text-decoration: underline;
}
*/

.conteiner-principal {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0efef;
}

.card-conteiner {
  width: 50%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 40px;
}

.card-left {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.btn-login {
  width: 100%;
  background-color: rgb(0, 0, 0);
}

.card-right {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 120px 40px 40px 120px;
  background-color: rgb(0, 0, 0);
  font-family: Arial, Helvetica, sans-serif;
  color: #f0f0f0;
}
h2 {
  color: #f0f0f0;
}
.titulo-login {
  color: black;
}

.login-container {
  width: 700px;
  height: auto;
  margin: 50px auto;
  border-radius: 15px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  font-family: "Poppins", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.login-container h2 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.topo-cadastro {
  width: 100%;
  height: 80px;
  border-radius: 10px 10px 0px 0px;
  background-color: black;
  color: #ffffff;
}
.topo-cadastro h2 {
  color: white;
}
.form-row {
  margin: 0 auto;
  width: 80%;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.form-group {
  flex: 1 1;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #444;
  font-size: 15px;
}

.form-group input,
.form-group select {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  font-size: 15px;
  background-color: #ffffff;
  transition: all 0.3s ease;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-group input:hover,
.form-group select:hover {
  background-color: #f1f1f1;
}

.form-group input:focus,
.form-group select:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
  background-color: #ffffff;
}

.password-container {
  display: flex;
  align-items: center;
  position: relative;
}

.password-container input {
  flex: 1 1;
  padding-right: 50px;
}

.password-container .toggle-password {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  color: black;
  margin-top: -20px;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  transition: color 0.3s ease;
}
.toggle-password:hover {
  color: #0056b3;
  background-color: #0056b3;
  text-decoration: underline;
}
.btn-cadastra {
  margin: 20px auto;
  width: 80%;
  height: 50px;
  background-color: rgb(167, 167, 170);
  font-weight: bold;
  font-size: 12pt;
  overflow: hidden;
}

.cont-btn {
  display: flex;
}

.t-bem-vindos {
  color: #f0efef;
}

@media (max-width: 768px) {
  .card-conteiner {
    width: 50vh;
    height: 50vh;
  }
  .card-left {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .card-right {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 120px 40px 40px 120px;
    background-color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    color: #f0f0f0;
    font-size: 12px;
  }

  .form-login {
    width: 80%;
    height: auto;
    margin: 0 auto;
    gap: 10px;
  }

  .btn-login {
    width: 80%;
    background-color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
  }
}

@media (max-width: 393px) {
  .login-container {
    padding: 20px;
  }

  .login-container h2 {
    font-size: 24px;
  }

  button[type="submit"] {
    font-size: 14px;
  }

  .form-row {
    flex-direction: column;
  }

  .card-conteiner {
    width: 90vw;
    height: 50vh;
  }
  .card-left {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .card-right {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 120px 40px 40px 120px;
    background-color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    color: #f0f0f0;
    font-size: 10px;
  }
  .card-right img {
    width: 150px;
  }
  .form-login {
    width: 80%;
    height: auto;
    margin: 0 auto;
    gap: 10px;
  }

  .btn-login {
    width: 80%;
    background-color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
  }
}
/*
  Solicitacoes Administrativas, com a identidade da Alfa: Century Gothic, azul
  #004993, filetes de 1px e cantos de 6/10px. Os valores saem do design
  "Solicitacoes Sistema Alfa" (claude.ai/design); o tema escuro nao existe no
  design e foi derivado dele, token a token.

  Tudo fica sob `.sadm` para nao vazar para outras telas. A tela de criar vai
  usar a mesma folha quando for redesenhada.

  O layout responde a largura da AREA da tela (container query), e nao a da
  janela: com o menu lateral aberto, uma janela de 1280px deixa ~1000px para a
  pagina, e e isso que decide entre lista + detalhe lado a lado ou uma coluna.
*/

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic'),
    local('CenturyGothic'),
    url(/static/media/GOTHIC.bf033cfa100eab9c2e57.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic Bold'),
    local('CenturyGothic-Bold'),
    url(/static/media/GOTHICB.52df14bc795150efb832.woff2) format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

/* Arial com as metricas da Century Gothic: enquanto a fonte nao chega, o texto
   ocupa o mesmo espaco e a tela nao pula quando ela troca. */
@font-face {
  font-family: 'Century Gothic Fallback';
  src: local('Arial'), local('Liberation Sans');
  font-weight: 400 700;
  size-adjust: 110.07%;
  ascent-override: 91.39%;
  descent-override: 20.01%;
  line-gap-override: 0%;
}

/* ─────────────────────────────── tokens ─────────────────────────────── */

.sadm {
  --sadm-pri: #004993;
  --sadm-pri-hover: #003c79;
  --sadm-pri-texto: #004993;
  --sadm-pri-traco: #004993;
  --sadm-sobre-pri: #ffffff;
  --sadm-pri-6: #f0f4f8;
  --sadm-pri-8: #ebf0f6;
  --sadm-pri-12: #e0e9f2;
  --sadm-pri-18: #d1deec;
  --sadm-pri-45: #8cadce;
  --sadm-foco: rgba(0, 73, 147, 0.14);

  --sadm-superficie: #ffffff;
  --sadm-seg-ativo: #ffffff;
  --sadm-afundado: #f1f2f4;
  --sadm-afundado-2: #fafbfc;
  --sadm-hover: #f6f7f8;
  --sadm-hover-item: #f8f9fb;
  --sadm-borda: #e3e5e8;
  --sadm-divisor: #eef0f2;
  --sadm-borda-chip: #dde0e4;
  --sadm-borda-campo: #cccccc;
  --sadm-borda-campo-hover: #b3b3b3;
  --sadm-borda-botao-leve: #d6d9de;

  --sadm-titulo: #141414;
  --sadm-texto: #212529;
  --sadm-texto-forte: #333333;
  --sadm-texto-2: #4d4d4d;
  --sadm-texto-fraco: #666666;
  --sadm-texto-sutil: #6f747c;
  --sadm-placeholder: #767a82;
  --sadm-icone: #8c8c8c;
  --sadm-icone-2: #9aa0a6;
  --sadm-seta: #b3b3b3;
  --sadm-avatar-bg: #e9ecef;
  --sadm-avatar-fg: #4d4d4d;
  --sadm-contagem: #e9ecef;
  --sadm-contagem-zero: #f1f2f4;
  --sadm-contagem-aba: #eef0f2;
  --sadm-contagem-aba-fg: #5c6066;

  --sadm-perigo: #cd0f0f;
  --sadm-perigo-bg: #feebec;
  --sadm-perigo-borda: #ffcaca;
  --sadm-erro: #d92d20;
  --sadm-erro-anel: rgba(217, 45, 32, 0.12);
  --sadm-borda-soltar: #c9cdd3;

  /* Selos. Verde, laranja e vermelho sao os do design; os outros seguem a
     mesma receita (fundo claro, texto escuro do mesmo matiz). */
  --sadm-tom-neutro-bg: #eef0f2;
  --sadm-tom-neutro-fg: #3d4148;
  --sadm-tom-cinza-bg: #f1f2f4;
  --sadm-tom-cinza-fg: #5f646c;
  --sadm-tom-azul-bg: #e6edf4;
  --sadm-tom-azul-fg: #004993;
  --sadm-tom-ambar-bg: #fff6db;
  --sadm-tom-ambar-fg: #7a5200;
  --sadm-tom-verde-bg: #e8f4ec;
  --sadm-tom-verde-fg: #00763d;
  --sadm-tom-laranja-bg: #fff1e0;
  --sadm-tom-laranja-fg: #9a4a00;
  --sadm-tom-vermelho-bg: #fdeded;
  --sadm-tom-vermelho-fg: #a12622;

  --sadm-sombra: 0 1px 2px rgba(20, 20, 20, 0.04);
  --sadm-sombra-seg:
    0 1px 2px rgba(20, 20, 20, 0.1), 0 0 0 1px rgba(20, 20, 20, 0.05);
  --sadm-sombra-pop:
    0 12px 32px rgba(20, 20, 20, 0.14), 0 0 0 1px rgba(20, 20, 20, 0.06);
  --sadm-rolagem: #c7cbd1;
}

html.dark .sadm {
  --sadm-pri: #1d6bc0;
  --sadm-pri-hover: #2a7ad1;
  --sadm-pri-texto: #8cb8e8;
  --sadm-pri-traco: #4d8fd6;
  --sadm-sobre-pri: #ffffff;
  --sadm-pri-6: #111b27;
  --sadm-pri-8: #13213a;
  --sadm-pri-12: #172a44;
  --sadm-pri-18: #1c3556;
  --sadm-pri-45: #2f5f96;
  --sadm-foco: rgba(77, 143, 214, 0.28);

  --sadm-superficie: #141518;
  --sadm-seg-ativo: #25282e;
  --sadm-afundado: #1b1d21;
  --sadm-afundado-2: #18191d;
  --sadm-hover: #1f2226;
  --sadm-hover-item: #1a1c20;
  --sadm-borda: #26292e;
  --sadm-divisor: #1f2125;
  --sadm-borda-chip: #30343a;
  --sadm-borda-campo: #3a3e45;
  --sadm-borda-campo-hover: #50555e;
  --sadm-borda-botao-leve: #353940;

  --sadm-titulo: #f2f3f5;
  --sadm-texto: #e3e5e8;
  --sadm-texto-forte: #d4d7db;
  --sadm-texto-2: #bfc3c9;
  --sadm-texto-fraco: #9ca1a9;
  --sadm-texto-sutil: #878c95;
  --sadm-placeholder: #6f747c;
  --sadm-icone: #878c95;
  --sadm-icone-2: #737881;
  --sadm-seta: #5a5f67;
  --sadm-avatar-bg: #2a2d33;
  --sadm-avatar-fg: #c9ccd1;
  --sadm-contagem: #2a2d33;
  --sadm-contagem-zero: #1f2125;
  --sadm-contagem-aba: #24272c;
  --sadm-contagem-aba-fg: #a7abb2;

  --sadm-perigo: #f07b75;
  --sadm-perigo-bg: #2d1415;
  --sadm-perigo-borda: #5a2426;
  --sadm-erro: #f07b75;
  --sadm-erro-anel: rgba(240, 123, 117, 0.2);
  --sadm-borda-soltar: #3a3e45;

  --sadm-tom-neutro-bg: #24272c;
  --sadm-tom-neutro-fg: #c9ccd1;
  --sadm-tom-cinza-bg: #1d1f23;
  --sadm-tom-cinza-fg: #979ca4;
  --sadm-tom-azul-bg: #132339;
  --sadm-tom-azul-fg: #8cb8e8;
  --sadm-tom-ambar-bg: #2e2410;
  --sadm-tom-ambar-fg: #e5bf62;
  --sadm-tom-verde-bg: #0f271b;
  --sadm-tom-verde-fg: #5fc98e;
  --sadm-tom-laranja-bg: #31210f;
  --sadm-tom-laranja-fg: #eea35a;
  --sadm-tom-vermelho-bg: #361617;
  --sadm-tom-vermelho-fg: #f08a84;

  --sadm-sombra: none;
  --sadm-sombra-seg:
    0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --sadm-sombra-pop:
    0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --sadm-rolagem: #3a3e45;
}

/* ─────────────────────────────── base ─────────────────────────────── */

/*
  `height: 100%` do <main> do app, que tem altura definida: e o que permite a
  lista e o detalhe rolarem cada um por dentro, com o cabecalho parado. Sem
  fundo proprio de proposito: o <main> ja pinta #f4f5f7 (o fundo do design) no
  claro e preto no escuro, inclusive abaixo da pagina quando ela transborda.
*/
.sadm {
  container: sadm / inline-size;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'Century Gothic', 'Century Gothic Fallback', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--sadm-texto);
  -webkit-font-smoothing: antialiased;
}

.sadm button,
.sadm input,
.sadm textarea {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

.sadm :is(button, a, [role='button']):focus-visible {
  outline: 2px solid var(--sadm-pri-traco);
  outline-offset: 2px;
}

/*
  Material Symbols Outlined, o conjunto de icones do design. A fonte chega do
  Google Fonts so com os glifos pedidos em `icon_names=` (public/index.html).
  `width/height: 1em` + `overflow: hidden`: enquanto a fonte carrega, o nome do
  icone nao empurra o layout com a largura do texto "chevron_right".
*/
.sadm-icone {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
          user-select: none;
}

/* ────────────────────────────── botoes ────────────────────────────── */

.sadm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px 0 13px;
  border: 1px solid var(--sadm-borda-campo);
  border-radius: 6px;
  background: var(--sadm-superficie);
  color: var(--sadm-texto);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.sadm-btn:hover:not(:disabled) {
  background: var(--sadm-hover);
  border-color: var(--sadm-borda-campo-hover);
  color: var(--sadm-texto);
  text-decoration: none;
}

.sadm-btn:disabled,
.sadm-btn.is-off {
  opacity: 0.5;
  cursor: not-allowed;
}

.sadm-btn.is-off {
  pointer-events: none;
}

.sadm-btn--primario {
  padding: 0 18px 0 14px;
  border-color: var(--sadm-pri);
  background: var(--sadm-pri);
  color: var(--sadm-sobre-pri);
}

.sadm-btn--primario:hover:not(:disabled) {
  border-color: var(--sadm-pri-hover);
  background: var(--sadm-pri-hover);
  color: var(--sadm-sobre-pri);
}

.sadm-btn--sm {
  height: 34px;
  padding: 0 12px 0 10px;
  gap: 6px;
  font-size: 13px;
}

.sadm-btn--primario.sadm-btn--sm {
  padding: 0 14px 0 11px;
}

.sadm-btn--xs {
  height: 32px;
  padding: 0 12px 0 9px;
  gap: 6px;
  font-size: 13px;
}

.sadm-btn--leve {
  border-color: var(--sadm-borda-botao-leve);
  color: var(--sadm-texto-forte);
}

/* "Filtros" com o painel aberto ou com filtro aplicado. */
.sadm-btn--ligado,
.sadm-btn--ligado:hover:not(:disabled) {
  border-color: var(--sadm-pri-45);
  background: var(--sadm-pri-8);
  color: var(--sadm-pri-texto);
}

.sadm-btn__contagem {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--sadm-pri);
  color: var(--sadm-sobre-pri);
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-btn--perigo {
  border-color: var(--sadm-perigo-borda);
  color: var(--sadm-perigo);
}

.sadm-btn--perigo:hover:not(:disabled) {
  border-color: var(--sadm-perigo);
  background: var(--sadm-perigo-bg);
  color: var(--sadm-perigo);
}

.sadm-btn--fantasma {
  border-color: transparent;
  background: transparent;
  color: var(--sadm-texto-2);
}

.sadm-btn--fantasma:hover:not(:disabled) {
  border-color: transparent;
  background: var(--sadm-hover);
  color: var(--sadm-titulo);
}

/* Botao so de icone: a lixeira da lista e o "limpar" da busca. */
.sadm-btn--icone {
  width: 32px;
  height: 32px;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: var(--sadm-icone);
}

.sadm-btn--icone:hover:not(:disabled) {
  border-color: transparent;
  background: var(--sadm-hover);
  color: var(--sadm-titulo);
}

.sadm-btn--icone.sadm-btn--perigo:hover:not(:disabled) {
  border-color: var(--sadm-perigo-borda);
  background: var(--sadm-perigo-bg);
  color: var(--sadm-perigo);
}

/* Lixeira do detalhe: fica ao lado de botoes com borda, entao ganha a sua. */
.sadm-btn--icone.sadm-btn--contorno {
  width: 34px;
  height: 34px;
  border-color: var(--sadm-perigo-borda);
  color: var(--sadm-perigo);
}

.sadm-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--sadm-pri-texto);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.sadm-link:hover {
  text-decoration: underline;
}

/* ───────────────────────────── cabecalho ───────────────────────────── */

.sadm-topo {
  flex: none;
  background: var(--sadm-superficie);
  border-bottom: 1px solid var(--sadm-borda);
}

.sadm-topo__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 18px clamp(16px, 3vw, 32px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
}

.sadm-topo__textos {
  flex: 1 1 340px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sadm-topo__titulo {
  margin: 0;
  font-size: clamp(19px, 0.6vw + 15px, 22px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--sadm-titulo);
  text-wrap: balance;
}

.sadm-topo__sub {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--sadm-texto-fraco);
  text-wrap: pretty;
}

.sadm-topo__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.sadm-giro {
  transition: transform 0.6s ease;
}

/* ─────────────────────────── faixa de erro ─────────────────────────── */

.sadm-faixa {
  flex: none;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 24px) clamp(16px, 3vw, 32px) 0;
}

.sadm-alerta {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 8px 10px 14px;
  border: 1px solid var(--sadm-perigo-borda);
  border-radius: 8px;
  background: var(--sadm-perigo-bg);
  color: var(--sadm-tom-vermelho-fg);
}

.sadm-alerta > .sadm-icone {
  margin-top: 1px;
}

.sadm-alerta__texto {
  flex: 1 1;
  min-width: 0;
  margin: 0;
  padding-top: 1px;
  overflow-wrap: anywhere;
}

.sadm-alerta .sadm-btn--icone {
  width: 28px;
  height: 28px;
  color: inherit;
}

/* ───────────────────────────── corpo ───────────────────────────── */

/*
  Ate 960px de area: uma coluna so, a lista ou o detalhe, nunca os dois. O
  design corta em 720px, mas ele nao desenhou o detalhe: com o menu lateral, uma
  janela de 1100px deixava 354px para o detalhe e sobravam 99px para o
  andamento, espremido entre o cabecalho e a caixa de comentario.
*/
.sadm-corpo {
  flex: 0 0 auto;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 24px) clamp(16px, 3vw, 32px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: clamp(16px, 2vw, 24px);
  gap: clamp(16px, 2vw, 24px);
}

/* Mesma especificidade da regra do @container abaixo, que vem depois e ganha. */
.sadm-corpo--com-detalhe > .sadm-lista,
.sadm-corpo--sem-detalhe > .sadm-detalhe {
  display: none;
}

@container sadm (min-width: 960px) {
  .sadm-corpo {
    flex: 1 1;
    min-height: 520px;
    grid-template-columns: minmax(320px, 340px) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .sadm-corpo > .sadm-lista,
  .sadm-corpo > .sadm-detalhe {
    display: flex;
  }

  .sadm-detalhe {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--sadm-rolagem) transparent;
  }

  .sadm-voltar {
    display: none;
  }
}

@container sadm (min-width: 1024px) {
  .sadm-corpo {
    grid-template-columns: minmax(340px, 380px) minmax(0, 1fr);
  }
}

.sadm-painel {
  min-width: 0;
  min-height: 0;
  background: var(--sadm-superficie);
  border: 1px solid var(--sadm-borda);
  border-radius: 10px;
  box-shadow: var(--sadm-sombra);
}

/* ─────────────────────────── coluna da lista ─────────────────────────── */

.sadm-lista {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sadm-lista__cabeca {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 6px;
}

.sadm-lista__titulo {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--sadm-titulo);
}

/* Abas sublinhadas: Administrativo / Sistema Alfa, e as do detalhe. */
.sadm-abas-cat {
  flex: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 12px;
  border-bottom: 1px solid var(--sadm-borda);
}

.sadm-aba {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  height: 46px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  box-shadow: inset 0 -2px 0 transparent;
  color: var(--sadm-texto-fraco);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition:
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.sadm-aba:hover {
  color: var(--sadm-titulo);
}

.sadm-aba[aria-selected='true'] {
  color: var(--sadm-pri-texto);
  box-shadow: inset 0 -2px 0 var(--sadm-pri-traco);
}

.sadm .sadm-aba:focus-visible {
  outline-offset: -3px;
  border-radius: 6px;
}

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

.sadm-aba__contagem {
  flex: none;
  min-width: 22px;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--sadm-contagem-aba);
  color: var(--sadm-contagem-aba-fg);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-aba[aria-selected='true'] .sadm-aba__contagem {
  background: var(--sadm-pri-12);
  color: var(--sadm-pri-texto);
}

.sadm-lista__controles {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--sadm-borda);
}

/* Busca */
.sadm-busca {
  position: relative;
}

.sadm-busca__icone {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--sadm-icone);
  pointer-events: none;
}

.sadm-busca .sadm-campo {
  padding-left: 40px;
  padding-right: 38px;
}

.sadm-busca__limpar {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

/* Campo de texto, textarea e o gatilho do SelectEstilizado. */
.sadm-campo {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--sadm-borda-campo);
  border-radius: 6px;
  background: var(--sadm-superficie);
  font-size: 14px;
  color: var(--sadm-texto);
  outline: 0 solid transparent;
  outline-offset: -1px;
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.sadm-campo::placeholder {
  color: var(--sadm-placeholder);
  opacity: 1;
}

.sadm-campo:hover:not(:disabled) {
  border-color: var(--sadm-borda-campo-hover);
}

.sadm .sadm-campo:focus,
.sadm .sadm-campo:focus-visible,
.sadm .sadm-campo[aria-expanded='true'] {
  outline: 1px solid var(--sadm-pri-traco);
  outline-offset: -1px;
  box-shadow: 0 0 0 4px var(--sadm-foco);
}

.sadm-campo:disabled {
  background: var(--sadm-afundado);
  color: var(--sadm-texto-fraco);
  cursor: not-allowed;
}

.sadm-campo--sm {
  height: 36px;
  font-size: 13.5px;
}

textarea.sadm-campo {
  height: auto;
  padding: 10px 12px;
  line-height: 1.6;
  resize: vertical;
}

/* Minhas / Todas */
.sadm-segmentado {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 4px;
  gap: 4px;
  padding: 4px;
  background: var(--sadm-afundado);
  border-radius: 8px;
}

.sadm-segmentado__opcao {
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--sadm-texto-fraco);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.sadm-segmentado__opcao:hover {
  color: var(--sadm-titulo);
}

.sadm-segmentado__opcao[aria-pressed='true'] {
  background: var(--sadm-seg-ativo);
  box-shadow: var(--sadm-sombra-seg);
  color: var(--sadm-titulo);
}

/* Filtro por status */
.sadm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sadm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 6px 0 10px;
  border: 0;
  border-radius: 6px;
  background: var(--sadm-superficie);
  box-shadow: inset 0 0 0 1px var(--sadm-borda-chip);
  color: var(--sadm-texto-forte);
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

.sadm-chip:hover {
  background: var(--sadm-hover);
}

.sadm-chip[aria-pressed='true'] {
  background: var(--sadm-pri-8);
  box-shadow: inset 0 0 0 1px var(--sadm-pri-45);
  color: var(--sadm-pri-texto);
}

.sadm-chip__contagem {
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--sadm-contagem);
  color: var(--sadm-texto-forte);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-chip__contagem--zero {
  background: var(--sadm-contagem-zero);
  color: var(--sadm-texto-sutil);
}

.sadm-chip[aria-pressed='true'] .sadm-chip__contagem {
  background: var(--sadm-pri-18);
  color: var(--sadm-pri-texto);
}

/* Painel de filtros (prioridade e tipo) */
.sadm-filtros {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px 12px;
  gap: 10px 12px;
  padding: 12px;
  border: 1px solid var(--sadm-borda);
  border-radius: 8px;
  background: var(--sadm-afundado-2);
}

.sadm-filtros__limpar {
  grid-column: 1 / -1;
  justify-self: end;
}

/* Lista */
.sadm-lista__rolagem {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--sadm-rolagem) transparent;
}

.sadm-itens {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sadm-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 14px 16px 20px;
  border-bottom: 1px solid var(--sadm-divisor);
  background: var(--sadm-superficie);
  transition: background 0.15s ease;
}

.sadm-item:hover {
  background: var(--sadm-hover-item);
}

.sadm-item--ativo,
.sadm-item--ativo:hover {
  background: var(--sadm-pri-6);
  box-shadow: inset 3px 0 0 var(--sadm-pri-traco);
}

.sadm-item__topo {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.sadm-item__numero {
  flex: none;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--sadm-texto-fraco);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

/* Fica ACIMA do botao que cobre o cartao, para a lixeira receber o clique. */
.sadm-item__lado {
  position: relative;
  z-index: 1;
  margin-left: auto;
  flex: none;
  display: flex;
  align-items: center;
  gap: 2px;
}

.sadm-item__seta {
  color: var(--sadm-seta);
  pointer-events: none;
}

/*
  O cartao inteiro abre a solicitacao, mas o elemento clicavel e so este botao:
  o `::after` dele estica por cima do <li>. Assim a lixeira nao fica aninhada
  dentro de outro botao, e o leitor de tela anuncia o titulo como nome do link.
*/
.sadm-item__abrir {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.sadm-item__abrir::after {
  content: '';
  position: absolute;
  inset: 0;
}

.sadm .sadm-item__abrir:focus-visible {
  outline: none;
}

.sadm-item__abrir:focus-visible::after {
  outline: 2px solid var(--sadm-pri-traco);
  outline-offset: -2px;
}

.sadm-item__titulo {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14.5px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--sadm-titulo);
  overflow-wrap: anywhere;
}

.sadm-item__pessoas {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.sadm-item__pessoa {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.sadm-item__papel {
  color: var(--sadm-icone-2);
}

/* ─────────────────────────── selos e pessoas ─────────────────────────── */

.sadm-selos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.sadm-selo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px 0 6px;
  border-radius: 4px;
  background: var(--sadm-tom-neutro-bg);
  color: var(--sadm-tom-neutro-fg);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.sadm-selo[data-tom='cinza'] {
  background: var(--sadm-tom-cinza-bg);
  color: var(--sadm-tom-cinza-fg);
}
.sadm-selo[data-tom='azul'] {
  background: var(--sadm-tom-azul-bg);
  color: var(--sadm-tom-azul-fg);
}
.sadm-selo[data-tom='ambar'] {
  background: var(--sadm-tom-ambar-bg);
  color: var(--sadm-tom-ambar-fg);
}
.sadm-selo[data-tom='verde'] {
  background: var(--sadm-tom-verde-bg);
  color: var(--sadm-tom-verde-fg);
}
.sadm-selo[data-tom='laranja'] {
  background: var(--sadm-tom-laranja-bg);
  color: var(--sadm-tom-laranja-fg);
}
.sadm-selo[data-tom='vermelho'] {
  background: var(--sadm-tom-vermelho-bg);
  color: var(--sadm-tom-vermelho-fg);
}

/* Tipo da solicitacao: informativo, nao estado, entao so contorno. */
.sadm-selo--contorno {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--sadm-borda-chip);
  color: var(--sadm-texto-2);
}

.sadm-pessoa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.sadm-avatar {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--sadm-avatar-bg);
  color: var(--sadm-avatar-fg);
  font-size: 9.5px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: center;
  object-fit: cover;
  overflow: hidden;
}

.sadm-avatar--md {
  width: 28px;
  height: 28px;
  font-size: 11px;
  line-height: 28px;
}

.sadm-avatar--vazio {
  background: transparent;
  border: 1px dashed var(--sadm-borda-campo);
}

.sadm-pessoa__nome {
  min-width: 0;
  font-size: 13px;
  color: var(--sadm-texto-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sadm-pessoa__nome--forte {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sadm-titulo);
}

.sadm-pessoa__nome--md {
  font-size: 14px;
  color: var(--sadm-texto);
}

.sadm-pessoa__nome--vazio {
  color: var(--sadm-texto-sutil);
}

/* ─────────────────────────── estados vazios ─────────────────────────── */

.sadm-vazio {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}

.sadm-vazio__caixa {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.sadm-vazio__icone {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--sadm-afundado);
  box-shadow: inset 0 0 0 1px var(--sadm-borda);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sadm-icone);
}

.sadm-vazio__icone .sadm-icone {
  font-size: 30px;
}

.sadm-vazio__icone--erro {
  background: var(--sadm-perigo-bg);
  box-shadow: inset 0 0 0 1px var(--sadm-perigo-borda);
  color: var(--sadm-perigo);
}

.sadm-vazio__titulo {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--sadm-titulo);
}

.sadm-vazio__texto {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--sadm-texto-fraco);
  text-wrap: balance;
}

.sadm-vazio__texto:last-child {
  margin-bottom: 0;
}

/* Lista vazia (dentro da coluna): versao menor. */
.sadm-vazio--lista {
  padding: 40px 20px;
}

.sadm-vazio--lista .sadm-vazio__icone {
  width: 48px;
  height: 48px;
  margin-bottom: 14px;
}

.sadm-vazio--lista .sadm-vazio__icone .sadm-icone {
  font-size: 24px;
}

.sadm-vazio--lista .sadm-vazio__titulo {
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--sadm-texto-fraco);
}

/* ─────────────────────────── carregando ─────────────────────────── */

.sadm-esq {
  display: block;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    var(--sadm-afundado) 25%,
    var(--sadm-hover-item) 37%,
    var(--sadm-afundado) 63%
  );
  background-size: 400% 100%;
  animation: sadm-brilho 1.4s ease infinite;
}

@keyframes sadm-brilho {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.sadm-esq-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--sadm-divisor);
}

.sadm-esq-detalhe {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

/* ─────────────────────────── detalhe ─────────────────────────── */

/*
  Container proprio: a caixa de comentario e as acoes se ajustam a largura do
  DETALHE, que nao acompanha a da pagina (a lista ao lado come 340-380px).

  O detalhe rola INTEIRO, e nao so o conteudo da aba: o cabecalho sobe, as abas
  grudam no topo e a caixa de comentario no pe. Com o cabecalho e a caixa fixos,
  numa tela de 1280x800 sobravam 125px para o andamento. No celular ele nao rola
  por dentro (overflow visivel) e quem rola e a pagina, com as mesmas partes
  grudadas.
*/
.sadm-detalhe {
  container: sadm-detalhe / inline-size;
  display: flex;
  flex-direction: column;
}

.sadm-detalhe__topo {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px 18px;
  border-bottom: 1px solid var(--sadm-borda);
}

.sadm-voltar {
  align-self: flex-start;
}

.sadm-detalhe__linha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.sadm-detalhe__numero {
  flex: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--sadm-texto-fraco);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-detalhe__acoes {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.sadm-detalhe__titulo {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--sadm-titulo);
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.sadm-meta {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-gap: 12px 20px;
  gap: 12px 20px;
}

.sadm-meta__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.sadm-meta__item dt {
  font-size: 12px;
  font-weight: 700;
  color: var(--sadm-texto-sutil);
}

.sadm-meta__item dd {
  margin: 0;
  min-width: 0;
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--sadm-texto);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-meta__icone {
  color: var(--sadm-icone);
}

.sadm-abas-detalhe {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
  flex: none;
  display: flex;
  background: var(--sadm-superficie);
  gap: 24px;
  padding: 0 24px;
  border-bottom: 1px solid var(--sadm-borda);
  overflow-x: auto;
  scrollbar-width: none;
}

.sadm-abas-detalhe .sadm-aba {
  flex: none;
  padding: 0 2px;
}

.sadm-detalhe__conteudo {
  flex: 1 0 auto;
  padding: 24px;
}

/* Aba Informacoes */
.sadm-secao {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sadm-grade-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 16px 20px;
  gap: 16px 20px;
}

.sadm-campo-grupo {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sadm-rotulo {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--sadm-titulo);
}

.sadm-rotulo--sm {
  font-size: 12.5px;
  color: var(--sadm-texto-2);
}

.sadm-subtitulo {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--sadm-titulo);
}

.sadm-bloco {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--sadm-divisor);
  border-radius: 8px;
  background: var(--sadm-afundado-2);
  color: var(--sadm-texto);
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.sadm-edicao {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--sadm-borda);
  border-radius: 8px;
  background: var(--sadm-afundado-2);
}

.sadm-edicao .sadm-subtitulo {
  margin: 0;
}

.sadm-edicao__rodape {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* Combobox do responsavel */
.sadm-combo {
  position: relative;
}

.sadm-combo__gatilho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.sadm-combo__vazio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sadm-texto-sutil);
}

.sadm-combo__seta {
  color: var(--sadm-icone);
  transition: transform 0.2s ease;
}

.sadm-combo__gatilho[aria-expanded='true'] .sadm-combo__seta {
  transform: rotate(180deg);
}

.sadm-combo__pop {
  position: absolute;
  z-index: 30;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 8px;
  background: var(--sadm-superficie);
  box-shadow: var(--sadm-sombra-pop);
}

.sadm-combo__busca {
  padding: 8px;
  border-bottom: 1px solid var(--sadm-divisor);
}

.sadm-combo__busca .sadm-campo {
  padding-left: 36px;
}

.sadm-combo__busca .sadm-busca__icone {
  left: 9px;
  font-size: 18px;
}

.sadm-combo__lista {
  max-height: 256px;
  margin: 0;
  padding: 4px;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: thin;
  scrollbar-color: var(--sadm-rolagem) transparent;
}

.sadm-combo__opcao {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  font-size: 13px;
  color: var(--sadm-texto);
  cursor: pointer;
}

.sadm-combo__opcao:hover {
  background: var(--sadm-hover);
}

.sadm-combo__opcao[aria-selected='true'] {
  background: var(--sadm-pri-8);
}

.sadm-combo__detalhe {
  margin-left: auto;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  color: var(--sadm-texto-sutil);
}

.sadm-combo__nenhum {
  padding: 12px;
  text-align: center;
  font-size: 13px;
  color: var(--sadm-texto-sutil);
}

/* Aba Andamento: linha do tempo */
.sadm-linha-tempo {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.sadm-evento {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-gap: 0 14px;
  gap: 0 14px;
  padding-bottom: 22px;
}

.sadm-evento:last-child {
  padding-bottom: 0;
}

/* O fio que liga um marcador ao proximo. */
.sadm-evento::before {
  content: '';
  position: absolute;
  left: 15.5px;
  top: 36px;
  bottom: 4px;
  width: 1px;
  background: var(--sadm-borda);
}

.sadm-evento:last-child::before {
  display: none;
}

.sadm-evento__marca {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sadm-afundado);
  box-shadow: inset 0 0 0 1px var(--sadm-borda);
  color: var(--sadm-texto-fraco);
}

.sadm-evento__marca .sadm-icone {
  font-size: 17px;
}

.sadm-evento[data-tipo='CRIACAO'] .sadm-evento__marca {
  background: var(--sadm-pri-8);
  box-shadow: inset 0 0 0 1px var(--sadm-pri-18);
  color: var(--sadm-pri-texto);
}

.sadm-evento__corpo {
  min-width: 0;
  padding-top: 4px;
}

.sadm-evento__cabeca {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-height: 24px;
}

.sadm-evento__tipo {
  font-size: 13px;
  color: var(--sadm-texto-fraco);
}

.sadm-evento__data {
  font-size: 12.5px;
  color: var(--sadm-texto-sutil);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-evento__editado {
  font-size: 12px;
  font-style: italic;
  color: var(--sadm-texto-sutil);
}

.sadm-evento__editar {
  margin-left: auto;
  height: 28px;
  padding: 0 10px 0 8px;
  font-size: 12.5px;
}

.sadm-evento__cartao {
  margin-top: 8px;
  padding: 12px 14px;
  border: 1px solid var(--sadm-borda);
  border-radius: 8px;
  background: var(--sadm-superficie);
  font-size: 14px;
  line-height: 1.6;
  color: var(--sadm-texto);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.sadm-evento[data-tipo='CRIACAO'] .sadm-evento__cartao {
  background: var(--sadm-afundado-2);
}

/* Mudanca de status e registro do sistema: texto corrido, sem cartao. */
.sadm-evento__nota {
  margin: 4px 0 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--sadm-texto-2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.sadm-evento__edicao {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sadm-evento__edicao-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sadm-evento__edicao-barra > div {
  display: flex;
  gap: 8px;
}

/* Anexos (imagens) */
.sadm-anexos {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  grid-gap: 8px;
  gap: 8px;
}

.sadm-anexos--previa {
  margin: 0;
  padding: 0 12px 10px;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
}

.sadm-anexo {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sadm-borda);
  border-radius: 6px;
  background: var(--sadm-afundado);
}

button.sadm-anexo {
  cursor: zoom-in;
}

.sadm-anexo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

button.sadm-anexo:hover img {
  transform: scale(1.04);
}

.sadm-anexo--novo {
  border-color: var(--sadm-pri-45);
}

.sadm-anexo--remover {
  border-color: var(--sadm-perigo);
}

.sadm-anexo--remover img {
  opacity: 0.4;
}

.sadm-anexo__acao {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 20, 20, 0.72);
  color: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease;
}

.sadm-anexo__acao .sadm-icone {
  font-size: 16px;
}

.sadm-anexo__acao:hover:not(:disabled) {
  background: #cd0f0f;
}

.sadm-anexo--remover .sadm-anexo__acao,
.sadm-anexo--remover .sadm-anexo__acao:hover:not(:disabled) {
  background: #4d4d4d;
}

/* Caixa de comentario, presa no pe do detalhe */
.sadm-compositor {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 3;
  flex: none;
  border-radius: 0 0 9px 9px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 24px 16px;
  border-top: 1px solid var(--sadm-borda);
  background: var(--sadm-superficie);
}

.sadm-compositor__caixa {
  border: 1px solid var(--sadm-borda-campo);
  border-radius: 8px;
  background: var(--sadm-superficie);
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.sadm-compositor__caixa:hover {
  border-color: var(--sadm-borda-campo-hover);
}

.sadm-compositor__caixa:focus-within {
  outline: 1px solid var(--sadm-pri-traco);
  outline-offset: -1px;
  box-shadow: 0 0 0 4px var(--sadm-foco);
}

.sadm-compositor__texto {
  display: block;
  width: 100%;
  min-height: 48px;
  max-height: 180px;
  padding: 12px 14px 8px;
  border: 0;
  background: transparent;
  font-size: 14px;
  line-height: 1.5;
  color: var(--sadm-texto);
  resize: none;
  outline: none;
}

.sadm-compositor__texto::placeholder {
  color: var(--sadm-placeholder);
  opacity: 1;
}

.sadm-compositor__texto:disabled {
  cursor: not-allowed;
}

.sadm-compositor__barra {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-top: 1px solid var(--sadm-divisor);
}

.sadm-compositor__dica {
  min-width: 0;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--sadm-texto-sutil);
  white-space: nowrap;
}

.sadm-compositor__aviso {
  margin: 0;
  font-size: 12.5px;
  color: var(--sadm-texto-sutil);
}

@container sadm-detalhe (max-width: 560px) {
  .sadm-compositor__dica {
    display: none;
  }

  .sadm-compositor__barra .sadm-btn--primario {
    margin-left: auto;
  }

  .sadm-detalhe__acoes {
    margin-left: 0;
    width: 100%;
  }
}

/* ─────────────────────────── ampliar imagem ─────────────────────────── */

/*
  Vai por portal para o <body>. Dentro de `.sadm` o `position: fixed` ficaria
  preso a pagina: o `container-type` da raiz cria containing block para
  descendentes fixos. Por estar fora, nao herda os tokens, por isso as cores
  daqui sao literais (o fundo escuro vale para os dois temas).
*/
.sadm-lightbox {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(10, 12, 16, 0.86);
  animation: sadm-surgir 0.18s ease-out;
}

.sadm-lightbox img {
  max-width: 92vw;
  max-height: 88vh;
  border-radius: 8px;
  object-fit: contain;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
}

.sadm-lightbox__fechar {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease;
}

.sadm-lightbox__fechar:hover {
  background: rgba(255, 255, 255, 0.18);
}

.sadm-lightbox__fechar:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

@keyframes sadm-surgir {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ─────────────── escuro: o que as regras globais tiram ───────────────

  O index.css, sob `html.dark .app-main`, pinta `border-color: var(--theme-border)`
  em TODO div, span, li, a, button e label (especificidade 0-2-2, maior que a
  das classes daqui). Sem este bloco, no escuro os botoes transparentes (lixeira
  do cartao, "Editar" do comentario, "Anexar imagens") ganham borda, e o botao
  primario, o selecionado e o de perigo perdem a cor da borda.

  Cada regra abaixo repete uma regra de borda da tela com o prefixo
  `html.dark .sadm`: a especificidade sobe igual para todas (+0-2-1), entao a
  ordem entre elas continua a mesma do tema claro e so a global fica para tras.
*/
html.dark .sadm .sadm-btn,
html.dark .sadm .sadm-campo,
html.dark .sadm .sadm-compositor__caixa,
html.dark .sadm .sadm-avatar--vazio {
  border-color: var(--sadm-borda-campo);
}

html.dark .sadm .sadm-btn:hover:not(:disabled),
html.dark .sadm .sadm-campo:hover:not(:disabled),
html.dark .sadm .sadm-compositor__caixa:hover {
  border-color: var(--sadm-borda-campo-hover);
}

html.dark .sadm .sadm-btn--primario {
  border-color: var(--sadm-pri);
}

html.dark .sadm .sadm-btn--primario:hover:not(:disabled) {
  border-color: var(--sadm-pri-hover);
}

html.dark .sadm .sadm-btn--leve {
  border-color: var(--sadm-borda-botao-leve);
}

html.dark .sadm .sadm-btn--ligado,
html.dark .sadm .sadm-btn--ligado:hover:not(:disabled),
html.dark .sadm .sadm-anexo--novo {
  border-color: var(--sadm-pri-45);
}

html.dark .sadm .sadm-btn--perigo,
html.dark .sadm .sadm-btn--icone.sadm-btn--contorno,
html.dark .sadm .sadm-alerta {
  border-color: var(--sadm-perigo-borda);
}

html.dark .sadm .sadm-btn--perigo:hover:not(:disabled),
html.dark .sadm .sadm-anexo--remover {
  border-color: var(--sadm-perigo);
}

html.dark .sadm .sadm-btn--fantasma,
html.dark .sadm .sadm-btn--fantasma:hover:not(:disabled),
html.dark .sadm .sadm-btn--icone,
html.dark .sadm .sadm-btn--icone:hover:not(:disabled) {
  border-color: transparent;
}

html.dark .sadm .sadm-btn--icone.sadm-btn--perigo:hover:not(:disabled) {
  border-color: var(--sadm-perigo-borda);
}

html.dark .sadm .sadm-topo,
html.dark .sadm .sadm-painel,
html.dark .sadm .sadm-abas-cat,
html.dark .sadm .sadm-lista__controles,
html.dark .sadm .sadm-filtros,
html.dark .sadm .sadm-detalhe__topo,
html.dark .sadm .sadm-abas-detalhe,
html.dark .sadm .sadm-edicao,
html.dark .sadm .sadm-anexo,
html.dark .sadm .sadm-evento__cartao,
html.dark .sadm .sadm-compositor {
  border-color: var(--sadm-borda);
}

html.dark .sadm .sadm-item,
html.dark .sadm .sadm-esq-item,
html.dark .sadm .sadm-bloco,
html.dark .sadm .sadm-combo__busca,
html.dark .sadm .sadm-compositor__barra {
  border-color: var(--sadm-divisor);
}

/*
  Campos de texto. A regra global deles e `!important` com especificidade 0-7-2
  (`input:not(.campo):not([type=...])...`) e troca fundo, borda, cor e o anel de
  foco. `:not(#sadm-nenhum)` nao restringe nada (nenhum elemento tem esse id),
  mas conta como id na especificidade e e o que faz estas regras passarem.
*/
html.dark .sadm :is(input, textarea).sadm-campo:not(#sadm-nenhum) {
  background-color: var(--sadm-superficie) !important;
  color: var(--sadm-texto) !important;
  border-color: var(--sadm-borda-campo) !important;
}

html.dark
  .sadm
  :is(input, textarea).sadm-campo:not(#sadm-nenhum):hover:not(:disabled) {
  border-color: var(--sadm-borda-campo-hover) !important;
}

html.dark .sadm :is(input, textarea).sadm-campo:not(#sadm-nenhum):focus {
  border-color: var(--sadm-borda-campo) !important;
  outline: 1px solid var(--sadm-pri-traco) !important;
  outline-offset: -1px;
  box-shadow: 0 0 0 4px var(--sadm-foco) !important;
}

html.dark .sadm :is(input, textarea).sadm-campo:not(#sadm-nenhum):disabled {
  background-color: var(--sadm-afundado) !important;
  color: var(--sadm-texto-fraco) !important;
}

html.dark .sadm textarea.sadm-compositor__texto:not(#sadm-nenhum) {
  background-color: transparent !important;
  color: var(--sadm-texto) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html.dark .sadm :is(input, textarea).sadm-campo:not(#sadm-nenhum)::placeholder,
html.dark .sadm textarea.sadm-compositor__texto:not(#sadm-nenhum)::placeholder {
  color: var(--sadm-placeholder) !important;
}

/* ─────────────────────────── tela de criar ─────────────────────────── */

/*
  Pagina de rolagem normal, e nao lista + detalhe presos a altura da tela. Sem
  o `height: auto` a raiz ficaria com a altura da janela e o cabecalho
  "grudado" soltaria depois da primeira tela de rolagem (o sticky nao sai da
  caixa do pai).
*/
.sadm--pagina {
  height: auto;
  min-height: 100%;
}

.sadm--pagina .sadm-topo {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

.sadm--pagina .sadm-topo__inner {
  max-width: 1120px;
  justify-content: flex-start;
  gap: 12px 20px;
}

.sadm-nova {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 24px) clamp(16px, 3vw, 32px) 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Formulario a esquerda; classificacao, envio e dicas a direita. Em uma
   coluna a lateral desce inteira, entao o "Enviar" vem depois de tipo e
   prioridade, na ordem em que a pessoa preenche. */
.sadm-nova__grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: clamp(16px, 2vw, 24px);
  gap: clamp(16px, 2vw, 24px);
  align-items: start;
}

@container sadm (min-width: 900px) {
  .sadm-nova__grade {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}

.sadm-nova__lado {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sadm-cartao__cabeca {
  padding: 20px clamp(20px, 3vw, 28px);
  border-bottom: 1px solid var(--sadm-borda);
}

.sadm-cartao__titulo {
  margin: 0 0 4px;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--sadm-titulo);
}

.sadm-cartao__sub {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--sadm-texto-fraco);
  text-wrap: pretty;
}

.sadm-cartao__corpo {
  padding: clamp(20px, 3vw, 28px);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.sadm-cartao--lateral .sadm-cartao__cabeca {
  padding: 16px 20px;
}

.sadm-cartao--lateral .sadm-cartao__titulo {
  font-size: 15px;
}

.sadm-cartao--lateral .sadm-cartao__sub {
  font-size: 13px;
}

.sadm-cartao--lateral .sadm-cartao__corpo {
  padding: 18px 20px;
  gap: 22px;
}

.sadm-cartao__rodape {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px 18px;
  border-top: 1px solid var(--sadm-borda);
}

.sadm-cartao__nota {
  margin: 2px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  text-align: center;
  color: var(--sadm-texto-sutil);
}

.sadm-btn--bloco {
  width: 100%;
}

/* Campo do formulario: rotulo com icone, selo de obrigatorio, controle, ajuda. */
.sadm-campo-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sadm-campo-form__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
}

.sadm-campo-form__rotulo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--sadm-titulo);
}

.sadm-campo-form__rotulo .sadm-icone {
  color: var(--sadm-icone);
}

.sadm-campo-form__limite {
  font-size: 12.5px;
  color: var(--sadm-texto-sutil);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.sadm-campo-form__ajuda {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--sadm-texto-fraco);
}

.sadm-campo-form__ajuda--erro {
  color: var(--sadm-erro);
}

.sadm-exigido {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px 0 6px;
  border-radius: 4px;
  background: var(--sadm-tom-vermelho-bg);
  color: var(--sadm-tom-vermelho-fg);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sadm-exigido--ok {
  background: var(--sadm-tom-verde-bg);
  color: var(--sadm-tom-verde-fg);
}

.sadm-campo--grande {
  height: 44px;
  padding: 0 14px;
  font-size: 14.5px;
}

textarea.sadm-campo--grande {
  height: auto;
  min-height: 190px;
  padding: 12px 14px;
  line-height: 1.6;
}

/* Erro so depois que a pessoa passou pelo campo e saiu dele vazio. O foco
   vence o erro: enquanto digita, o anel e o azul normal. */
.sadm .sadm-campo--erro:not(:focus) {
  outline: 1px solid var(--sadm-erro);
  outline-offset: -1px;
  box-shadow: 0 0 0 4px var(--sadm-erro-anel);
}

/* Area de soltar imagens */
.sadm-soltar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 32px 20px;
  border: 1.5px dashed var(--sadm-borda-soltar);
  border-radius: 8px;
  background: var(--sadm-afundado-2);
  text-align: center;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
}

.sadm-soltar:hover,
.sadm-soltar--ativo {
  border-color: var(--sadm-pri-traco);
  background: var(--sadm-pri-6);
}

.sadm-soltar:has(:focus-visible) {
  outline: 2px solid var(--sadm-pri-traco);
  outline-offset: 2px;
}

.sadm-soltar__icone {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sadm-superficie);
  box-shadow:
    0 0 0 1px var(--sadm-borda),
    0 1px 2px rgba(20, 20, 20, 0.06);
  color: var(--sadm-pri-texto);
}

.sadm-soltar__icone .sadm-icone {
  font-size: 24px;
}

.sadm-soltar__titulo {
  font-size: 14px;
  font-weight: 700;
  color: var(--sadm-texto);
}

.sadm-soltar__formatos {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--sadm-texto-sutil);
}

/* Some da tela mas continua focavel: e o que deixa a area de soltar e as
   opcoes de tipo/prioridade usaveis pelo teclado. */
.sadm-oculto {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.sadm-previas {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.sadm-previa {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--sadm-borda);
  border-radius: 8px;
  background: var(--sadm-superficie);
}

.sadm-previa img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.sadm-previa__nome {
  display: block;
  padding: 6px 8px;
  overflow: hidden;
  border-top: 1px solid var(--sadm-divisor);
  font-size: 11.5px;
  color: var(--sadm-texto-fraco);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tipo e prioridade: radios de verdade, desenhados como opcoes */
.sadm-grupo {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.sadm-grupo > legend {
  margin-bottom: 10px;
  padding: 0;
}

.sadm-opcoes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sadm-opcao {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px 9px 10px;
  border: 1px solid var(--sadm-borda-chip);
  border-radius: 8px;
  background: var(--sadm-superficie);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.sadm-opcao:hover {
  border-color: var(--sadm-borda-campo-hover);
}

.sadm-opcao--marcada,
.sadm-opcao--marcada:hover {
  border-color: var(--sadm-pri-traco);
  background: var(--sadm-pri-6);
  box-shadow: inset 0 0 0 1px var(--sadm-pri-traco);
}

/* Anel so no teclado: com :focus-within o clique do mouse tambem acendia. */
.sadm-opcao:has(:focus-visible),
.sadm-prioridade:has(:focus-visible) {
  outline: 2px solid var(--sadm-pri-traco);
  outline-offset: 2px;
}

.sadm-opcao__icone {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sadm-afundado);
  color: var(--sadm-texto-fraco);
}

.sadm-opcao--marcada .sadm-opcao__icone {
  background: var(--sadm-pri-12);
  color: var(--sadm-pri-texto);
}

.sadm-opcao__textos {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.sadm-opcao__titulo {
  font-size: 13.5px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--sadm-titulo);
}

.sadm-opcao__desc {
  font-size: 12px;
  line-height: 1.4;
  color: var(--sadm-texto-sutil);
}

/* A bolinha do radio, desenhada. */
.sadm-opcao__marca {
  flex: none;
  margin-left: auto;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--sadm-borda-campo);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
}

.sadm-opcao--marcada .sadm-opcao__marca {
  border-color: var(--sadm-pri);
  background: var(--sadm-pri);
}

.sadm-opcao--marcada .sadm-opcao__marca::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sadm-sobre-pri);
}

.sadm-nota {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 10px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--sadm-pri-texto);
}

.sadm-prioridades {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 6px;
  gap: 6px;
}

.sadm-prioridade {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid var(--sadm-borda-chip);
  border-radius: 6px;
  background: var(--sadm-superficie);
  font-size: 13px;
  font-weight: 700;
  color: var(--sadm-texto-2);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.sadm-prioridade:hover {
  border-color: var(--sadm-borda-campo-hover);
}

/* Marcada: fundo e texto do tom da prioridade (os mesmos selos da lista), e
   a borda na cor do texto. */
.sadm-prioridade--marcada,
.sadm-prioridade--marcada:hover {
  border-color: currentColor;
  background: var(--sadm-tom-neutro-bg);
  color: var(--sadm-tom-neutro-fg);
}

.sadm-prioridade--marcada[data-tom='cinza'] {
  background: var(--sadm-tom-cinza-bg);
  color: var(--sadm-tom-cinza-fg);
}

.sadm-prioridade--marcada[data-tom='laranja'] {
  background: var(--sadm-tom-laranja-bg);
  color: var(--sadm-tom-laranja-fg);
}

.sadm-prioridade--marcada[data-tom='vermelho'] {
  background: var(--sadm-tom-vermelho-bg);
  color: var(--sadm-tom-vermelho-fg);
}

/* Dicas */
.sadm-dicas {
  padding: 16px 20px 18px;
  border: 1px solid var(--sadm-borda);
  border-radius: 10px;
  background: var(--sadm-afundado-2);
}

.sadm-dicas__titulo {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sadm-titulo);
}

.sadm-dicas__titulo .sadm-icone {
  color: var(--sadm-pri-texto);
}

.sadm-dicas__lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sadm-dicas__lista li {
  position: relative;
  padding-left: 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--sadm-texto-2);
}

.sadm-dicas__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--sadm-pri-45);
}

/* Escuro: mesma devolucao de bordas do bloco acima, para as pecas desta tela. */
html.dark .sadm .sadm-cartao__cabeca,
html.dark .sadm .sadm-cartao__rodape,
html.dark .sadm .sadm-previa,
html.dark .sadm .sadm-dicas {
  border-color: var(--sadm-borda);
}

html.dark .sadm .sadm-previa__nome {
  border-color: var(--sadm-divisor);
}

html.dark .sadm .sadm-soltar {
  border-color: var(--sadm-borda-soltar);
}

html.dark .sadm .sadm-soltar:hover,
html.dark .sadm .sadm-soltar--ativo,
html.dark .sadm .sadm-opcao--marcada,
html.dark .sadm .sadm-opcao--marcada:hover {
  border-color: var(--sadm-pri-traco);
}

html.dark .sadm .sadm-opcao,
html.dark .sadm .sadm-prioridade {
  border-color: var(--sadm-borda-chip);
}

html.dark .sadm .sadm-opcao:hover,
html.dark .sadm .sadm-prioridade:hover {
  border-color: var(--sadm-borda-campo-hover);
}

html.dark .sadm .sadm-prioridade--marcada,
html.dark .sadm .sadm-prioridade--marcada:hover {
  border-color: currentColor;
}

html.dark .sadm .sadm-opcao__marca {
  border-color: var(--sadm-borda-campo);
}

html.dark .sadm .sadm-opcao--marcada .sadm-opcao__marca {
  border-color: var(--sadm-pri);
}

/* O erro de campo tambem precisa passar pela regra !important global. */
html.dark
  .sadm
  :is(input, textarea).sadm-campo--erro:not(#sadm-nenhum):not(:focus) {
  outline: 1px solid var(--sadm-erro) !important;
  box-shadow: 0 0 0 4px var(--sadm-erro-anel) !important;
}

@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
/* sr-only utility class for accessibility */
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: normal;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
/*
  Calendario Alfa Leiloes. Os tokens sao os do design system do calendario (claro e
  escuro desenhados um a um, nao invertidos). Tudo fica sob `.ac` para nao vazar para as
  outras telas; o escuro liga pela classe `dark` que o App poe no <html>.
*/
.ac {
  --bg-page: #f5f7fb;
  --bg-surface: #ffffff;
  --bg-sunken: #f1f4f9;
  --bg-hover: #eef2f8;
  --line: #e3e8ef;
  --line-strong: #cbd3de;
  --ink: #0f172a;
  --ink-muted: #5b6678;
  --ink-subtle: #8a94a6;
  --brand: #2563eb;
  --on-brand: #ffffff;
  --brand-soft: #e8effd;
  --brand-ink: #1d4ed8;
  --focus: #2563eb;

  --cat-aniversario: #f07a55;
  --cat-aniversario-bg: #fdece7;
  --cat-aniversario-ink: #b4401f;
  --cat-feriado: #e6a317;
  --cat-feriado-bg: #fdf3dc;
  --cat-feriado-ink: #8a5a00;
  --cat-evento: #8b6cf0;
  --cat-evento-bg: #efeafd;
  --cat-evento-ink: #5b3fc4;
  --cat-data: #22a58a;
  --cat-data-bg: #e3f5f1;
  --cat-data-ink: #0f6e5c;
  --cat-midia: #e0569a;
  --cat-midia-bg: #fce8f1;
  --cat-midia-ink: #a32861;

  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.05);
  --shadow-pop: 0 8px 28px rgba(15, 23, 42, 0.14);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
}

.dark .ac {
  --bg-page: #0e1116;
  --bg-surface: #181c24;
  --bg-sunken: #111419;
  --bg-hover: #1c212a;
  --line: #262c36;
  --line-strong: #343b47;
  --ink: #e8ecf2;
  --ink-muted: #9aa4b4;
  --ink-subtle: #6b7483;
  --brand: #5b8cff;
  --on-brand: #0b1020;
  --brand-soft: #1b2644;
  --brand-ink: #a9c1ff;
  --focus: #8fb0ff;

  --cat-aniversario: #ff8a66;
  --cat-aniversario-bg: #3a1f18;
  --cat-aniversario-ink: #ffb49c;
  --cat-feriado: #f0b429;
  --cat-feriado-bg: #3a2e12;
  --cat-feriado-ink: #f5c865;
  --cat-evento: #9d85ff;
  --cat-evento-bg: #2a2347;
  --cat-evento-ink: #c4b5ff;
  --cat-data: #3cc7a3;
  --cat-data-bg: #123029;
  --cat-data-ink: #7fdcc4;
  --cat-midia: #f06aa8;
  --cat-midia-bg: #3a1a2a;
  --cat-midia-ink: #ff9cc8;

  --shadow-card: none;
  --shadow-pop: 0 8px 28px rgba(0, 0, 0, 0.5);
}

.ac,
.ac * {
  box-sizing: border-box;
}
.ac {
  font-family: var(--font-sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
.ac button {
  font-family: var(--font-sans);
}
.ac-page {
  background: var(--bg-page);
  padding: var(--space-6);
  min-height: 100vh;
}
.ac svg.ic {
  width: 14px;
  height: 14px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ---------- cabecalho ---------- */
.ac-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  flex-wrap: wrap;
}
.ac-over {
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.ac-month {
  font-size: 28px;
  line-height: 34px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 2px 0 0;
  color: var(--ink);
}
.ac-month span {
  color: var(--ink-muted);
  font-weight: 600;
}
.ac-tools {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.ac-btn {
  font: 600 13px/16px var(--font-sans);
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line-strong);
  background: var(--bg-surface);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: background 0.15s, filter 0.15s;
}
.ac-btn:hover:not(:disabled) {
  background: var(--bg-hover);
}
.ac-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
.ac-btn.icon {
  width: 36px;
  padding: 0;
  justify-content: center;
}
.ac-btn.icon svg.ic {
  width: 16px;
  height: 16px;
}
.ac-btn.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
}
.ac-btn.primary:hover:not(:disabled) {
  background: var(--brand);
  filter: brightness(1.08);
}
.ac-btn.danger {
  color: #dc2626;
}
.ac-btn:focus-visible,
.ac-cell:focus-visible,
.ac-chip:focus-visible,
.ac-filter:focus-visible,
.ac-seg button:focus-visible,
.ac-item:focus-visible,
.ac-hero:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.ac-seg {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
}
.ac-seg button {
  font: 600 12px/16px var(--font-sans);
  padding: 7px 12px;
  border-radius: 7px;
  color: var(--ink-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ac-seg button.on {
  background: var(--brand-soft);
  color: var(--brand-ink);
}

/* ---------- filtros / legenda ---------- */
.ac-filters-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-4);
}
.ac-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.ac-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 12px 0 10px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--bg-surface);
  font: 600 12px/16px var(--font-sans);
  color: var(--ink);
  cursor: pointer;
  transition: opacity 0.15s;
}
.ac-filter i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c);
  border: 1.5px solid var(--c);
}
.ac-filter em {
  font-style: normal;
  color: var(--ink-muted);
  font-weight: 600;
}
.ac-filter.off {
  opacity: 0.55;
}
.ac-filter.off i {
  background: transparent;
}
.ac-filter.off span {
  text-decoration: line-through;
}
.ac-hint {
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-muted);
}

.ac-alert {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 10px var(--space-3);
  margin-bottom: var(--space-4);
  border-radius: var(--radius-md);
  background: var(--cat-aniversario-bg);
  color: var(--cat-aniversario-ink);
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
}

/* ---------- layout principal ---------- */
/*
  O corte que empilha o painel olha a largura desta area, nao a da janela: com a tela
  dividida (ou o menu lateral aberto) a janela ainda passa de 1100px, mas sobra pouco para
  a grade. O popover e o modal ficam fora dela, para o contêiner nao mexer no `fixed` deles.
*/
.ac-area {
  container-type: inline-size;
}
.ac-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-gap: var(--space-6);
  gap: var(--space-6);
  align-items: start;
}
.ac-layout.recolhido {
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: var(--space-4);
}
.ac-layout.recolhido .ac-panel {
  display: none;
}

/* faixa que fica no lugar do painel recolhido */
.ac-panel-strip {
  display: none;
}
.ac-layout.recolhido .ac-panel-strip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  width: 44px;
  padding: var(--space-3) 0 var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  box-shadow: var(--shadow-card);
  color: var(--ink-muted);
  cursor: pointer;
}
.ac-panel-strip:hover {
  background: var(--bg-hover);
  color: var(--ink);
}
.ac-panel-strip svg.ic {
  width: 16px;
  height: 16px;
}
.ac-panel-strip .ac-count {
  padding: 2px 6px;
}
.ac-panel-strip .rotulo {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* setinha que recolhe o painel */
.ac-panel-toggle {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  color: var(--ink-muted);
  cursor: pointer;
}
.ac-panel-toggle:hover {
  background: var(--bg-hover);
  color: var(--ink);
}
.ac-panel-toggle svg.ic {
  width: 16px;
  height: 16px;
}
.ac-panel-toggle:focus-visible,
.ac-panel-strip:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

/* ---------- grade ---------- */
.ac-cal {
  background: var(--bg-surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: opacity 0.15s;
}
.ac-cal.loading {
  opacity: 0.6;
}
.ac-wk {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}
.ac-wk div {
  padding: 10px var(--space-2);
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ink-muted);
}
.ac-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.ac-cell {
  position: relative;
  min-height: 112px;
  padding: var(--space-2);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--bg-surface);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ac-grid .ac-cell:nth-child(7n) {
  border-right: 0;
}
.ac-grid .ac-cell.last-row {
  border-bottom: 0;
}
.ac-cell.wkend,
.ac-cell.out {
  background: var(--bg-sunken);
}
.ac-cell.clicavel {
  cursor: pointer;
}
.ac-cell.clicavel:hover {
  background: var(--bg-hover);
}
.ac-num {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  height: 26px;
  min-width: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  border-radius: var(--radius-pill);
  margin: -3px 0 0 -3px;
  padding: 0 4px;
  color: var(--ink);
}
.ac-cell.out .ac-num {
  color: var(--ink-subtle);
  font-weight: 600;
}
.ac-cell.today,
.ac-cell.today.clicavel:hover {
  background: var(--brand-soft);
  box-shadow: inset 0 3px 0 var(--brand);
}
.ac-cell.today .ac-num {
  background: var(--brand);
  color: var(--on-brand);
}
.ac-today-tag {
  position: absolute;
  top: 10px;
  right: var(--space-2);
  font-size: 10px;
  line-height: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-ink);
}

/* confete: so em dias com aniversario */
.ac-confetti {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 30px;
  height: 18px;
  pointer-events: none;
}
.ac-confetti .p1 {
  fill: var(--cat-aniversario);
}
.ac-confetti .p2 {
  fill: var(--cat-feriado);
}
.ac-confetti .p3 {
  fill: var(--cat-evento);
}

/* ---------- chip de evento ---------- */
.ac-chip {
  --bg: var(--cat-evento-bg);
  --fg: var(--cat-evento-ink);
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  padding: 3px 6px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--bg);
  color: var(--fg);
  font: 600 12px/16px var(--font-sans);
  text-align: left;
  cursor: pointer;
  transition: filter 0.15s;
}
.ac-chip:hover {
  filter: brightness(0.97);
}
.dark .ac-chip:hover {
  filter: brightness(1.15);
}
.ac-chip .t {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1;
}
.ac-chip.aniversario,
.ac-pop.aniversario {
  --bg: var(--cat-aniversario-bg);
  --fg: var(--cat-aniversario-ink);
}
.ac-chip.feriado,
.ac-pop.feriado {
  --bg: var(--cat-feriado-bg);
  --fg: var(--cat-feriado-ink);
}
.ac-chip.evento,
.ac-pop.evento {
  --bg: var(--cat-evento-bg);
  --fg: var(--cat-evento-ink);
}
.ac-chip.data,
.ac-pop.data {
  --bg: var(--cat-data-bg);
  --fg: var(--cat-data-ink);
}
.ac-chip.midia,
.ac-pop.midia {
  --bg: var(--cat-midia-bg);
  --fg: var(--cat-midia-ink);
}

/* ---------- avatares ---------- */
.ac-av {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 800 8px/1 var(--font-sans);
  background: var(--cat-aniversario);
  color: #10131a;
  border: 2px solid var(--bg-surface);
  overflow: hidden;
  letter-spacing: -0.02em;
}
.ac-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ac-stack {
  display: inline-flex;
  flex: none;
}
.ac-stack .ac-av + .ac-av {
  margin-left: -7px;
}
.ac-av.lg {
  width: 40px;
  height: 40px;
  font-size: 13px;
  border-width: 0;
}
.ac-av.v1 {
  background: var(--cat-aniversario);
}
.ac-av.v2 {
  background: var(--cat-evento);
}
.ac-av.v3 {
  background: var(--cat-data);
}
.ac-av.v4 {
  background: var(--cat-midia);
}
.ac-av.v5 {
  background: var(--cat-feriado);
}
.ac-av.mais {
  background: var(--bg-sunken);
  color: var(--ink-muted);
}

/* ---------- painel lateral ---------- */
.ac-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.ac-card {
  background: var(--bg-surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-4);
}
.ac-card-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.ac-card-h .acoes {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.ac-card-h h3 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--ink);
}
.ac-count {
  font: 700 12px/16px var(--font-sans);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--cat-aniversario-bg);
  color: var(--cat-aniversario-ink);
  flex: none;
}
.ac-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 calc(var(--space-2) * -1);
}
.ac-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2);
  border-radius: var(--radius-md);
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.ac-item:hover {
  background: var(--bg-hover);
}
.ac-item .who {
  flex: 1 1;
  min-width: 0;
}
.ac-item .nm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ink);
}
.ac-item .sub {
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ac-item.past .nm {
  color: var(--ink-muted);
}
.ac-date {
  width: 44px;
  flex: none;
  text-align: center;
  border-radius: var(--radius-md);
  padding: 4px 0 5px;
  background: var(--bg-sunken);
}
.ac-date small {
  display: block;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.ac-date b {
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.ac-tag {
  font: 800 10px/12px var(--font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: var(--radius-pill);
  background: var(--brand);
  color: var(--on-brand);
  flex: none;
}
.ac-bar {
  width: 3px;
  align-self: stretch;
  border-radius: 3px;
  background: var(--c);
  flex: none;
}
.ac-empty {
  font-size: 13px;
  line-height: 18px;
  color: var(--ink-muted);
  padding: var(--space-2) 0;
}

/* destaque do mes */
.ac-hero {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--cat-aniversario-bg);
  color: var(--cat-aniversario-ink);
  margin-bottom: var(--space-3);
  overflow: hidden;
  text-align: left;
  cursor: pointer;
}
.ac-hero .nm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding-right: 48px;
}
.ac-hero .sub {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.ac-hero .ac-confetti {
  width: 64px;
  height: 40px;
  top: 4px;
  right: 6px;
}
.ac-hero .ac-stack .ac-av {
  width: 26px;
  height: 26px;
  font-size: 9px;
  border-color: var(--cat-aniversario-bg);
}
.ac-hero .ac-stack .ac-av + .ac-av {
  margin-left: -8px;
}

/* ---------- popover ---------- */
.ac-pop {
  position: fixed;
  z-index: 60;
  width: 300px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow-y: auto;
  background: var(--bg-surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-pop);
}
.ac-pop-top {
  position: relative;
  padding: var(--space-4);
  background: var(--bg);
  color: var(--fg);
  display: flex;
  gap: var(--space-2);
  align-items: center;
  font: 700 12px/16px var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ac-pop-top .ac-confetti {
  top: 14px;
  right: 14px;
  width: 40px;
  height: 24px;
}
.ac-pop-body {
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.ac-pop-body h4 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.ac-pop-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 13px;
  line-height: 18px;
  color: var(--ink-muted);
}
.ac-pop-desc {
  font-size: 13px;
  line-height: 19px;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ac-pop-pessoa {
  display: flex;
  gap: var(--space-3);
  align-items: center;
}
.ac-pop-pessoa .nm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: var(--ink);
}
.ac-pop-foot {
  display: flex;
  gap: var(--space-2);
  padding: 0 var(--space-4) var(--space-4);
}

/* ---------- visualizacao em lista ---------- */
.ac-lista {
  padding: var(--space-2) var(--space-4);
}
.ac-lista-dia {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--line);
}
.ac-lista-dia:last-child {
  border-bottom: 0;
}
.ac-lista-dia > .ac-date {
  align-self: flex-start;
  margin-top: var(--space-2);
}
.ac-lista-dia.today .ac-date {
  background: var(--brand);
}
.ac-lista-dia.today .ac-date small,
.ac-lista-dia.today .ac-date b {
  color: var(--on-brand);
}
.ac-lista-eventos {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ac-lista-eventos .ac-item {
  align-items: flex-start;
}
.ac-lista-eventos .ac-item .nm,
.ac-lista-eventos .ac-item .sub {
  white-space: normal;
}
.ac-lista-eventos .desc {
  font-size: 13px;
  line-height: 18px;
  color: var(--ink);
  margin-top: 2px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ac-lista-eventos .ac-stack {
  margin-top: 6px;
}
.ac-lista-vazia {
  padding: var(--space-6) var(--space-4);
  text-align: center;
  font-size: 14px;
  color: var(--ink-muted);
}

/* ---------- responsivo ---------- */
/*
  Area estreita: os cartoes descem para baixo da grade, lado a lado quando cabem. Ai a
  setinha nao faz sentido (o painel nao tira largura da grade), e ele sempre aparece.
*/
@container (max-width: 1000px) {
  .ac-layout,
  .ac-layout.recolhido {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
  .ac-panel,
  .ac-layout.recolhido .ac-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: start;
  }
  .ac-panel-toggle,
  .ac-layout.recolhido .ac-panel-strip {
    display: none;
  }
}
@media (max-width: 640px) {
  .ac-page {
    padding: var(--space-4);
  }
  .ac-cell {
    min-height: 72px;
    padding: 4px;
  }
  .ac-wk div {
    padding: 8px 4px;
    letter-spacing: 0.02em;
  }
  .ac-chip {
    padding: 3px;
    justify-content: center;
  }
  .ac-chip .t,
  .ac-chip .ac-stack,
  .ac-today-tag,
  .ac-cell .ac-confetti {
    display: none;
  }
}

/*
  Administrativo › Plataformas, com a identidade da Alfa das Solicitações
  (`SolicitacoesAdm.css`): Century Gothic, azul #004993, filetes de 1px e cantos
  de 6/10px. Os tokens do escuro seguem os de lá, token a token.

  Tudo fica sob `.plat-raiz` para não vazar. Ela NÃO é container de consulta:
  `container-type` cria contenção de layout, e o painel lateral (`position:
  fixed`) passaria a se posicionar dentro da página em vez da janela. A consulta
  de largura mora em `.plat`, a irmã que tem o conteúdo.
*/

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic'),
    local('CenturyGothic'),
    url(/static/media/GOTHIC.bf033cfa100eab9c2e57.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic Bold'),
    local('CenturyGothic-Bold'),
    url(/static/media/GOTHICB.52df14bc795150efb832.woff2) format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

/* ─────────────────────────────── tokens ─────────────────────────────── */

.plat-raiz {
  --plat-pri: #004993;
  --plat-pri-hover: #003c79;
  --plat-pri-texto: #004993;
  --plat-pri-suave: #eef3f8;
  --plat-pri-borda: #8cadce;
  --plat-foco: rgba(0, 73, 147, 0.14);

  --plat-superficie: #ffffff;
  --plat-cabeca: #f7f8fa;
  --plat-afundado: #f1f2f4;
  --plat-hover: #f8f9fb;
  --plat-borda: #e3e5e8;
  --plat-divisor: #eef0f2;
  --plat-borda-campo: #cccccc;
  --plat-borda-campo-hover: #b3b3b3;

  --plat-titulo: #141414;
  --plat-texto: #212529;
  --plat-texto-2: #4d4d4d;
  --plat-fraco: #6f747c;
  --plat-icone: #8c8c8c;
  --plat-placeholder: #767a82;

  --plat-perigo: #cd0f0f;
  --plat-perigo-suave: #feebec;
  --plat-perigo-borda: #ffcaca;

  --plat-tom-neutro-fundo: #eef0f2;
  --plat-tom-neutro: #3d4148;
  --plat-tom-azul-fundo: #e6edf4;
  --plat-tom-azul: #004993;
  --plat-tom-ambar-fundo: #fff6db;
  --plat-tom-ambar: #7a5200;
  --plat-tom-ambar-traco: #e2b13c;
  --plat-tom-verde-fundo: #e8f4ec;
  --plat-tom-verde: #00763d;
  --plat-tom-vermelho-fundo: #fdeded;
  --plat-tom-vermelho: #a12622;

  --plat-sombra: 0 1px 2px rgba(20, 20, 20, 0.04);
  --plat-sombra-seg:
    0 1px 2px rgba(20, 20, 20, 0.1), 0 0 0 1px rgba(20, 20, 20, 0.05);
  --plat-sombra-painel: -12px 0 40px rgba(20, 20, 20, 0.16);
  --plat-veu: rgba(15, 23, 42, 0.38);

  font-family: 'Century Gothic', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--plat-texto);
  -webkit-font-smoothing: antialiased;
}

html.dark .plat-raiz {
  --plat-pri: #1d6bc0;
  --plat-pri-hover: #2a7ad1;
  --plat-pri-texto: #8cb8e8;
  --plat-pri-suave: #13213a;
  --plat-pri-borda: #2f5f96;
  --plat-foco: rgba(77, 143, 214, 0.28);

  --plat-superficie: #141518;
  --plat-cabeca: #18191d;
  --plat-afundado: #1b1d21;
  --plat-hover: #1a1c20;
  --plat-borda: #26292e;
  --plat-divisor: #1f2125;
  --plat-borda-campo: #3a3e45;
  --plat-borda-campo-hover: #50555e;

  --plat-titulo: #f2f3f5;
  --plat-texto: #e3e5e8;
  --plat-texto-2: #bfc3c9;
  --plat-fraco: #9ca1a9;
  --plat-icone: #878c95;
  --plat-placeholder: #6f747c;

  --plat-perigo: #f07b75;
  --plat-perigo-suave: #2d1415;
  --plat-perigo-borda: #5a2426;

  --plat-tom-neutro-fundo: #24272c;
  --plat-tom-neutro: #c9ccd1;
  --plat-tom-azul-fundo: #132339;
  --plat-tom-azul: #8cb8e8;
  --plat-tom-ambar-fundo: #2e2410;
  --plat-tom-ambar: #e5bf62;
  --plat-tom-ambar-traco: #8a6a1f;
  --plat-tom-verde-fundo: #0f271b;
  --plat-tom-verde: #5fc98e;
  --plat-tom-vermelho-fundo: #361617;
  --plat-tom-vermelho: #f08a84;

  --plat-sombra: none;
  --plat-sombra-seg:
    0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --plat-sombra-painel: -16px 0 48px rgba(0, 0, 0, 0.6);
  --plat-veu: rgba(0, 0, 0, 0.6);
}

/* `:where` zera a especificidade do reset: com `.plat-raiz button` (0-1-1), o
   `color: inherit` vencia a cor branca do botão primário (0-1-0). */
:where(.plat-raiz) :where(button, input, textarea) {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

.plat-raiz :is(button, a, [role='button'], [role='radio']):focus-visible {
  outline: 2px solid var(--plat-pri);
  outline-offset: 2px;
}

/* ─────────────────────────────── página ─────────────────────────────── */

.plat {
  container: plat / inline-size;
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px 24px 48px;
}

.plat-cabecalho {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--plat-borda);
}

.plat-sobretitulo {
  margin: 0 0 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--plat-fraco);
}

.plat-titulo {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--plat-titulo);
}

.plat-descricao {
  margin: 6px 0 0;
  max-width: 660px;
  font-size: 13.5px;
  color: var(--plat-texto-2);
}

.plat-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ────────────────────────────── botões ────────────────────────────── */

.plat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--plat-borda-campo);
  border-radius: 6px;
  background: var(--plat-superficie);
  color: var(--plat-texto);
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.plat-btn:hover:not(:disabled) {
  border-color: var(--plat-borda-campo-hover);
  background: var(--plat-hover);
}

.plat-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.plat-btn--primario {
  border-color: var(--plat-pri);
  background: var(--plat-pri);
  color: #ffffff;
}

.plat-btn--primario:hover:not(:disabled) {
  border-color: var(--plat-pri-hover);
  background: var(--plat-pri-hover);
}

.plat-btn--perigo {
  border-color: var(--plat-perigo-borda);
  background: transparent;
  color: var(--plat-perigo);
}

.plat-btn--perigo:hover:not(:disabled) {
  border-color: var(--plat-perigo);
  background: var(--plat-perigo-suave);
}

.plat-btn--perigo-cheio {
  border-color: var(--plat-perigo);
  background: var(--plat-perigo);
  color: #ffffff;
}

.plat-btn--perigo-cheio:hover:not(:disabled) {
  background: var(--plat-perigo);
  filter: brightness(0.92);
}

.plat-btn--quieto {
  border-color: transparent;
  background: transparent;
  color: var(--plat-texto-2);
}

.plat-btn--quieto:hover:not(:disabled) {
  border-color: transparent;
  background: var(--plat-afundado);
}

.plat-btn--icone {
  width: 38px;
  padding: 0;
}

.plat-btn--pequeno {
  height: 30px;
  padding: 0 10px;
  font-size: 12.5px;
}

.plat-girando {
  animation: plat-girar 0.8s linear infinite;
}

@keyframes plat-girar {
  to {
    transform: rotate(360deg);
  }
}

/* ──────────────────────────── indicadores ──────────────────────────── */

/* Filetes de 1px pelo `gap` sobre o fundo da borda: a grade quebra em 2 ou 1
   coluna sem sobrar borda dupla nem faltar borda em canto nenhum. */
.plat-indicadores {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  grid-gap: 1px;
  gap: 1px;
  margin-top: 20px;
  border: 1px solid var(--plat-borda);
  border-radius: 10px;
  overflow: hidden;
  background: var(--plat-borda);
  box-shadow: var(--plat-sombra);
}

.plat-indicador {
  min-width: 0;
  padding: 16px 20px 18px;
  background: var(--plat-superficie);
}

.plat-indicador__rotulo {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--plat-fraco);
}

.plat-indicador__valor {
  margin: 8px 0 4px;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--plat-titulo);
}

.plat-indicador__valor--hero {
  font-size: 30px;
}

.plat-indicador__nota {
  margin: 0;
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-indicador__nota strong {
  color: var(--plat-texto-2);
  font-weight: 600;
}

/* ───────────────────────────── barra ───────────────────────────── */

.plat-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 24px 0 12px;
}

.plat-busca {
  position: relative;
  flex: 1 1 240px;
  max-width: 340px;
}

.plat-busca__icone {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--plat-icone);
  pointer-events: none;
}

.plat-busca .plat-campo {
  padding-left: 36px;
}

.plat-barra__direita {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.plat-contagem {
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-segmento {
  display: inline-flex;
  padding: 3px;
  border-radius: 8px;
  background: var(--plat-afundado);
}

.plat-segmento__opcao {
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--plat-texto-2);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.plat-segmento__opcao[aria-pressed='true'] {
  background: var(--plat-superficie);
  color: var(--plat-titulo);
  box-shadow: var(--plat-sombra-seg);
}

/* ───────────────────────────── campos ───────────────────────────── */

.plat-campo {
  display: block;
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--plat-borda-campo);
  border-radius: 6px;
  background: var(--plat-superficie);
  color: var(--plat-texto);
  font-size: 14px;
  outline: 0 solid transparent;
  transition:
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}

.plat-campo::placeholder {
  color: var(--plat-placeholder);
  opacity: 1;
}

.plat-campo:hover:not(:disabled) {
  border-color: var(--plat-borda-campo-hover);
}

.plat-raiz .plat-campo:focus,
.plat-raiz .plat-campo:focus-visible,
.plat-raiz .plat-campo[aria-expanded='true'] {
  outline: 1px solid var(--plat-pri);
  outline-offset: -1px;
  box-shadow: 0 0 0 4px var(--plat-foco);
}

textarea.plat-campo {
  height: auto;
  min-height: 84px;
  padding: 10px 12px;
  line-height: 1.55;
  resize: vertical;
}

.plat-campo--filtro {
  width: auto;
  min-width: 170px;
}

/* react-datepicker embrulha o input num div que não ocupa a linha toda. */
.plat-raiz .react-datepicker-wrapper {
  display: block;
  width: 100%;
}

/* ───────────────────────────── tabela ───────────────────────────── */

.plat-moldura {
  border: 1px solid var(--plat-borda);
  border-radius: 10px;
  background: var(--plat-superficie);
  box-shadow: var(--plat-sombra);
  overflow: hidden;
}

.plat-tabela {
  width: 100%;
  border-collapse: collapse;
}

.plat-tabela th {
  padding: 10px 16px;
  border-bottom: 1px solid var(--plat-borda);
  background: var(--plat-cabeca);
  color: var(--plat-fraco);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.plat-tabela td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--plat-divisor);
  vertical-align: top;
  font-size: 13.5px;
  color: var(--plat-texto);
}

.plat-tabela tbody tr:last-child td {
  border-bottom: 0;
}

.plat-linha {
  cursor: pointer;
  transition: background-color 0.12s ease;
}

.plat-linha:hover {
  background: var(--plat-hover);
}

.plat-tabela .plat-num {
  text-align: right;
  white-space: nowrap;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.plat-tabela tfoot td {
  padding: 12px 16px;
  border-top: 1px solid var(--plat-borda);
  background: var(--plat-cabeca);
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-nome {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-linha--inativa .plat-nome,
.plat-linha--inativa .plat-forte {
  color: var(--plat-fraco);
}

.plat-sub {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-forte {
  display: block;
  font-weight: 600;
  color: var(--plat-texto);
}

.plat-linha-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 6px;
}

.plat-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--plat-pri-texto);
  text-decoration: none;
}

.plat-link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.plat-pessoa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

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

.plat-acao-linha {
  text-align: right;
  width: 1%;
  white-space: nowrap;
}

/* ───────────────────────────── selos ───────────────────────────── */

.plat-selo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  background: var(--plat-tom-neutro-fundo);
  color: var(--plat-tom-neutro);
}

.plat-selo--azul {
  background: var(--plat-tom-azul-fundo);
  color: var(--plat-tom-azul);
}

.plat-selo--ambar {
  background: var(--plat-tom-ambar-fundo);
  color: var(--plat-tom-ambar);
}

.plat-selo--verde {
  background: var(--plat-tom-verde-fundo);
  color: var(--plat-tom-verde);
}

.plat-selo--vermelho {
  background: var(--plat-tom-vermelho-fundo);
  color: var(--plat-tom-vermelho);
}

/* ─────────────────────────── avisos e vazio ─────────────────────────── */

.plat-faixa {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 11px 14px;
  border: 1px solid var(--plat-borda);
  border-left: 3px solid var(--plat-tom-verde);
  border-radius: 6px;
  background: var(--plat-superficie);
  font-size: 13.5px;
  color: var(--plat-texto);
}

.plat-faixa--alerta {
  border-left-color: var(--plat-tom-ambar-traco);
  background: var(--plat-tom-ambar-fundo);
  color: var(--plat-tom-ambar);
}

.plat-faixa--erro {
  border-left-color: var(--plat-perigo);
  background: var(--plat-perigo-suave);
  color: var(--plat-tom-vermelho);
}

.plat-faixa__texto {
  flex: 1 1;
  margin: 0;
}

.plat-faixa__fechar {
  flex: none;
  display: inline-flex;
  padding: 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
}

.plat-faixa__fechar:hover {
  opacity: 1;
}

.plat-vazio {
  padding: 48px 24px;
  text-align: center;
}

.plat-vazio__icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--plat-tom-azul-fundo);
  color: var(--plat-tom-azul);
}

.plat-vazio__titulo {
  margin: 14px 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-vazio__texto {
  margin: 0 auto;
  max-width: 460px;
  font-size: 13.5px;
  color: var(--plat-fraco);
}

.plat-levantamento {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px dashed var(--plat-borda-campo);
  border-radius: 10px;
}

.plat-levantamento__titulo {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-levantamento__texto {
  margin: 0 0 10px;
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-levantamento__lista {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.plat-sugestao {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--plat-borda-campo);
  border-radius: 6px;
  background: var(--plat-superficie);
  color: var(--plat-texto);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.plat-sugestao:hover {
  border-color: var(--plat-pri);
  color: var(--plat-pri-texto);
}

.plat-esqueleto {
  height: 14px;
  border-radius: 4px;
  background: var(--plat-afundado);
  animation: plat-pulsar 1.2s ease-in-out infinite;
}

@keyframes plat-pulsar {
  50% {
    opacity: 0.5;
  }
}

/* ─────────────────────────── painel lateral ─────────────────────────── */

.plat-veu {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: var(--plat-veu);
  animation: plat-aparecer 0.18s ease-out;
}

/*
  A animação termina SEM transform (sem `fill-mode`): um `transform` que ficasse
  no painel faria o calendário do react-datepicker (`strategy: 'fixed'`) se
  posicionar dentro do painel em vez da janela.
*/
.plat-painel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 61;
  display: flex;
  flex-direction: column;
  width: min(580px, 100vw);
  border-left: 1px solid var(--plat-borda);
  background: var(--plat-superficie);
  box-shadow: var(--plat-sombra-painel);
  animation: plat-entrar 0.22s ease-out;
}

@keyframes plat-aparecer {
  from {
    opacity: 0;
  }
}

@keyframes plat-entrar {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
}

.plat-painel__topo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--plat-borda);
}

.plat-painel__titulo {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--plat-titulo);
}

.plat-painel__sub {
  margin: 2px 0 0;
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-painel__corpo {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 24px 24px;
}

.plat-painel__rodape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  border-top: 1px solid var(--plat-borda);
  background: var(--plat-cabeca);
}

.plat-painel__rodape-fim {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.plat-secao {
  padding: 18px 0 20px;
  border-bottom: 1px solid var(--plat-divisor);
}

.plat-secao:last-child {
  border-bottom: 0;
}

.plat-secao__titulo {
  margin: 0 0 14px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--plat-fraco);
}

.plat-grade {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 14px;
  gap: 14px;
}

.plat-grade--valor {
  grid-template-columns: 1fr auto;
}

.plat-grade > .plat-inteira {
  grid-column: 1 / -1;
}

.plat-rotulo {
  display: block;
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--plat-texto-2);
}

.plat-obrigatorio {
  color: var(--plat-perigo);
}

.plat-ajuda {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--plat-fraco);
}

.plat-erro-campo {
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--plat-perigo);
}

.plat-modelos {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.plat-modelo {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
  width: 100%;
  padding: 11px 14px;
  border: 1px solid var(--plat-borda-campo);
  border-radius: 8px;
  background: var(--plat-superficie);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease;
}

.plat-modelo:hover {
  border-color: var(--plat-borda-campo-hover);
}

.plat-modelo[aria-checked='true'] {
  border-color: var(--plat-pri);
  background: var(--plat-pri-suave);
}

.plat-modelo__marca {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border: 1.5px solid var(--plat-borda-campo-hover);
  border-radius: 50%;
  background: var(--plat-superficie);
}

.plat-modelo[aria-checked='true'] .plat-modelo__marca {
  border: 5px solid var(--plat-pri);
}

.plat-modelo__titulo {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-modelo__texto {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: var(--plat-fraco);
}

.plat-interruptor {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.plat-interruptor__trilho {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  margin-top: 1px;
  border-radius: 999px;
  background: var(--plat-borda-campo);
  transition: background-color 0.15s ease;
}

.plat-interruptor__trilho::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease;
}

.plat-interruptor[aria-checked='true'] .plat-interruptor__trilho {
  background: var(--plat-tom-verde);
}

.plat-interruptor[aria-checked='true'] .plat-interruptor__trilho::after {
  transform: translateX(16px);
}

.plat-previa {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--plat-divisor);
  border-radius: 8px;
  background: var(--plat-cabeca);
}

.plat-previa__titulo {
  margin: 0 0 8px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--plat-titulo);
}

.plat-previa__lista {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.plat-previa__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--plat-texto);
}

.plat-previa__item--passou {
  color: var(--plat-fraco);
  text-decoration: line-through;
}

.plat-previa__ponto {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--plat-pri);
}

.plat-previa__item--passou .plat-previa__ponto {
  background: var(--plat-borda-campo);
}

.plat-previa__nota {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--plat-fraco);
}

.plat-confirmacao {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--plat-perigo);
}

/* ─────────────────────────── estreito ─────────────────────────── */

@container plat (max-width: 980px) {
  .plat-indicadores {
    grid-template-columns: 1fr 1fr;
  }
}

/*
  Abaixo de ~820px a tabela vira uma lista de cartões: cada linha é um bloco e
  cada célula traz o próprio rótulo (`data-rotulo`). A tabela continua sendo a
  mesma marcação — leitor de tela e teste não mudam.
*/
@container plat (max-width: 820px) {
  .plat-tabela thead {
    display: none;
  }

  .plat-tabela,
  .plat-tabela tbody,
  .plat-tabela tfoot {
    display: block;
  }

  .plat-tabela tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 16px;
    gap: 10px 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--plat-divisor);
  }

  .plat-tabela td {
    display: block;
    padding: 0;
    border: 0;
  }

  .plat-tabela td[data-rotulo]::before {
    content: attr(data-rotulo);
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--plat-fraco);
  }

  .plat-tabela .plat-celula-principal {
    grid-column: 1 / -1;
  }

  .plat-tabela .plat-num {
    text-align: left;
  }

  .plat-acao-linha {
    display: none !important;
  }

  .plat-tabela tfoot tr {
    border-bottom: 0;
    background: var(--plat-cabeca);
  }

  .plat-tabela tfoot td {
    padding: 0;
    border: 0;
    background: transparent;
  }

  .plat-tabela tfoot .plat-num {
    text-align: right;
  }
}

@container plat (max-width: 560px) {
  .plat {
    padding: 16px 16px 40px;
  }

  .plat-indicadores {
    grid-template-columns: 1fr;
  }

  .plat-busca {
    max-width: none;
  }

  .plat-barra__direita {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  .plat-grade {
    grid-template-columns: 1fr;
  }

  .plat-painel__corpo,
  .plat-painel__topo,
  .plat-painel__rodape {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ─────────────── escuro: o que as regras globais tiram ───────────────

  O index.css, sob `html.dark .app-main`, pinta `border-color: var(--theme-border)`
  em todo div, span, button e label (especificidade 0-2-2, maior que a das
  classes daqui), e fundo/cor/borda de `td`, `th` e campos com `!important`.
  Neutro, isso coincide com os tokens daqui; o que perde COR é o que está
  abaixo, com o prefixo `html.dark .plat-raiz` para vencer a global.
*/
html.dark .plat-raiz .plat-btn,
html.dark .plat-raiz .plat-campo,
html.dark .plat-raiz .plat-modelo,
html.dark .plat-raiz .plat-sugestao {
  border-color: var(--plat-borda-campo);
}

html.dark .plat-raiz .plat-btn--primario,
html.dark .plat-raiz .plat-modelo[aria-checked='true'],
html.dark .plat-raiz .plat-sugestao:hover {
  border-color: var(--plat-pri);
}

html.dark .plat-raiz .plat-btn--perigo {
  border-color: var(--plat-perigo-borda);
}

html.dark .plat-raiz .plat-btn--perigo-cheio,
html.dark .plat-raiz .plat-btn--perigo:hover:not(:disabled) {
  border-color: var(--plat-perigo);
}

html.dark .plat-raiz .plat-btn--quieto,
html.dark .plat-raiz .plat-segmento__opcao,
html.dark .plat-raiz .plat-interruptor,
html.dark .plat-raiz .plat-faixa__fechar {
  border-color: transparent;
}

html.dark .plat-raiz .plat-modelo[aria-checked='true'] .plat-modelo__marca {
  border-color: var(--plat-pri);
}

html.dark .plat-raiz .plat-faixa {
  border-left-color: var(--plat-tom-verde);
}

html.dark .plat-raiz .plat-faixa--alerta {
  border-left-color: var(--plat-tom-ambar-traco);
}

html.dark .plat-raiz .plat-faixa--erro {
  border-left-color: var(--plat-perigo);
}

html.dark .plat-raiz .plat-tabela td {
  color: var(--plat-texto) !important;
}

html.dark .plat-raiz .plat-tabela th,
html.dark .plat-raiz .plat-tabela tfoot td {
  background: var(--plat-cabeca) !important;
}

html.dark .plat-raiz .plat-tabela tbody tr:hover {
  background: var(--plat-hover) !important;
}

.leilao-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.leilao-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.leilao-image-wrapper {
  position: relative;
  height: 200px;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
}

.leilao-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.leilao-card:hover .leilao-image {
  transform: scale(1.08);
}

.overlay-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.02) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  pointer-events: none;
}

.status-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: #fff;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.discount-badge {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: linear-gradient(135deg, #ff4757 0%, #ff6b7a 100%);
  color: white;
  padding: 8px 16px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 12px;
  box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.leilao-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1;
}

.leilao-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
  color: #1a1a2e;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.leilao-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
}

.meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.meta-label {
  display: block;
  font-size: 10px;
  color: #8a8a9a;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
}

.meta-value {
  font-size: 13px;
  font-weight: 600;
  color: #2d2d3a;
}

.details-button {
  margin-top: auto;
  padding: 12px 20px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.details-button:hover {
  background: linear-gradient(135deg, #2d2d4a 0%, #1a1a2e 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(26, 26, 46, 0.3);
}

.details-button:active {
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 480px) {
  .leilao-card {
    max-width: 100%;
  }

  .leilao-image-wrapper {
    height: 180px;
  }

  .leilao-meta {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .leilao-content {
    padding: 16px;
    gap: 14px;
  }
}

.interessado-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.interessado-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}

/* Header Section */
.interessado-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 20px 16px;
}

.interessado-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Avatar */
.interessado-avatar {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 15px;
  flex-shrink: 0;
}

.interessado-details h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  color: #1a1a2e;
}

.interessado-details p {
  font-size: 13px;
  margin: 3px 0 0;
  color: #6b7280;
  line-height: 1.4;
}

/* Score Badge */
.interessado-score {
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}

.score-high {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #065f46;
}

.score-medium {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
}

.score-low {
  background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%);
  color: #be123c;
}

/* Divider */
.interessado-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
  margin: 0;
}

/* Labels Section */
.interessado-labels {
  padding: 16px 20px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.interessado-label {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  color: white;
  transition: all 0.2s ease;
}

.interessado-label:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.interessado-label .label-key {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.interessado-label .label-count {
  background: rgba(255, 255, 255, 0.25);
  padding: 2px 8px;
  border-radius: 50px;
  font-weight: 600;
  margin-left: 6px;
}

/* Label Colors */
.label-tipo {
  background: linear-gradient(135deg, #3b5bdb 0%, #5b7cfa 100%);
  box-shadow: 0 2px 8px rgba(59, 91, 219, 0.3);
}

.label-valor {
  background: linear-gradient(135deg, #5f3dc4 0%, #7c3aed 100%);
  box-shadow: 0 2px 8px rgba(95, 61, 196, 0.3);
}

.label-bairro {
  background: linear-gradient(135deg, #556b2f 0%, #6b8e23 100%);
  box-shadow: 0 2px 8px rgba(85, 107, 47, 0.3);
}

.label-cidade {
  background: linear-gradient(135deg, #d94848 0%, #e57373 100%);
  box-shadow: 0 2px 8px rgba(217, 72, 72, 0.3);
}

.label-estado {
  background: linear-gradient(135deg, #5d4037 0%, #795548 100%);
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.3);
}

/* Responsive */
@media (max-width: 480px) {
  .interessado-header {
    flex-direction: column;
    gap: 12px;
  }

  .interessado-score {
    align-self: flex-start;
  }

  .interessado-details h3 {
    font-size: 15px;
  }
}

.habilitado-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.habilitado-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}

/* Header Section */
.habilitado-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 20px 16px;
}

.habilitado-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Avatar */
.habilitado-avatar {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 15px;
  flex-shrink: 0;
}

.habilitado-details h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  color: #1a1a2e;
}

.habilitado-details p {
  font-size: 13px;
  margin: 3px 0 0;
  color: #6b7280;
  line-height: 1.4;
}

.habilitado-email {
  word-break: break-all;
}

/* Badge Tipo */
.habilitado-tipo {
  margin-top: 6px !important;
}

.badge-tipo {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.badge-pf {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}

.badge-pj {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
}

/* ID Badge */
.habilitado-id {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.id-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #9ca3af;
  letter-spacing: 0.5px;
}

.id-value {
  font-size: 14px;
  font-weight: 700;
  color: #374151;
}

/* Divider */
.habilitado-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
  margin: 0;
}

/* Info Grid */
.habilitado-info-grid {
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
}

.info-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.info-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #9ca3af;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.info-value {
  font-size: 13px;
  color: #374151;
  font-weight: 500;
}

/* Location */
.habilitado-location {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.location-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4b5563;
}

.location-icon {
  font-size: 14px;
}

/* Footer */
.habilitado-footer {
  padding: 16px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Stats */
.habilitado-stats {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.stat-item {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  background: #f9fafb;
  border-radius: 10px;
}

.stat-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #9ca3af;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.stat-value {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}

.stat-lote {
  color: #3b82f6;
}

/* Dates */
.habilitado-dates {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px dashed #e5e7eb;
}

.date-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.date-label {
  color: #6b7280;
  font-weight: 500;
}

.date-value {
  color: #374151;
  font-weight: 600;
}

.date-ip {
  font-family: 'Monaco', 'Menlo', monospace;
  font-size: 11px;
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
}

/* Responsive */
@media (max-width: 480px) {
  .habilitado-header {
    flex-direction: column;
    gap: 12px;
  }

  .habilitado-id {
    align-items: flex-start;
    flex-direction: row;
    gap: 8px;
  }

  .habilitado-details h3 {
    font-size: 15px;
  }

  .habilitado-info-grid {
    grid-template-columns: 1fr;
  }
}

/* interessadosLote.css */

:root {
  --bg: #f6f7f8;
  --card: #ffffff;
  --text: #0b0b0b;
  --muted: rgba(0, 0, 0, 0.62);
  --muted-2: rgba(0, 0, 0, 0.44);
  --line: rgba(0, 0, 0, 0.1);
  --line-2: rgba(0, 0, 0, 0.06);
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
  --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.08);
  --radius: 18px;
}

.il-page {
  background:
    radial-gradient(
      1200px 800px at 18% -20%,
      rgba(0, 0, 0, 0.06),
      rgba(0, 0, 0, 0) 58%
    ),
    radial-gradient(
      1000px 700px at 90% 0%,
      rgba(0, 0, 0, 0.04),
      rgba(0, 0, 0, 0) 62%
    );
}

/* ===== Header ===== */
.il-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.il-titleWrap {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.il-title {
  font-size: 26px;
  font-weight: 750;
  letter-spacing: -0.6px;
  color: #0b0b0b;
  color: var(--text);
}

.il-subtitle {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.62);
  color: var(--muted);
}

.il-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--line);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.78);
  font-weight: 650;
  letter-spacing: -0.2px;
}

.il-actions {
  display: flex;
  gap: 10px;
}

.il-kpi {
  min-width: 110px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--line);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.il-kpiLabel {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.44);
  color: var(--muted-2);
  font-weight: 650;
}

.il-kpiValue {
  margin-top: 3px;
  font-size: 18px;
  font-weight: 780;
  color: #0b0b0b;
  color: var(--text);
}

/* ===== Tabs (pill premium) ===== */
.il-tabs {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--line);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-bottom: 16px;
}

.il-tab {
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;
  border-radius: 999px;
  background: transparent;

  color: rgba(0, 0, 0, 0.62);
  font-weight: 720;
  letter-spacing: -0.2px;
  transition:
    transform 160ms ease,
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.il-tab:hover {
  color: rgba(0, 0, 0, 0.82);
  transform: translateY(-1px);
}

.il-tab.active {
  color: white;
  background: rgba(0, 0, 0, 0.92);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.il-tabText {
  font-size: 14px;
}

.il-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 28px;
  height: 22px;
  padding: 0 8px;

  border-radius: 999px;
  font-size: 12px;
  font-weight: 750;

  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.78);
  transition:
    background 160ms ease,
    color 160ms ease;
}

.il-tab.active .il-badge {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
}

/* ===== Painel do conteúdo ===== */
.il-panel {
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow);
  padding: 18px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.il-tabPanel {
  display: none;
  opacity: 0;
  transform: translateY(8px);
}

.il-tabPanel.active {
  display: block;
  animation: ilFade 220ms ease forwards;
}

@keyframes ilFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.il-loading {
  padding-top: 2px;
}

/* Grid: dá “lift” nos cards sem mexer neles */
.il-grid > * {
  transition:
    transform 160ms ease,
    filter 160ms ease;
}

.il-grid > *:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.1));
}

/* Empty/Error state */
.il-empty {
  border: 1px dashed rgba(0, 0, 0, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.55);
  padding: 18px;
}

.il-emptyTitle {
  font-weight: 780;
  color: rgba(0, 0, 0, 0.82);
  letter-spacing: -0.3px;
}

.il-emptyText {
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.56);
  font-size: 13px;
}

/* ===== Mobile ===== */
@media (max-width: 740px) {
  .il-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .il-actions {
    width: 100%;
  }
  .il-kpi {
    flex: 1 1;
  }
}

/* Container Principal */
.interessado-mais-info-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    sans-serif;
}

/* ========================
   Lotes Semelhantes Styles
   ======================== */

.lotes-semelhantes-container {
  margin-bottom: 32px;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Category Header */
.lotes-category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
}

.lotes-category-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}

.lotes-category-icon {
  font-size: 20px;
}

.lotes-category-count {
  font-size: 13px;
  color: #6b7280;
  background: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Lots Grid */
.lotes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  padding: 24px;
}

/* Lot Card */
.lote-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.lote-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: #3b82f6;
}

/* Card Image */
.lote-card-image {
  position: relative;
  height: 140px;
  background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lote-image-placeholder {
  font-size: 48px;
  opacity: 0.8;
}

.lote-destaque-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
}

/* Card Content */
.lote-card-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1;
}

.lote-card-header {
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 12px;
}

.lote-titulo {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lote-subtitulo {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  font-weight: 500;
}

/* Price Section */
.lote-price-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lote-price-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lote-price-label {
  font-size: 11px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lote-price-value {
  font-size: 18px;
  font-weight: 700;
  color: #059669;
}

.lote-price-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lote-price-min {
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
}

/* Details Grid */
.lote-details-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lote-detail-item {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #f9fafb;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
}

.lote-detail-icon {
  font-size: 14px;
}

.lote-detail-value {
  color: #374151;
  font-weight: 500;
}

/* Location */
.lote-location {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
}

.lote-location-icon {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

.lote-location-text {
  line-height: 1.4;
}

/* Card Footer */
.lote-card-footer {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.lote-status-badge,
.lote-type-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Process Info */
.lote-process {
  display: flex;
  gap: 6px;
  font-size: 11px;
  padding: 8px;
  background: #f8fafc;
  border-radius: 6px;
}

.lote-process-label {
  color: #9ca3af;
}

.lote-process-value {
  color: #4b5563;
  font-weight: 500;
  font-family: monospace;
}

/* Load More Button */
.lotes-load-more {
  display: flex;
  justify-content: center;
  padding: 20px;
  border-top: 1px solid #e5e7eb;
}

.btn-carregar-mais {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-carregar-mais:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.btn-carregar-mais:active {
  transform: translateY(0);
}

.btn-icon {
  font-size: 16px;
}

.btn-count {
  font-size: 12px;
  opacity: 0.85;
  font-weight: 500;
}

/* Final Message */
.lotes-final-message {
  text-align: center;
  padding: 20px;
  font-size: 13px;
  color: #059669;
  background: #ecfdf5;
  border-top: 1px solid #d1fae5;
}

/* ========================
   End Lotes Semelhantes Styles
   ======================== */

/* Lotes Section - Parent Container */
.lotes-section {
  margin-top: 32px;
}

.lotes-section-title {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 24px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #e5e7eb;
}

.lotes-categories {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Header */
.interessado-mais-info-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.interessado-mais-info-header h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}

/* Botão Voltar */
.btn-voltar {
  background: #f3f4f6;
  border: none;
  padding: 10px 16px;
  border-radius: 8px;
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-voltar:hover {
  background: #e5e7eb;
  color: #1f2937;
}

/* Conteúdo Principal */
.interessado-mais-info-content {
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-gap: 24px;
  gap: 24px;
}

/* Cards */
.info-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.card-principal {
  padding: 0;
}

.card-estatisticas {
  padding: 20px;
  height: -webkit-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
}

/* Card Header - Avatar e Nome */
.card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
}

.avatar {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.header-info {
  flex: 1 1;
}

.header-info h3 {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 4px 0;
}

.tipo-pessoa {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

/* Score Badge */
.score-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 20px;
  border-radius: 12px;
  min-width: 80px;
}

.score-number {
  font-size: 24px;
  font-weight: 700;
}

.score-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.score-high {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #065f46;
}

.score-medium {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
}

.score-low {
  background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%);
  color: #be123c;
}

/* Seções de Informação */
.info-section {
  padding: 20px 24px;
  border-bottom: 1px solid #f1f5f9;
}

.info-section:last-child {
  border-bottom: none;
}

.section-title {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.subsection-title {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  margin: 0 0 12px 0;
}

/* Grid de Informações */
.info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
}

.info-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.info-item.full-width {
  grid-column: 1 / -1;
}

.info-label {
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.info-value {
  font-size: 15px;
  color: #1f2937;
  font-weight: 500;
}

/* Card de Estatísticas */
.labels-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.label-item {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  color: white;
}

.label-key {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.label-value {
  background: rgba(255, 255, 255, 0.25);
  padding: 2px 8px;
  border-radius: 50px;
  margin-left: 6px;
  font-weight: 700;
}

/* Cores dos Labels */
.label-tipo {
  background: linear-gradient(135deg, #3b5bdb 0%, #5b7cfa 100%);
  box-shadow: 0 2px 8px rgba(59, 91, 219, 0.3);
}

.label-valor {
  background: linear-gradient(135deg, #5f3dc4 0%, #7c3aed 100%);
  box-shadow: 0 2px 8px rgba(95, 61, 196, 0.3);
}

.label-bairro {
  background: linear-gradient(135deg, #556b2f 0%, #6b8e23 100%);
  box-shadow: 0 2px 8px rgba(85, 107, 47, 0.3);
}

.label-cidade {
  background: linear-gradient(135deg, #d94848 0%, #e57373 100%);
  box-shadow: 0 2px 8px rgba(217, 72, 72, 0.3);
}

.label-estado {
  background: linear-gradient(135deg, #5d4037 0%, #795548 100%);
  box-shadow: 0 2px 8px rgba(93, 64, 55, 0.3);
}

/* Seção de Valores Semelhantes */
.valores-section {
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.valor-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.valor-label {
  font-size: 13px;
  color: #6b7280;
}

.valor-amount {
  font-size: 16px;
  font-weight: 700;
  color: #059669;
}

.valor-bairro {
  font-size: 14px;
  font-weight: 500;
  color: #556b2f;
}

/* Placeholder para Lotes */
.lotes-placeholder {
  margin-top: 24px;
  padding: 32px;
  background: #f9fafb;
  border-radius: 12px;
  text-align: center;
  border: 2px dashed #e5e7eb;
}

.lotes-placeholder p {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}

/* Estado Vazio */
.interessado-mais-info-vazio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.vazio-icon {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.interessado-mais-info-vazio p {
  font-size: 16px;
  color: #6b7280;
  margin: 0 0 24px 0;
}

/* Responsividade */
@media (max-width: 768px) {
  .interessado-mais-info-content {
    grid-template-columns: 1fr;
  }

  .card-estatisticas {
    position: static;
  }

  .card-header {
    flex-wrap: wrap;
  }

  .score-badge {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
  }

  .info-grid {
    grid-template-columns: 1fr;
  }
}

/* Container Principal */
.cliente-externo-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    sans-serif;
}

/* Header */
.cliente-externo-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.cliente-externo-header h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}

/* Botão Voltar */
.btn-voltar {
  background: #f3f4f6;
  border: none;
  padding: 10px 16px;
  border-radius: 8px;
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-voltar:hover {
  background: #e5e7eb;
  color: #1f2937;
}

/* Conteúdo Principal */
.cliente-externo-content {
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-gap: 24px;
  gap: 24px;
}

/* Cards */
.info-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.card-principal {
  padding: 0;
}

.card-lotes {
  padding: 20px;
  height: -webkit-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
}

/* Card Header - Avatar e Nome */
.card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
}

.avatar {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.header-info {
  flex: 1 1;
}

.header-info h3 {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 4px 0;
}

.tipo-pessoa {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

/* Seções de Informação */
.info-section {
  padding: 20px 24px;
  border-bottom: 1px solid #f1f5f9;
}

.info-section:last-child {
  border-bottom: none;
}

.section-title {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.subsection-title {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  margin: 0 0 12px 0;
}

/* Grid de Informações */
.info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
}

.info-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.info-item.full-width {
  grid-column: 1 / -1;
}

.info-label {
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.info-value {
  font-size: 15px;
  color: #1f2937;
  font-weight: 500;
}

/* Lotes Habilitados Section */
.lotes-habilitados-section {
  margin-top: 32px;
}

.lotes-section-title {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 24px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #e5e7eb;
}

/* Lote Card */
.lote-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  margin-bottom: 16px;
}

.lote-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: #3b82f6;
}

/* Card Header */
.lote-card-header {
  padding: 16px;
  background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
  border-bottom: 1px solid #e5e7eb;
}

.lote-titulo {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

/* Card Content */
.lote-card-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Price Section */
.lote-price-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lote-price-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lote-price-label {
  font-size: 11px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lote-price-value {
  font-size: 18px;
  font-weight: 700;
  color: #059669;
}

/* Details Grid */
.lote-details-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lote-detail-item {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #f9fafb;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
}

.lote-detail-icon {
  font-size: 14px;
}

.lote-detail-value {
  color: #374151;
  font-weight: 500;
}

/* Location */
.lote-location {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
}

.lote-location-icon {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

.lote-location-text {
  line-height: 1.4;
}

/* Recommended Lots */
.lotes-recomendados-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.recomendado-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}

.recomendado-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: #10b981;
}

.recomendado-header {
  padding: 16px;
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border-bottom: 1px solid #e5e7eb;
}

.recomendado-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.recomendado-score {
  background: #ffffff;
  color: #10b981;
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 700;
  margin-left: 8px;
}

.recomendado-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Status Badge */
.lote-status-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.status-em-breve {
  background: #dbeafe;
  color: #1e40af;
}

.status-em-leilao {
  background: #dbeafe;
  color: #1e40af;
}

.status-encerrado {
  background: #f3f4f6;
  color: #6b7280;
}

/* Placeholder */
.cliente-placeholder {
  padding: 32px;
  background: #f9fafb;
  border-radius: 12px;
  text-align: center;
  border: 2px dashed #e5e7eb;
}

.cliente-placeholder p {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}

/* Loading */
.cliente-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

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

/* Error State */
.cliente-error {
  padding: 32px;
  background: #fef2f2;
  border-radius: 12px;
  text-align: center;
  border: 2px dashed #fecaca;
}

.cliente-error p {
  font-size: 14px;
  color: #dc2626;
  margin: 0 0 16px 0;
}

.cliente-error button {
  background: #dc2626;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cliente-error button:hover {
  background: #b91c1c;
}

/* Botão Ver mais */
.btn-ver-mais {
  display: block;
  width: 100%;
  padding: 14px 24px;
  margin-top: 20px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-ver-mais:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.btn-ver-mais:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.btn-ver-mais:disabled {
  background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  opacity: 0.6;
}

/* Responsividade */
@media (max-width: 768px) {
  .cliente-externo-content {
    grid-template-columns: 1fr;
  }

  .card-lotes {
    position: static;
  }

  .card-header {
    flex-wrap: wrap;
  }

  .info-grid {
    grid-template-columns: 1fr;
  }

  .lotes-recomendados-grid {
    grid-template-columns: 1fr;
  }
}

/*
  Central de Notificações. As cores saem pixel a pixel das duas telas do design
  (claro e escuro), e a identidade é a mesma de Solicitações Administrativas:
  Century Gothic, azul #004993, filetes de 1px.

  Tudo fica sob `.cn` para não vazar para outras telas. Nenhuma classe daqui
  contém "shadow", "bg-" ou "text-": o index.css tem regras de tema escuro por
  `[class*=...]` que pegariam esses nomes.
*/

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic'),
    local('CenturyGothic'),
    url(/static/media/GOTHIC.bf033cfa100eab9c2e57.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src:
    local('Century Gothic Bold'),
    local('CenturyGothic-Bold'),
    url(/static/media/GOTHICB.52df14bc795150efb832.woff2) format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic Fallback';
  src: local('Arial'), local('Liberation Sans');
  font-weight: 400 700;
  size-adjust: 110.07%;
  ascent-override: 91.39%;
  descent-override: 20.01%;
  line-gap-override: 0%;
}

/* ─────────────────────────────── tokens ─────────────────────────────── */

.cn {
  --cn-fundo-lista: #ffffff;
  --cn-fundo-painel: #f5f6f7;
  --cn-cartao: #ffffff;
  --cn-borda-cartao: #e9ecf0;
  --cn-sombra-cartao: 0 2px 8px rgba(20, 24, 28, 0.05);
  --cn-coluna: #eaedf0;
  --cn-divisor: #f0f2f4;
  --cn-divisor-cartao: #f0f1f3;

  --cn-titulo: #141414;
  --cn-texto: #212529;
  --cn-corpo: #333333;
  --cn-texto-2: #4d4d4d;
  --cn-fraco: #666666;
  --cn-apagado: #808080;

  --cn-abas: #f2f3f4;
  --cn-aba-ativa: #ffffff;
  --cn-aba-sombra:
    0 1px 2px rgba(20, 20, 20, 0.1), 0 0 0 1px rgba(20, 20, 20, 0.05);
  --cn-chip-borda: #e6e6e6;
  --cn-chip-hover: #f6f7f8;
  --cn-chip-ativo: #141414;
  --cn-chip-ativo-texto: #ffffff;

  --cn-icone-hover: #f1f2f4;
  --cn-item-hover: #f8f9fb;
  --cn-item-sel: #f1f5fa;
  --cn-item-sel-borda: #dae4f0;
  --cn-item-nova: #e8f4ec;
  --cn-ponto: #146ae0;

  --cn-avatar: #212529;
  --cn-avatar-texto: #ffffff;
  --cn-meta-borda: #eaedf0;
  --cn-alta: #992c2c;

  --cn-botao: #141414;
  --cn-botao-hover: #2e2e2e;
  --cn-botao-texto: #ffffff;

  --cn-perigo: #cd0f0f;
  --cn-perigo-fundo: #feebec;
  --cn-urgente-fundo: #fdeded;
  --cn-urgente-texto: #a12622;

  --cn-pop: #ffffff;
  --cn-pop-sombra:
    0 12px 32px rgba(20, 20, 20, 0.14), 0 0 0 1px rgba(20, 20, 20, 0.06);
  --cn-campo-borda: #cccccc;
  --cn-foco: #004993;

  /* Categoria: texto, caixa do ícone e ponto do chip. */
  --cn-cat-texto: #6b3fa0;
  --cn-cat-caixa: #f0eaf7;
  --cn-cat-ponto: #6b3fa0;
}

html.dark .cn {
  --cn-fundo-lista: #16181b;
  --cn-fundo-painel: #0e0f11;
  --cn-cartao: #16181b;
  --cn-borda-cartao: #25272b;
  --cn-sombra-cartao: none;
  --cn-coluna: #25282c;
  --cn-divisor: #212427;
  --cn-divisor-cartao: #1f2225;

  --cn-titulo: #f2f3f4;
  --cn-texto: #e6e8ea;
  --cn-corpo: #c9ccd0;
  --cn-texto-2: #b0b4b9;
  --cn-fraco: #a0a4aa;
  --cn-apagado: #80858c;

  --cn-abas: #0e0f11;
  --cn-aba-ativa: #26292d;
  --cn-aba-sombra: none;
  --cn-chip-borda: #2c3034;
  --cn-chip-hover: #1d1f23;
  --cn-chip-ativo: #f2f3f4;
  --cn-chip-ativo-texto: #0e0f11;

  --cn-icone-hover: #23262a;
  --cn-item-hover: #1b1e22;
  --cn-item-sel: #1e2733;
  --cn-item-sel-borda: #2b3c51;
  --cn-item-nova: #1b2a26;
  --cn-ponto: #4d9bff;

  --cn-avatar: #2a2d31;
  --cn-avatar-texto: #e6e8ea;
  --cn-meta-borda: #25282c;
  --cn-alta: #ff7a7d;

  --cn-botao: #42ad73;
  --cn-botao-hover: #4bbd7f;
  --cn-botao-texto: #0e0f11;

  --cn-perigo: #ff7a7d;
  --cn-perigo-fundo: rgba(255, 122, 125, 0.12);
  --cn-urgente-fundo: rgba(255, 122, 125, 0.14);
  --cn-urgente-texto: #ff9a9c;

  --cn-pop: #1d1f23;
  --cn-pop-sombra: 0 12px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px #2c3034;
  --cn-campo-borda: #373a40;
  --cn-foco: #7fb0e6;

  --cn-cat-texto: #c3a6ee;
  --cn-cat-caixa: #2a2238;
}

.cn .cn-cat--ti {
  --cn-cat-texto: #004993;
  --cn-cat-caixa: #e6edf5;
  --cn-cat-ponto: #004993;
}
.cn .cn-cat--evento {
  --cn-cat-texto: #2f8f5b;
  --cn-cat-caixa: #edf3e7;
  --cn-cat-ponto: #2f8f5b;
}
.cn .cn-cat--documento {
  --cn-cat-texto: #8a6500;
  --cn-cat-caixa: #fff4cc;
  --cn-cat-ponto: #8a6500;
}
.cn .cn-cat--atendimento {
  --cn-cat-texto: #146ae0;
  --cn-cat-caixa: #eef4fd;
  --cn-cat-ponto: #146ae0;
}
.cn .cn-cat--todas {
  --cn-cat-ponto: #999999;
}

html.dark .cn .cn-cat--ti {
  --cn-cat-texto: #7fb0e6;
  --cn-cat-caixa: #16273e;
}
html.dark .cn .cn-cat--evento {
  --cn-cat-texto: #6fcf97;
  --cn-cat-caixa: #1e332b;
}
html.dark .cn .cn-cat--documento {
  --cn-cat-texto: #e8c35a;
  --cn-cat-caixa: #37331c;
}
html.dark .cn .cn-cat--atendimento {
  --cn-cat-texto: #8ab8ff;
  --cn-cat-caixa: #172b44;
}

/* ─────────────────────────────── estrutura ─────────────────────────────── */

.cn {
  display: flex;
  height: 100%;
  min-height: 0;
  font-family:
    'Century Gothic',
    'Century Gothic Fallback',
    system-ui,
    sans-serif;
  color: var(--cn-texto);
  background: var(--cn-fundo-painel);
}

/* `:where` zera a especificidade do reset: sem ele, `.cn p` (0-1-1) ganharia
   das margens de cada bloco (0-1-0) e o cartão de detalhe ficaria espremido. */
.cn :where(p, h1, h2, dl, dd) {
  margin: 0;
}

.cn button {
  font-family: inherit;
}

.cn-lista {
  flex: 0 0 clamp(320px, 38.2%, 414px);
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--cn-fundo-lista);
  border-right: 1px solid var(--cn-coluna);
}

.cn-painel {
  flex: 1 1;
  min-width: 0;
  overflow-y: auto;
  padding: 29px;
  background: var(--cn-fundo-painel);
}

/* ─────────────────────────────── cabeçalho ─────────────────────────────── */

.cn-topo {
  padding: 24px 20px 0;
}

/* O filete sob o cabeçalho, na largura do conteúdo como no design. Fica no
   cabeçalho, e não nos chips, porque a fileira de chips pode não aparecer. */
.cn-topo::after {
  content: '';
  display: block;
  height: 1px;
  margin-top: 14px;
  background: var(--cn-divisor);
}

.cn-topo__linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cn-titulo {
  display: flex;
  align-items: baseline;
  gap: 9px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--cn-titulo);
}

.cn-titulo__sub {
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--cn-apagado);
}

.cn-topo__acoes {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cn-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: var(--cn-texto-2);
  font-size: 19px;
  cursor: pointer;
  transition:
    background-color 0.15s,
    color 0.15s;
}

.cn-icone:hover:not(:disabled),
.cn-icone--ativo {
  background: var(--cn-icone-hover);
  color: var(--cn-titulo);
}

.cn-icone:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.cn :is(button, [role='button']):focus-visible {
  outline: 2px solid var(--cn-foco);
  outline-offset: 1px;
}

/* Abas Todas / Não lidas / Prioridade */

.cn-abas {
  display: flex;
  gap: 2px;
  margin-top: 16px;
  padding: 4px;
  border-radius: 8px;
  background: var(--cn-abas);
}

.cn-aba {
  flex: 1 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 27px;
  border-radius: 6px;
  font-size: 11.5px;
  color: var(--cn-fraco);
  cursor: pointer;
  transition:
    background-color 0.15s,
    color 0.15s;
}

.cn-aba:hover:not(.cn-aba--ativa) {
  color: var(--cn-titulo);
}

.cn-aba--ativa {
  background: var(--cn-aba-ativa);
  box-shadow: var(--cn-aba-sombra);
  color: var(--cn-titulo);
  font-weight: 700;
}

.cn-aba__num {
  font-size: 11px;
  font-weight: 400;
  color: var(--cn-apagado);
}

/* Chips de categoria */

.cn-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

.cn-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 25px;
  padding: 0 9px;
  border: 1px solid var(--cn-chip-borda);
  border-radius: 5px;
  background: transparent;
  font-size: 10.5px;
  color: var(--cn-texto-2);
  cursor: pointer;
  transition:
    background-color 0.15s,
    border-color 0.15s;
}

.cn-chip:hover:not(.cn-chip--ativo) {
  background: var(--cn-chip-hover);
}

.cn-chip--ativo {
  border-color: var(--cn-chip-ativo);
  background: var(--cn-chip-ativo);
  color: var(--cn-chip-ativo-texto);
}

.cn-chip__ponto {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--cn-cat-ponto);
  flex-shrink: 0;
}

/* ─────────────────────────────── lista ─────────────────────────────── */

.cn-rolagem {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 10px 12px;
}

.cn-grupo__rotulo {
  padding: 15px 12px 7px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cn-apagado);
}

.cn-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 1px;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition:
    background-color 0.15s,
    border-color 0.15s;
}

.cn-item:hover {
  background: var(--cn-item-hover);
}

.cn-item--selecionada,
.cn-item--selecionada:hover {
  background: var(--cn-item-sel);
  border-color: var(--cn-item-sel-borda);
}

.cn-item--nova {
  animation: cn-chegou 1.1s ease-in-out 2;
}

@keyframes cn-chegou {
  0%,
  100% {
    background-color: transparent;
  }
  50% {
    background-color: var(--cn-item-nova);
  }
}

.cn-item__icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--cn-cat-caixa);
  color: var(--cn-cat-texto);
  font-size: 18px;
}

.cn-item__corpo {
  flex: 1 1;
  min-width: 0;
}

.cn-item__titulo {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 17px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: var(--cn-titulo);
  overflow-wrap: anywhere;
}

.cn-item--nao-lida .cn-item__titulo {
  font-weight: 700;
}

.cn-item__linha {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-top: 2px;
  font-size: 11px;
  line-height: 16px;
}

.cn-item__categoria {
  font-weight: 700;
  color: var(--cn-cat-texto);
}

.cn-item__remetente {
  color: var(--cn-fraco);
}

.cn-urgente {
  padding: 0 6px;
  border-radius: 4px;
  background: var(--cn-urgente-fundo);
  color: var(--cn-urgente-texto);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-transform: uppercase;
}

.cn-item__lado {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  min-width: 30px;
  padding-top: 1px;
}

.cn-item__hora {
  font-size: 10px;
  line-height: 14px;
  color: var(--cn-apagado);
  transition: opacity 0.15s;
}

.cn-item__ponto {
  width: 7px;
  height: 7px;
  margin-top: 9px;
  margin-right: 2px;
  border-radius: 50%;
  background: var(--cn-ponto);
}

/* O X de excluir aparece no lugar da hora ao passar o mouse (ou no foco). */
.cn-item__excluir {
  position: absolute;
  top: -4px;
  right: -4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: var(--cn-fraco);
  font-size: 15px;
  opacity: 0;
  cursor: pointer;
  transition:
    opacity 0.15s,
    background-color 0.15s,
    color 0.15s;
}

.cn-item:hover .cn-item__excluir,
.cn-item__excluir:focus-visible {
  opacity: 1;
}

.cn-item:hover .cn-item__hora,
.cn-item:has(.cn-item__excluir:focus-visible) .cn-item__hora {
  opacity: 0;
}

.cn-item__excluir:hover {
  background: var(--cn-perigo-fundo);
  color: var(--cn-perigo);
}

.cn-sentinela {
  height: 16px;
}

.cn-aviso {
  padding: 12px;
  text-align: center;
  font-size: 12px;
  color: var(--cn-apagado);
}

.cn-aviso--vazio {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  font-size: 13px;
}

.cn-aviso--vazio svg {
  font-size: 26px;
  opacity: 0.7;
}

/* Modo compacto: mesma lista, mais itens por tela. */
.cn--compacto .cn-item {
  gap: 10px;
  padding: 6px 9px;
}

.cn--compacto .cn-item__icone {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  font-size: 15px;
}

.cn--compacto .cn-item__titulo {
  -webkit-line-clamp: 1;
  font-size: 12px;
}

.cn--compacto .cn-item__linha {
  margin-top: 1px;
  font-size: 10.5px;
}

.cn--compacto .cn-item__ponto {
  margin-top: 5px;
}

.cn--compacto .cn-grupo__rotulo {
  padding-top: 11px;
  padding-bottom: 4px;
}

/* ─────────────────────────── popover e menu ─────────────────────────── */

.cn-ancora {
  position: relative;
}

.cn-pop {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  width: 272px;
  padding: 14px;
  border-radius: 10px;
  background: var(--cn-pop);
  box-shadow: var(--cn-pop-sombra);
  color: var(--cn-texto);
}

.cn-pop--menu {
  width: 220px;
  padding: 6px;
}

.cn-rotulo {
  margin-bottom: 10px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cn-apagado);
}

.cn-pop__linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 32px;
  font-size: 13px;
  color: var(--cn-texto);
}

.cn-pop__linha + .cn-pop__linha {
  margin-top: 6px;
}

.cn-pop__marcar {
  justify-content: flex-start;
  gap: 9px;
  cursor: pointer;
}

.cn-pop__marcar input {
  width: 15px;
  height: 15px;
  accent-color: var(--cn-botao);
  cursor: pointer;
}

.cn-pop__nome {
  color: var(--cn-fraco);
}

.cn-campo {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 132px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--cn-campo-borda);
  border-radius: 6px;
  background: var(--cn-cartao);
  color: var(--cn-texto);
  font-size: 13px;
  cursor: pointer;
}

.cn-campo:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cn-volume {
  width: 132px;
  accent-color: var(--cn-botao);
}

.cn-volume:disabled {
  opacity: 0.5;
}

.cn-pop__divisor {
  height: 1px;
  margin: 12px -14px;
  background: var(--cn-divisor-cartao);
}

.cn-menu__item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  color: var(--cn-texto);
  text-align: left;
  cursor: pointer;
}

.cn-menu__item svg {
  font-size: 17px;
}

.cn-menu__item--perigo {
  color: var(--cn-perigo);
}

.cn-menu__item:hover:not(:disabled) {
  background: var(--cn-perigo-fundo);
}

.cn-menu__item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ─────────────────────────────── detalhe ─────────────────────────────── */

.cn-cartao {
  max-width: 880px;
  padding: 32px 30px 30px;
  border: 1px solid var(--cn-borda-cartao);
  border-radius: 14px;
  background: var(--cn-cartao);
  box-shadow: var(--cn-sombra-cartao);
}

.cn-cartao--vazio {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 56px 30px;
  text-align: center;
  font-size: 14px;
  color: var(--cn-fraco);
}

.cn-cartao--vazio svg {
  font-size: 30px;
  color: var(--cn-apagado);
}

.cn-cartao__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cn-selo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 25px;
  padding: 0 11px 0 9px;
  border-radius: 4px;
  background: var(--cn-cat-caixa);
  color: var(--cn-cat-texto);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cn-selo svg {
  font-size: 14px;
}

.cn-cartao__acoes {
  display: flex;
  gap: 6px;
  color: var(--cn-fraco);
}

.cn-cartao__acoes .cn-icone {
  color: var(--cn-fraco);
}

.cn-cartao__acoes .cn-icone:hover {
  background: var(--cn-perigo-fundo);
  color: var(--cn-perigo);
}

.cn-cartao__contexto {
  margin-top: 22px;
  font-size: 11.5px;
  color: var(--cn-fraco);
}

.cn-cartao__titulo {
  margin-top: 7px;
  font-size: 22.5px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--cn-titulo);
  overflow-wrap: anywhere;
}

.cn-remetente {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 12px 0;
  border-top: 1px solid var(--cn-divisor-cartao);
  border-bottom: 1px solid var(--cn-divisor-cartao);
}

.cn-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--cn-avatar);
  color: var(--cn-avatar-texto);
  font-size: 12px;
  font-weight: 700;
}

.cn-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cn-avatar svg {
  font-size: 18px;
}

.cn-avatar--pequeno {
  width: 28px;
  height: 28px;
  font-size: 10.5px;
}

.cn-remetente__quem {
  flex: 1 1;
  min-width: 0;
}

.cn-remetente__nome {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--cn-texto);
}

.cn-remetente__setor {
  margin-top: 1px;
  font-size: 11px;
  color: var(--cn-apagado);
}

.cn-remetente__data {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--cn-apagado);
}

.cn-cartao__mensagem {
  margin-top: 22px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--cn-corpo);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.cn-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
  border: 1px solid var(--cn-meta-borda);
  border-radius: 8px;
}

.cn-meta__celula {
  padding: 13px 15px 14px;
}

.cn-meta__celula + .cn-meta__celula {
  border-left: 1px solid var(--cn-meta-borda);
}

.cn-meta dt {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cn-apagado);
}

.cn-meta dd {
  margin-top: 5px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--cn-texto);
}

.cn-meta dd.cn-meta__alta {
  color: var(--cn-alta);
}

.cn-cartao__botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.cn-botao {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 39px;
  padding: 0 21px 0 19px;
  border: 1px solid var(--cn-botao);
  border-radius: 3px;
  background: var(--cn-botao);
  color: var(--cn-botao-texto);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background-color 0.15s,
    border-color 0.15s;
}

.cn-botao svg {
  font-size: 15px;
}

.cn-botao:hover {
  border-color: var(--cn-botao-hover);
  background: var(--cn-botao-hover);
}

.cn-leitores {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid var(--cn-divisor-cartao);
}

.cn-leitores__aviso {
  font-size: 12.5px;
  color: var(--cn-apagado);
}

.cn-leitores__lista {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cn-leitor {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cn-leitor__quem {
  display: flex;
  flex: 1 1;
  min-width: 0;
  flex-direction: column;
}

.cn-leitor__nome {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--cn-texto);
}

.cn-leitor__cargo {
  font-size: 11.5px;
  color: var(--cn-apagado);
}

.cn-leitor__data {
  flex-shrink: 0;
  font-size: 11.5px;
  color: var(--cn-apagado);
}

/* ─────────────────────────────── telas estreitas ─────────────────────────────── */

@media (max-width: 767px) {
  .cn {
    flex-direction: column;
    height: auto;
  }

  .cn-lista {
    flex: none;
    border-right: 0;
    border-bottom: 1px solid var(--cn-coluna);
  }

  .cn-rolagem {
    flex: none;
    height: 52vh;
  }

  .cn-painel {
    overflow: visible;
    padding: 16px;
  }

  .cn-cartao {
    padding: 22px 18px;
  }

  .cn-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .cn-meta__celula + .cn-meta__celula {
    border-left: 0;
    border-top: 1px solid var(--cn-meta-borda);
  }
}

/* ─────────────── escuro: o que as regras globais tiram ───────────────

  O index.css, sob `html.dark .app-main`, pinta `border-color: var(--theme-border)`
  em TODO div, span, li, a, button e label (especificidade 0-2-2, maior que a
  das classes daqui). Sem este bloco, no escuro o item não selecionado ganharia
  borda cinza e o chip, o cartão e o quadro de dados perderiam a cor do design.
  O prefixo `html.dark .cn` sobe a especificidade para 0-3-1.
*/
html.dark .cn .cn-lista {
  border-color: var(--cn-coluna);
}
html.dark .cn .cn-chip {
  border-color: var(--cn-chip-borda);
}
html.dark .cn .cn-chip--ativo {
  border-color: var(--cn-chip-ativo);
}
html.dark .cn .cn-item {
  border-color: transparent;
}
html.dark .cn .cn-item--selecionada {
  border-color: var(--cn-item-sel-borda);
}
html.dark .cn .cn-cartao {
  border-color: var(--cn-borda-cartao);
}
html.dark .cn .cn-remetente,
html.dark .cn .cn-leitores {
  border-color: var(--cn-divisor-cartao);
}
html.dark .cn .cn-meta,
html.dark .cn .cn-meta__celula {
  border-color: var(--cn-meta-borda);
}
html.dark .cn .cn-botao {
  border-color: var(--cn-botao);
}
html.dark .cn .cn-botao:hover {
  border-color: var(--cn-botao-hover);
}
html.dark .cn .cn-campo {
  border-color: var(--cn-campo-borda);
}

*, ::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.17 | MIT License | https://tailwindcss.com
*/

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

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #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 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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::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;
}

*{
  scrollbar-color: initial;
  scrollbar-width: initial;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

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

  .\!container{
    max-width: 768px !important;
  }

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

  .\!container{
    max-width: 1024px !important;
  }

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

  .\!container{
    max-width: 1280px !important;
  }

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

  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.\!relative{
  position: relative !important;
}
.relative{
  position: relative;
}
.sticky{
  position: -webkit-sticky;
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-2{
  inset: 0.5rem;
}
.inset-3{
  inset: 0.75rem;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-1{
  left: 0.25rem;
  right: 0.25rem;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.inset-y-2{
  top: 0.5rem;
  bottom: 0.5rem;
}
.\!right-0{
  right: 0px !important;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-1\.5{
  bottom: -0.375rem;
}
.-bottom-14{
  bottom: -3.5rem;
}
.-bottom-16{
  bottom: -4rem;
}
.-bottom-20{
  bottom: -5rem;
}
.-bottom-40{
  bottom: -10rem;
}
.-bottom-8{
  bottom: -2rem;
}
.-bottom-px{
  bottom: -1px;
}
.-left-0\.5{
  left: -0.125rem;
}
.-left-1{
  left: -0.25rem;
}
.-left-10{
  left: -2.5rem;
}
.-left-16{
  left: -4rem;
}
.-left-20{
  left: -5rem;
}
.-left-28{
  left: -7rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-10{
  right: -2.5rem;
}
.-right-2{
  right: -0.5rem;
}
.-right-20{
  right: -5rem;
}
.-right-24{
  right: -6rem;
}
.-right-28{
  right: -7rem;
}
.-right-3{
  right: -0.75rem;
}
.-right-8{
  right: -2rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-20{
  top: -5rem;
}
.-top-40{
  top: -10rem;
}
.-top-48{
  top: -12rem;
}
.-top-\[5px\]{
  top: -5px;
}
.-top-\[9px\]{
  top: -9px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-0\.5{
  bottom: 0.125rem;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-2\.5{
  bottom: 0.625rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[-16px\]{
  bottom: -16px;
}
.bottom-\[10\%\]{
  bottom: 10%;
}
.bottom-\[8\%\]{
  bottom: 8%;
}
.bottom-\[calc\(100\%\+8px\)\]{
  bottom: calc(100% + 8px);
}
.bottom-full{
  bottom: 100%;
}
.end-2\.5{
  inset-inline-end: 0.625rem;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-12{
  left: 3rem;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-6{
  left: 1.5rem;
}
.left-\[13px\]{
  left: 13px;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[22px\]{
  left: 22px;
}
.left-\[40\%\]{
  left: 40%;
}
.left-\[45\%\]{
  left: 45%;
}
.left-\[60\%\]{
  left: 60%;
}
.left-\[9px\]{
  left: 9px;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-10{
  right: 2.5rem;
}
.right-16{
  right: 4rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.start-0{
  inset-inline-start: 0px;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-24{
  top: 6rem;
}
.top-3{
  top: 0.75rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-7{
  top: 1.75rem;
}
.top-8{
  top: 2rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[12\%\]{
  top: 12%;
}
.top-\[15\%\]{
  top: 15%;
}
.top-\[30\%\]{
  top: 30%;
}
.top-\[52px\]{
  top: 52px;
}
.top-\[55\%\]{
  top: 55%;
}
.top-\[60\%\]{
  top: 60%;
}
.top-\[calc\(100\%\+8px\)\]{
  top: calc(100% + 8px);
}
.top-full{
  top: 100%;
}
.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-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[1100\]{
  z-index: 1100;
}
.z-\[110\]{
  z-index: 110;
}
.z-\[1200\]{
  z-index: 1200;
}
.z-\[120\]{
  z-index: 120;
}
.z-\[1300\]{
  z-index: 1300;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[2100\]{
  z-index: 2100;
}
.z-\[3000\]{
  z-index: 3000;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[75\]{
  z-index: 75;
}
.z-\[80\]{
  z-index: 80;
}
.z-\[90\]{
  z-index: 90;
}
.z-\[95\]{
  z-index: 95;
}
.z-\[96\]{
  z-index: 96;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-3{
  order: 3;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-full{
  grid-column: 1 / -1;
}
.col-start-1{
  grid-column-start: 1;
}
.col-start-2{
  grid-column-start: 2;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.row-start-1{
  grid-row-start: 1;
}
.row-start-2{
  grid-row-start: 2;
}
.float-end{
  float: inline-end;
}
.\!m-0{
  margin: 0px !important;
}
.-m-8{
  margin: -2rem;
}
.m-0{
  margin: 0px;
}
.m-10{
  margin: 2.5rem;
}
.m-3{
  margin: 0.75rem;
}
.m-auto{
  margin: auto;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-4{
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.mx-px{
  margin-left: 1px;
  margin-right: 1px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[-40px\]{
  margin-top: -40px;
  margin-bottom: -40px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-2{
  margin-bottom: 0.5rem !important;
}
.\!mr-2{
  margin-right: 0.5rem !important;
}
.\!mr-3{
  margin-right: 0.75rem !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-0\.5{
  margin-top: 0.125rem !important;
}
.\!mt-10{
  margin-top: 2.5rem !important;
}
.\!mt-2{
  margin-top: 0.5rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-2\.5{
  margin-left: -0.625rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-14{
  margin-top: -3.5rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.-mt-9{
  margin-top: -2.25rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[-20px\]{
  margin-bottom: -20px;
}
.me-2{
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-12{
  margin-left: 3rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-20{
  margin-left: 5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-64{
  margin-left: 16rem;
}
.ml-\[40px\]{
  margin-left: 40px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-\[-30px\]{
  margin-right: -30px;
}
.mr-auto{
  margin-right: auto;
}
.ms-7{
  -webkit-margin-start: 1.75rem;
          margin-inline-start: 1.75rem;
}
.ms-auto{
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[-10px\]{
  margin-top: -10px;
}
.mt-\[15px\]{
  margin-top: 15px;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.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;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[16\/10\]{
  aspect-ratio: 16/10;
}
.aspect-\[3\/1\]{
  aspect-ratio: 3/1;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.\!h-5{
  height: 1.25rem !important;
}
.\!h-6{
  height: 1.5rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.h-0\.5{
  height: 0.125rem;
}
.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-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-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.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-96{
  height: 24rem;
}
.h-\[100\%\]{
  height: 100%;
}
.h-\[116px\]{
  height: 116px;
}
.h-\[140px\]{
  height: 140px;
}
.h-\[158px\]{
  height: 158px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[180px\]{
  height: 180px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[30\%\]{
  height: 30%;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[320px\]{
  height: 320px;
}
.h-\[360px\]{
  height: 360px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[450px\]{
  height: 450px;
}
.h-\[460px\]{
  height: 460px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[640px\]{
  height: 640px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[7px\]{
  height: 7px;
}
.h-\[80vh\]{
  height: 80vh;
}
.h-\[85vh\]{
  height: 85vh;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[92px\]{
  height: 92px;
}
.h-\[calc\(100\%-1rem\)\]{
  height: calc(100% - 1rem);
}
.h-\[calc\(100\%-4px\)\]{
  height: calc(100% - 4px);
}
.h-\[calc\(100vh-14rem\)\]{
  height: calc(100vh - 14rem);
}
.h-\[calc\(100vh-16rem\)\]{
  height: calc(100vh - 16rem);
}
.h-\[calc\(100vh-64px\)\]{
  height: calc(100vh - 64px);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -webkit-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-\[500px\]{
  max-height: 500px !important;
}
.max-h-0{
  max-height: 0px;
}
.max-h-14{
  max-height: 3.5rem;
}
.max-h-20{
  max-height: 5rem;
}
.max-h-24{
  max-height: 6rem;
}
.max-h-28{
  max-height: 7rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-44{
  max-height: 11rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-52{
  max-height: 13rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[100px\]{
  max-height: 100px;
}
.max-h-\[150px\]{
  max-height: 150px;
}
.max-h-\[180px\]{
  max-height: 180px;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[220px\]{
  max-height: 220px;
}
.max-h-\[22rem\]{
  max-height: 22rem;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[260px\]{
  max-height: 260px;
}
.max-h-\[26rem\]{
  max-height: 26rem;
}
.max-h-\[280px\]{
  max-height: 280px;
}
.max-h-\[320px\]{
  max-height: 320px;
}
.max-h-\[350px\]{
  max-height: 350px;
}
.max-h-\[360px\]{
  max-height: 360px;
}
.max-h-\[38vh\]{
  max-height: 38vh;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[40vh\]{
  max-height: 40vh;
}
.max-h-\[45vh\]{
  max-height: 45vh;
}
.max-h-\[46vh\]{
  max-height: 46vh;
}
.max-h-\[50vh\]{
  max-height: 50vh;
}
.max-h-\[520px\]{
  max-height: 520px;
}
.max-h-\[52vh\]{
  max-height: 52vh;
}
.max-h-\[540px\]{
  max-height: 540px;
}
.max-h-\[55vh\]{
  max-height: 55vh;
}
.max-h-\[560px\]{
  max-height: 560px;
}
.max-h-\[58vh\]{
  max-height: 58vh;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[620px\]{
  max-height: 620px;
}
.max-h-\[65vh\]{
  max-height: 65vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[72vh\]{
  max-height: 72vh;
}
.max-h-\[75vh\]{
  max-height: 75vh;
}
.max-h-\[78vh\]{
  max-height: 78vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[88vh\]{
  max-height: 88vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92dvh\]{
  max-height: 92dvh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[94vh\]{
  max-height: 94vh;
}
.max-h-\[95vh\]{
  max-height: 95vh;
}
.max-h-\[calc\(100\%-1\.5rem\)\]{
  max-height: calc(100% - 1.5rem);
}
.max-h-\[calc\(100vh-180px\)\]{
  max-height: calc(100vh - 180px);
}
.max-h-\[calc\(100vh-18rem\)\]{
  max-height: calc(100vh - 18rem);
}
.max-h-\[calc\(100vh-220px\)\]{
  max-height: calc(100vh - 220px);
}
.max-h-\[calc\(100vh-260px\)\]{
  max-height: calc(100vh - 260px);
}
.max-h-\[calc\(100vh-2rem\)\]{
  max-height: calc(100vh - 2rem);
}
.max-h-\[calc\(100vh-300px\)\]{
  max-height: calc(100vh - 300px);
}
.max-h-\[calc\(100vh-360px\)\]{
  max-height: calc(100vh - 360px);
}
.max-h-\[calc\(100vh-3rem\)\]{
  max-height: calc(100vh - 3rem);
}
.max-h-\[calc\(90vh-140px\)\]{
  max-height: calc(90vh - 140px);
}
.max-h-\[min\(880px\2c calc\(100vh-2rem\)\)\]{
  max-height: min(880px,calc(100vh - 2rem));
}
.max-h-\[min\(900px\2c calc\(100vh-2rem\)\)\]{
  max-height: min(900px,calc(100vh - 2rem));
}
.max-h-full{
  max-height: 100%;
}
.max-h-none{
  max-height: none;
}
.\!min-h-0{
  min-height: 0px !important;
}
.\!min-h-\[34px\]{
  min-height: 34px !important;
}
.\!min-h-\[36px\]{
  min-height: 36px !important;
}
.\!min-h-\[64px\]{
  min-height: 64px !important;
}
.\!min-h-\[72px\]{
  min-height: 72px !important;
}
.\!min-h-\[80px\]{
  min-height: 80px !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[100vh\]{
  min-height: 100vh;
}
.min-h-\[10rem\]{
  min-height: 10rem;
}
.min-h-\[110px\]{
  min-height: 110px;
}
.min-h-\[118px\]{
  min-height: 118px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[132px\]{
  min-height: 132px;
}
.min-h-\[140px\]{
  min-height: 140px;
}
.min-h-\[16px\]{
  min-height: 16px;
}
.min-h-\[180px\]{
  min-height: 180px;
}
.min-h-\[18px\]{
  min-height: 18px;
}
.min-h-\[2\.75rem\]{
  min-height: 2.75rem;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[22rem\]{
  min-height: 22rem;
}
.min-h-\[240px\]{
  min-height: 240px;
}
.min-h-\[25px\]{
  min-height: 25px;
}
.min-h-\[260px\]{
  min-height: 260px;
}
.min-h-\[28px\]{
  min-height: 28px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[36px\]{
  min-height: 36px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[430px\]{
  min-height: 430px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[50px\]{
  min-height: 50px;
}
.min-h-\[520px\]{
  min-height: 520px;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-\[550px\]{
  min-height: 550px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[600px\]{
  min-height: 600px;
}
.min-h-\[60dvh\]{
  min-height: 60dvh;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[68px\]{
  min-height: 68px;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[8px\]{
  min-height: 8px;
}
.min-h-\[92px\]{
  min-height: 92px;
}
.min-h-\[calc\(100vh-80px\)\]{
  min-height: calc(100vh - 80px);
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-20{
  width: 5rem !important;
}
.\!w-44{
  width: 11rem !important;
}
.\!w-5{
  width: 1.25rem !important;
}
.\!w-6{
  width: 1.5rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-\[100\%\]{
  width: 100% !important;
}
.\!w-\[150px\]{
  width: 150px !important;
}
.\!w-\[30\%\]{
  width: 30% !important;
}
.\!w-\[50\%\]{
  width: 50% !important;
}
.\!w-auto{
  width: auto !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-2\/5{
  width: 40%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[104px\]{
  width: 104px;
}
.w-\[11\%\]{
  width: 11%;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[124px\]{
  width: 124px;
}
.w-\[13\%\]{
  width: 13%;
}
.w-\[130px\]{
  width: 130px;
}
.w-\[13rem\]{
  width: 13rem;
}
.w-\[14\%\]{
  width: 14%;
}
.w-\[14rem\]{
  width: 14rem;
}
.w-\[15\%\]{
  width: 15%;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[152px\]{
  width: 152px;
}
.w-\[15px\]{
  width: 15px;
}
.w-\[164px\]{
  width: 164px;
}
.w-\[16rem\]{
  width: 16rem;
}
.w-\[17px\]{
  width: 17px;
}
.w-\[18\%\]{
  width: 18%;
}
.w-\[180px\]{
  width: 180px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[18rem\]{
  width: 18rem;
}
.w-\[210px\]{
  width: 210px;
}
.w-\[212px\]{
  width: 212px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[22rem\]{
  width: 22rem;
}
.w-\[24\%\]{
  width: 24%;
}
.w-\[250px\]{
  width: 250px;
}
.w-\[256px\]{
  width: 256px;
}
.w-\[26\%\]{
  width: 26%;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[26px\]{
  width: 26px;
}
.w-\[272px\]{
  width: 272px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[34\%\]{
  width: 34%;
}
.w-\[340px\]{
  width: 340px;
}
.w-\[35\%\]{
  width: 35%;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[450px\]{
  width: 450px;
}
.w-\[460px\]{
  width: 460px;
}
.w-\[480px\]{
  width: 480px;
}
.w-\[5\%\]{
  width: 5%;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[500px\]{
  width: 500px;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[540px\]{
  width: 540px;
}
.w-\[55\%\]{
  width: 55%;
}
.w-\[6\%\]{
  width: 6%;
}
.w-\[7\%\]{
  width: 7%;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[76px\]{
  width: 76px;
}
.w-\[78px\]{
  width: 78px;
}
.w-\[7px\]{
  width: 7px;
}
.w-\[8\%\]{
  width: 8%;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[85\%\]{
  width: 85%;
}
.w-\[860px\]{
  width: 860px;
}
.w-\[86px\]{
  width: 86px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[88vw\]{
  width: 88vw;
}
.w-\[9\%\]{
  width: 9%;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[90vw\]{
  width: 90vw;
}
.w-\[92\%\]{
  width: 92%;
}
.w-\[95\%\]{
  width: 95%;
}
.w-\[96\%\]{
  width: 96%;
}
.w-\[96vw\]{
  width: 96vw;
}
.w-\[980px\]{
  width: 980px;
}
.w-\[calc\(100\%-2rem\)\]{
  width: calc(100% - 2rem);
}
.w-\[calc\(100vw-2rem\)\]{
  width: calc(100vw - 2rem);
}
.w-\[min\(1000px\2c 92vw\)\]{
  width: min(1000px,92vw);
}
.w-\[min\(1100px\2c 92vw\)\]{
  width: min(1100px,92vw);
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{
  width: min(22rem,calc(100vw - 2rem));
}
.w-\[min\(420px\2c calc\(100vw-2rem\)\)\]{
  width: min(420px,calc(100vw - 2rem));
}
.w-\[min\(720px\2c 92vw\)\]{
  width: min(720px,92vw);
}
.w-\[min\(880px\2c 92vw\)\]{
  width: min(880px,92vw);
}
.w-\[min\(92vw\2c 260px\)\]{
  width: min(92vw,260px);
}
.w-\[min\(92vw\2c 26rem\)\]{
  width: min(92vw,26rem);
}
.w-\[min\(92vw\2c 34rem\)\]{
  width: min(92vw,34rem);
}
.w-\[min\(92vw\2c 360px\)\]{
  width: min(92vw,360px);
}
.w-\[min\(980px\2c 92vw\)\]{
  width: min(980px,92vw);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -webkit-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -webkit-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.\!min-w-\[40\%\]{
  min-width: 40% !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-7{
  min-width: 1.75rem;
}
.min-w-\[1\.1rem\]{
  min-width: 1.1rem;
}
.min-w-\[1\.25rem\]{
  min-width: 1.25rem;
}
.min-w-\[100px\]{
  min-width: 100px;
}
.min-w-\[104px\]{
  min-width: 104px;
}
.min-w-\[105px\]{
  min-width: 105px;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[110px\]{
  min-width: 110px;
}
.min-w-\[1120px\]{
  min-width: 1120px;
}
.min-w-\[115px\]{
  min-width: 115px;
}
.min-w-\[1180px\]{
  min-width: 1180px;
}
.min-w-\[11rem\]{
  min-width: 11rem;
}
.min-w-\[1200px\]{
  min-width: 1200px;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[124px\]{
  min-width: 124px;
}
.min-w-\[1250px\]{
  min-width: 1250px;
}
.min-w-\[12px\]{
  min-width: 12px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[130px\]{
  min-width: 130px;
}
.min-w-\[135px\]{
  min-width: 135px;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[145px\]{
  min-width: 145px;
}
.min-w-\[14rem\]{
  min-width: 14rem;
}
.min-w-\[1500px\]{
  min-width: 1500px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[155px\]{
  min-width: 155px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[165px\]{
  min-width: 165px;
}
.min-w-\[16px\]{
  min-width: 16px;
}
.min-w-\[16rem\]{
  min-width: 16rem;
}
.min-w-\[170px\]{
  min-width: 170px;
}
.min-w-\[175px\]{
  min-width: 175px;
}
.min-w-\[1800px\]{
  min-width: 1800px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[190px\]{
  min-width: 190px;
}
.min-w-\[2\.25rem\]{
  min-width: 2.25rem;
}
.min-w-\[2000px\]{
  min-width: 2000px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[230px\]{
  min-width: 230px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[256px\]{
  min-width: 256px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[26px\]{
  min-width: 26px;
}
.min-w-\[270px\]{
  min-width: 270px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[28px\]{
  min-width: 28px;
}
.min-w-\[2rem\]{
  min-width: 2rem;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[320px\]{
  min-width: 320px;
}
.min-w-\[350px\]{
  min-width: 350px;
}
.min-w-\[36px\]{
  min-width: 36px;
}
.min-w-\[380px\]{
  min-width: 380px;
}
.min-w-\[3px\]{
  min-width: 3px;
}
.min-w-\[500px\]{
  min-width: 500px;
}
.min-w-\[520px\]{
  min-width: 520px;
}
.min-w-\[560px\]{
  min-width: 560px;
}
.min-w-\[640px\]{
  min-width: 640px;
}
.min-w-\[680px\]{
  min-width: 680px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[760px\]{
  min-width: 760px;
}
.min-w-\[780px\]{
  min-width: 780px;
}
.min-w-\[7rem\]{
  min-width: 7rem;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[820px\]{
  min-width: 820px;
}
.min-w-\[860px\]{
  min-width: 860px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[900px\]{
  min-width: 900px;
}
.min-w-\[90px\]{
  min-width: 90px;
}
.min-w-\[920px\]{
  min-width: 920px;
}
.min-w-\[940px\]{
  min-width: 940px;
}
.min-w-\[96px\]{
  min-width: 96px;
}
.min-w-\[980px\]{
  min-width: 980px;
}
.min-w-\[9rem\]{
  min-width: 9rem;
}
.min-w-\[NNNpx\]{
  min-width: NNNpx;
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: -webkit-max-content;
  min-width: max-content;
}
.\!max-w-\[50\%\]{
  max-width: 50% !important;
}
.max-w-0{
  max-width: 0px;
}
.max-w-10{
  max-width: 2.5rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-32{
  max-width: 8rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-40{
  max-width: 10rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[100\%\]{
  max-width: 100%;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[110px\]{
  max-width: 110px;
}
.max-w-\[11rem\]{
  max-width: 11rem;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[130px\]{
  max-width: 130px;
}
.max-w-\[1360px\]{
  max-width: 1360px;
}
.max-w-\[1400px\]{
  max-width: 1400px;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[14rem\]{
  max-width: 14rem;
}
.max-w-\[1500px\]{
  max-width: 1500px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[15rem\]{
  max-width: 15rem;
}
.max-w-\[1600px\]{
  max-width: 1600px;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[1680px\]{
  max-width: 1680px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[1700px\]{
  max-width: 1700px;
}
.max-w-\[1800px\]{
  max-width: 1800px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[18rem\]{
  max-width: 18rem;
}
.max-w-\[1900px\]{
  max-width: 1900px;
}
.max-w-\[190px\]{
  max-width: 190px;
}
.max-w-\[1950px\]{
  max-width: 1950px;
}
.max-w-\[19rem\]{
  max-width: 19rem;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[20rem\]{
  max-width: 20rem;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[22ch\]{
  max-width: 22ch;
}
.max-w-\[22rem\]{
  max-width: 22rem;
}
.max-w-\[230px\]{
  max-width: 230px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[24rem\]{
  max-width: 24rem;
}
.max-w-\[256px\]{
  max-width: 256px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[270px\]{
  max-width: 270px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[30rem\]{
  max-width: 30rem;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[35px\]{
  max-width: 35px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[40px\]{
  max-width: 40px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[45\%\]{
  max-width: 45%;
}
.max-w-\[46ch\]{
  max-width: 46ch;
}
.max-w-\[50\%\]{
  max-width: 50%;
}
.max-w-\[52ch\]{
  max-width: 52ch;
}
.max-w-\[60vw\]{
  max-width: 60vw;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[70px\]{
  max-width: 70px;
}
.max-w-\[75\%\]{
  max-width: 75%;
}
.max-w-\[7rem\]{
  max-width: 7rem;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[80px\]{
  max-width: 80px;
}
.max-w-\[80vw\]{
  max-width: 80vw;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[85vw\]{
  max-width: 85vw;
}
.max-w-\[88\%\]{
  max-width: 88%;
}
.max-w-\[90vw\]{
  max-width: 90vw;
}
.max-w-\[92\%\]{
  max-width: 92%;
}
.max-w-\[92vw\]{
  max-width: 92vw;
}
.max-w-\[95vw\]{
  max-width: 95vw;
}
.max-w-\[9rem\]{
  max-width: 9rem;
}
.max-w-\[calc\(100\%-1rem\)\]{
  max-width: calc(100% - 1rem);
}
.max-w-\[calc\(100vw-24px\)\]{
  max-width: calc(100vw - 24px);
}
.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-3rem\)\]{
  max-width: calc(100vw - 3rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-screen-2xl{
  max-width: 1536px;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.basis-64{
  flex-basis: 16rem;
}
.basis-80{
  flex-basis: 20rem;
}
.basis-full{
  flex-basis: 100%;
}
.table-auto{
  table-layout: auto;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.border-separate{
  border-collapse: separate;
}
.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.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-x-12{
  --tw-translate-x: -3rem;
  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-8{
  --tw-translate-x: -2rem;
  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-full{
  --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-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-10{
  --tw-translate-y: -2.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-16{
  --tw-translate-y: -4rem;
  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-full{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 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-x-0\.5{
  --tw-translate-x: 0.125rem;
  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-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));
}
.translate-x-10{
  --tw-translate-x: 2.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-x-16{
  --tw-translate-x: 4rem;
  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-3\.5{
  --tw-translate-x: 0.875rem;
  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-6{
  --tw-translate-x: 1.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-x-\[18px\]{
  --tw-translate-x: 18px;
  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-\[2px\]{
  --tw-translate-x: 2px;
  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-12{
  --tw-translate-y: 3rem;
  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-3{
  --tw-translate-y: 0.75rem;
  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-8{
  --tw-translate-y: 2rem;
  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-\[-50\%\]{
  --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));
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-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-1{
  --tw-rotate: 1deg;
  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-2{
  --tw-rotate: 2deg;
  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-3{
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.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-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));
}
.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-\[0\.98\]{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.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 concluirOk{

  0%{
    background-color: rgba(34,197,94,0.35);
    transform: translateX(-2px);
  }

  35%{
    background-color: rgba(34,197,94,0.28);
  }

  100%{
    background-color: transparent;
    transform: translateX(0);
  }
}
.animate-concluir-ok{
  animation: concluirOk 0.55s ease-out 1;
}
@keyframes descerData{

  0%{
    opacity: 0;
    transform: translateY(-8px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-descer-data{
  animation: descerData 0.26s ease-out 1;
}
@keyframes fadeIn{

  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}
.animate-fadeIn{
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes highlightGlow{

  0%, 100%{
    box-shadow: 0 0 8px 2px rgba(59, 130, 246, 0.4), 0 0 0 3px rgba(59, 130, 246, 0.3);
    transform: scale(1);
  }

  50%{
    box-shadow: 0 0 20px 6px rgba(59, 130, 246, 0.7), 0 0 0 5px rgba(59, 130, 246, 0.5);
    transform: scale(1.01);
  }
}
.animate-highlight-glow{
  animation: highlightGlow 1.5s ease-in-out infinite;
}
@keyframes ping{

  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes piscarBranco{

  0%, 100%{
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }

  50%{
    background-color: rgba(255,255,255,0.92);
    box-shadow: 0 0 0 3px rgba(255,255,255,0.65);
  }
}
.animate-piscar-branco{
  animation: piscarBranco 0.6s ease-in-out 2;
}
@keyframes piscarVermelho{

  0%, 100%{
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(248,113,104,0);
  }

  50%{
    background-color: rgba(248,113,104,0.92);
    box-shadow: 0 0 0 3px rgba(248,113,104,0.65);
  }
}
.animate-piscar-vermelho{
  animation: piscarVermelho 0.6s ease-in-out 2;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse-slow{
  animation: pulse 3s ease-in-out infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.\!cursor-not-allowed{
  cursor: not-allowed !important;
}
.\!cursor-pointer{
  cursor: pointer !important;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-copy{
  cursor: copy;
}
.cursor-crosshair{
  cursor: crosshair;
}
.cursor-default{
  cursor: default;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-grab{
  cursor: grab;
}
.cursor-move{
  cursor: move;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-ns-resize{
  cursor: ns-resize;
}
.cursor-nwse-resize{
  cursor: nwse-resize;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.touch-none{
  touch-action: none;
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.select-text{
  -webkit-user-select: text;
          user-select: text;
}
.select-all{
  -webkit-user-select: all;
          user-select: all;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.scroll-mb-4{
  scroll-margin-bottom: 1rem;
}
.scroll-mt-4{
  scroll-margin-top: 1rem;
}
.list-inside{
  list-style-position: inside;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
          appearance: none;
}
.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}
.auto-rows-min{
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1fr_110px\]{
  grid-template-columns: 1fr 110px;
}
.grid-cols-\[200px_repeat\(auto-fill\2c minmax\(180px\2c 1fr\)\)\]{
  grid-template-columns: 200px repeat(auto-fill,minmax(180px,1fr));
}
.grid-cols-\[26px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 26px minmax(0,1fr);
}
.grid-cols-\[320px_1fr\]{
  grid-template-columns: 320px 1fr;
}
.grid-cols-\[56px_repeat\(7\2c \.\.\.\)\]{
  grid-template-columns: 56px repeat(7,...);
}
.grid-cols-\[56px_repeat\(7\2c minmax\(0\2c 1fr\)\)\]{
  grid-template-columns: 56px repeat(7,minmax(0,1fr));
}
.grid-cols-\[minmax\(0\2c 1fr\)_7rem\]{
  grid-template-columns: minmax(0,1fr) 7rem;
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(104px\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fill,minmax(104px,1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-items-center{
  place-items: center;
}
.content-start{
  align-content: flex-start;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.\!justify-end{
  justify-content: flex-end !important;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-evenly{
  justify-content: space-evenly;
}
.\!gap-2{
  gap: 0.5rem !important;
}
.\!gap-3{
  gap: 0.75rem !important;
}
.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-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-px{
  gap: 1px;
}
.gap-x-1\.5{
  column-gap: 0.375rem;
}
.gap-x-10{
  column-gap: 2.5rem;
}
.gap-x-2{
  column-gap: 0.5rem;
}
.gap-x-2\.5{
  column-gap: 0.625rem;
}
.gap-x-3{
  column-gap: 0.75rem;
}
.gap-x-3\.5{
  column-gap: 0.875rem;
}
.gap-x-4{
  column-gap: 1rem;
}
.gap-x-5{
  column-gap: 1.25rem;
}
.gap-x-6{
  column-gap: 1.5rem;
}
.gap-x-8{
  column-gap: 2rem;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-2\.5{
  row-gap: 0.625rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-3\.5{
  row-gap: 0.875rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.-space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * 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-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[var\(--theme-border\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / 1);
  border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1));
}
.divide-neutral-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(245 245 245 / 1);
  border-color: rgb(245 245 245 / var(--tw-divide-opacity, 1));
}
.divide-neutral-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 229 229 / 1);
  border-color: rgb(229 229 229 / var(--tw-divide-opacity, 1));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / 1);
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.divide-slate-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}
.divide-slate-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(203 213 225 / 1);
  border-color: rgb(203 213 225 / var(--tw-divide-opacity, 1));
}
.divide-slate-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(248 250 252 / 1);
  border-color: rgb(248 250 252 / var(--tw-divide-opacity, 1));
}
.divide-slate-700 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / 1);
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}
.divide-slate-800 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / 1);
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.05);
}
.divide-white\/\[0\.04\] > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.04);
}
.divide-white\/\[0\.05\] > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.05);
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-clip{
  overflow: clip;
}
.overflow-visible{
  overflow: visible;
}
.\!overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-x-auto{
  overflow-x: auto;
}
.\!overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-normal{
  white-space: normal;
}
.\!whitespace-nowrap{
  white-space: nowrap !important;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-lg{
  border-radius: 0.5rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-e-lg{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.rounded-e-xl{
  border-start-end-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
}
.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-3xl{
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-s-lg{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}
.rounded-br{
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}
.rounded-es-xl{
  border-end-start-radius: 0.75rem;
}
.rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}
.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}
.rounded-tl-none{
  border-top-left-radius: 0px;
}
.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}
.rounded-tr-md{
  border-top-right-radius: 0.375rem;
}
.rounded-tr-sm{
  border-top-right-radius: 0.125rem;
}
.\!border{
  border-width: 1px !important;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-\[6px\]{
  border-width: 6px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-8{
  border-bottom-width: 8px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-0{
  border-left-width: 0px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.\!border-solid{
  border-style: solid !important;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.\!border-\[var\(--theme-accent\)\]{
  border-color: #2563eb !important;
  border-color: var(--theme-accent) !important;
}
.\!border-cyan-700{
  --tw-border-opacity: 1 !important;
  border-color: rgb(14 116 144 / 1) !important;
  border-color: rgb(14 116 144 / var(--tw-border-opacity, 1)) !important;
}
.\!border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / 1) !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / 1) !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.\!border-slate-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 232 240 / 1) !important;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-\[\#091e4224\]{
  border-color: #091e4224;
}
.border-\[\#0c66e4\]{
  --tw-border-opacity: 1;
  border-color: rgb(12 102 228 / 1);
  border-color: rgb(12 102 228 / var(--tw-border-opacity, 1));
}
.border-\[\#111\]{
  --tw-border-opacity: 1;
  border-color: rgb(17 17 17 / 1);
  border-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
}
.border-\[\#216e4e\]{
  --tw-border-opacity: 1;
  border-color: rgb(33 110 78 / 1);
  border-color: rgb(33 110 78 / var(--tw-border-opacity, 1));
}
.border-\[\#25d366\]\/30{
  border-color: rgb(37 211 102 / 0.3);
}
.border-\[\#25d366\]\/35{
  border-color: rgb(37 211 102 / 0.35);
}
.border-\[\#626f86\]{
  --tw-border-opacity: 1;
  border-color: rgb(98 111 134 / 1);
  border-color: rgb(98 111 134 / var(--tw-border-opacity, 1));
}
.border-\[\#9FC0E4\]{
  --tw-border-opacity: 1;
  border-color: rgb(159 192 228 / 1);
  border-color: rgb(159 192 228 / var(--tw-border-opacity, 1));
}
.border-\[\#AFD6C2\]{
  --tw-border-opacity: 1;
  border-color: rgb(175 214 194 / 1);
  border-color: rgb(175 214 194 / var(--tw-border-opacity, 1));
}
.border-\[\#BBD2EC\]{
  --tw-border-opacity: 1;
  border-color: rgb(187 210 236 / 1);
  border-color: rgb(187 210 236 / var(--tw-border-opacity, 1));
}
.border-\[\#DCE9F6\]{
  --tw-border-opacity: 1;
  border-color: rgb(220 233 246 / 1);
  border-color: rgb(220 233 246 / var(--tw-border-opacity, 1));
}
.border-\[\#c9372c\]{
  --tw-border-opacity: 1;
  border-color: rgb(201 55 44 / 1);
  border-color: rgb(201 55 44 / var(--tw-border-opacity, 1));
}
.border-\[var\(--campo-borda\)\]{
  border-color: #cfd5e0;
  border-color: var(--campo-borda);
}
.border-\[var\(--theme-accent\)\]{
  border-color: #2563eb;
  border-color: var(--theme-accent);
}
.border-\[var\(--theme-accent-soft\)\]{
  border-color: rgba(37, 99, 235, 0.12);
  border-color: var(--theme-accent-soft);
}
.border-\[var\(--theme-border\)\]{
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}
.border-\[var\(--theme-primary\)\]{
  border-color: var(--theme-primary);
}
.border-\[var\(--theme-surface\)\]{
  border-color: #ffffff;
  border-color: var(--theme-surface);
}
.border-\[var\(--theme-text-faint\)\]{
  border-color: #9ca3b0;
  border-color: var(--theme-text-faint);
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / 1);
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / 1);
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / 1);
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / 1);
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-400\/30{
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / 1);
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/30{
  border-color: rgb(245 158 11 / 0.3);
}
.border-amber-600{
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / 1);
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / 1);
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / 1);
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-200\/50{
  border-color: rgb(191 219 254 / 0.5);
}
.border-blue-200\/60{
  border-color: rgb(191 219 254 / 0.6);
}
.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-300\/40{
  border-color: rgb(147 197 253 / 0.4);
}
.border-blue-300\/60{
  border-color: rgb(147 197 253 / 0.6);
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-400\/10{
  border-color: rgb(96 165 250 / 0.1);
}
.border-blue-400\/30{
  border-color: rgb(96 165 250 / 0.3);
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/15{
  border-color: rgb(59 130 246 / 0.15);
}
.border-blue-500\/20{
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/25{
  border-color: rgb(59 130 246 / 0.25);
}
.border-blue-500\/30{
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/40{
  border-color: rgb(59 130 246 / 0.4);
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / 1);
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-700{
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-current{
  border-color: currentColor;
}
.border-cyan-200{
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / 1);
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-cyan-400\/50{
  border-color: rgb(34 211 238 / 0.5);
}
.border-cyan-500{
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / 1);
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-cyan-700{
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144 / 1);
  border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / 1);
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / 1);
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-200\/30{
  border-color: rgb(167 243 208 / 0.3);
}
.border-emerald-200\/50{
  border-color: rgb(167 243 208 / 0.5);
}
.border-emerald-200\/70{
  border-color: rgb(167 243 208 / 0.7);
}
.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / 1);
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-emerald-300\/40{
  border-color: rgb(110 231 183 / 0.4);
}
.border-emerald-400{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / 1);
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-400\/30{
  border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-400\/40{
  border-color: rgb(52 211 153 / 0.4);
}
.border-emerald-400\/50{
  border-color: rgb(52 211 153 / 0.5);
}
.border-emerald-400\/70{
  border-color: rgb(52 211 153 / 0.7);
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/20{
  border-color: rgb(16 185 129 / 0.2);
}
.border-emerald-500\/40{
  border-color: rgb(16 185 129 / 0.4);
}
.border-emerald-500\/50{
  border-color: rgb(16 185 129 / 0.5);
}
.border-emerald-600{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / 1);
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-emerald-600\/40{
  border-color: rgb(5 150 105 / 0.4);
}
.border-emerald-700{
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / 1);
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.border-fuchsia-200{
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254 / 1);
  border-color: rgb(245 208 254 / var(--tw-border-opacity, 1));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 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 / 1);
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-200\/40{
  border-color: rgb(229 231 235 / 0.4);
}
.border-gray-200\/50{
  border-color: rgb(229 231 235 / 0.5);
}
.border-gray-200\/60{
  border-color: rgb(229 231 235 / 0.6);
}
.border-gray-200\/70{
  border-color: rgb(229 231 235 / 0.7);
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-300\/30{
  border-color: rgb(209 213 219 / 0.3);
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / 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 / 1);
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / 1);
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50{
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 1);
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / 1);
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-200\/30{
  border-color: rgb(187 247 208 / 0.3);
}
.border-green-200\/50{
  border-color: rgb(187 247 208 / 0.5);
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 1);
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / 1);
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / 1);
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-600{
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / 1);
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-green-700{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.border-indigo-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / 1);
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / 1);
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-200\/50{
  border-color: rgb(199 210 254 / 0.5);
}
.border-indigo-300{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / 1);
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-indigo-400{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / 1);
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-indigo-50{
  --tw-border-opacity: 1;
  border-color: rgb(238 242 255 / 1);
  border-color: rgb(238 242 255 / var(--tw-border-opacity, 1));
}
.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-indigo-500\/40{
  border-color: rgb(99 102 241 / 0.4);
}
.border-indigo-600{
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / 1);
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-lime-200{
  --tw-border-opacity: 1;
  border-color: rgb(217 249 157 / 1);
  border-color: rgb(217 249 157 / var(--tw-border-opacity, 1));
}
.border-lime-200\/60{
  border-color: rgb(217 249 157 / 0.6);
}
.border-neutral-100{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / 1);
  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
}
.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / 1);
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-200\/60{
  border-color: rgb(229 229 229 / 0.6);
}
.border-neutral-200\/70{
  border-color: rgb(229 229 229 / 0.7);
}
.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-neutral-50{
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / 1);
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
}
.border-neutral-700{
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / 1);
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.border-neutral-800{
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / 1);
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
}
.border-neutral-900{
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / 1);
  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}
.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / 1);
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / 1);
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.border-orange-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / 1);
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / 1);
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-orange-600{
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / 1);
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}
.border-pink-500{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / 1);
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-purple-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / 1);
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / 1);
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / 1);
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.border-purple-400{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / 1);
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / 1);
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-500\/30{
  border-color: rgb(168 85 247 / 0.3);
}
.border-purple-600{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / 1);
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / 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 / 1);
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/60{
  border-color: rgb(254 202 202 / 0.6);
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / 1);
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/20{
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / 1);
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-700{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-red-800{
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / 1);
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-200\/50{
  border-color: rgb(254 205 211 / 0.5);
}
.border-rose-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / 1);
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-rose-300\/70{
  border-color: rgb(253 164 175 / 0.7);
}
.border-rose-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / 1);
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-rose-400\/50{
  border-color: rgb(251 113 133 / 0.5);
}
.border-rose-400\/70{
  border-color: rgb(251 113 133 / 0.7);
}
.border-rose-500\/30{
  border-color: rgb(244 63 94 / 0.3);
}
.border-sky-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / 1);
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
}
.border-sky-200{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / 1);
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-300{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / 1);
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.border-sky-400{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / 1);
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.border-sky-400\/30{
  border-color: rgb(56 189 248 / 0.3);
}
.border-sky-500{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / 1);
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.border-sky-500\/40{
  border-color: rgb(14 165 233 / 0.4);
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / 1);
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/30{
  border-color: rgb(226 232 240 / 0.3);
}
.border-slate-200\/50{
  border-color: rgb(226 232 240 / 0.5);
}
.border-slate-200\/60{
  border-color: rgb(226 232 240 / 0.6);
}
.border-slate-200\/70{
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-200\/80{
  border-color: rgb(226 232 240 / 0.8);
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / 1);
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-slate-400\/50{
  border-color: rgb(148 163 184 / 0.5);
}
.border-slate-50{
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / 1);
  border-color: rgb(248 250 252 / var(--tw-border-opacity, 1));
}
.border-slate-500{
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / 1);
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}
.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / 1);
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-700\/70{
  border-color: rgb(51 65 85 / 0.7);
}
.border-slate-700\/80{
  border-color: rgb(51 65 85 / 0.8);
}
.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / 1);
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-slate-800\/60{
  border-color: rgb(30 41 59 / 0.6);
}
.border-slate-800\/70{
  border-color: rgb(30 41 59 / 0.7);
}
.border-slate-800\/80{
  border-color: rgb(30 41 59 / 0.8);
}
.border-slate-800\/90{
  border-color: rgb(30 41 59 / 0.9);
}
.border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / 1);
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-teal-200{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / 1);
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-100{
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / 1);
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}
.border-violet-200{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / 1);
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-violet-300{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / 1);
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}
.border-violet-400{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / 1);
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}
.border-violet-500{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / 1);
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.border-violet-600{
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / 1);
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 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\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25{
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/\[0\.04\]{
  border-color: rgb(255 255 255 / 0.04);
}
.border-white\/\[0\.06\]{
  border-color: rgb(255 255 255 / 0.06);
}
.border-white\/\[0\.07\]{
  border-color: rgb(255 255 255 / 0.07);
}
.border-white\/\[0\.08\]{
  border-color: rgb(255 255 255 / 0.08);
}
.border-white\/\[0\.12\]{
  border-color: rgb(255 255 255 / 0.12);
}
.border-white\/\[0\.1\]{
  border-color: rgb(255 255 255 / 0.1);
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / 1);
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-zinc-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / 1);
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}
.border-zinc-700{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / 1);
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}
.border-l-\[var\(--theme-border\)\]{
  border-left-color: #e2e5ea;
  border-left-color: var(--theme-border);
}
.border-l-amber-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / 1);
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-l-amber-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(217 119 6 / 1);
  border-left-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-l-blue-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(37 99 235 / 1);
  border-left-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-l-cyan-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(6 182 212 / 1);
  border-left-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-l-emerald-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / 1);
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-l-emerald-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(5 150 105 / 1);
  border-left-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-l-gray-200{
  --tw-border-opacity: 1;
  border-left-color: rgb(229 231 235 / 1);
  border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-l-indigo-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / 1);
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-l-orange-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(251 146 60 / 1);
  border-left-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.border-l-red-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(248 113 113 / 1);
  border-left-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-l-red-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / 1);
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-red-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(220 38 38 / 1);
  border-left-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-l-rose-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(251 113 133 / 1);
  border-left-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-l-slate-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / 1);
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-l-violet-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(124 58 237 / 1);
  border-left-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}
.border-t-blue-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / 1);
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-t-blue-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(37 99 235 / 1);
  border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-t-blue-700{
  --tw-border-opacity: 1;
  border-top-color: rgb(29 78 216 / 1);
  border-top-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-t-emerald-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / 1);
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-t-gray-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(75 85 99 / 1);
  border-top-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-t-gray-900{
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / 1);
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-t-indigo-400{
  --tw-border-opacity: 1;
  border-top-color: rgb(129 140 248 / 1);
  border-top-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-t-indigo-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / 1);
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-t-rose-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(244 63 94 / 1);
  border-top-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.border-t-sky-400{
  --tw-border-opacity: 1;
  border-top-color: rgb(56 189 248 / 1);
  border-top-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.border-t-sky-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(14 165 233 / 1);
  border-top-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.border-t-slate-400{
  --tw-border-opacity: 1;
  border-top-color: rgb(148 163 184 / 1);
  border-top-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-t-slate-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(71 85 105 / 1);
  border-top-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-t-slate-800{
  --tw-border-opacity: 1;
  border-top-color: rgb(30 41 59 / 1);
  border-top-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-t-slate-900{
  --tw-border-opacity: 1;
  border-top-color: rgb(15 23 42 / 1);
  border-top-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / 1);
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / 1) !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-blue-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 246 255 / 1) !important;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-blue-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / 1) !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-blue-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / 1) !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-800{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / 1) !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-indigo-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 242 255 / 1) !important;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / 1) !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 38 38 / 1) !important;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-slate-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 245 249 / 1) !important;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-slate-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 232 240 / 1) !important;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-slate-700{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(51 65 85 / 1) !important;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-slate-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(15 23 42 / 1) !important;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#005c4b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 75 / 1);
  background-color: rgb(0 92 75 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00a884\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 132 / 1);
  background-color: rgb(0 168 132 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00a884\]\/20{
  background-color: rgb(0 168 132 / 0.2);
}
.bg-\[\#06080c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(6 8 12 / 1);
  background-color: rgb(6 8 12 / var(--tw-bg-opacity, 1));
}
.bg-\[\#075e54\]{
  --tw-bg-opacity: 1;
  background-color: rgb(7 94 84 / 1);
  background-color: rgb(7 94 84 / var(--tw-bg-opacity, 1));
}
.bg-\[\#091e420f\]{
  background-color: #091e420f;
}
.bg-\[\#091e4224\]{
  background-color: #091e4224;
}
.bg-\[\#091e4240\]{
  background-color: #091e4240;
}
.bg-\[\#091e42b8\]{
  background-color: #091e42b8;
}
.bg-\[\#0a0a0a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / 1);
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0f1e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 30 / 1);
  background-color: rgb(10 15 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a1216\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 18 22 / 1);
  background-color: rgb(10 18 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b141a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 20 26 / 1);
  background-color: rgb(11 20 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c66e4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 102 228 / 1);
  background-color: rgb(12 102 228 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c66e4\]\/10{
  background-color: rgb(12 102 228 / 0.1);
}
.bg-\[\#0d0d0d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / 1);
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f171d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 29 / 1);
  background-color: rgb(15 23 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f171d\]\/85{
  background-color: rgb(15 23 29 / 0.85);
}
.bg-\[\#0f171d\]\/95{
  background-color: rgb(15 23 29 / 0.95);
}
.bg-\[\#101b21\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 27 33 / 1);
  background-color: rgb(16 27 33 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / 1);
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111b21\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 27 33 / 1);
  background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
}
.bg-\[\#162129\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 33 41 / 1);
  background-color: rgb(22 33 41 / var(--tw-bg-opacity, 1));
}
.bg-\[\#171c28\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 28 40 / 1);
  background-color: rgb(23 28 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#171c28\]\/90{
  background-color: rgb(23 28 40 / 0.9);
}
.bg-\[\#1f2c33\]{
  --tw-bg-opacity: 1;
  background-color: rgb(31 44 51 / 1);
  background-color: rgb(31 44 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#202c33\]{
  --tw-bg-opacity: 1;
  background-color: rgb(32 44 51 / 1);
  background-color: rgb(32 44 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#216e4e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(33 110 78 / 1);
  background-color: rgb(33 110 78 / var(--tw-bg-opacity, 1));
}
.bg-\[\#22272b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 39 43 / 1);
  background-color: rgb(34 39 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#23343d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(35 52 61 / 1);
  background-color: rgb(35 52 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25d366\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 211 102 / 1);
  background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25d366\]\/10{
  background-color: rgb(37 211 102 / 0.1);
}
.bg-\[\#25d366\]\/15{
  background-color: rgb(37 211 102 / 0.15);
}
.bg-\[\#25d366\]\/20{
  background-color: rgb(37 211 102 / 0.2);
}
.bg-\[\#25d366\]\/30{
  background-color: rgb(37 211 102 / 0.3);
}
.bg-\[\#2B579A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(43 87 154 / 1);
  background-color: rgb(43 87 154 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4A154B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(74 21 75 / 1);
  background-color: rgb(74 21 75 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4a1d24\]{
  --tw-bg-opacity: 1;
  background-color: rgb(74 29 36 / 1);
  background-color: rgb(74 29 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#53bdeb\]\/15{
  background-color: rgb(83 189 235 / 0.15);
}
.bg-\[\#6366f1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 1);
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6b7280\]{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / 1);
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6e5dc6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(110 93 198 / 1);
  background-color: rgb(110 93 198 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9FC0E4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(159 192 228 / 1);
  background-color: rgb(159 192 228 / var(--tw-bg-opacity, 1));
}
.bg-\[\#BBD2EC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(187 210 236 / 1);
  background-color: rgb(187 210 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#CFE8DA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(207 232 218 / 1);
  background-color: rgb(207 232 218 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8F0F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 240 249 / 1);
  background-color: rgb(232 240 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3D2D2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 210 210 / 1);
  background-color: rgb(243 210 210 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4FAF7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 250 247 / 1);
  background-color: rgb(244 250 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c9372c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(201 55 44 / 1);
  background-color: rgb(201 55 44 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d9fdd3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 253 211 / 1);
  background-color: rgb(217 253 211 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dcf8c6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 248 198 / 1);
  background-color: rgb(220 248 198 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dcf8c6\]\/60{
  background-color: rgb(220 248 198 / 0.6);
}
.bg-\[\#dcfff1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 255 241 / 1);
  background-color: rgb(220 255 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5ddd5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 221 213 / 1);
  background-color: rgb(229 221 213 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e7f1ec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 241 236 / 1);
  background-color: rgb(231 241 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9f2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 242 255 / 1);
  background-color: rgb(233 242 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ec4899\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / 1);
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ece5dd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 229 221 / 1);
  background-color: rgb(236 229 221 / var(--tw-bg-opacity, 1));
}
.bg-\[\#efeae2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 234 226 / 1);
  background-color: rgb(239 234 226 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f2f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 245 / 1);
  background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f1f2f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 244 / 1);
  background-color: rgb(241 242 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f4f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f5f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / 1);
  background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f8f9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / 1);
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9fafb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fafafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdfdfc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 252 / 1);
  background-color: rgb(253 253 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffedeb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 235 / 1);
  background-color: rgb(255 237 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffffff3d\]{
  background-color: #ffffff3d;
}
.bg-\[\#hex\]{
  background-color: #hex;
}
.bg-\[var\(--campo-bg\)\]{
  background-color: #ffffff;
  background-color: var(--campo-bg);
}
.bg-\[var\(--dialog-bg\)\]{
  background-color: #171c28;
  background-color: var(--dialog-bg);
}
.bg-\[var\(--dialog-bg-90\)\]{
  background-color: rgba(23, 28, 40, 0.9);
  background-color: var(--dialog-bg-90);
}
.bg-\[var\(--theme-accent\)\]{
  background-color: #2563eb;
  background-color: var(--theme-accent);
}
.bg-\[var\(--theme-accent-glow\)\]{
  background-color: rgba(37, 99, 235, 0.18);
  background-color: var(--theme-accent-glow);
}
.bg-\[var\(--theme-accent-soft\)\]{
  background-color: rgba(37, 99, 235, 0.12);
  background-color: var(--theme-accent-soft);
}
.bg-\[var\(--theme-bg\)\]{
  background-color: #f4f5f7;
  background-color: var(--theme-bg);
}
.bg-\[var\(--theme-border\)\]{
  background-color: #e2e5ea;
  background-color: var(--theme-border);
}
.bg-\[var\(--theme-surface\)\]{
  background-color: #ffffff;
  background-color: var(--theme-surface);
}
.bg-\[var\(--theme-surface-hover\)\]{
  background-color: #f0f1f3;
  background-color: var(--theme-surface-hover);
}
.bg-\[var\(--theme-surface-soft\)\]{
  background-color: #f8f9fb;
  background-color: var(--theme-surface-soft);
}
.bg-\[var\(--theme-text-faint\)\]{
  background-color: #9ca3b0;
  background-color: var(--theme-text-faint);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-100\/70{
  background-color: rgb(254 243 199 / 0.7);
}
.bg-amber-200{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / 1);
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / 1);
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/30{
  background-color: rgb(255 251 235 / 0.3);
}
.bg-amber-50\/40{
  background-color: rgb(255 251 235 / 0.4);
}
.bg-amber-50\/60{
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70{
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/\[0\.05\]{
  background-color: rgb(245 158 11 / 0.05);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / 1);
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-600\/80{
  background-color: rgb(217 119 6 / 0.8);
}
.bg-amber-700{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / 1);
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / 1);
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/15{
  background-color: rgb(0 0 0 / 0.15);
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/35{
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85{
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / 1);
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200\/40{
  background-color: rgb(191 219 254 / 0.4);
}
.bg-blue-300{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / 1);
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-blue-300\/15{
  background-color: rgb(147 197 253 / 0.15);
}
.bg-blue-300\/20{
  background-color: rgb(147 197 253 / 0.2);
}
.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / 1);
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.bg-blue-400\/10{
  background-color: rgb(96 165 250 / 0.1);
}
.bg-blue-400\/\[0\.04\]{
  background-color: rgb(96 165 250 / 0.04);
}
.bg-blue-400\/\[0\.06\]{
  background-color: rgb(96 165 250 / 0.06);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/20{
  background-color: rgb(239 246 255 / 0.2);
}
.bg-blue-50\/30{
  background-color: rgb(239 246 255 / 0.3);
}
.bg-blue-50\/40{
  background-color: rgb(239 246 255 / 0.4);
}
.bg-blue-50\/50{
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-50\/60{
  background-color: rgb(239 246 255 / 0.6);
}
.bg-blue-50\/70{
  background-color: rgb(239 246 255 / 0.7);
}
.bg-blue-50\/80{
  background-color: rgb(239 246 255 / 0.8);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15{
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20{
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/90{
  background-color: rgb(59 130 246 / 0.9);
}
.bg-blue-500\/\[0\.04\]{
  background-color: rgb(59 130 246 / 0.04);
}
.bg-blue-500\/\[0\.05\]{
  background-color: rgb(59 130 246 / 0.05);
}
.bg-blue-500\/\[0\.06\]{
  background-color: rgb(59 130 246 / 0.06);
}
.bg-blue-500\/\[0\.07\]{
  background-color: rgb(59 130 246 / 0.07);
}
.bg-blue-500\/\[0\.08\]{
  background-color: rgb(59 130 246 / 0.08);
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.bg-blue-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.bg-current{
  background-color: currentColor;
}
.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / 1);
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-cyan-200{
  --tw-bg-opacity: 1;
  background-color: rgb(165 243 252 / 1);
  background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400{
  --tw-bg-opacity: 1;
  background-color: rgb(34 211 238 / 1);
  background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400\/10{
  background-color: rgb(34 211 238 / 0.1);
}
.bg-cyan-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / 1);
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / 1);
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / 1);
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100\/70{
  background-color: rgb(209 250 229 / 0.7);
}
.bg-emerald-200{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / 1);
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.bg-emerald-300{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / 1);
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / 1);
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/10{
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-400\/20{
  background-color: rgb(52 211 153 / 0.2);
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / 1);
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/40{
  background-color: rgb(236 253 245 / 0.4);
}
.bg-emerald-50\/50{
  background-color: rgb(236 253 245 / 0.5);
}
.bg-emerald-50\/60{
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-50\/70{
  background-color: rgb(236 253 245 / 0.7);
}
.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / 1);
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-500\/\[0\.06\]{
  background-color: rgb(16 185 129 / 0.06);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / 1);
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-600\/80{
  background-color: rgb(5 150 105 / 0.8);
}
.bg-emerald-700{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / 1);
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700\/90{
  background-color: rgb(4 120 87 / 0.9);
}
.bg-emerald-900\/30{
  background-color: rgb(6 78 59 / 0.3);
}
.bg-fuchsia-100{
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / 1);
  background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / 1);
  background-color: rgb(253 244 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/40{
  background-color: rgb(243 244 246 / 0.4);
}
.bg-gray-100\/50{
  background-color: rgb(243 244 246 / 0.5);
}
.bg-gray-100\/70{
  background-color: rgb(243 244 246 / 0.7);
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 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 / 1);
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / 1);
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}
.bg-gray-50\/70{
  background-color: rgb(249 250 251 / 0.7);
}
.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / 1);
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/50{
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/60{
  background-color: rgb(17 24 39 / 0.6);
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-300{
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / 1);
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}
.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / 1);
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-50\/40{
  background-color: rgb(240 253 244 / 0.4);
}
.bg-green-50\/50{
  background-color: rgb(240 253 244 / 0.5);
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10{
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/15{
  background-color: rgb(34 197 94 / 0.15);
}
.bg-green-500\/20{
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-700{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / 1);
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-400{
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / 1);
  background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50\/20{
  background-color: rgb(238 242 255 / 0.2);
}
.bg-indigo-50\/30{
  background-color: rgb(238 242 255 / 0.3);
}
.bg-indigo-50\/40{
  background-color: rgb(238 242 255 / 0.4);
}
.bg-indigo-50\/50{
  background-color: rgb(238 242 255 / 0.5);
}
.bg-indigo-50\/60{
  background-color: rgb(238 242 255 / 0.6);
}
.bg-indigo-50\/70{
  background-color: rgb(238 242 255 / 0.7);
}
.bg-indigo-50\/80{
  background-color: rgb(238 242 255 / 0.8);
}
.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 1);
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500\/10{
  background-color: rgb(99 102 241 / 0.1);
}
.bg-indigo-500\/15{
  background-color: rgb(99 102 241 / 0.15);
}
.bg-indigo-500\/20{
  background-color: rgb(99 102 241 / 0.2);
}
.bg-indigo-500\/25{
  background-color: rgb(99 102 241 / 0.25);
}
.bg-indigo-500\/5{
  background-color: rgb(99 102 241 / 0.05);
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600\/25{
  background-color: rgb(79 70 229 / 0.25);
}
.bg-inherit{
  background-color: inherit;
}
.bg-lime-100{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / 1);
  background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1));
}
.bg-lime-400{
  --tw-bg-opacity: 1;
  background-color: rgb(163 230 53 / 1);
  background-color: rgb(163 230 53 / var(--tw-bg-opacity, 1));
}
.bg-lime-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / 1);
  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100\/50{
  background-color: rgb(245 245 245 / 0.5);
}
.bg-neutral-400{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / 1);
  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50\/50{
  background-color: rgb(250 250 250 / 0.5);
}
.bg-neutral-50\/60{
  background-color: rgb(250 250 250 / 0.6);
}
.bg-neutral-50\/80{
  background-color: rgb(250 250 250 / 0.8);
}
.bg-neutral-800{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / 1);
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / 1);
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-neutral-950{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / 1);
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / 1);
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}
.bg-orange-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / 1);
  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
}
.bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / 1);
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-50\/30{
  background-color: rgb(255 247 237 / 0.3);
}
.bg-orange-50\/40{
  background-color: rgb(255 247 237 / 0.4);
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / 1);
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / 1);
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-orange-700{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / 1);
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / 1);
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-400{
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182 / 1);
  background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / 1);
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / 1);
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-600{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / 1);
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-pink-600\/20{
  background-color: rgb(219 39 119 / 0.2);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / 1);
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 1);
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50\/40{
  background-color: rgb(250 245 255 / 0.4);
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / 1);
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/20{
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / 1);
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-purple-700{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / 1);
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / 1);
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / 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 / 1);
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/30{
  background-color: rgb(254 242 242 / 0.3);
}
.bg-red-50\/50{
  background-color: rgb(254 242 242 / 0.5);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15{
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-red-500\/90{
  background-color: rgb(239 68 68 / 0.9);
}
.bg-red-500\/\[0\.06\]{
  background-color: rgb(239 68 68 / 0.06);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / 1);
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / 1);
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}
.bg-rose-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / 1);
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / 1);
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/40{
  background-color: rgb(255 241 242 / 0.4);
}
.bg-rose-50\/50{
  background-color: rgb(255 241 242 / 0.5);
}
.bg-rose-50\/60{
  background-color: rgb(255 241 242 / 0.6);
}
.bg-rose-50\/70{
  background-color: rgb(255 241 242 / 0.7);
}
.bg-rose-50\/80{
  background-color: rgb(255 241 242 / 0.8);
}
.bg-rose-50\/95{
  background-color: rgb(255 241 242 / 0.95);
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / 1);
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-500\/10{
  background-color: rgb(244 63 94 / 0.1);
}
.bg-rose-500\/15{
  background-color: rgb(244 63 94 / 0.15);
}
.bg-rose-500\/20{
  background-color: rgb(244 63 94 / 0.2);
}
.bg-rose-500\/90{
  background-color: rgb(244 63 94 / 0.9);
}
.bg-rose-600{
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / 1);
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-rose-700{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / 1);
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / 1);
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-100\/80{
  background-color: rgb(224 242 254 / 0.8);
}
.bg-sky-200{
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / 1);
  background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1));
}
.bg-sky-400{
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / 1);
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / 1);
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-50\/40{
  background-color: rgb(240 249 255 / 0.4);
}
.bg-sky-50\/80{
  background-color: rgb(240 249 255 / 0.8);
}
.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / 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-500\/15{
  background-color: rgb(14 165 233 / 0.15);
}
.bg-sky-600{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / 1);
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-sky-700{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / 1);
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-100\/50{
  background-color: rgb(241 245 249 / 0.5);
}
.bg-slate-100\/60{
  background-color: rgb(241 245 249 / 0.6);
}
.bg-slate-100\/80{
  background-color: rgb(241 245 249 / 0.8);
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-200\/80{
  background-color: rgb(226 232 240 / 0.8);
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / 1);
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / 1);
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/40{
  background-color: rgb(248 250 252 / 0.4);
}
.bg-slate-50\/50{
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/60{
  background-color: rgb(248 250 252 / 0.6);
}
.bg-slate-50\/70{
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-50\/80{
  background-color: rgb(248 250 252 / 0.8);
}
.bg-slate-50\/90{
  background-color: rgb(248 250 252 / 0.9);
}
.bg-slate-50\/95{
  background-color: rgb(248 250 252 / 0.95);
}
.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / 1);
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-slate-500\/10{
  background-color: rgb(100 116 139 / 0.1);
}
.bg-slate-500\/15{
  background-color: rgb(100 116 139 / 0.15);
}
.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / 1);
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-700\/30{
  background-color: rgb(51 65 85 / 0.3);
}
.bg-slate-700\/70{
  background-color: rgb(51 65 85 / 0.7);
}
.bg-slate-700\/80{
  background-color: rgb(51 65 85 / 0.8);
}
.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/30{
  background-color: rgb(15 23 42 / 0.3);
}
.bg-slate-900\/35{
  background-color: rgb(15 23 42 / 0.35);
}
.bg-slate-900\/40{
  background-color: rgb(15 23 42 / 0.4);
}
.bg-slate-900\/45{
  background-color: rgb(15 23 42 / 0.45);
}
.bg-slate-900\/50{
  background-color: rgb(15 23 42 / 0.5);
}
.bg-slate-900\/55{
  background-color: rgb(15 23 42 / 0.55);
}
.bg-slate-900\/60{
  background-color: rgb(15 23 42 / 0.6);
}
.bg-slate-900\/70{
  background-color: rgb(15 23 42 / 0.7);
}
.bg-slate-900\/80{
  background-color: rgb(15 23 42 / 0.8);
}
.bg-slate-900\/95{
  background-color: rgb(15 23 42 / 0.95);
}
.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / 1);
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-slate-950\/35{
  background-color: rgb(2 6 23 / 0.35);
}
.bg-slate-950\/55{
  background-color: rgb(2 6 23 / 0.55);
}
.bg-slate-950\/60{
  background-color: rgb(2 6 23 / 0.6);
}
.bg-slate-950\/70{
  background-color: rgb(2 6 23 / 0.7);
}
.bg-teal-100{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / 1);
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-400{
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / 1);
  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}
.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / 1);
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-teal-500{
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / 1);
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / 1);
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / 1);
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / 1);
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-50\/40{
  background-color: rgb(245 243 255 / 0.4);
}
.bg-violet-50\/60{
  background-color: rgb(245 243 255 / 0.6);
}
.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / 1);
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-500\/10{
  background-color: rgb(139 92 246 / 0.1);
}
.bg-violet-500\/\[0\.04\]{
  background-color: rgb(139 92 246 / 0.04);
}
.bg-violet-500\/\[0\.07\]{
  background-color: rgb(139 92 246 / 0.07);
}
.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / 1);
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 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\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/25{
  background-color: rgb(255 255 255 / 0.25);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.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\/75{
  background-color: rgb(255 255 255 / 0.75);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.015\]{
  background-color: rgb(255 255 255 / 0.015);
}
.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\]{
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\]{
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.06\]{
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.07\]{
  background-color: rgb(255 255 255 / 0.07);
}
.bg-white\/\[0\.08\]{
  background-color: rgb(255 255 255 / 0.08);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / 1);
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / 1);
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / 1);
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / 1);
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.bg-zinc-700{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / 1);
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}
.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / 1);
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-zinc-900{
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / 1);
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}
.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}
.bg-opacity-95{
  --tw-bg-opacity: 0.95;
}
.bg-\[linear-gradient\(180deg\2c rgba\(250\2c 250\2c 251\2c 0\.65\)\2c rgba\(255\2c 255\2c 255\2c 0\.96\)\)\]{
  background-image: linear-gradient(180deg,rgba(250,250,251,0.65),rgba(255,255,255,0.96));
}
.bg-\[linear-gradient\(180deg\2c rgba\(250\2c 250\2c 251\2c 0\.96\)\2c rgba\(255\2c 255\2c 255\2c 0\.98\)\)\]{
  background-image: linear-gradient(180deg,rgba(250,250,251,0.96),rgba(255,255,255,0.98));
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\2c \#6366f1\2c transparent_25\%\)\2c radial-gradient\(circle_at_80\%_0\%\2c \#0ea5e9\2c transparent_25\%\)\]{
  background-image: radial-gradient(circle at 20% 20%,#6366f1,transparent 25%),radial-gradient(circle at 80% 0%,#0ea5e9,transparent 25%);
}
.bg-\[radial-gradient\(circle_at_top\2c \#e2e8f0_0\%\2c \#f8fafc_35\%\2c \#f1f5f9_100\%\)\]{
  background-image: radial-gradient(circle at top,#e2e8f0 0%,#f8fafc 35%,#f1f5f9 100%);
}
.bg-\[radial-gradient\(circle_at_top\2c _\#e6f0ff_0\2c _\#f8fbff_35\%\2c _\#f4f6fb_100\%\)\]{
  background-image: radial-gradient(circle at top, #e6f0ff 0, #f8fbff 35%, #f4f6fb 100%);
}
.bg-\[radial-gradient\(circle_at_top\2c _rgba\(0\2c 168\2c 132\2c 0\.22\)\2c _transparent_70\%\)\]{
  background-image: radial-gradient(circle at top, rgba(0,168,132,0.22), transparent 70%);
}
.bg-\[radial-gradient\(circle_at_top\2c _rgba\(16\2c 185\2c 129\2c 0\.06\)\2c _transparent_55\%\)\]{
  background-image: radial-gradient(circle at top, rgba(16,185,129,0.06), transparent 55%);
}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 255\2c 255\2c 0\.96\)\2c rgba\(244\2c 244\2c 245\2c 0\.88\)_45\%\2c rgba\(240\2c 240\2c 242\2c 0\.92\)_100\%\)\]{
  background-image: radial-gradient(circle at top,rgba(255,255,255,0.96),rgba(244,244,245,0.88) 45%,rgba(240,240,242,0.92) 100%);
}
.bg-\[radial-gradient\(circle_at_top_left\2c _rgba\(0\2c 168\2c 132\2c 0\.18\)\2c _transparent_24\%\)\2c radial-gradient\(circle_at_top_right\2c _rgba\(59\2c 130\2c 246\2c 0\.14\)\2c _transparent_22\%\)\2c linear-gradient\(180deg\2c _\#081318_0\%\2c _\#0d171d_100\%\)\]{
  background-image: radial-gradient(circle at top left, rgba(0,168,132,0.18), transparent 24%),radial-gradient(circle at top right, rgba(59,130,246,0.14), transparent 22%),linear-gradient(180deg, #081318 0%, #0d171d 100%);
}
.bg-\[url\(\'data\:image\/svg\+xml\;utf8\2c \%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20width\%3D\%2240\%22\%20height\%3D\%2240\%22\%20viewBox\%3D\%220\%200\%2040\%2040\%22\%3E\%3Cpath\%20fill\%3D\%22\%23c8e0d2\%22\%20fill-opacity\%3D\%220\.45\%22\%20d\%3D\%22M5\%205h2v2H5zM10\%2010h2v2h-2zM18\%204h2v2h-2zM28\%208h2v2h-2zM34\%2018h2v2h-2zM22\%2024h2v2h-2zM6\%2030h2v2H6zM16\%2034h2v2h-2zM30\%2032h2v2h-2z\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23c8e0d2%22%20fill-opacity%3D%220.45%22%20d%3D%22M5%205h2v2H5zM10%2010h2v2h-2zM18%204h2v2h-2zM28%208h2v2h-2zM34%2018h2v2h-2zM22%2024h2v2h-2zM6%2030h2v2H6zM16%2034h2v2h-2zM30%2032h2v2h-2z%22%2F%3E%3C%2Fsvg%3E");
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl{
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#06080c\]{
  --tw-gradient-from: #06080c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 8 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#111b21\]{
  --tw-gradient-from: #111b21 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 27 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-300{
  --tw-gradient-from: #fcd34d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.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-amber-500{
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black{
  --tw-gradient-from: #000 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\/30{
  --tw-gradient-from: rgb(0 0 0 / 0.3) 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\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) 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-blue-100{
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-100\/80{
  --tw-gradient-from: rgb(219 234 254 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-200\/10{
  --tw-gradient-from: rgb(191 219 254 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-200\/20{
  --tw-gradient-from: rgb(191 219 254 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-300{
  --tw-gradient-from: #93c5fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400\/60{
  --tw-gradient-from: rgb(96 165 250 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10{
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/5{
  --tw-gradient-from: rgb(59 130 246 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/60{
  --tw-gradient-from: rgb(59 130 246 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900{
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900\/20{
  --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400{
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500{
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-600{
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-100{
  --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-100\/80{
  --tw-gradient-from: rgb(209 250 229 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-200\/25{
  --tw-gradient-from: rgb(167 243 208 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-300{
  --tw-gradient-from: #6ee7b7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50{
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50\/60{
  --tw-gradient-from: rgb(236 253 245 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50\/70{
  --tw-gradient-from: rgb(236 253 245 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500{
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/30{
  --tw-gradient-from: rgb(16 185 129 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600{
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-600{
  --tw-gradient-from: #c026d3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-100{
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-100\/50{
  --tw-gradient-from: rgb(243 244 246 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200{
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-800{
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900{
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 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-500{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600{
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-100{
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-200\/10{
  --tw-gradient-from: rgb(199 210 254 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-200\/20{
  --tw-gradient-from: rgb(199 210 254 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-200\/35{
  --tw-gradient-from: rgb(199 210 254 / 0.35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400{
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500{
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600{
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-900{
  --tw-gradient-from: #312e81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-100{
  --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-50{
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-950{
  --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-400{
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50{
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400{
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500{
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 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-purple-600{
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/20{
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400{
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50{
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400{
  --tw-gradient-from: #fb7185 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-50{
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-100{
  --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/20{
  --tw-gradient-from: rgb(56 189 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 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-sky-500\/30{
  --tw-gradient-from: rgb(14 165 233 / 0.3) 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-sky-600{
  --tw-gradient-from: #0284c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-100{
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-200{
  --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-400{
  --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 163 184 / 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-slate-500{
  --tw-gradient-from: #64748b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-700{
  --tw-gradient-from: #334155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-700\/40{
  --tw-gradient-from: rgb(51 65 85 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-800{
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900{
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/30{
  --tw-gradient-from: rgb(15 23 42 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/90{
  --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400{
  --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500{
  --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 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-violet-300{
  --tw-gradient-from: #c4b5fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400{
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600{
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-700{
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 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-white\/70{
  --tw-gradient-from: rgb(255 255 255 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/90{
  --tw-gradient-from: rgb(255 255 255 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.06\]{
  --tw-gradient-from: rgb(255 255 255 / 0.06) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#06080c\]\/95{
  --tw-gradient-to: rgb(6 8 12 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 8 12 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-100{
  --tw-gradient-to: rgb(254 243 199 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/50{
  --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.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-100{
  --tw-gradient-to: rgb(219 234 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-200{
  --tw-gradient-to: rgb(191 219 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-400{
  --tw-gradient-to: rgb(96 165 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-400\/15{
  --tw-gradient-to: rgb(96 165 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(96 165 250 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-400\/20{
  --tw-gradient-to: rgb(96 165 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(96 165 250 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50\/30{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500{
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600{
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-700{
  --tw-gradient-to: rgb(29 78 216 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900\/20{
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900\/80{
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-400{
  --tw-gradient-to: rgb(52 211 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-500{
  --tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-600{
  --tw-gradient-to: rgb(5 150 105 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-100{
  --tw-gradient-to: rgb(243 244 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-50{
  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900{
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50{
  --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50\/20{
  --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(238 242 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50\/30{
  --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(238 242 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-500{
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-600{
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-800{
  --tw-gradient-to: rgb(55 48 163 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3730a3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500{
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600{
  --tw-gradient-to: rgb(147 51 234 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-800{
  --tw-gradient-to: rgb(107 33 168 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-500{
  --tw-gradient-to: rgb(14 165 233 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-50{
  --tw-gradient-to: rgb(248 250 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-800{
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900{
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-100{
  --tw-gradient-to: rgb(237 233 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-600{
  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#0c1018\]\/90{
  --tw-gradient-to: rgb(12 16 24 / 0.9) var(--tw-gradient-to-position);
}
.to-\[\#0f171d\]{
  --tw-gradient-to: #0f171d var(--tw-gradient-to-position);
}
.to-amber-400{
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}
.to-amber-600{
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-black{
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/70{
  --tw-gradient-to: rgb(0 0 0 / 0.7) var(--tw-gradient-to-position);
}
.to-blue-100{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/50{
  --tw-gradient-to: rgb(219 234 254 / 0.5) var(--tw-gradient-to-position);
}
.to-blue-200\/10{
  --tw-gradient-to: rgb(191 219 254 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-200\/60{
  --tw-gradient-to: rgb(191 219 254 / 0.6) var(--tw-gradient-to-position);
}
.to-blue-300{
  --tw-gradient-to: #93c5fd var(--tw-gradient-to-position);
}
.to-blue-400{
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500{
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-600{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-700{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-blue-800{
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.to-cyan-400{
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}
.to-cyan-50{
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}
.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-600{
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-100{
  --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position);
}
.to-emerald-100\/50{
  --tw-gradient-to: rgb(209 250 229 / 0.5) var(--tw-gradient-to-position);
}
.to-emerald-200{
  --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position);
}
.to-emerald-200\/60{
  --tw-gradient-to: rgb(167 243 208 / 0.6) var(--tw-gradient-to-position);
}
.to-emerald-50{
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}
.to-emerald-50\/40{
  --tw-gradient-to: rgb(236 253 245 / 0.4) var(--tw-gradient-to-position);
}
.to-emerald-500{
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.to-emerald-600{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-emerald-600\/30{
  --tw-gradient-to: rgb(5 150 105 / 0.3) var(--tw-gradient-to-position);
}
.to-emerald-700{
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.to-gray-100{
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-200{
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-gray-200\/40{
  --tw-gradient-to: rgb(229 231 235 / 0.4) var(--tw-gradient-to-position);
}
.to-gray-300{
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
}
.to-gray-50{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-600{
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.to-gray-700{
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100{
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-100\/50{
  --tw-gradient-to: rgb(220 252 231 / 0.5) var(--tw-gradient-to-position);
}
.to-green-50{
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-indigo-100{
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-400\/20{
  --tw-gradient-to: rgb(129 140 248 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-50{
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-50\/30{
  --tw-gradient-to: rgb(238 242 255 / 0.3) var(--tw-gradient-to-position);
}
.to-indigo-500{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-500\/10{
  --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-700{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-indigo-800{
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-indigo-900{
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-neutral-50{
  --tw-gradient-to: #fafafa var(--tw-gradient-to-position);
}
.to-neutral-700{
  --tw-gradient-to: #404040 var(--tw-gradient-to-position);
}
.to-orange-100{
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-50{
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-orange-600{
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-pink-100{
  --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
}
.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-pink-600{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.to-pink-700{
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}
.to-pink-900\/20{
  --tw-gradient-to: rgb(131 24 67 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-100{
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-50{
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-50\/10{
  --tw-gradient-to: rgb(250 245 255 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-50\/20{
  --tw-gradient-to: rgb(250 245 255 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/5{
  --tw-gradient-to: rgb(168 85 247 / 0.05) var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-700{
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-purple-800{
  --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position);
}
.to-purple-900\/20{
  --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position);
}
.to-red-100{
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-600{
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-rose-100{
  --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position);
}
.to-rose-500{
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
}
.to-rose-600{
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
}
.to-sky-200{
  --tw-gradient-to: #bae6fd var(--tw-gradient-to-position);
}
.to-sky-200\/10{
  --tw-gradient-to: rgb(186 230 253 / 0.1) var(--tw-gradient-to-position);
}
.to-sky-50{
  --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position);
}
.to-sky-500{
  --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position);
}
.to-sky-600{
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position);
}
.to-sky-600\/30{
  --tw-gradient-to: rgb(2 132 199 / 0.3) var(--tw-gradient-to-position);
}
.to-sky-700{
  --tw-gradient-to: #0369a1 var(--tw-gradient-to-position);
}
.to-slate-100{
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-100\/70{
  --tw-gradient-to: rgb(241 245 249 / 0.7) var(--tw-gradient-to-position);
}
.to-slate-200{
  --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position);
}
.to-slate-300{
  --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position);
}
.to-slate-50{
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-slate-50\/30{
  --tw-gradient-to: rgb(248 250 252 / 0.3) var(--tw-gradient-to-position);
}
.to-slate-50\/60{
  --tw-gradient-to: rgb(248 250 252 / 0.6) var(--tw-gradient-to-position);
}
.to-slate-600{
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.to-slate-700{
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}
.to-slate-800{
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-800\/40{
  --tw-gradient-to: rgb(30 41 59 / 0.4) var(--tw-gradient-to-position);
}
.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-slate-900\/30{
  --tw-gradient-to: rgb(15 23 42 / 0.3) var(--tw-gradient-to-position);
}
.to-slate-900\/90{
  --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
}
.to-teal-100{
  --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position);
}
.to-teal-400{
  --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position);
}
.to-teal-50\/40{
  --tw-gradient-to: rgb(240 253 250 / 0.4) var(--tw-gradient-to-position);
}
.to-teal-500{
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-600{
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-teal-700{
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-100{
  --tw-gradient-to: #ede9fe var(--tw-gradient-to-position);
}
.to-violet-400{
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}
.to-violet-50{
  --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position);
}
.to-violet-50\/60{
  --tw-gradient-to: rgb(245 243 255 / 0.6) var(--tw-gradient-to-position);
}
.to-violet-500{
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
}
.to-violet-600{
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}
.to-violet-700{
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}
.to-violet-800{
  --tw-gradient-to: #5b21b6 var(--tw-gradient-to-position);
}
.to-violet-900{
  --tw-gradient-to: #4c1d95 var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/70{
  --tw-gradient-to: rgb(255 255 255 / 0.7) var(--tw-gradient-to-position);
}
.to-white\/\[0\.02\]{
  --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
}
.to-yellow-600{
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}
.bg-cover{
  background-size: cover;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.bg-right{
  background-position: right;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.fill-amber-400{
  fill: #fbbf24;
}
.fill-green-400{
  fill: #4ade80;
}
.fill-red-500{
  fill: #ef4444;
}
.fill-white{
  fill: #fff;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.\!p-0{
  padding: 0px !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-16{
  padding: 4rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.\!px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.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-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.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-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-2{
  padding-bottom: 0.5rem !important;
}
.\!pl-8{
  padding-left: 2rem !important;
}
.\!pl-9{
  padding-left: 2.25rem !important;
}
.\!pt-5{
  padding-top: 1.25rem !important;
}
.\!pt-6{
  padding-top: 1.5rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-40{
  padding-bottom: 10rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[env\(safe-area-inset-bottom\)\]{
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(0.75rem,env(safe-area-inset-bottom));
}
.pb-\[max\(3\.5rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(3.5rem,env(safe-area-inset-bottom));
}
.pl-0{
  padding-left: 0px;
}
.pl-0\.5{
  padding-left: 0.125rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-14{
  padding-left: 3.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.ps-10{
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}
.ps-16{
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.ps-3{
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.ps-3\.5{
  -webkit-padding-start: 0.875rem;
          padding-inline-start: 0.875rem;
}
.ps-7{
  -webkit-padding-start: 1.75rem;
          padding-inline-start: 1.75rem;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[3px\]{
  padding-top: 3px;
}
.pt-\[env\(safe-area-inset-top\)\]{
  padding-top: env(safe-area-inset-top);
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.text-start{
  text-align: start;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-montserrat{
  font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
}
.font-numero{
  font-family: JetBrains Mono, ui-monospace, monospace;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-serif{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.\!text-\[13px\]{
  font-size: 13px !important;
}
.\!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-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !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;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.95rem\]{
  font-size: 0.95rem;
}
.text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.text-\[10\.5px\]{
  font-size: 10.5px;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[2\.8rem\]{
  font-size: 2.8rem;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[76px\]{
  font-size: 76px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9\.5px\]{
  font-size: 9.5px;
}
.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-semibold{
  font-weight: 600 !important;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-extralight{
  font-weight: 200;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.ordinal{
  --tw-ordinal: ordinal;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.\!tracking-wider{
  letter-spacing: 0.05em !important;
}
.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}
.tracking-\[0\.07em\]{
  letter-spacing: 0.07em;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}
.tracking-\[0\.22em\]{
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\]{
  letter-spacing: 0.24em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\]{
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.35em\]{
  letter-spacing: 0.35em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\]{
  letter-spacing: 0.4em;
}
.tracking-\[0\.5em\]{
  letter-spacing: 0.5em;
}
.tracking-\[0\.6em\]{
  letter-spacing: 0.6em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[var\(--theme-accent-text\)\]{
  color: #1e40af !important;
  color: var(--theme-accent-text) !important;
}
.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / 1) !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-indigo-600{
  --tw-text-opacity: 1 !important;
  color: rgb(79 70 229 / 1) !important;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-500{
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / 1) !important;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-600{
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / 1) !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.\!text-rose-500{
  --tw-text-opacity: 1 !important;
  color: rgb(244 63 94 / 1) !important;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1)) !important;
}
.\!text-slate-500{
  --tw-text-opacity: 1 !important;
  color: rgb(100 116 139 / 1) !important;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / 1) !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#00a884\]{
  --tw-text-opacity: 1;
  color: rgb(0 168 132 / 1);
  color: rgb(0 168 132 / var(--tw-text-opacity, 1));
}
.text-\[\#00d9a3\]{
  --tw-text-opacity: 1;
  color: rgb(0 217 163 / 1);
  color: rgb(0 217 163 / var(--tw-text-opacity, 1));
}
.text-\[\#0b141a\]{
  --tw-text-opacity: 1;
  color: rgb(11 20 26 / 1);
  color: rgb(11 20 26 / var(--tw-text-opacity, 1));
}
.text-\[\#0c66e4\]{
  --tw-text-opacity: 1;
  color: rgb(12 102 228 / 1);
  color: rgb(12 102 228 / var(--tw-text-opacity, 1));
}
.text-\[\#172b4d\]{
  --tw-text-opacity: 1;
  color: rgb(23 43 77 / 1);
  color: rgb(23 43 77 / var(--tw-text-opacity, 1));
}
.text-\[\#1B3A5C\]{
  --tw-text-opacity: 1;
  color: rgb(27 58 92 / 1);
  color: rgb(27 58 92 / var(--tw-text-opacity, 1));
}
.text-\[\#216e4e\]{
  --tw-text-opacity: 1;
  color: rgb(33 110 78 / 1);
  color: rgb(33 110 78 / var(--tw-text-opacity, 1));
}
.text-\[\#25d366\]{
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / 1);
  color: rgb(37 211 102 / var(--tw-text-opacity, 1));
}
.text-\[\#2F6B50\]{
  --tw-text-opacity: 1;
  color: rgb(47 107 80 / 1);
  color: rgb(47 107 80 / var(--tw-text-opacity, 1));
}
.text-\[\#44546f\]{
  --tw-text-opacity: 1;
  color: rgb(68 84 111 / 1);
  color: rgb(68 84 111 / var(--tw-text-opacity, 1));
}
.text-\[\#53bdeb\]{
  --tw-text-opacity: 1;
  color: rgb(83 189 235 / 1);
  color: rgb(83 189 235 / var(--tw-text-opacity, 1));
}
.text-\[\#626f86\]{
  --tw-text-opacity: 1;
  color: rgb(98 111 134 / 1);
  color: rgb(98 111 134 / var(--tw-text-opacity, 1));
}
.text-\[\#7ef0a9\]{
  --tw-text-opacity: 1;
  color: rgb(126 240 169 / 1);
  color: rgb(126 240 169 / var(--tw-text-opacity, 1));
}
.text-\[\#8993a4\]{
  --tw-text-opacity: 1;
  color: rgb(137 147 164 / 1);
  color: rgb(137 147 164 / var(--tw-text-opacity, 1));
}
.text-\[\#8C3A3A\]{
  --tw-text-opacity: 1;
  color: rgb(140 58 58 / 1);
  color: rgb(140 58 58 / var(--tw-text-opacity, 1));
}
.text-\[\#ae2e24\]{
  --tw-text-opacity: 1;
  color: rgb(174 46 36 / 1);
  color: rgb(174 46 36 / var(--tw-text-opacity, 1));
}
.text-\[\#c9372c\]{
  --tw-text-opacity: 1;
  color: rgb(201 55 44 / 1);
  color: rgb(201 55 44 / var(--tw-text-opacity, 1));
}
.text-\[var\(--theme-accent\)\]{
  color: #2563eb;
  color: var(--theme-accent);
}
.text-\[var\(--theme-accent-text\)\]{
  color: #1e40af;
  color: var(--theme-accent-text);
}
.text-\[var\(--theme-text\)\]{
  color: #1a1d24;
  color: var(--theme-text);
}
.text-\[var\(--theme-text-faint\)\]{
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.text-\[var\(--theme-text-muted\)\]{
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
.text-amber-100{
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / 1);
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-200\/70{
  color: rgb(253 230 138 / 0.7);
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / 1);
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-800\/80{
  color: rgb(146 64 14 / 0.8);
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / 1);
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/80{
  color: rgb(120 53 15 / 0.8);
}
.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / 1);
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-100{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / 1);
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-100\/80{
  color: rgb(219 234 254 / 0.8);
}
.text-blue-200{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-400\/50{
  color: rgb(96 165 250 / 0.5);
}
.text-blue-400\/70{
  color: rgb(96 165 250 / 0.7);
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / 1);
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-blue-950{
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / 1);
  color: rgb(23 37 84 / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-cyan-200{
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / 1);
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.text-cyan-300{
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / 1);
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.text-cyan-600{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / 1);
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-cyan-700{
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / 1);
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-800{
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / 1);
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-emerald-100{
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / 1);
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-200{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / 1);
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-200\/70{
  color: rgb(167 243 208 / 0.7);
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-300\/80{
  color: rgb(110 231 183 / 0.8);
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-50\/80{
  color: rgb(236 253 245 / 0.8);
}
.text-emerald-50\/95{
  color: rgb(236 253 245 / 0.95);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / 1);
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-500\/70{
  color: rgb(16 185 129 / 0.7);
}
.text-emerald-500\/80{
  color: rgb(16 185 129 / 0.8);
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / 1);
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-600\/80{
  color: rgb(5 150 105 / 0.8);
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 1);
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-700\/70{
  color: rgb(4 120 87 / 0.7);
}
.text-emerald-700\/80{
  color: rgb(4 120 87 / 0.8);
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / 1);
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / 1);
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-emerald-900\/80{
  color: rgb(6 78 59 / 0.8);
}
.text-emerald-950{
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / 1);
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}
.text-fuchsia-700{
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / 1);
  color: rgb(162 28 175 / var(--tw-text-opacity, 1));
}
.text-fuchsia-800{
  --tw-text-opacity: 1;
  color: rgb(134 25 143 / 1);
  color: rgb(134 25 143 / var(--tw-text-opacity, 1));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-100{
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / 1);
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-300{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / 1);
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-300{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 1);
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-indigo-50\/80{
  color: rgb(238 242 255 / 0.8);
}
.text-indigo-50\/95{
  color: rgb(238 242 255 / 0.95);
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / 1);
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-500\/80{
  color: rgb(99 102 241 / 0.8);
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / 1);
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / 1);
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / 1);
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.text-lime-700{
  --tw-text-opacity: 1;
  color: rgb(77 124 15 / 1);
  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
}
.text-neutral-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / 1);
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / 1);
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / 1);
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 1);
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-neutral-950{
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / 1);
  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 1);
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / 1);
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / 1);
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-orange-900{
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / 1);
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / 1);
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / 1);
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / 1);
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-pink-700{
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / 1);
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-purple-100{
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / 1);
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.text-purple-300{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / 1);
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / 1);
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-600\/70{
  color: rgb(220 38 38 / 0.7);
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-700\/80{
  color: rgb(185 28 28 / 0.8);
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-800\/80{
  color: rgb(153 27 27 / 0.8);
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / 1);
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-red-950{
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / 1);
  color: rgb(69 10 10 / var(--tw-text-opacity, 1));
}
.text-rose-100{
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / 1);
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.text-rose-200{
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / 1);
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / 1);
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.text-rose-400{
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / 1);
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / 1);
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-500\/80{
  color: rgb(244 63 94 / 0.8);
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / 1);
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / 1);
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / 1);
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-rose-900{
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / 1);
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-sky-100{
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / 1);
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}
.text-sky-200{
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / 1);
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / 1);
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.text-sky-400{
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / 1);
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.text-sky-50\/80{
  color: rgb(240 249 255 / 0.8);
}
.text-sky-50\/95{
  color: rgb(240 249 255 / 0.95);
}
.text-sky-500{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / 1);
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.text-sky-500\/70{
  color: rgb(14 165 233 / 0.7);
}
.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / 1);
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / 1);
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / 1);
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-sky-900{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / 1);
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 1);
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-200\/85{
  color: rgb(226 232 240 / 0.85);
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / 1);
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / 1);
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / 1);
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-teal-200{
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / 1);
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}
.text-teal-300{
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / 1);
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.text-teal-400{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / 1);
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.text-teal-500{
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / 1);
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}
.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / 1);
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / 1);
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / 1);
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-teal-900{
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / 1);
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-violet-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / 1);
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / 1);
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / 1);
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / 1);
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-700\/70{
  color: rgb(109 40 217 / 0.7);
}
.text-violet-700\/80{
  color: rgb(109 40 217 / 0.8);
}
.text-violet-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / 1);
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-violet-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / 1);
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}
.text-white\/35{
  color: rgb(255 255 255 / 0.35);
}
.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45{
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / 1);
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / 1);
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / 1);
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.text-zinc-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / 1);
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / 1);
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / 1);
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.text-zinc-700{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / 1);
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.no-underline{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.decoration-\[var\(--theme-text-faint\)\]{
  -webkit-text-decoration-color: #9ca3b0;
          text-decoration-color: #9ca3b0;
  -webkit-text-decoration-color: var(--theme-text-faint);
          text-decoration-color: var(--theme-text-faint);
}
.decoration-blue-200{
  -webkit-text-decoration-color: #bfdbfe;
          text-decoration-color: #bfdbfe;
}
.decoration-emerald-300{
  -webkit-text-decoration-color: #6ee7b7;
          text-decoration-color: #6ee7b7;
}
.decoration-indigo-300{
  -webkit-text-decoration-color: #a5b4fc;
          text-decoration-color: #a5b4fc;
}
.decoration-slate-300{
  -webkit-text-decoration-color: #cbd5e1;
          text-decoration-color: #cbd5e1;
}
.decoration-dotted{
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}
.decoration-2{
  text-decoration-thickness: 2px;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-\[var\(--theme-text-faint\)\]::placeholder{
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.placeholder-gray-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-neutral-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(163 163 163 / 1);
  color: rgb(163 163 163 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-600::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-placeholder-opacity, 1));
}
.placeholder-transparent::placeholder{
  color: transparent;
}
.accent-amber-600{
  accent-color: #d97706;
}
.accent-blue-600{
  accent-color: #2563eb;
}
.accent-emerald-400{
  accent-color: #34d399;
}
.accent-emerald-600{
  accent-color: #059669;
}
.accent-green-600{
  accent-color: #16a34a;
}
.accent-indigo-500{
  accent-color: #6366f1;
}
.accent-indigo-600{
  accent-color: #4f46e5;
}
.accent-purple-600{
  accent-color: #9333ea;
}
.accent-red-600{
  accent-color: #dc2626;
}
.accent-slate-800{
  accent-color: #1e293b;
}
.accent-slate-900{
  accent-color: #0f172a;
}
.accent-violet-600{
  accent-color: #7c3aed;
}
.accent-yellow-500{
  accent-color: #eab308;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-5{
  opacity: 0.05;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[0\.015\]{
  opacity: 0.015;
}
.opacity-\[0\.06\]{
  opacity: 0.06;
}
.\!shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_6px_rgba\(37\2c 99\2c 235\2c 0\.12\)\]{
  --tw-shadow: 0 0 0 6px rgba(37,99,235,0.12);
  --tw-shadow-colored: 0 0 0 6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_22px_rgba\(29\2c 78\2c 216\2c 0\.32\)\]{
  --tw-shadow: 0 10px 22px rgba(29,78,216,0.32);
  --tw-shadow-colored: 0 10px 22px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 12px 28px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-12px_rgba\(0\2c 168\2c 132\2c 0\.7\)\]{
  --tw-shadow: 0 12px 30px -12px rgba(0,168,132,0.7);
  --tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-12px_rgba\(16\2c 185\2c 129\2c 0\.7\)\]{
  --tw-shadow: 0 12px 30px -12px rgba(16,185,129,0.7);
  --tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-12px_rgba\(29\2c 78\2c 216\2c 0\.6\)\]{
  --tw-shadow: 0 12px 30px -12px rgba(29,78,216,0.6);
  --tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-22px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 12px 30px -22px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 12px 30px -22px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(15\2c 23\2c 42\2c 0\.22\)\]{
  --tw-shadow: 0 12px 32px rgba(15,23,42,0.22);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0 12px 32px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(16\2c 24\2c 40\2c 0\.18\)\]{
  --tw-shadow: 0 12px 40px rgba(16,24,40,0.18);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_45px_-32px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 14px 45px -32px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 14px 45px -32px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_15px_35px_-25px_rgba\(14\2c 116\2c 144\2c 0\.5\)\]{
  --tw-shadow: 0 15px 35px -25px rgba(14,116,144,0.5);
  --tw-shadow-colored: 0 15px 35px -25px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 16px 40px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 18px 40px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]{
  --tw-shadow: 0 18px 40px rgba(15,23,42,0.2);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_rgba\(15\2c 23\2c 42\2c 0\.20\)\]{
  --tw-shadow: 0 18px 40px rgba(15,23,42,0.20);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_50px_rgba\(2\2c 6\2c 23\2c 0\.28\)\]{
  --tw-shadow: 0 18px 50px rgba(2,6,23,0.28);
  --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_1px_\#091e4240\2c 0_0_1px_\#091e424f\]{
  --tw-shadow: 0 1px 1px #091e4240,0 0 1px #091e424f;
  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.08);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_-30px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 20px 50px -30px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 20px 50px -30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(15\2c 23\2c 42\2c 0\.28\)\]{
  --tw-shadow: 0 20px 50px rgba(15,23,42,0.28);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-35px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 20px 60px -35px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 20px 60px -35px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 20px 60px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 20px 60px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_60px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{
  --tw-shadow: 0 22px 60px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_60px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 22px 60px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_60px_-48px_rgba\(15\2c 23\2c 42\2c 0\.4\)\]{
  --tw-shadow: 0 24px 60px -48px rgba(15,23,42,0.4);
  --tw-shadow-colored: 0 24px 60px -48px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_60px_rgba\(15\2c 23\2c 42\2c 0\.28\)\]{
  --tw-shadow: 0 24px 60px rgba(15,23,42,0.28);
  --tw-shadow-colored: 0 24px 60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-35px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 24px 70px -35px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 24px 70px -35px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-52px_rgba\(15\2c 23\2c 42\2c 0\.42\)\]{
  --tw-shadow: 0 24px 70px -52px rgba(15,23,42,0.42);
  --tw-shadow-colored: 0 24px 70px -52px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_60px_-40px_rgba\(15\2c 23\2c 42\2c 0\.3\)\]{
  --tw-shadow: 0 25px 60px -40px rgba(15,23,42,0.3);
  --tw-shadow-colored: 0 25px 60px -40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_80px_-55px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 25px 80px -55px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 25px 80px -55px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_80px_-58px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 28px 80px -58px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 28px 80px -58px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.04\)\]{
  --tw-shadow: 0 2px 10px rgba(15,23,42,0.04);
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(16\2c 185\2c 129\2c 0\.08\)\]{
  --tw-shadow: 0 2px 10px rgba(16,185,129,0.08);
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_70px_-20px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 30px 70px -20px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 30px 70px -20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-45px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]{
  --tw-shadow: 0 30px 80px -45px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 30px 80px -45px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-48px_\.\.\.\]{
  --tw-shadow: 0 30px 80px -48px ...;
  --tw-shadow-colored: 0 30px 80px -48px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-50px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-shadow: 0 30px 80px -50px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 30px 80px -50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-50px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{
  --tw-shadow: 0 30px 80px -50px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 30px 80px -50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-50px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 30px 80px -50px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 30px 80px -50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-50px_rgba\(15\2c 23\2c 42\2c 0\.4\)\]{
  --tw-shadow: 0 30px 80px -50px rgba(15,23,42,0.4);
  --tw-shadow-colored: 0 30px 80px -50px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-55px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 30px 80px -55px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 30px 80px -55px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_-58px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 30px 90px -58px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 30px 90px -58px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 30px 90px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 30px 90px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_80px_-20px_rgba\(15\2c 23\2c 42\2c 0\.5\)\]{
  --tw-shadow: 0 32px 80px -20px rgba(15,23,42,0.5);
  --tw-shadow-colored: 0 32px 80px -20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_35px_80px_-20px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 35px 80px -20px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 35px 80px -20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_35px_80px_-45px_rgba\(15\2c 23\2c 42\2c 0\.3\)\]{
  --tw-shadow: 0 35px 80px -45px rgba(15,23,42,0.3);
  --tw-shadow-colored: 0 35px 80px -45px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_35px_80px_-45px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 35px 80px -45px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 35px 80px -45px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_100px_rgba\(15\2c 23\2c 42\2c 0\.30\)\]{
  --tw-shadow: 0 40px 100px rgba(15,23,42,0.30);
  --tw-shadow-colored: 0 40px 100px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_120px_-40px_rgba\(2\2c 6\2c 23\2c 0\.55\)\]{
  --tw-shadow: 0 40px 120px -40px rgba(2,6,23,0.55);
  --tw-shadow-colored: 0 40px 120px -40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_45px_120px_-60px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]{
  --tw-shadow: 0 45px 120px -60px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 45px 120px -60px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 4px 12px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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\(16\2c 185\2c 129\2c 0\.10\)\]{
  --tw-shadow: 0 4px 12px rgba(16,185,129,0.10);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 4px 14px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_12px_\#091e4226\2c 0_0_1px_\#091e424f\]{
  --tw-shadow: 0 8px 12px #091e4226,0 0 1px #091e424f;
  --tw-shadow-colored: 0 8px 12px var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_16px_rgba\(29\2c 78\2c 216\2c 0\.25\)\]{
  --tw-shadow: 0 8px 16px rgba(29,78,216,0.25);
  --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_16px_rgba\(5\2c 150\2c 105\2c 0\.25\)\]{
  --tw-shadow: 0 8px 16px rgba(5,150,105,0.25);
  --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(0\2c 168\2c 132\2c 0\.3\)\]{
  --tw-shadow: 0 8px 20px rgba(0,168,132,0.3);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(0\2c 168\2c 132\2c 0\.35\)\]{
  --tw-shadow: 0 8px 20px rgba(0,168,132,0.35);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(14\2c 165\2c 233\2c 0\.30\)\]{
  --tw-shadow: 0 8px 20px rgba(14,165,233,0.30);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(16\2c 185\2c 129\2c 0\.30\)\]{
  --tw-shadow: 0 8px 20px rgba(16,185,129,0.30);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(4\2c 120\2c 87\2c 0\.28\)\]{
  --tw-shadow: 0 8px 20px rgba(4,120,87,0.28);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(99\2c 102\2c 241\2c 0\.30\)\]{
  --tw-shadow: 0 8px 20px rgba(99,102,241,0.30);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 8px 24px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(59\2c 130\2c 246\2c 0\.25\)\]{
  --tw-shadow: 0 8px 32px rgba(59,130,246,0.25);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 168\2c 132\2c 0\.25\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(0,168,132,0.25);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!shadow-gray-300{
  --tw-shadow-color: #d1d5db !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-black\/20{
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/30{
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/40{
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-200{
  --tw-shadow-color: #bfdbfe;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/20{
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-600\/20{
  --tw-shadow-color: rgb(37 99 235 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-200{
  --tw-shadow-color: #a7f3d0;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-200\/60{
  --tw-shadow-color: rgb(167 243 208 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/20{
  --tw-shadow-color: rgb(16 185 129 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/30{
  --tw-shadow-color: rgb(16 185 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-600\/20{
  --tw-shadow-color: rgb(5 150 105 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/20{
  --tw-shadow-color: rgb(99 102 241 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/30{
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-600\/20{
  --tw-shadow-color: rgb(79 70 229 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-neutral-200{
  --tw-shadow-color: #e5e5e5;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-neutral-900\/20{
  --tw-shadow-color: rgb(23 23 23 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-900\/25{
  --tw-shadow-color: rgb(15 23 42 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-200{
  --tw-shadow-color: #ddd6fe;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-500\/20{
  --tw-shadow-color: rgb(139 92 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-2{
  outline-width: 2px;
}
.outline-offset-\[-2px\]{
  outline-offset: -2px;
}
.outline-purple-400{
  outline-color: #c084fc;
}
.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), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  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), 0 0 #0000;
  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), 0 0 #0000;
  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), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#0c66e4\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 102 228 / var(--tw-ring-opacity, 1));
}
.ring-\[\#0f171d\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 29 / var(--tw-ring-opacity, 1));
}
.ring-\[\#25d366\]\/35{
  --tw-ring-color: rgb(37 211 102 / 0.35);
}
.ring-\[\#53bdeb\]\/45{
  --tw-ring-color: rgb(83 189 235 / 0.45);
}
.ring-\[\#BBD2EC\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 210 236 / var(--tw-ring-opacity, 1));
}
.ring-\[var\(--theme-accent\)\]{
  --tw-ring-color: var(--theme-accent);
}
.ring-amber-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}
.ring-amber-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}
.ring-amber-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}
.ring-amber-300\/80{
  --tw-ring-color: rgb(252 211 77 / 0.8);
}
.ring-amber-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.ring-amber-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.ring-black\/10{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-blue-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.ring-blue-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.ring-blue-200\/50{
  --tw-ring-color: rgb(191 219 254 / 0.5);
}
.ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.ring-blue-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.ring-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.ring-blue-600{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}
.ring-emerald-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1));
}
.ring-emerald-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}
.ring-emerald-200\/50{
  --tw-ring-color: rgb(167 243 208 / 0.5);
}
.ring-emerald-200\/60{
  --tw-ring-color: rgb(167 243 208 / 0.6);
}
.ring-emerald-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.ring-emerald-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.ring-emerald-400\/40{
  --tw-ring-color: rgb(52 211 153 / 0.4);
}
.ring-emerald-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.ring-fuchsia-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 171 252 / 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-gray-700{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
}
.ring-indigo-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}
.ring-indigo-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}
.ring-indigo-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity, 1));
}
.ring-indigo-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.ring-indigo-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.ring-indigo-500\/40{
  --tw-ring-color: rgb(99 102 241 / 0.4);
}
.ring-neutral-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity, 1));
}
.ring-neutral-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
}
.ring-neutral-900\/10{
  --tw-ring-color: rgb(23 23 23 / 0.1);
}
.ring-orange-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}
.ring-orange-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity, 1));
}
.ring-orange-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}
.ring-purple-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}
.ring-red-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}
.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-red-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.ring-red-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.ring-red-500\/30{
  --tw-ring-color: rgb(239 68 68 / 0.3);
}
.ring-rose-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1));
}
.ring-rose-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}
.ring-rose-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity, 1));
}
.ring-rose-400\/80{
  --tw-ring-color: rgb(251 113 133 / 0.8);
}
.ring-rose-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}
.ring-sky-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}
.ring-sky-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1));
}
.ring-sky-200\/60{
  --tw-ring-color: rgb(186 230 253 / 0.6);
}
.ring-sky-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1));
}
.ring-sky-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1));
}
.ring-slate-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1));
}
.ring-slate-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.ring-slate-200\/70{
  --tw-ring-color: rgb(226 232 240 / 0.7);
}
.ring-slate-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.ring-slate-900{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}
.ring-slate-900\/10{
  --tw-ring-color: rgb(15 23 42 / 0.1);
}
.ring-slate-900\/5{
  --tw-ring-color: rgb(15 23 42 / 0.05);
}
.ring-slate-950{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}
.ring-violet-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity, 1));
}
.ring-violet-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1));
}
.ring-violet-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}
.ring-violet-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/20{
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-opacity-50{
  --tw-ring-opacity: 0.5;
}
.ring-opacity-90{
  --tw-ring-opacity: 0.9;
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-4{
  --tw-ring-offset-width: 4px;
}
.ring-offset-transparent{
  --tw-ring-offset-color: transparent;
}
.ring-offset-white{
  --tw-ring-offset-color: #fff;
}
.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-3xl{
  --tw-blur: blur(64px);
  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-\[100px\]{
  --tw-blur: blur(100px);
  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-\[120px\]{
  --tw-blur: blur(120px);
  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-\[60px\]{
  --tw-blur: blur(60px);
  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-\[80px\]{
  --tw-blur: blur(80px);
  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-\[90px\]{
  --tw-blur: blur(90px);
  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);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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-sm{
  --tw-backdrop-blur: blur(4px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
  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) !important;
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\]{
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.\!transition-none{
  transition-property: none !important;
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c opacity\2c border-color\]{
  transition-property: box-shadow,opacity,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-columns\]{
  transition-property: grid-template-columns;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\2c margin\2c visibility\]{
  transition-property: max-height,opacity,margin,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-width\2c opacity\]{
  transition-property: max-width,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, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.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;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.scrollbar::-webkit-scrollbar-track{
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-track:hover{
  background-color: var(--scrollbar-track);
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar::-webkit-scrollbar-track:active{
  background-color: var(--scrollbar-track);
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar::-webkit-scrollbar-thumb{
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-thumb:hover{
  background-color: var(--scrollbar-thumb);
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar::-webkit-scrollbar-thumb:active{
  background-color: var(--scrollbar-thumb);
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar::-webkit-scrollbar-corner{
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar::-webkit-scrollbar-corner:hover{
  background-color: var(--scrollbar-corner);
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar::-webkit-scrollbar-corner:active{
  background-color: var(--scrollbar-corner);
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar{
  scrollbar-width: auto;
  scrollbar-color: initial initial;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar::-webkit-scrollbar{
  display: block;
  width: 16px;
  width: var(--scrollbar-width, 16px);
  height: 16px;
  height: var(--scrollbar-height, 16px);
}
.scrollbar-thin::-webkit-scrollbar-track{
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-thin::-webkit-scrollbar-track:hover{
  background-color: var(--scrollbar-track);
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar-thin::-webkit-scrollbar-track:active{
  background-color: var(--scrollbar-track);
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar-thin::-webkit-scrollbar-thumb{
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover{
  background-color: var(--scrollbar-thumb);
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar-thin::-webkit-scrollbar-thumb:active{
  background-color: var(--scrollbar-thumb);
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar-thin::-webkit-scrollbar-corner{
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-thin::-webkit-scrollbar-corner:hover{
  background-color: var(--scrollbar-corner);
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar-thin::-webkit-scrollbar-corner:active{
  background-color: var(--scrollbar-corner);
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar-thin{
  scrollbar-width: thin;
  scrollbar-color: initial initial;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar-thin::-webkit-scrollbar{
  display: block;
  width: 8px;
  height: 8px;
}
.scrollbar-track-gray-100{
  --scrollbar-track: #f3f4f6 !important;
}
.scrollbar-track-indigo-100{
  --scrollbar-track: #e0e7ff !important;
}
.scrollbar-track-transparent{
  --scrollbar-track: transparent !important;
}
.scrollbar-thumb-\[\#091e4224\]{
  --scrollbar-thumb: #091e4224 !important;
}
.scrollbar-thumb-gray-300{
  --scrollbar-thumb: #d1d5db !important;
}
.scrollbar-thumb-gray-500{
  --scrollbar-thumb: #6b7280 !important;
}
.scrollbar-thumb-indigo-300{
  --scrollbar-thumb: #a5b4fc !important;
}
.scrollbar-thumb-slate-700\/70{
  --scrollbar-thumb: rgb(51 65 85 / 0.7) !important;
}
.scrollbar-thumb-white\/10{
  --scrollbar-thumb: rgb(255 255 255 / 0.1) !important;
}
.scrollbar-thumb-rounded-full{
  --scrollbar-thumb-radius: 9999px;
}
.\[a-zA-Z0-9\:\/_-\]{
  a-z-a--z0-9: / -;
}
.\[all\:unset\]{
  all: unset;
}
.\[color-scheme\:dark\]{
  color-scheme: dark;
}
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(238px\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fill,minmax(238px,1fr));
}
.\[writing-mode\:vertical-rl\]{
  writing-mode: vertical-rl;
}

/* ── Reset ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* ══════════════════════════════════════
   THEME VARIABLES
   ══════════════════════════════════════ */

/* ── Light mode (default) ── */
:root {
  --theme-bg: #f4f5f7;
  --theme-surface: #ffffff;
  --theme-surface-hover: #f0f1f3;
  --theme-surface-soft: #f8f9fb;
  --theme-text: #1a1d24;
  --theme-text-muted: #5f6b7a;
  --theme-text-faint: #9ca3b0;
  --theme-border: #e2e5ea;
  --theme-accent: #2563eb;
  --theme-accent-soft: rgba(37, 99, 235, 0.12);
  --theme-accent-glow: rgba(37, 99, 235, 0.18);
  --theme-accent-text: #1e40af;
  color-scheme: light;
}

/* ── Dark mode ──
   PRETO DE VERDADE, NÃO AZUL-ESCURO.
   A paleta anterior era toda azulada (#0f1219, #171c28, #283040): cinza com
   saturação em azul. Numa tela só não se nota; no sistema inteiro dá o aspecto
   de "azul escuro" que foi relatado. A marca da Alfa Leilões é preto e branco —
   o próprio logo é isso —, então o escuro daqui é neutro: nenhum dos tons
   abaixo tem componente de cor, só claridade.

   A CLARIDADE DE CADA DEGRAU FOI ESCOLHIDA, NÃO SORTEADA:

     fundo    #000000  preto, o papel da tela
     cartão   #161616  1,16:1 contra o fundo — pouco, e é por isso que o bloco
                       "NADA SOME NO PRETO" lá embaixo põe um fio de contorno
                       em todo cartão. Elevação no escuro se lê pela borda,
                       não pela sombra: sombra preta sobre preto não existe.
     recuo    #232323  campo de digitação e cabeçalho de tabela. MAIS CLARO que
                       o cartão de propósito — campo afundado no escuro some
                       dentro da caixa que o contém (é a mesma razão do
                       comentário de --campo-bg mais abaixo). 1,15:1.
     hover    #2e2e2e  um degrau acima do recuo (1,16:1), para o passar do
                       mouse ter resposta visível sem virar um salto.
     borda    #383838  1,54:1 contra o cartão: fio visível sem virar grade.

   TODOS OS DEGRAUS SÃO MAIORES QUE OS DA PALETA ANTIGA, medidos: cartão sobre
   fundo era 1,10, recuo sobre cartão era 1,05 e borda sobre cartão era 1,29.
   Ou seja, além de tirar o azul, a troca separou melhor as camadas do que
   separava antes — nada ficou mais apagado do que já estava.

   TEXTO: #ededed dá 15,5:1 sobre o cartão, #a3a3a3 dá 7,2:1 e #737373 dá
   3,8:1 — o apagado fica reservado a rótulo e metadado, nunca a texto corrido.

   ACENTO: continua azul, e agora é o azul da marca (--alfa-azul, #3b9bfc)
   clareado para #4aa3ff. Num sistema preto e branco o azul é o que diz
   "isto aqui é clicável"; tirar a cor do acento junto com o resto tiraria essa
   informação. Sobre preto ele dá 8,0:1, e o texto preto em cima do botão de
   acento (regra `bg-blue-6` mais abaixo) dá os mesmos 8,0:1. */
html.dark {
  --theme-bg: #000000;
  --theme-surface: #161616;
  --theme-surface-hover: #2e2e2e;
  --theme-surface-soft: #232323;
  --theme-text: #ededed;
  --theme-text-muted: #a3a3a3;
  --theme-text-faint: #737373;
  --theme-border: #383838;
  --theme-accent: #4aa3ff;
  --theme-accent-soft: rgba(74, 163, 255, 0.14);
  --theme-accent-glow: rgba(74, 163, 255, 0.22);
  --theme-accent-text: #9dcbff;
  color-scheme: dark;
}

body,
#root {
  background-color: #f4f5f7;
  background-color: var(--theme-bg);
  color: #1a1d24;
  color: var(--theme-text);
  font-family:
    'Space Grotesk',
    system-ui,
    -apple-system,
    sans-serif;
}
html {
  background-color: #f4f5f7;
  background-color: var(--theme-bg);
}

/* ══════════════════════════════════════
   MENU LATERAL
   ══════════════════════════════════════

   O menu é PRETO NOS DOIS TEMAS, e não acompanha `--theme-*`. Antes era
   `bg-slate-950` fixo — quase preto, mas azulado, que é o mesmo azul que se
   está tirando do resto do sistema. Agora é preto de verdade, e o mesmo nos
   dois modos: é a âncora da marca na tela, e a marca da Alfa Leilões é preto
   e branco (os dois arquivos de logo são exatamente isso, fundo preto chapado
   e traço branco — por isso eles encostam no menu e somem, que é o ideal).

   No modo escuro o menu vira a mesma superfície do conteúdo, separada só pelo
   filete da direita. No claro ele é o contraste da tela.

   --menu-elev é o degrau ACIMA do menu: a caixinha de opções do usuário, o
   botão de recolher, a aba de reabrir. Precisa existir porque o menu é #000 e
   não há para onde descer — quem se destaca, sobe. */
:root {
  --menu-bg: #000000;
  --menu-elev: #1c1c1c;
  --menu-elev-hover: #2a2a2a;
  --menu-borda: rgba(255, 255, 255, 0.14);
}

.app-sidebar {
  background-color: #000000;
  background-color: var(--menu-bg);
}

/* Tudo o que "sobe" um degrau dentro do menu: a caixinha de opções
   (`bg-slate-900`), o botão de recolher, e a aba de reabrir o menu — que fica
   FORA do `<aside>`, por isso tem classe própria. */
.app-sidebar [class~='bg-slate-900'],
.app-sidebar [class~='bg-slate-800'],
.app-sidebar-aba {
  background-color: #1c1c1c;
  background-color: var(--menu-elev);
}
.app-sidebar [class~='hover:bg-slate-700']:hover,
.app-sidebar-aba:hover {
  background-color: #2a2a2a;
  background-color: var(--menu-elev-hover);
}
.app-sidebar [class~='border-slate-700'] {
  border-color: rgba(255, 255, 255, 0.14);
  border-color: var(--menu-borda);
}
/* A borda que acende ao passar o mouse no botão de recolher. Precisa ser mais
   forte que `--menu-borda`, senão o botão responde ao mouse com uma mudança
   que não dá para ver. */
.app-sidebar [class~='hover:border-slate-500']:hover {
  border-color: rgba(255, 255, 255, 0.32);
}
/* O anel do pontinho de notificação imita o fundo do menu para recortá-lo do
   ícone. Estava preso em `ring-slate-950`; agora acompanha o tema. */
.app-sidebar [class~='ring-slate-950'] {
  --tw-ring-color: var(--menu-bg);
}

/* Os cinzas do menu também perdem o azul, pelo mesmo motivo do bloco
   "NEUTRALIZAÇÃO DO AZUL": slate é cinza-azulado, e sobre preto a diferença
   aparece. Vale nos dois temas, porque o menu é preto nos dois.

   `~=` e não `*=`: `group-hover:text-slate-300` contém `text-slate-3`, e com
   `*=` o ícone ficaria claro o tempo todo, perdendo a resposta ao mouse. O
   estado de hover tem regra própria, a última daqui. */
.app-sidebar [class~='text-slate-200'] {
  color: #e5e5e5;
}
.app-sidebar [class~='text-slate-300'] {
  color: #d4d4d4;
}
.app-sidebar [class~='text-slate-400'] {
  color: #a3a3a3;
}
.app-sidebar [class~='text-slate-500'] {
  color: #8a8a8a;
}
.app-sidebar [class~='text-slate-600'] {
  color: #6e6e6e;
}
.app-sidebar .group:hover [class~='group-hover:text-slate-300'] {
  color: #d4d4d4;
}
/* O "Buscar no sistema…" da caixa de busca. `placeholder-slate-600` é #475569:
   contra o antigo quase-preto azulado já era apertado (2,1:1) e contra preto
   puro ficaria pior. Neutro e um degrau mais claro dá 3,0:1 — continua
   discreto, mas legível. */
.app-sidebar [class~='placeholder-slate-600']::placeholder {
  color: #6e6e6e;
}

/* ── Janela escura fixa (ui/Dialog.jsx, ui/RedesignTable.jsx) ──
   Esses dois componentes são escuros NOS DOIS temas — título branco, borda
   clara — e por isso não podem seguir `--theme-surface`, que no modo claro é
   branco: o título sumiria. Também não podiam continuar com a cor fixa
   #171c28, que era justamente um dos azuis que se está tirando.

   `--dialog-bg-90` existe porque `bg-[var(--dialog-bg)]/90` NÃO funciona: para
   calcular a transparência o Tailwind precisa enxergar os componentes da cor,
   e dentro de uma variável ele não os enxerga. Então a transparência já vem
   embutida no valor. */
:root {
  --dialog-bg: #171c28;
  --dialog-bg-90: rgba(23, 28, 40, 0.9);
}
html.dark {
  --dialog-bg: #161616;
  --dialog-bg-90: rgba(22, 22, 22, 0.9);
}

/* ══════════════════════════════════════
   TELAS DE PALETA PRÓPRIA EM STYLE EMBUTIDO
   ══════════════════════════════════════

   Oito telas do sistema não são pintadas por classe do Tailwind: cada uma tem
   um objeto de cores no topo do arquivo (`const C = { bg, card, text… }`) e
   aplica tudo por `style={{ }}`. Estilo embutido ganha de qualquer regra de
   CSS, inclusive das deste arquivo com `!important` — então nenhuma correção
   de tema jamais chegou nelas. São as telas que continuavam CLARAS no modo
   escuro, e elas falhavam de dois jeitos:

     1. a tela inteira ficava clara (`bg: #f8fafc`, `card: #fff`) dentro de um
        sistema escuro;
     2. pior: o TÍTULO sumia. Os títulos ali são `#0f172a` — azul quase preto,
        que sobre fundo escuro lê como um roxo apagado e some. E o texto que
        NÃO declara cor herda de `.app-main`, que no escuro é quase branco:
        branco sobre o cartão branco daquelas telas. Ou seja, nas mesmas telas
        havia texto invisível por ser escuro demais E texto invisível por ser
        claro demais.

   POR QUE SÓ `html.dark` E NENHUM `:root`
   Do lado do JS cada cor virou `var(--tela-x, <a cor original daquele arquivo>)`.
   Sem `:root`, no modo claro a variável não existe e vale a RESERVA — que é a
   cor exata que aquele arquivo sempre teve. Resultado: o modo claro das oito
   telas continua idêntico ao que era, arquivo por arquivo, inclusive onde elas
   discordam entre si (uma usa `#f1f5f9` de fundo, outra `#f8fafc`, outra
   `#eef2f7`). Só o escuro é unificado.

   As cores SEMÂNTICAS mudam de papel entre os temas: no claro são tinta escura
   sobre fundo pastel (verde #15803d sobre #dcfce7); no escuro isso inverte
   para tinta clara sobre véu translúcido da mesma cor, que é como o resto do
   sistema já trata selo e faixa. */
html.dark {
  --tela-bg: #000000;
  --tela-card: #161616;
  --tela-card-hover: #232323;
  --tela-borda: #383838;
  --tela-borda-campo: #454545;
  --tela-texto: #ededed;
  --tela-texto-fraco: #a3a3a3;
  --tela-texto-apagado: #737373;
  --tela-acento: #4aa3ff;
  --tela-acento-fraco: rgba(74, 163, 255, 0.18);
  /* O laranja é identidade da tela de Avaliação de Desempenho, não um azul
     qualquer — continua laranja, só clareado para ter contraste no preto. */
  --tela-acento-quente: #ff8a68;
  --tela-acento-quente-fraco: rgba(255, 138, 104, 0.18);
  --tela-ok: #4ade80;
  --tela-ok-fraco: rgba(34, 197, 94, 0.18);
  --tela-atencao: #fbbf24;
  --tela-atencao-fraco: rgba(245, 158, 11, 0.18);
  --tela-erro: #f87171;
  --tela-erro-fraco: rgba(239, 68, 68, 0.18);
  --tela-linha-alt: #1c1c1c;
  --tela-th-bg: #1e1e1e;
}

/* ── Cores semânticas para tabela de JavaScript ──

   Mesma paleta do bloco de cores semânticas lá de cima, exposta como token.
   Serve às telas que guardam pares [fundo, tinta] numa tabela de JS e aplicam
   por `style` embutido — o caso do quadro de situações do Controle Mensal
   ("Em aberto", "Em análise", "Concluído"), que no escuro continuava sendo uma
   fileira de pastilhas pastel acesas em cima do preto.

   Só existe em html.dark, como os --tela-*: no claro a variável não existe, e
   vale a reserva escrita no próprio arquivo — o pastel de sempre. */
html.dark {
  --sem-red: #fca5a5;
  --sem-red-fraco: rgba(239, 68, 68, 0.16);
  --sem-orange: #fdba74;
  --sem-orange-fraco: rgba(249, 115, 22, 0.16);
  --sem-amber: #fcd34d;
  --sem-amber-fraco: rgba(245, 158, 11, 0.16);
  --sem-yellow: #fde047;
  --sem-yellow-fraco: rgba(234, 179, 8, 0.16);
  --sem-lime: #bef264;
  --sem-lime-fraco: rgba(132, 204, 22, 0.16);
  --sem-green: #86efac;
  --sem-green-fraco: rgba(34, 197, 94, 0.16);
  --sem-emerald: #6ee7b7;
  --sem-emerald-fraco: rgba(16, 185, 129, 0.16);
  --sem-teal: #5eead4;
  --sem-teal-fraco: rgba(20, 184, 166, 0.16);
  --sem-cyan: #67e8f9;
  --sem-cyan-fraco: rgba(6, 182, 212, 0.16);
  --sem-sky: #7dd3fc;
  --sem-sky-fraco: rgba(14, 165, 233, 0.16);
  --sem-blue: #93c5fd;
  --sem-blue-fraco: rgba(59, 130, 246, 0.16);
  --sem-indigo: #a5b4fc;
  --sem-indigo-fraco: rgba(99, 102, 241, 0.16);
  --sem-violet: #c4b5fd;
  --sem-violet-fraco: rgba(139, 92, 246, 0.16);
  --sem-purple: #d8b4fe;
  --sem-purple-fraco: rgba(168, 85, 247, 0.16);
  --sem-fuchsia: #f0abfc;
  --sem-fuchsia-fraco: rgba(217, 70, 239, 0.16);
  --sem-pink: #f9a8d4;
  --sem-pink-fraco: rgba(236, 72, 153, 0.16);
  --sem-rose: #fda4af;
  --sem-rose-fraco: rgba(244, 63, 94, 0.16);
  --sem-slate: #a3a3a3;
  --sem-slate-fraco: rgba(255, 255, 255, 0.08);
}

/* ══════════════════════════════════════
   CHAT DA IA (/ia/chat)
   ══════════════════════════════════════

   Aquela tela pinta tudo por `style` embutido, a partir de um objeto de cores
   no próprio arquivo. Estilo embutido ganha de qualquer regra de CSS, inclusive
   das deste arquivo com `!important` — então nenhuma das correções de tema
   chegava lá, e ela continuava sendo uma tela azul-marinho inteira.

   O objeto de lá agora aponta para estas variáveis. `:root` repete EXATAMENTE
   as cores que a tela já tinha: no modo claro ela continua idêntica. `html.dark`
   troca as superfícies por cinza neutro e mantém o azul só onde ele é
   informação — acento, botão de enviar e a bolha de quem escreveu.
   ══════════════════════════════════════ */
:root {
  --ia-bg: #0a0f1e;
  --ia-sidebar: #0f172a;
  --ia-sidebar-borda: #1e293b;
  --ia-card: #1e293b;
  --ia-card-borda: #334155;
  --ia-card-hover: #263347;
  --ia-texto: #f1f5f9;
  --ia-texto-fraco: #94a3b8;
  --ia-texto-apagado: #64748b;
  --ia-acento: #38bdf8;
  --ia-acento-escuro: #0369a1;
  --ia-campo-bg: #0f172a;
  --ia-campo-borda: #334155;
  --ia-bolha-usuario: #1d4ed8;
  --ia-bolha-assistente: #1e293b;
  --ia-bolha-borda: #334155;
  --ia-codigo-bg: #0f172a;
  --ia-codigo-texto: #7dd3fc;
  --ia-anexo-bg: #172554;
  --ia-anexo-texto: #93c5fd;
}
html.dark {
  --ia-bg: #000000;
  --ia-sidebar: #0d0d0d;
  --ia-sidebar-borda: #262626;
  --ia-card: #1a1a1a;
  --ia-card-borda: #333333;
  --ia-card-hover: #262626;
  --ia-texto: #f5f5f5;
  --ia-texto-fraco: #a3a3a3;
  --ia-texto-apagado: #737373;
  --ia-acento: #4aa3ff;
  --ia-acento-escuro: #1b6ec2;
  --ia-campo-bg: #141414;
  --ia-campo-borda: #333333;
  /* A bolha de quem escreveu continua azul: é o que separa, de relance, o que
     a pessoa mandou do que a IA respondeu — mesma função do verde do AlfaChat.
     A da IA fica um degrau acima do fundo, com fio de borda. */
  --ia-bolha-usuario: #1d4ed8;
  --ia-bolha-assistente: #1a1a1a;
  --ia-bolha-borda: #333333;
  --ia-codigo-bg: #141414;
  --ia-codigo-texto: #8cd4ff;
  --ia-anexo-bg: #1f1f1f;
  --ia-anexo-texto: #9dcbff;
}

/* ══════════════════════════════════════
   DARK MODE — NUCLEAR OVERRIDES
   Only active when html.dark is set.
   Uses [class*=] attribute selectors to catch
   ALL Tailwind variants including /opacity.
   ══════════════════════════════════════ */

html.dark .app-main {
  background-color: #f4f5f7 !important;
  background-color: var(--theme-bg) !important;
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
}

/* ── Force all element borders dark ── */
html.dark .app-main div,
html.dark .app-main section,
html.dark .app-main article,
html.dark .app-main header,
html.dark .app-main footer,
html.dark .app-main nav,
html.dark .app-main form,
html.dark .app-main table,
html.dark .app-main thead,
html.dark .app-main tbody,
html.dark .app-main tr,
html.dark .app-main td,
html.dark .app-main th,
html.dark .app-main li,
html.dark .app-main ul,
html.dark .app-main span,
html.dark .app-main p,
html.dark .app-main a,
html.dark .app-main button,
html.dark .app-main label {
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}

/* ── Semaforo dos cards de KPI (/ti/saude e /ti/emails) ──
   EXCECAO a regra logo acima. Ela pinta `border-color` de TODO div do .app-main
   com especificidade 0-2-2, maior que a classe do Tailwind (0-1-0) que o
   KpiCard usa para a borda esquerda. No escuro, o resultado era todo card
   cinza: o verde/ambar/vermelho que diz "ok, atencao, erro" desaparecia
   justamente na leitura rapida a que ele serve.

   Aqui a cor volta so na borda ESQUERDA e so para quem declara
   `data-semaforo` -- as outras tres bordas seguem o tema, como no resto da
   tela. Sao os MESMOS tons do modo claro (emerald-500, amber-500, red-500),
   que e onde a leitura foi validada; `neutro` nao aparece porque e exatamente
   o caso em que a borda deve seguir o tema. */
html.dark .app-main [data-semaforo='ok'] {
  border-left-color: #10b981;
}

html.dark .app-main [data-semaforo='atencao'] {
  border-left-color: #f59e0b;
}

html.dark .app-main [data-semaforo='erro'] {
  border-left-color: #ef4444;
}

/* ── Backgrounds: light → dark ──
   O `:not(input):not(select):not(textarea)` NAO e decoracao: sem ele estas
   regras genericas disputavam com o bloco "Form elements" abaixo, e a disputa
   era resolvida por um acidente de especificidade.

   O seletor de input de la carrega quatro `:not([type=...])`, e cada um conta
   como classe -> especificidade 6. Os de `select` e `textarea` nao tem nenhum
   -> especificidade 2. Estas regras genericas valem 3. Resultado: o input
   ganhava `--theme-surface-soft` e o select/textarea ao lado dele perdia e
   ficava com `--theme-surface`, que e a MESMA cor do cartao que os contem.
   Ou seja: no escuro o campo de texto tinha caixa visivel e a caixa de
   selecao ao lado dele desaparecia no fundo.

   Campo de formulario agora e assunto de um bloco so, o de baixo. */
html.dark .app-main [class*='bg-white']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-gray-5']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-gray-1']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-slate-5']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-slate-1']:not(input):not(select):not(textarea),
html.dark
  .app-main
  [class*='bg-neutral-5']:not(input):not(select):not(textarea),
html.dark
  .app-main
  [class*='bg-neutral-1']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-zinc-5']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-zinc-1']:not(input):not(select):not(textarea) {
  background-color: #ffffff !important;
  background-color: var(--theme-surface) !important;
}

html.dark .app-main [class*='bg-gray-2']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-gray-3']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-slate-2']:not(input):not(select):not(textarea),
html.dark
  .app-main
  [class*='bg-neutral-2']:not(input):not(select):not(textarea),
html.dark
  .app-main
  [class*='bg-neutral-3']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-zinc-2']:not(input):not(select):not(textarea),
html.dark .app-main [class*='bg-zinc-3']:not(input):not(select):not(textarea) {
  background-color: #f8f9fb !important;
  background-color: var(--theme-surface-soft) !important;
}

/* ── Text ── */
html.dark .app-main [class*='text-black'],
html.dark .app-main [class*='text-gray-9'],
html.dark .app-main [class*='text-gray-8'],
html.dark .app-main [class*='text-slate-9'],
html.dark .app-main [class*='text-slate-8'],
html.dark .app-main [class*='text-neutral-9'],
html.dark .app-main [class*='text-neutral-8'],
html.dark .app-main [class*='text-zinc-9'],
html.dark .app-main [class*='text-zinc-8'] {
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
}

html.dark .app-main [class*='text-gray-7'],
html.dark .app-main [class*='text-gray-6'],
html.dark .app-main [class*='text-gray-5'],
html.dark .app-main [class*='text-gray-4'],
html.dark .app-main [class*='text-slate-7'],
html.dark .app-main [class*='text-slate-6'],
html.dark .app-main [class*='text-slate-5'],
html.dark .app-main [class*='text-neutral-7'],
html.dark .app-main [class*='text-neutral-6'],
html.dark .app-main [class*='text-neutral-5'],
html.dark .app-main [class*='text-neutral-4'],
html.dark .app-main [class*='text-zinc-7'],
html.dark .app-main [class*='text-zinc-6'],
html.dark .app-main [class*='text-zinc-5'] {
  color: #5f6b7a !important;
  color: var(--theme-text-muted) !important;
}

/* ── Borders ── */
html.dark .app-main [class*='border-gray-'],
html.dark .app-main [class*='border-slate-1'],
html.dark .app-main [class*='border-slate-2'],
html.dark .app-main [class*='border-slate-3'],
html.dark .app-main [class*='border-slate-4'],
html.dark .app-main [class*='border-neutral-'],
html.dark .app-main [class*='border-zinc-'] {
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

/* ── Hover states ── */
html.dark .app-main [class*='hover:bg-gray']:hover,
html.dark .app-main [class*='hover:bg-slate-5']:hover,
html.dark .app-main [class*='hover:bg-slate-1']:hover,
html.dark .app-main [class*='hover:bg-neutral']:hover,
html.dark .app-main [class*='hover:bg-zinc']:hover,
html.dark .app-main [class*='hover:bg-white']:hover {
  background-color: #f0f1f3 !important;
  background-color: var(--theme-surface-hover) !important;
}

/* ── Form elements ──
   `:not(.campo)` em todos: quem carrega a classe `.campo` e desenhado pelo bloco
   COMPONENTE CAMPO, la embaixo, e nao por estas regras. Sem esta excecao o
   `.campo` (especificidade 1) perderia para um `!important` de especificidade 6
   e o estilo novo simplesmente nao apareceria no escuro. */
html.dark
  .app-main
  input:not(.campo):not([type='checkbox']):not([type='radio']):not(
    [type='range']
  ):not([type='color']),
html.dark .app-main textarea:not(.campo),
html.dark .app-main select:not(.campo) {
  background-color: #f8f9fb !important;
  background-color: var(--theme-surface-soft) !important;
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

html.dark
  .app-main
  input:not(.campo):not([type='checkbox']):not([type='radio']):not(
    [type='range']
  ):focus,
html.dark .app-main textarea:not(.campo):focus,
html.dark .app-main select:not(.campo):focus {
  border-color: #2563eb !important;
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
  box-shadow: 0 0 0 3px var(--theme-accent-soft) !important;
  outline: none !important;
}

html.dark .app-main input:not(.campo):disabled,
html.dark .app-main textarea:not(.campo):disabled,
html.dark .app-main select:not(.campo):disabled {
  background-color: #f0f1f3 !important;
  background-color: var(--theme-surface-hover) !important;
  color: #9ca3b0 !important;
  color: var(--theme-text-faint) !important;
}

html.dark .app-main input:not(.campo)::placeholder,
html.dark .app-main textarea:not(.campo)::placeholder {
  color: #9ca3b0 !important;
  color: var(--theme-text-faint) !important;
}

/* ── Tables ── */
html.dark .app-main thead {
  background-color: #f8f9fb !important;
  background-color: var(--theme-surface-soft) !important;
}
html.dark .app-main th {
  background-color: #f8f9fb !important;
  background-color: var(--theme-surface-soft) !important;
  color: #5f6b7a !important;
  color: var(--theme-text-muted) !important;
}
html.dark .app-main tbody tr:hover {
  background-color: #f0f1f3 !important;
  background-color: var(--theme-surface-hover) !important;
}
html.dark .app-main td {
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
}

/* ── Gradients ── */
html.dark .app-main [class*='from-white'],
html.dark .app-main [class*='from-slate-5'],
html.dark .app-main [class*='from-gray-5'],
html.dark .app-main [class*='from-gray-1'],
html.dark .app-main [class*='from-blue-5'],
html.dark .app-main [class*='from-indigo-5'],
html.dark .app-main [class*='from-pink-5'] {
  --tw-gradient-from: var(--theme-surface) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(15, 18, 25, 0) var(--tw-gradient-to-position);
}

html.dark .app-main [class*='to-white'],
html.dark .app-main [class*='to-slate-1'],
html.dark .app-main [class*='to-gray-1'],
html.dark .app-main [class*='to-blue-5'],
html.dark .app-main [class*='to-indigo-5'],
html.dark .app-main [class*='to-rose-5'],
html.dark .app-main [class*='to-sky-5'] {
  --tw-gradient-to: var(--theme-bg) var(--tw-gradient-to-position);
}

/* ── Gradiente: parada do MEIO (via) ──
   O `via-{cor}` do Tailwind NÃO passa pelo `--tw-gradient-to` como as duas
   regras acima: ele embute a cor direto dentro de `--tw-gradient-stops`
   (`var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)`),
   sem nenhuma variável intermediária que dê para sobrescrever sozinha —
   conferido no CSS compilado do build, não deduzido. Por isso trocar uma
   variável só, como fazem as regras de início e fim acima, não resolve aqui:
   é preciso reescrever `--tw-gradient-stops` inteiro. Sem esta regra,
   `via-white` deixava uma faixa branca cruzando a tela mesmo com as pontas
   já corrigidas — era exatamente o "muito brilho" do fundo do Marketing
   (MarketingHome usa `from-slate-50 via-white to-indigo-50`; a parada do meio
   sobrevivia sozinha a qualquer correção nas pontas).

   CUIDADO ao editar este comentário: escrever a dupla de prefixos com barra
   entre eles cria a sequência que FECHA o comentário no meio da frase. Foi
   exatamente isso que aconteceu na primeira versão desta regra — o comentário
   se encerrava cedo, o resto do texto virava CSS inválido e o parser engolia a
   regra inteira junto. A correção existia no arquivo e simplesmente não
   chegava ao navegador. */
html.dark .app-main [class*='via-white'],
html.dark .app-main [class*='via-slate-5'],
html.dark .app-main [class*='via-gray-5'],
html.dark .app-main [class*='via-gray-1'],
html.dark .app-main [class*='via-blue-5'],
html.dark .app-main [class*='via-indigo-5'],
html.dark .app-main [class*='via-orange-5'],
html.dark .app-main [class*='via-pink-5'] {
  --tw-gradient-stops:
    var(--tw-gradient-from),
    var(--theme-surface) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html.dark .app-main [class*='bg-[radial-gradient'] {
  background-image: radial-gradient(
    circle at top,
    #1a1a1a 0%,
    #ffffff 45%,
    #f8f9fb 100%
  ) !important;
  background-image: radial-gradient(
    circle at top,
    #1a1a1a 0%,
    var(--theme-surface) 45%,
    var(--theme-surface-soft) 100%
  ) !important;
}

/* ── Alternating rows ── */
html.dark .app-main [class*='odd:bg-white']:nth-child(odd),
html.dark .app-main [class*='even:bg-white']:nth-child(even) {
  background-color: #ffffff !important;
  background-color: var(--theme-surface) !important;
}
html.dark .app-main [class*='even:bg-slate']:nth-child(even),
html.dark .app-main [class*='even:bg-gray']:nth-child(even) {
  background-color: #f8f9fb !important;
  background-color: var(--theme-surface-soft) !important;
}

/* ── Accent ── */
html.dark .app-main [class*='bg-blue-6'],
html.dark .app-main [class*='bg-blue-7'],
html.dark .app-main [class*='bg-blue-5']:not([class*='bg-blue-50']) {
  background-color: #2563eb !important;
  background-color: var(--theme-accent) !important;
  color: #000 !important;
}

html.dark .app-main [class*='text-blue-6'],
html.dark .app-main [class*='text-blue-7'],
html.dark .app-main [class*='text-blue-5']:not([class*='text-blue-50']) {
  color: #1e40af !important;
  color: var(--theme-accent-text) !important;
}

html.dark .app-main [class*='border-blue-'] {
  border-color: #2563eb !important;
  border-color: var(--theme-accent) !important;
}

html.dark .app-main [class*='ring-blue-'] {
  --tw-ring-color: var(--theme-accent-soft) !important;
}

/* ── Cores semânticas: selo, faixa, etiqueta, painel de aviso ──

   ESTE BLOCO É GERADO A PARTIR DE UMA TABELA, e não escrito à mão, porque o
   que havia aqui antes era uma lista parcial — e o buraco dela era o defeito.
   Cobria green, red, blue, indigo, purple, pink, rose, emerald, sky e amber, e
   deixava de fora violet, teal, cyan, orange, yellow, lime e fuchsia. Numa
   mesma tela de quatro cartões de situação (sky, violet, red, emerald), três
   ficavam escuros e o do meio — violet — continuava lilás-claro, porque
   ninguém o alcançava. Não era uma tela: era toda vez que alguém escolheu uma
   família fora da lista.

   O PADRÃO QUE ESTAS TRÊS REGRAS CORRIGEM
   Selo, faixa e etiqueta nascem no claro como "fundo tom 50/100 + texto tom
   600–900 + anel tom 200/300": tinta escura sobre pastel. No escuro isso tem
   de INVERTER, e antes invertia pela metade:

     - o fundo pastel, quando alcançado, virava véu translúcido — mas o texto
       continuava no tom 800. Preto sobre preto: o texto sumia;
     - quando o fundo NÃO era alcançado, ele continuava pastel claro e o texto
       é que era clareado por alguma outra regra. Claro sobre claro: sumia
       igual, pelo motivo oposto.

   Ou seja, o mesmo selo tinha duas maneiras de desaparecer. Agora as três
   partes viram juntas: véu translúcido, tinta no tom 300, anel no tom 800.

   O 500 e o 600 ficam de fora do fundo (os dois `:not`): ali a cor é chapada,
   é botão ou marcador, e o contraste já vem dela mesma.

   O azul aponta para --theme-accent-text em vez de um tom fixo: é a cor de
   "clicável" do sistema, e precisa continuar sendo a mesma em todo lugar. */
html.dark .app-main [class*='bg-red-1'],
html.dark
  .app-main
  [class*='bg-red-5']:not([class*='bg-red-500']):not([class*='bg-red-600']) {
  background-color: rgba(239, 68, 68, 0.14) !important;
}
html.dark .app-main [class*='text-red-6'],
html.dark .app-main [class*='text-red-7'],
html.dark .app-main [class*='text-red-8'],
html.dark .app-main [class*='text-red-9'] {
  color: #fca5a5 !important;
}
html.dark .app-main [class*='border-red-2'],
html.dark .app-main [class*='border-red-3'] {
  border-color: #991b1b !important;
}
html.dark .app-main [class*='ring-red-2'],
html.dark .app-main [class*='ring-red-3'] {
  --tw-ring-color: #991b1b !important;
}
html.dark .app-main [class*='bg-orange-1'],
html.dark
  .app-main
  [class*='bg-orange-5']:not([class*='bg-orange-500']):not(
    [class*='bg-orange-600']
  ) {
  background-color: rgba(249, 115, 22, 0.14) !important;
}
html.dark .app-main [class*='text-orange-6'],
html.dark .app-main [class*='text-orange-7'],
html.dark .app-main [class*='text-orange-8'],
html.dark .app-main [class*='text-orange-9'] {
  color: #fdba74 !important;
}
html.dark .app-main [class*='border-orange-2'],
html.dark .app-main [class*='border-orange-3'] {
  border-color: #9a3412 !important;
}
html.dark .app-main [class*='ring-orange-2'],
html.dark .app-main [class*='ring-orange-3'] {
  --tw-ring-color: #9a3412 !important;
}
html.dark .app-main [class*='bg-amber-1'],
html.dark
  .app-main
  [class*='bg-amber-5']:not([class*='bg-amber-500']):not(
    [class*='bg-amber-600']
  ) {
  background-color: rgba(245, 158, 11, 0.14) !important;
}
html.dark .app-main [class*='text-amber-6'],
html.dark .app-main [class*='text-amber-7'],
html.dark .app-main [class*='text-amber-8'],
html.dark .app-main [class*='text-amber-9'] {
  color: #fcd34d !important;
}
html.dark .app-main [class*='border-amber-2'],
html.dark .app-main [class*='border-amber-3'] {
  border-color: #92400e !important;
}
html.dark .app-main [class*='ring-amber-2'],
html.dark .app-main [class*='ring-amber-3'] {
  --tw-ring-color: #92400e !important;
}
html.dark .app-main [class*='bg-yellow-1'],
html.dark
  .app-main
  [class*='bg-yellow-5']:not([class*='bg-yellow-500']):not(
    [class*='bg-yellow-600']
  ) {
  background-color: rgba(234, 179, 8, 0.14) !important;
}
html.dark .app-main [class*='text-yellow-6'],
html.dark .app-main [class*='text-yellow-7'],
html.dark .app-main [class*='text-yellow-8'],
html.dark .app-main [class*='text-yellow-9'] {
  color: #fde047 !important;
}
html.dark .app-main [class*='border-yellow-2'],
html.dark .app-main [class*='border-yellow-3'] {
  border-color: #854d0e !important;
}
html.dark .app-main [class*='ring-yellow-2'],
html.dark .app-main [class*='ring-yellow-3'] {
  --tw-ring-color: #854d0e !important;
}
html.dark .app-main [class*='bg-lime-1'],
html.dark
  .app-main
  [class*='bg-lime-5']:not([class*='bg-lime-500']):not([class*='bg-lime-600']) {
  background-color: rgba(132, 204, 22, 0.14) !important;
}
html.dark .app-main [class*='text-lime-6'],
html.dark .app-main [class*='text-lime-7'],
html.dark .app-main [class*='text-lime-8'],
html.dark .app-main [class*='text-lime-9'] {
  color: #bef264 !important;
}
html.dark .app-main [class*='border-lime-2'],
html.dark .app-main [class*='border-lime-3'] {
  border-color: #3f6212 !important;
}
html.dark .app-main [class*='ring-lime-2'],
html.dark .app-main [class*='ring-lime-3'] {
  --tw-ring-color: #3f6212 !important;
}
html.dark .app-main [class*='bg-green-1'],
html.dark
  .app-main
  [class*='bg-green-5']:not([class*='bg-green-500']):not(
    [class*='bg-green-600']
  ) {
  background-color: rgba(34, 197, 94, 0.14) !important;
}
html.dark .app-main [class*='text-green-6'],
html.dark .app-main [class*='text-green-7'],
html.dark .app-main [class*='text-green-8'],
html.dark .app-main [class*='text-green-9'] {
  color: #86efac !important;
}
html.dark .app-main [class*='border-green-2'],
html.dark .app-main [class*='border-green-3'] {
  border-color: #166534 !important;
}
html.dark .app-main [class*='ring-green-2'],
html.dark .app-main [class*='ring-green-3'] {
  --tw-ring-color: #166534 !important;
}
html.dark .app-main [class*='bg-emerald-1'],
html.dark
  .app-main
  [class*='bg-emerald-5']:not([class*='bg-emerald-500']):not(
    [class*='bg-emerald-600']
  ) {
  background-color: rgba(16, 185, 129, 0.14) !important;
}
html.dark .app-main [class*='text-emerald-6'],
html.dark .app-main [class*='text-emerald-7'],
html.dark .app-main [class*='text-emerald-8'],
html.dark .app-main [class*='text-emerald-9'] {
  color: #6ee7b7 !important;
}
html.dark .app-main [class*='border-emerald-2'],
html.dark .app-main [class*='border-emerald-3'] {
  border-color: #065f46 !important;
}
html.dark .app-main [class*='ring-emerald-2'],
html.dark .app-main [class*='ring-emerald-3'] {
  --tw-ring-color: #065f46 !important;
}
html.dark .app-main [class*='bg-teal-1'],
html.dark
  .app-main
  [class*='bg-teal-5']:not([class*='bg-teal-500']):not([class*='bg-teal-600']) {
  background-color: rgba(20, 184, 166, 0.14) !important;
}
html.dark .app-main [class*='text-teal-6'],
html.dark .app-main [class*='text-teal-7'],
html.dark .app-main [class*='text-teal-8'],
html.dark .app-main [class*='text-teal-9'] {
  color: #5eead4 !important;
}
html.dark .app-main [class*='border-teal-2'],
html.dark .app-main [class*='border-teal-3'] {
  border-color: #115e59 !important;
}
html.dark .app-main [class*='ring-teal-2'],
html.dark .app-main [class*='ring-teal-3'] {
  --tw-ring-color: #115e59 !important;
}
html.dark .app-main [class*='bg-cyan-1'],
html.dark
  .app-main
  [class*='bg-cyan-5']:not([class*='bg-cyan-500']):not([class*='bg-cyan-600']) {
  background-color: rgba(6, 182, 212, 0.14) !important;
}
html.dark .app-main [class*='text-cyan-6'],
html.dark .app-main [class*='text-cyan-7'],
html.dark .app-main [class*='text-cyan-8'],
html.dark .app-main [class*='text-cyan-9'] {
  color: #67e8f9 !important;
}
html.dark .app-main [class*='border-cyan-2'],
html.dark .app-main [class*='border-cyan-3'] {
  border-color: #155e75 !important;
}
html.dark .app-main [class*='ring-cyan-2'],
html.dark .app-main [class*='ring-cyan-3'] {
  --tw-ring-color: #155e75 !important;
}
html.dark .app-main [class*='bg-sky-1'],
html.dark
  .app-main
  [class*='bg-sky-5']:not([class*='bg-sky-500']):not([class*='bg-sky-600']) {
  background-color: rgba(14, 165, 233, 0.14) !important;
}
html.dark .app-main [class*='text-sky-6'],
html.dark .app-main [class*='text-sky-7'],
html.dark .app-main [class*='text-sky-8'],
html.dark .app-main [class*='text-sky-9'] {
  color: #7dd3fc !important;
}
html.dark .app-main [class*='border-sky-2'],
html.dark .app-main [class*='border-sky-3'] {
  border-color: #075985 !important;
}
html.dark .app-main [class*='ring-sky-2'],
html.dark .app-main [class*='ring-sky-3'] {
  --tw-ring-color: #075985 !important;
}
html.dark .app-main [class*='bg-blue-1'],
html.dark
  .app-main
  [class*='bg-blue-5']:not([class*='bg-blue-500']):not([class*='bg-blue-600']) {
  background-color: rgba(59, 130, 246, 0.14) !important;
}
html.dark .app-main [class*='text-blue-6'],
html.dark .app-main [class*='text-blue-7'],
html.dark .app-main [class*='text-blue-8'],
html.dark .app-main [class*='text-blue-9'] {
  color: #1e40af !important;
  color: var(--theme-accent-text) !important;
}
html.dark .app-main [class*='border-blue-2'],
html.dark .app-main [class*='border-blue-3'] {
  border-color: #1e40af !important;
}
html.dark .app-main [class*='ring-blue-2'],
html.dark .app-main [class*='ring-blue-3'] {
  --tw-ring-color: #1e40af !important;
}
html.dark .app-main [class*='bg-indigo-1'],
html.dark
  .app-main
  [class*='bg-indigo-5']:not([class*='bg-indigo-500']):not(
    [class*='bg-indigo-600']
  ) {
  background-color: rgba(99, 102, 241, 0.14) !important;
}
html.dark .app-main [class*='text-indigo-6'],
html.dark .app-main [class*='text-indigo-7'],
html.dark .app-main [class*='text-indigo-8'],
html.dark .app-main [class*='text-indigo-9'] {
  color: #a5b4fc !important;
}
html.dark .app-main [class*='border-indigo-2'],
html.dark .app-main [class*='border-indigo-3'] {
  border-color: #3730a3 !important;
}
html.dark .app-main [class*='ring-indigo-2'],
html.dark .app-main [class*='ring-indigo-3'] {
  --tw-ring-color: #3730a3 !important;
}
html.dark .app-main [class*='bg-violet-1'],
html.dark
  .app-main
  [class*='bg-violet-5']:not([class*='bg-violet-500']):not(
    [class*='bg-violet-600']
  ) {
  background-color: rgba(139, 92, 246, 0.14) !important;
}
html.dark .app-main [class*='text-violet-6'],
html.dark .app-main [class*='text-violet-7'],
html.dark .app-main [class*='text-violet-8'],
html.dark .app-main [class*='text-violet-9'] {
  color: #c4b5fd !important;
}
html.dark .app-main [class*='border-violet-2'],
html.dark .app-main [class*='border-violet-3'] {
  border-color: #5b21b6 !important;
}
html.dark .app-main [class*='ring-violet-2'],
html.dark .app-main [class*='ring-violet-3'] {
  --tw-ring-color: #5b21b6 !important;
}
html.dark .app-main [class*='bg-purple-1'],
html.dark
  .app-main
  [class*='bg-purple-5']:not([class*='bg-purple-500']):not(
    [class*='bg-purple-600']
  ) {
  background-color: rgba(168, 85, 247, 0.14) !important;
}
html.dark .app-main [class*='text-purple-6'],
html.dark .app-main [class*='text-purple-7'],
html.dark .app-main [class*='text-purple-8'],
html.dark .app-main [class*='text-purple-9'] {
  color: #d8b4fe !important;
}
html.dark .app-main [class*='border-purple-2'],
html.dark .app-main [class*='border-purple-3'] {
  border-color: #6b21a8 !important;
}
html.dark .app-main [class*='ring-purple-2'],
html.dark .app-main [class*='ring-purple-3'] {
  --tw-ring-color: #6b21a8 !important;
}
html.dark .app-main [class*='bg-fuchsia-1'],
html.dark
  .app-main
  [class*='bg-fuchsia-5']:not([class*='bg-fuchsia-500']):not(
    [class*='bg-fuchsia-600']
  ) {
  background-color: rgba(217, 70, 239, 0.14) !important;
}
html.dark .app-main [class*='text-fuchsia-6'],
html.dark .app-main [class*='text-fuchsia-7'],
html.dark .app-main [class*='text-fuchsia-8'],
html.dark .app-main [class*='text-fuchsia-9'] {
  color: #f0abfc !important;
}
html.dark .app-main [class*='border-fuchsia-2'],
html.dark .app-main [class*='border-fuchsia-3'] {
  border-color: #86198f !important;
}
html.dark .app-main [class*='ring-fuchsia-2'],
html.dark .app-main [class*='ring-fuchsia-3'] {
  --tw-ring-color: #86198f !important;
}
html.dark .app-main [class*='bg-pink-1'],
html.dark
  .app-main
  [class*='bg-pink-5']:not([class*='bg-pink-500']):not([class*='bg-pink-600']) {
  background-color: rgba(236, 72, 153, 0.14) !important;
}
html.dark .app-main [class*='text-pink-6'],
html.dark .app-main [class*='text-pink-7'],
html.dark .app-main [class*='text-pink-8'],
html.dark .app-main [class*='text-pink-9'] {
  color: #f9a8d4 !important;
}
html.dark .app-main [class*='border-pink-2'],
html.dark .app-main [class*='border-pink-3'] {
  border-color: #9d174d !important;
}
html.dark .app-main [class*='ring-pink-2'],
html.dark .app-main [class*='ring-pink-3'] {
  --tw-ring-color: #9d174d !important;
}
html.dark .app-main [class*='bg-rose-1'],
html.dark
  .app-main
  [class*='bg-rose-5']:not([class*='bg-rose-500']):not([class*='bg-rose-600']) {
  background-color: rgba(244, 63, 94, 0.14) !important;
}
html.dark .app-main [class*='text-rose-6'],
html.dark .app-main [class*='text-rose-7'],
html.dark .app-main [class*='text-rose-8'],
html.dark .app-main [class*='text-rose-9'] {
  color: #fda4af !important;
}
html.dark .app-main [class*='border-rose-2'],
html.dark .app-main [class*='border-rose-3'] {
  border-color: #9f1239 !important;
}
html.dark .app-main [class*='ring-rose-2'],
html.dark .app-main [class*='ring-rose-3'] {
  --tw-ring-color: #9f1239 !important;
}

/* ── Shadows ── */
html.dark .app-main [class*='shadow'] {
  --tw-shadow-color: rgba(0, 0, 0, 0.3);
}

/* ══════════════════════════════════════
   NEUTRALIZAÇÃO DO AZUL (dark only)
   ══════════════════════════════════════

   TUDO O QUE ESTÁ ACIMA cuida de quem nasce CLARO: `bg-white`, `bg-slate-50`,
   `text-slate-900`. Quem nasce ESCURO — `bg-slate-900`, `bg-gray-800`,
   `text-slate-400` — passava batido, porque no escuro já "parecia certo".
   Parecia: são os cinzas AZULADOS do Tailwind (slate-900 é #0f172a, gray-800 é
   #1f2937), e são eles, somados aos antigos tokens de tema, que davam ao
   sistema inteiro o aspecto de azul-escuro relatado.

   O QUE ESTE BLOCO FAZ: troca cada um pelo cinza NEUTRO de mesma claridade.
   Não é escurecer nem clarear — é tirar a cor e manter o degrau. Por isso
   nenhum contraste que funcionava passa a não funcionar: a distância entre
   um `bg-slate-800` dentro de um `bg-slate-900` continua praticamente a mesma
   que era (1,18:1 depois, 1,22:1 antes), só que agora em preto e branco.

   `zinc` e `neutral` NÃO entram: no Tailwind essas duas famílias já são
   neutras (zinc-900 é #18181b, neutral-900 é #171717). Mexer nelas seria
   trocar um cinza por outro idêntico.

   POR QUE `[class~=]` E NÃO `[class*=]` COMO O RESTO DO ARQUIVO
   `~=` casa o nome EXATO da classe na lista separada por espaços. `*=` casa
   qualquer pedaço, e aqui isso quebraria duas coisas:

     - `hover:bg-slate-800` contém `bg-slate-800`. Com `*=`, um elemento que só
       tem fundo AO PASSAR O MOUSE ganharia o fundo o tempo todo;
     - `bg-slate-900/50` também contém `bg-slate-900`. Com `*=`, uma camada
       translúcida (véu de modal, realce de linha) viraria opaca e taparia o
       que está atrás.

   Os `hover:` que interessam têm regra própria logo abaixo; os `/opacidade`
   ficam de fora de propósito — a 10–50% de alpha sobre preto o azul que
   sobra não é perceptível, e mexer neles custaria a transparência. */

/* Fundos escuros: mesma claridade, sem o azul.

   CADA COR APARECE EM MAIS DE UMA FORMA, e não é redundância — é como elas
   estão escritas no JSX. Contado: `dark:bg-slate-900` tem 658 usos e
   `bg-slate-900` solto tem 906; `dark:hover:bg-slate-800`, 157. Listar só a
   forma solta deixaria de fora a maior parte do sistema, que usa a variante
   `dark:` do Tailwind justamente para dizer "esta é a cor do tema escuro". */
html.dark .app-main [class~='bg-slate-950'],
html.dark .app-main [class~='dark:bg-slate-950'],
html.dark .app-main [class~='bg-gray-950'],
html.dark .app-main [class~='bg-neutral-950'] {
  background-color: #0f0f0f !important;
}
html.dark .app-main [class~='bg-slate-900'],
html.dark .app-main [class~='dark:bg-slate-900'],
html.dark .app-main [class~='bg-gray-900'],
html.dark .app-main [class~='dark:bg-gray-900'] {
  background-color: #171717 !important;
}
html.dark .app-main [class~='bg-slate-800'],
html.dark .app-main [class~='dark:bg-slate-800'],
html.dark .app-main [class~='bg-gray-800'],
html.dark .app-main [class~='dark:bg-gray-800'] {
  background-color: #262626 !important;
}
html.dark .app-main [class~='bg-slate-700'],
html.dark .app-main [class~='dark:bg-slate-700'],
html.dark .app-main [class~='bg-gray-700'],
html.dark .app-main [class~='dark:bg-gray-700'] {
  background-color: #3a3a3a !important;
}
html.dark .app-main [class~='bg-slate-600'],
html.dark .app-main [class~='dark:bg-slate-600'],
html.dark .app-main [class~='bg-gray-600'] {
  background-color: #525252 !important;
}

/* Os mesmos tons quando são o estado de hover (ou de foco). */
html.dark .app-main [class~='hover:bg-slate-900']:hover,
html.dark .app-main [class~='dark:hover:bg-slate-900']:hover,
html.dark .app-main [class~='hover:bg-gray-900']:hover,
html.dark .app-main [class~='dark:focus:bg-slate-900']:focus {
  background-color: #171717 !important;
}
html.dark .app-main [class~='hover:bg-slate-800']:hover,
html.dark .app-main [class~='dark:hover:bg-slate-800']:hover,
html.dark .app-main [class~='hover:bg-gray-800']:hover {
  background-color: #262626 !important;
}
html.dark .app-main [class~='hover:bg-slate-700']:hover,
html.dark .app-main [class~='dark:hover:bg-slate-700']:hover,
html.dark .app-main [class~='hover:bg-gray-700']:hover,
html.dark .app-main [class~='dark:hover:bg-gray-700']:hover {
  background-color: #3a3a3a !important;
}
html.dark .app-main [class~='hover:bg-slate-600']:hover,
html.dark .app-main [class~='dark:hover:bg-slate-600']:hover,
html.dark .app-main [class~='hover:bg-gray-600']:hover,
html.dark .app-main [class~='dark:hover:bg-gray-600']:hover {
  background-color: #525252 !important;
}

/* Texto claro sobre fundo escuro. Os tons 500–900 já viram `--theme-text` e
   `--theme-text-muted` lá em cima; faltavam os 100–400, que são justamente os
   usados EM CIMA de painel escuro — e portanto os que mais apareciam azulados.
   Só em variante `dark:` são 604 usos do 100, 472 do 400, 297 do 300 e 234 do
   200: é o texto do sistema inteiro no tema escuro.

   Aqui `~=` é obrigatório, mais do que nos fundos. Um elemento costuma trazer
   a cor de repouso E a de hover juntas (`text-slate-400 hover:text-slate-100`).
   Com `*=` as duas regras casariam no mesmo elemento e a última do arquivo
   venceria nos DOIS estados — o texto nasceria já na cor de hover e o passar
   do mouse não mudaria mais nada. Com o nome exato, cada estado fica com a sua. */
html.dark .app-main [class~='text-slate-100'],
html.dark .app-main [class~='dark:text-slate-100'],
html.dark .app-main [class~='text-gray-100'],
html.dark .app-main [class~='dark:text-gray-100'] {
  color: #f5f5f5 !important;
}
html.dark .app-main [class~='text-slate-200'],
html.dark .app-main [class~='dark:text-slate-200'],
html.dark .app-main [class~='text-gray-200'],
html.dark .app-main [class~='dark:text-gray-200'] {
  color: #e5e5e5 !important;
}
html.dark .app-main [class~='text-slate-300'],
html.dark .app-main [class~='dark:text-slate-300'],
html.dark .app-main [class~='text-gray-300'],
html.dark .app-main [class~='dark:text-gray-300'] {
  color: #d4d4d4 !important;
}
html.dark .app-main [class~='text-slate-400'],
html.dark .app-main [class~='dark:text-slate-400'],
html.dark .app-main [class~='text-gray-400'],
html.dark .app-main [class~='dark:text-gray-400'] {
  color: #a3a3a3 !important;
}
/* As mesmas cores como estado de hover. */
html.dark .app-main [class~='hover:text-slate-100']:hover,
html.dark .app-main [class~='dark:hover:text-slate-100']:hover,
html.dark .app-main [class~='hover:text-gray-100']:hover {
  color: #f5f5f5 !important;
}
html.dark .app-main [class~='hover:text-slate-200']:hover,
html.dark .app-main [class~='dark:hover:text-slate-200']:hover {
  color: #e5e5e5 !important;
}
html.dark .app-main [class~='hover:text-slate-300']:hover,
html.dark .app-main [class~='dark:hover:text-slate-300']:hover {
  color: #d4d4d4 !important;
}
html.dark .app-main [class~='hover:text-slate-400']:hover,
html.dark .app-main [class~='hover:text-gray-400']:hover {
  color: #a3a3a3 !important;
}

/* Bordas escuras. As claras (100–400) e todas as `border-gray-*` já eram
   tratadas acima; estas são as de painel escuro. */
html.dark .app-main [class*='border-slate-5'],
html.dark .app-main [class*='border-slate-6'],
html.dark .app-main [class*='border-slate-7'],
html.dark .app-main [class*='border-slate-8'],
html.dark .app-main [class*='border-slate-9'] {
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

/* `divide-*` não é borda do elemento: o Tailwind a aplica nos FILHOS, com
   `> :not([hidden]) ~ :not([hidden])`. Nenhuma regra de `border-*` a alcança,
   e por isso as linhas divisórias de lista e tabela continuavam no cinza-azul
   claro original — riscos brilhantes atravessando o cartão preto. */
html.dark .app-main [class*='divide-slate-'] > :not([hidden]) ~ :not([hidden]),
html.dark .app-main [class*='divide-gray-'] > :not([hidden]) ~ :not([hidden]),
html.dark .app-main [class*='divide-zinc-'] > :not([hidden]) ~ :not([hidden]),
html.dark
  .app-main
  [class*='divide-neutral-']
  > :not([hidden])
  ~ :not([hidden]) {
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

/* Gradientes de ponta escura. As regras de gradiente lá de cima só tratam as
   paradas CLARAS (`from-white`, `via-slate-50`). `from-slate-900 to-slate-700`
   — a faixa de cabeçalho mais repetida do sistema, 72 usos — não era tocada
   por ninguém e continuava sendo uma rampa azul.

   `--tw-gradient-from` e `--tw-gradient-to` são variáveis, então dá para
   trocá-las sozinhas. `via-*` não: ele escreve `--tw-gradient-stops` inteiro,
   e a única saída é reescrever a lista toda — é o mesmo motivo (e a mesma
   forma) da regra de `via-white` mais acima. */
html.dark .app-main [class~='from-slate-950'],
html.dark .app-main [class~='dark:from-slate-950'],
html.dark .app-main [class~='from-gray-950'],
html.dark .app-main [class~='from-neutral-950'] {
  --tw-gradient-from: #0f0f0f var(--tw-gradient-from-position);
}
html.dark .app-main [class~='from-slate-900'],
html.dark .app-main [class~='dark:from-slate-900'],
html.dark .app-main [class~='from-gray-900'] {
  --tw-gradient-from: #171717 var(--tw-gradient-from-position);
}
html.dark .app-main [class~='from-slate-800'],
html.dark .app-main [class~='dark:from-slate-800'],
html.dark .app-main [class~='from-gray-800'] {
  --tw-gradient-from: #262626 var(--tw-gradient-from-position);
}
html.dark .app-main [class~='from-slate-700'],
html.dark .app-main [class~='from-gray-700'] {
  --tw-gradient-from: #3a3a3a var(--tw-gradient-from-position);
}
html.dark .app-main [class~='to-slate-950'],
html.dark .app-main [class~='dark:to-slate-950'],
html.dark .app-main [class~='to-gray-950'] {
  --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position);
}
html.dark .app-main [class~='to-slate-900'],
html.dark .app-main [class~='dark:to-slate-900'],
html.dark .app-main [class~='to-gray-900'] {
  --tw-gradient-to: #171717 var(--tw-gradient-to-position);
}
html.dark .app-main [class~='to-slate-800'],
html.dark .app-main [class~='to-gray-800'] {
  --tw-gradient-to: #262626 var(--tw-gradient-to-position);
}
html.dark .app-main [class~='to-slate-700'],
html.dark .app-main [class~='dark:to-slate-700'],
html.dark .app-main [class~='to-gray-700'],
html.dark .app-main [class~='to-neutral-700'] {
  --tw-gradient-to: #3a3a3a var(--tw-gradient-to-position);
}
html.dark .app-main [class~='via-slate-900'],
html.dark .app-main [class~='dark:via-slate-900'],
html.dark .app-main [class~='via-gray-900'] {
  --tw-gradient-stops:
    var(--tw-gradient-from), #171717 var(--tw-gradient-via-position),
    var(--tw-gradient-to) !important;
}
html.dark .app-main [class~='via-slate-800'],
html.dark .app-main [class~='via-gray-800'] {
  --tw-gradient-stops:
    var(--tw-gradient-from), #262626 var(--tw-gradient-via-position),
    var(--tw-gradient-to) !important;
}

/* ══════════════════════════════════════
   NADA SOME NO PRETO (dark only)
   ══════════════════════════════════════

   Com o fundo em #0f1219 havia folga: um elemento quase preto ainda se
   destacava dele. Em #000000 não há folga nenhuma — o que era "quase preto"
   agora é o próprio fundo. Este bloco cobre os três jeitos de sumir. */

/* 1. PRETO OPACO. `bg-black text-white` era um botão legítimo sobre tela
      clara; sobre tela preta é um retângulo invisível com um texto solto
      flutuando. Vira o cinza de hover, com fio de contorno — continua sendo o
      elemento mais escuro da tela, só que agora dá para ver onde ele começa
      e onde acaba.

      As exclusões são o que separa botão de véu de modal, e botão de elemento
      que já sabe o que fazer no escuro:
        - `bg-opacity-*` marca `bg-black bg-opacity-50`, a camada escura por
          trás de uma janela. Opacificá-la taparia a tela inteira;
        - `[class~=]` já deixa `bg-black/50` de fora sozinho, porque ali o nome
          da classe não é `bg-black`;
        - `dark:bg-*` marca quem JÁ declarou a própria cor de tema escuro (há
          botões escritos `bg-black ... dark:bg-slate-900`). Nesses, a escolha
          de quem escreveu a tela vence este remendo genérico. */
html.dark
  .app-main
  [class~='bg-black']:not([class*='bg-opacity']):not([class*='dark:bg-']) {
  background-color: #262626 !important;
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}
html.dark .app-main [class~='border-black'],
html.dark .app-main [class~='ring-black'] {
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

/* 2. FIO DE CONTORNO NO CARTÃO. Cartão (#161616) sobre fundo (#000000) dá
      1,18:1 — existe no monitor bom e some no monitor ruim, e some de vez com
      brilho baixo. No claro quem separa o cartão do fundo é a SOMBRA, e sombra
      preta sobre preto não desenha nada. Então a separação passa a ser um fio.

      `outline` e não `border` de propósito: borda ocupa espaço e empurraria o
      conteúdo de todo cartão do sistema 1px para dentro, remontando layout que
      ninguém pediu. `outline` não ocupa espaço, e `outline-offset: -1px` a
      desenha por dentro da caixa, acompanhando o `border-radius`. Onde já
      existe borda, as duas caem no mesmo lugar e na mesma cor — ninguém vê
      duas linhas.

      `[class*='rounded']` é o que separa cartão de célula de tabela: painel,
      cartão, janela e selo têm canto arredondado; `td` e `th` não têm. Sem
      esse filtro cada célula da tabela ganharia um quadro e a tela viraria
      papel quadriculado.

      CAMPO DE FORMULÁRIO FICA DE FORA — é o que os três `:not()` do fim fazem,
      e não é preciosismo. O campo já se separa do cartão por ser mais claro e
      por ter borda própria; o problema é o FOCO. Ao focar, a borda vira azul de
      acento, e um `outline` cinza desenhado por cima, no mesmo lugar, taparia
      exatamente essa borda. O anel de foco sumiria — dentro de um bloco cujo
      nome é "nada some no preto". */
html.dark
  .app-main
  :is(
    [class*='bg-white'],
    [class*='bg-gray-5'],
    [class*='bg-gray-1'],
    [class*='bg-slate-5'],
    [class*='bg-slate-1'],
    [class*='bg-neutral-5'],
    [class*='bg-neutral-1'],
    [class*='bg-zinc-5'],
    [class*='bg-zinc-1'],
    [class~='bg-slate-950'],
    [class~='dark:bg-slate-950'],
    [class~='bg-slate-900'],
    [class~='dark:bg-slate-900'],
    [class~='bg-slate-800'],
    [class~='dark:bg-slate-800'],
    [class~='bg-gray-900'],
    [class~='bg-black']:not([class*='bg-opacity'])
  )[class*='rounded']:not(input):not(select):not(textarea) {
  outline: 1px solid #e2e5ea;
  outline: 1px solid var(--theme-border);
  outline-offset: -1px;
}

/* 3. ANEL DE AFASTAMENTO BRANCO. `ring-2 ring-offset-2` desenha o afastamento
      na cor de `--tw-ring-offset-color`, e o Tailwind deixa essa variável em
      BRANCO por padrão. Sobre preto isso vira um halo branco em volta de
      avatar, selo e botão selecionado.

      O SELETOR PRECISA SER UNIVERSAL, e não só o contêiner. Propriedade
      customizada é herdada, então declarar no pai normalmente bastaria — mas
      aqui não basta: o Tailwind declara `--tw-ring-offset-color: #fff` em
      `*, ::before, ::after`, ou seja, TODO elemento já tem valor próprio, e
      valor próprio ganha de herança. Para vencer é preciso alcançar os mesmos
      elementos; a especificidade (0,2,2) contra (0,0,3) faz o resto.

      Preto e não a cor do cartão: assim o afastamento nunca clareia nada. Onde
      o elemento está sobre um cartão, o anel parece colado nele; onde está
      sobre o fundo, some. Nos dois casos não há halo. */
html.dark .app-main,
html.dark .app-main *,
html.dark .app-main *::before,
html.dark .app-main *::after {
  --tw-ring-offset-color: var(--theme-bg);
}

/* ══════════════════════════════════════
   SPECIAL THEME PAGES (dark only)
   ══════════════════════════════════════ */

html.dark .juridico-theme-page {
  color: #1a1d24;
  color: var(--theme-text);
  background: radial-gradient(
    circle at top,
    #141414 0%,
    #0a0a0a 55%,
    #000000 100%
  ) !important;
}

/* ── AlfaChat no escuro ────────────────────────────────────────────────
   Esta foi a PRIMEIRA tela a receber preto de verdade, quando o resto do
   sistema ainda era azulado. Hoje o tema inteiro é preto, então o que sobra
   aqui não é mais "corrigir o azul": é o ajuste fino de uma tela de conversa —
   área de mensagens no preto do papel, bolhas um degrau acima, e a enviada no
   verde cheio. Os tons abaixo são um pouco diferentes dos globais de propósito,
   porque aqui o fundo é liso e ininterrupto, sem cartão nenhum a separar.

   O tema escuro geral trabalha com `--theme-*`, e as regras de `.app-main`
   logo acima pintam tudo com essas variáveis. Como propriedade customizada é
   herdada, basta redefini-las AQUI para que aquelas mesmas regras produzam
   preto dentro do AlfaChat — sem duplicar seletor e sem disputa de
   especificidade.

   Onde é preciso ganhar de `.app-main` (que tem os `:not(input)` e por isso
   pesa mais), a classe aparece duas vezes: `.alfachat-shell.alfachat-shell`. */
html.dark .alfachat-shell {
  --theme-bg: #000000;
  --theme-surface: #1c1c1c;
  --theme-surface-hover: #262626;
  --theme-surface-soft: #141414;
  --theme-border: #2f2f2f;
  --theme-text: #e9edef;
  --theme-text-muted: #aebac1;
  --theme-text-faint: #8696a0;

  color: #1a1d24;

  color: var(--theme-text);
  background: #000000 !important;
}

/* A área das mensagens é o fundo; a bolha é o que está EM CIMA dele.
   `bg-slate-50` (área) e `bg-white` (bolha) caíam os dois em
   `--theme-surface`, ou seja, a bolha recebida sumia dentro do fundo. Aqui a
   área volta a ser preta e a bolha fica um degrau acima. */
html.dark .alfachat-shell.alfachat-shell .alfachat-mensagens {
  background-color: #000000 !important;
  background-image: none !important;
}

/* Bolhas. O verde a 8% que as regras gerais dão ao `bg-emerald-50` some sobre
   o preto; aqui a enviada recebe o verde cheio do WhatsApp e a recebida fica
   um degrau acima do fundo. É como o olho separa quem falou antes mesmo de ler
   uma palavra. */
html.dark .alfachat-shell.alfachat-shell .alfachat-bolha-enviada {
  background-color: #005c4b !important;
  border-color: #005c4b !important;
}

html.dark .alfachat-shell.alfachat-shell .alfachat-bolha-recebida {
  background-color: #1f2c33 !important;
  border-color: #1f2c33 !important;
}

/* As regras de `.app-main` já pintam isto com `--theme-surface`, que agora é
   preto aqui dentro. A repetição é para o caso de o AlfaChat ser montado fora
   daquele contêiner: mesma variável, mesmo resultado, sem depender de onde a
   tela foi pendurada. */
html.dark .alfachat-shell [class*='bg-white'] {
  background-color: #ffffff !important;
  background-color: var(--theme-surface) !important;
}

html.dark .alfachat-shell [class*='border-white'],
html.dark .alfachat-shell [class*='border-slate-2'],
html.dark .alfachat-shell [class*='border-slate-3'] {
  border-color: #e2e5ea !important;
  border-color: var(--theme-border) !important;
}

html.dark .alfachat-shell [class*='text-slate-9'],
html.dark .alfachat-shell [class*='text-slate-8'] {
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
}

html.dark .alfachat-shell [class*='text-slate-7'],
html.dark .alfachat-shell [class*='text-slate-6'],
html.dark .alfachat-shell [class*='text-slate-5'] {
  color: #5f6b7a !important;
  color: var(--theme-text-muted) !important;
}

/* Texto de acento legível no escuro.

   Selo, faixa e etiqueta nascem como "tom 50 de fundo + tom 700/800 de texto":
   escuro sobre claro. No escuro o fundo vira translúcido e escuro, mas o texto
   continuava no 700 — preto sobre preto, que é o que sumia da tela. Cada
   família passa a usar o seu tom 300 aqui dentro.

   `text-white` e os tons 500/600 (fundo cheio de botão) não entram: ali o
   contraste já vem do próprio fundo. */
html.dark .alfachat-shell [class*='text-emerald-7'],
html.dark .alfachat-shell [class*='text-emerald-8'],
html.dark .alfachat-shell [class*='text-emerald-9'] {
  color: #6ee7b7 !important;
}
html.dark .alfachat-shell [class*='text-green-7'],
html.dark .alfachat-shell [class*='text-green-8'],
html.dark .alfachat-shell [class*='text-green-9'] {
  color: #86efac !important;
}
html.dark .alfachat-shell [class*='text-teal-7'],
html.dark .alfachat-shell [class*='text-teal-8'],
html.dark .alfachat-shell [class*='text-teal-9'] {
  color: #5eead4 !important;
}
html.dark .alfachat-shell [class*='text-cyan-7'],
html.dark .alfachat-shell [class*='text-cyan-8'],
html.dark .alfachat-shell [class*='text-cyan-9'] {
  color: #67e8f9 !important;
}
html.dark .alfachat-shell [class*='text-sky-7'],
html.dark .alfachat-shell [class*='text-sky-8'],
html.dark .alfachat-shell [class*='text-sky-9'] {
  color: #7dd3fc !important;
}
html.dark .alfachat-shell [class*='text-blue-7'],
html.dark .alfachat-shell [class*='text-blue-8'],
html.dark .alfachat-shell [class*='text-blue-9'] {
  color: #93c5fd !important;
}
html.dark .alfachat-shell [class*='text-indigo-7'],
html.dark .alfachat-shell [class*='text-indigo-8'],
html.dark .alfachat-shell [class*='text-indigo-9'] {
  color: #a5b4fc !important;
}
html.dark .alfachat-shell [class*='text-violet-7'],
html.dark .alfachat-shell [class*='text-violet-8'],
html.dark .alfachat-shell [class*='text-violet-9'] {
  color: #c4b5fd !important;
}
html.dark .alfachat-shell [class*='text-purple-7'],
html.dark .alfachat-shell [class*='text-purple-8'],
html.dark .alfachat-shell [class*='text-purple-9'] {
  color: #d8b4fe !important;
}
html.dark .alfachat-shell [class*='text-fuchsia-7'],
html.dark .alfachat-shell [class*='text-fuchsia-8'],
html.dark .alfachat-shell [class*='text-fuchsia-9'] {
  color: #f0abfc !important;
}
html.dark .alfachat-shell [class*='text-rose-7'],
html.dark .alfachat-shell [class*='text-rose-8'],
html.dark .alfachat-shell [class*='text-rose-9'] {
  color: #fda4af !important;
}
html.dark .alfachat-shell [class*='text-red-7'],
html.dark .alfachat-shell [class*='text-red-8'],
html.dark .alfachat-shell [class*='text-red-9'] {
  color: #fca5a5 !important;
}
html.dark .alfachat-shell [class*='text-orange-7'],
html.dark .alfachat-shell [class*='text-orange-8'],
html.dark .alfachat-shell [class*='text-orange-9'] {
  color: #fdba74 !important;
}
html.dark .alfachat-shell [class*='text-amber-7'],
html.dark .alfachat-shell [class*='text-amber-8'],
html.dark .alfachat-shell [class*='text-amber-9'] {
  color: #fcd34d !important;
}
html.dark .alfachat-shell [class*='text-lime-7'],
html.dark .alfachat-shell [class*='text-lime-8'],
html.dark .alfachat-shell [class*='text-lime-9'] {
  color: #bef264 !important;
}

/* A borda pastel do mesmo selo brilhava sobre o preto. Vai para o tom 800,
   que delimita sem chamar mais atenção que o texto. */
html.dark .alfachat-shell [class*='border-emerald-2'],
html.dark .alfachat-shell [class*='border-emerald-3'] {
  border-color: #065f46 !important;
}
html.dark .alfachat-shell [class*='border-green-2'],
html.dark .alfachat-shell [class*='border-green-3'] {
  border-color: #166534 !important;
}
html.dark .alfachat-shell [class*='border-teal-2'],
html.dark .alfachat-shell [class*='border-teal-3'] {
  border-color: #115e59 !important;
}
html.dark .alfachat-shell [class*='border-cyan-2'],
html.dark .alfachat-shell [class*='border-cyan-3'] {
  border-color: #155e75 !important;
}
html.dark .alfachat-shell [class*='border-sky-2'],
html.dark .alfachat-shell [class*='border-sky-3'] {
  border-color: #075985 !important;
}
html.dark .alfachat-shell [class*='border-blue-2'],
html.dark .alfachat-shell [class*='border-blue-3'] {
  border-color: #1e40af !important;
}
html.dark .alfachat-shell [class*='border-indigo-2'],
html.dark .alfachat-shell [class*='border-indigo-3'] {
  border-color: #3730a3 !important;
}
html.dark .alfachat-shell [class*='border-violet-2'],
html.dark .alfachat-shell [class*='border-violet-3'] {
  border-color: #5b21b6 !important;
}
html.dark .alfachat-shell [class*='border-purple-2'],
html.dark .alfachat-shell [class*='border-purple-3'] {
  border-color: #6b21a8 !important;
}
html.dark .alfachat-shell [class*='border-fuchsia-2'],
html.dark .alfachat-shell [class*='border-fuchsia-3'] {
  border-color: #86198f !important;
}
html.dark .alfachat-shell [class*='border-rose-2'],
html.dark .alfachat-shell [class*='border-rose-3'] {
  border-color: #9f1239 !important;
}
html.dark .alfachat-shell [class*='border-red-2'],
html.dark .alfachat-shell [class*='border-red-3'] {
  border-color: #991b1b !important;
}
html.dark .alfachat-shell [class*='border-orange-2'],
html.dark .alfachat-shell [class*='border-orange-3'] {
  border-color: #9a3412 !important;
}
html.dark .alfachat-shell [class*='border-amber-2'],
html.dark .alfachat-shell [class*='border-amber-3'] {
  border-color: #92400e !important;
}
html.dark .alfachat-shell [class*='border-lime-2'],
html.dark .alfachat-shell [class*='border-lime-3'] {
  border-color: #3f6212 !important;
}

/* Campo de texto: no escuro o fundo do formulário vem das regras gerais, mas o
   texto digitado precisa acompanhar. */
html.dark .alfachat-shell input,
html.dark .alfachat-shell textarea,
html.dark .alfachat-shell select {
  color: #1a1d24 !important;
  color: var(--theme-text) !important;
}

html.dark .alfachat-shell input::placeholder,
html.dark .alfachat-shell textarea::placeholder {
  color: #9ca3b0 !important;
  color: var(--theme-text-faint) !important;
}

/* ── Lista de conversas do ChatPro ────────────────────────────────────────
   O navegador pula o trabalho de layout e pintura das linhas que estao fora
   da tela. Com a caixa cheia, a lista inteira era montada de uma vez e o
   custo aparecia na abertura e em cada rolagem.

   Optei por isto em vez de virtualizar em JavaScript, como foi feito na lista
   do AlfaChat, por causa de uma diferenca entre as duas: a linha do ChatPro
   nao tem altura fixa — a terceira linha ("Em atendimento por...", motivo da
   finalizacao) aparece ou nao conforme a conversa. Virtualizar exigiria
   cravar a altura de cada linha antes de monta-la, e errar esse numero faz a
   rolagem pular. Aqui nada disso e preciso: a marcacao, o layout e a rolagem
   continuam exatamente os mesmos, e o `auto` do `contain-intrinsic-size` faz
   o navegador guardar a altura real assim que a linha aparece pela primeira
   vez.

   `88px` e so o palpite inicial para uma linha ainda nao medida — perto da
   altura real, o bastante para a barra de rolagem nascer plausivel. Assim que
   a linha aparece uma vez, o `auto` guarda a altura verdadeira e o palpite
   deixa de importar. Navegador sem suporte ignora a propriedade e a lista
   funciona exatamente como antes. */
/* Quem pediu menos movimento no sistema operacional recebe a tarja de data
   direto no lugar, sem a queda. O conteúdo é o mesmo: o que cai é só o enfeite.
   Movimento vertical repetido durante rolagem é justamente o que incomoda quem
   liga essa preferência. */
@media (prefers-reduced-motion: reduce) {
  .animate-descer-data {
    animation: none !important;
  }
}

.chatpro-linha-conversa {
  content-visibility: auto;
  contain-intrinsic-size: auto 88px;
}

html.dark .cafe-morning-page {
  color: #1a1d24;
  color: var(--theme-text);
}

/* ══════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════ */

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes pulse-soft {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fire {
  0% {
    height: 18px;
    opacity: 0.8;
  }
  100% {
    height: 24px;
    opacity: 1;
  }
}

.animate-fadeUp {
  animation: fadeUp 0.5s ease-out both;
}
.animate-fadeUp-1 {
  animation: fadeUp 0.5s ease-out 0.1s both;
}
.animate-fadeUp-2 {
  animation: fadeUp 0.5s ease-out 0.2s both;
}
.animate-fadeUp-3 {
  animation: fadeUp 0.5s ease-out 0.3s both;
}
.animate-fadeIn {
  animation: fadeIn 0.3s ease-out both;
}
.animate-shimmer {
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

/* ── Scrollbar (dark) ── */
html.dark ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html.dark ::-webkit-scrollbar-track {
  background: transparent;
}
html.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
html.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.14);
}

/* ── Utility layer ── */

/* Form element reset */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  outline: none;
}

/* ══════════════════════════════════════
   DESIGN SYSTEM DA TELA DE EDITAL
   Porte literal do estudo "AlfaDesk · Estúdio de edital". Tokens e classes
   copiados como estão lá — não são uma aproximação nem uma releitura.

   POR QUE EM CSS E NÃO EM CLASSE TAILWIND
   No tema escuro há um `!important` global pintando todo input/select/textarea,
   com especificidade 6 (quatro `:not([type=...])`). Qualquer `bg-*` de classe
   utilitária era ignorado — o campo saía sempre com a mesma cara por mais que
   se mexesse nas classes. Aqui a aparência sai de variável de tema, vale nos
   dois temas, e o bloco lá de cima abre exceção para `.campo`.
   ══════════════════════════════════════ */

/* ── Tokens: campo, marca, semânticos ── */
:root {
  --campo-bg: #ffffff;
  --campo-bg-hover: #ffffff;
  /* Borda com contraste real: a anterior (#d9dde5) sobre cartao branco nao se
     lia como campo -- era branco em branco. No escuro o campo se destaca por ser
     mais CLARO que o cartao; no claro tem de se destacar pela borda. */
  --campo-borda: #cfd5e0;
  --campo-borda-hover: #98a2b3;
  --campo-sombra: 0 1px 2px rgba(16, 24, 40, 0.05);

  --trilha: #e4e7ec;

  --alfa-azul: #3b9bfc;
  --alfa-tinta: #18202f;
  --alfa-tinta-hover: #2a3446;

  --ok-50: #ecfdf5;
  --ok-100: #d1fae5;
  --ok-500: #10b981;
  --ok-600: #059669;
  --ok-700: #047857;
  --ok-800: #065f46;
  --atencao-50: #fffbeb;
  --atencao-700: #b45309;
  --atencao-800: #92400e;
  --atencao-900: #78350f;
  --erro-50: #fef2f2;
  --erro-500: #ef4444;
  --erro-600: #dc2626;
  --erro-700: #b91c1c;
  --info-50: #eff6ff;
  --info-400: #60a5fa;
  --info-500: #3b82f6;
  --info-600: #2563eb;
  --info-900: #1e3a8a;
  --ia-500: #0ea5e9;
  --ia-600: #0284c7;

  --borda-card: #e5e5e5;
}

html.dark {
  /* Um pouco MAIS claro que o cartão, não mais escuro: campo afundado no escuro
     desaparece; campo levemente elevado se lê como área de digitação. */
  --campo-bg: #232323;
  --campo-bg-hover: #2e2e2e;
  --campo-borda: #454545;
  --campo-borda-hover: #595959;
  --campo-sombra: none;
  --trilha: #2e2e2e;
  --borda-card: var(--theme-border);
}

/* ── Tokens: tipografia ── */
:root {
  --font-ui: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-numero: 'JetBrains Mono', ui-monospace, monospace;

  --peso-regular: 400;
  --peso-medio: 500;
  --peso-semi: 600;
  --peso-bold: 700;

  --fs-9: 9px;
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-20: 20px;
  --fs-24: 24px;

  --ls-eyebrow: 0.05em;
  --ls-eyebrow-larga: 0.1em;

  --tipo-eyebrow: var(--peso-semi) var(--fs-11) / 1.2 var(--font-ui);
  --tipo-rotulo: var(--peso-regular) var(--fs-14) / 1.4 var(--font-ui);
  --tipo-rotulo-grupo: var(--peso-semi) var(--fs-15) / 1.4 var(--font-ui);
  --tipo-titulo-secao: var(--peso-semi) var(--fs-15) / 1.25 var(--font-ui);
}

/* ── Tokens: espaço, medida, raio, sombra, transição ── */
:root {
  --e-1: 4px;
  --e-1-5: 6px;
  --e-2: 8px;
  --e-2-5: 10px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-8: 32px;
  --e-10: 40px;

  --gap-rotulo-campo: 6px;
  --gap-grade: 16px;
  --gap-bloco: 16px;
  --gap-secao-interna: 24px;
  --gap-secoes: 20px;
  --pad-secao-header: 16px 24px;
  --pad-secao-corpo: 24px;
  --pad-campo: 9px 13px;
  --pad-campo-compacto: 6px 10px;
  --pad-botao: 7px 14px;

  --largura-indice: 236px;
  --altura-campo: 42px;
  --altura-campo-compacto: 36px;
  --altura-botao: 38px;
  --offset-scroll: 96px;

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-pill: 999px;
  --r-campo: var(--r-lg);
  --r-botao: var(--r-lg);
  --r-card: var(--r-xl);
  --borda-1: 1px;

  --sombra-card: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --foco-anel: 0 0 0 3px var(--theme-accent-soft);
  --desfoque-barra: blur(8px);

  --dur-campo: 150ms;
  --dur-progresso: 500ms;
  --ease: ease;
  --ease-saida: ease-out;
  --transicao-campo:
    border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
  --transicao-botao:
    background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  --transicao-progresso: width 500ms ease-out;
}

/* Eyebrow: título de bloco dentro de uma seção. */
.eyebrow {
  margin: 0;
  font: 600 11px / 1.2 'Space Grotesk', system-ui, -apple-system, sans-serif;
  font: var(--tipo-eyebrow);
  letter-spacing: 0.05em;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: #5f6b7a;
  color: var(--theme-text-muted);
}

/* ══ CAMPO ══
   Uma só aparência para todo campo do edital. SEM `width` e SEM `display`, de
   propósito: este bloco vem depois do `@tailwind utilities`, então um `width`
   aqui venceria `w-1/3`, `w-24` e `md:w-40` dos campos estreitos e esticaria
   todos eles sem aparecer em nenhum diff de JSX. */
.campo {
  min-height: 42px;
  min-height: var(--altura-campo);
  padding: 9px 13px;
  padding: var(--pad-campo);
  border-radius: 10px;
  border-radius: var(--r-campo);
  border: 1px solid #cfd5e0;
  border: var(--borda-1) solid var(--campo-borda);
  background-color: #ffffff;
  background-color: var(--campo-bg);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  box-shadow: var(--campo-sombra);
  color: #1a1d24;
  color: var(--theme-text);
  font-family: inherit;
  font-size: 15px;
  font-size: var(--fs-15);
  line-height: 1.5;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
  transition: var(--transicao-campo);
}
.campo::placeholder {
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.campo:hover:not(:disabled):not(:focus) {
  border-color: #98a2b3;
  border-color: var(--campo-borda-hover);
  background-color: #ffffff;
  background-color: var(--campo-bg-hover);
}
.campo:focus,
.campo:focus-visible {
  outline: none;
  border-color: #2563eb;
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  box-shadow: var(--foco-anel);
}
.campo:disabled {
  background-color: #f0f1f3;
  background-color: var(--theme-surface-hover);
  color: #9ca3b0;
  color: var(--theme-text-faint);
  cursor: not-allowed;
  box-shadow: none;
}
textarea.campo {
  min-height: 104px;
  resize: vertical;
}

/* A seta nativa do select ignora cor de tema e some no escuro; desenhada aqui. */
select.campo {
  -webkit-appearance: none;
          appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%238b95a8%27 stroke-width=%271.6%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M4 6.5 8 10.5l4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

/* Variante compacta: grade densa de dia/mês/ano/hora. */
.campo--compacto {
  min-height: 36px;
  min-height: var(--altura-campo-compacto);
  padding: 6px 10px;
  padding: var(--pad-campo-compacto);
  font-size: 14px;
  font-size: var(--fs-14);
  border-radius: 8px;
  border-radius: var(--r-md);
}
select.campo--compacto {
  padding-right: 30px;
  background-position: right 8px center;
  background-size: 14px;
}

/* O `<input type=file>` cru mostrava "Choose File / No file chosen" — texto do
   navegador, em ingles, com botao cinza de sistema, no meio do formulario. */
input[type='file'].campo {
  padding: 5px 8px;
  font-size: 13px;
  color: #5f6b7a;
  color: var(--theme-text-muted);
  cursor: pointer;
}
input[type='file'].campo::-webkit-file-upload-button {
  margin-right: 12px;
  padding: 5px 12px;
  border: 1px solid #cfd5e0;
  border: var(--borda-1) solid var(--campo-borda);
  border-radius: 8px;
  border-radius: var(--r-md);
  background-color: transparent;
  color: #5f6b7a;
  color: var(--theme-text-muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  font-weight: var(--peso-medio);
  cursor: pointer;
  -webkit-transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  -webkit-transition: var(--transicao-botao);
  transition: var(--transicao-botao);
}
input[type='file'].campo::file-selector-button {
  margin-right: 12px;
  padding: 5px 12px;
  border: 1px solid #cfd5e0;
  border: var(--borda-1) solid var(--campo-borda);
  border-radius: 8px;
  border-radius: var(--r-md);
  background-color: transparent;
  color: #5f6b7a;
  color: var(--theme-text-muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  font-weight: var(--peso-medio);
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: var(--transicao-botao);
}
input[type='file'].campo::-webkit-file-upload-button:hover {
  border-color: #98a2b3;
  border-color: var(--campo-borda-hover);
  background-color: #ffffff;
  background-color: var(--campo-bg-hover);
}
input[type='file'].campo::file-selector-button:hover {
  border-color: #98a2b3;
  border-color: var(--campo-borda-hover);
  background-color: #ffffff;
  background-color: var(--campo-bg-hover);
}

/* ── Rótulo ── */
.rotulo {
  display: block;
  font: 400 14px / 1.4 'Space Grotesk', system-ui, -apple-system, sans-serif;
  font: var(--tipo-rotulo);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  margin-bottom: 6px;
  margin-bottom: var(--gap-rotulo-campo);
}
.rotulo-grupo {
  display: block;
  font: 600 15px / 1.4 'Space Grotesk', system-ui, -apple-system, sans-serif;
  font: var(--tipo-rotulo-grupo);
  color: #1a1d24;
  color: var(--theme-text);
  margin-bottom: 8px;
  margin-bottom: var(--e-2);
}
.rotulo-obrigatorio {
  color: #dc2626;
  color: var(--erro-600);
  margin-left: 2px;
}
.campo-erro {
  margin: 0;
  font-size: 12px;
  font-size: var(--fs-12);
  color: #dc2626;
  color: var(--erro-600);
}

/* Campo = rótulo + controle + erro. É o que garante que duas colunas vizinhas
   comecem e terminem na mesma altura. */
.campo-bloco {
  display: flex;
  flex-direction: column;
  gap: 6px;
  gap: var(--gap-rotulo-campo);
  min-width: 0;
}
.campo-bloco > .campo {
  width: 100%;
}

/* Linha de campo com ação ao lado (CEP + Buscar). O `align-items: stretch` do
   flex esticava o campo até a altura do botão, e o botão de duas linhas deixava
   o campo com 64px enquanto o vizinho tinha 42px. */
.linha-campo-acao {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  gap: var(--e-2);
}
.linha-campo-acao > .campo {
  flex: 1 1 auto;
  min-width: 0;
}
.linha-campo-acao > .botao,
.linha-campo-acao > .botao-2 {
  flex: 0 0 auto;
}

/* Grade de campos: 1 coluna no telefone sempre — campo estreito em telefone é
   pior que campo empilhado. */
.grade {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  grid-gap: 16px;
  grid-gap: var(--gap-grade);
  gap: var(--gap-grade);
  align-items: start;
}
@media (min-width: 640px) {
  .grade--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grade--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grade--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  gap: var(--e-3);
  font-size: 14px;
  font-size: var(--fs-14);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  cursor: pointer;
}
.checkbox input {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 6px;
  border-radius: var(--r-sm);
  accent-color: #18202f;
  accent-color: var(--alfa-tinta);
  cursor: pointer;
}

/* ══ BOTÃO ══
   Dois papéis de verdade — principal e secundária — mais três variantes de
   situação. Eram 17 combinações de classe para 38 botões nos três formulários,
   com seis paddings e cinco raios. */
.botao,
.botao-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  gap: var(--e-2);
  min-height: 38px;
  min-height: var(--altura-botao);
  padding: 7px 14px;
  padding: var(--pad-botao);
  border-radius: 10px;
  border-radius: var(--r-botao);
  font-family: inherit;
  font-size: 14px;
  font-size: var(--fs-14);
  font-weight: 600;
  font-weight: var(--peso-semi);
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: var(--transicao-botao);
}
.botao {
  background-color: #18202f;
  background-color: var(--alfa-tinta);
  color: #ffffff;
  border: 1px solid transparent;
  border: var(--borda-1) solid transparent;
}
.botao:hover:not(:disabled) {
  background-color: #2a3446;
  background-color: var(--alfa-tinta-hover);
}
html.dark .botao {
  background-color: #ededed;
  color: #111111;
}
html.dark .botao:hover:not(:disabled) {
  background-color: #ffffff;
}

/* Secundária: "+ Adicionar", "Importar", "Buscar CEP". Eram todas preenchidas
   de preto, competindo com a ação principal da tela. */
.botao-2 {
  background-color: transparent;
  color: #5f6b7a;
  color: var(--theme-text-muted);
  border: 1px solid #cfd5e0;
  border: var(--borda-1) solid var(--campo-borda);
  font-weight: 500;
  font-weight: var(--peso-medio);
}
.botao-2:hover:not(:disabled) {
  background-color: #ffffff;
  background-color: var(--campo-bg-hover);
  border-color: #98a2b3;
  border-color: var(--campo-borda-hover);
  color: #1a1d24;
  color: var(--theme-text);
}

/* Tudo preenchido: Gerar Edital fica verde. */
.botao--ok {
  background-color: #059669;
  background-color: var(--ok-600);
}
.botao--ok:hover:not(:disabled) {
  background-color: #047857;
  background-color: var(--ok-700);
}

/* O único azul-ciano da tela, reservado para sugestão automática. */
.botao--ia {
  background-color: #0ea5e9;
  background-color: var(--ia-500);
  color: #ffffff;
  border-color: transparent;
}
.botao--ia:hover:not(:disabled) {
  background-color: #0284c7;
  background-color: var(--ia-600);
}

/* Ação primária azul: "Gerar edital com IA" no topo da tela. */
.botao--primaria {
  background-color: #2563eb;
  background-color: var(--info-600);
  color: #ffffff;
  border-color: transparent;
}
.botao--primaria:hover:not(:disabled) {
  background-color: #1e3a8a;
  background-color: var(--info-900);
}

/* Destrutiva discreta: Remover item, Remover lote — os destrutivos que aparecem
   DENTRO do formulário, um por item, e que preenchidos virariam uma coluna de
   manchas vermelhas ao lado dos campos. A exceção é o "Limpar formulário" do
   rodapé da trilha, que é único na tela e precisa ser achado: `.estudio-limpar`
   o preenche (ver o rodapé da trilha). */
.botao--texto {
  background: none;
  border: 0;
  padding: 6px 10px;
  min-height: auto;
  font-weight: 500;
  font-weight: var(--peso-medio);
  font-size: 13px;
  font-size: var(--fs-13);
  color: #9ca3b0;
  color: var(--theme-text-faint);
  border-radius: 8px;
  border-radius: var(--r-md);
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: var(--transicao-botao);
}
.botao--texto:hover:not(:disabled) {
  background-color: #fef2f2;
  background-color: var(--erro-50);
  color: #dc2626;
  color: var(--erro-600);
}

.botao--bloco {
  width: 100%;
}
.botao:focus-visible,
.botao-2:focus-visible,
.botao--texto:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  box-shadow: var(--foco-anel);
}
.botao:disabled,
.botao-2:disabled,
.botao--texto:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* `botao-3` é o nome antigo da primária de acento, ainda usado no cabeçalho da
   tela de edital. Mantido como alias para não quebrar quem o referencia. */
.botao-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  gap: var(--e-2);
  min-height: 38px;
  min-height: var(--altura-botao);
  padding: 7px 14px;
  padding: var(--pad-botao);
  border-radius: 10px;
  border-radius: var(--r-botao);
  border: 1px solid transparent;
  border: var(--borda-1) solid transparent;
  background-color: #2563eb;
  background-color: var(--info-600);
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-size: var(--fs-14);
  font-weight: 600;
  font-weight: var(--peso-semi);
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: var(--transicao-botao);
}
.botao-3:hover:not(:disabled) {
  background-color: #1e3a8a;
  background-color: var(--info-900);
}
.botao-3:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  box-shadow: var(--foco-anel);
}

/* ── Barra e anel de progresso ──
   `bg-neutral-200` do Tailwind é reescrito pelo tema escuro, e a trilha sumia —
   a barra parecia flutuar no nada. Cor própria, com contraste nos dois temas. */
.trilha-progresso {
  height: 6px;
  width: 100%;
  overflow: hidden;
  border-radius: 999px;
  border-radius: var(--r-pill);
  background-color: #e4e7ec;
  background-color: var(--trilha);
}
.trilha-progresso > div {
  height: 100%;
  border-radius: 999px;
  border-radius: var(--r-pill);
  background-color: #3b82f6;
  background-color: var(--info-500);
  transition: width 500ms ease-out;
  transition: var(--transicao-progresso);
}
.trilha-progresso > div.completo {
  background-color: #10b981;
  background-color: var(--ok-500);
}
.trilha-anel {
  stroke: #e4e7ec;
  stroke: var(--trilha);
}

/* ── Seção: o único nível de cartão da tela ── */
.secao {
  scroll-margin-top: 96px;
  scroll-margin-top: var(--offset-scroll);
  overflow: hidden;
  border-radius: 12px;
  border-radius: var(--r-card);
  border: 1px solid #e5e5e5;
  border: var(--borda-1) solid var(--borda-card);
  background: #ffffff;
  background: var(--theme-surface);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--sombra-card);
}
.secao-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  gap: var(--e-4);
  border-bottom: 1px solid #e5e5e5;
  border-bottom: var(--borda-1) solid var(--borda-card);
  padding: 16px 24px;
  padding: var(--pad-secao-header);
}
.secao-header h2 {
  margin: 0;
  font: 600 15px / 1.25 'Space Grotesk', system-ui, -apple-system, sans-serif;
  font: var(--tipo-titulo-secao);
  color: #1a1d24;
  color: var(--theme-text);
}
.secao-header p {
  margin: 2px 0 0;
  font-size: 13px;
  font-size: var(--fs-13);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
/* Número e barra EM LINHA, não empilhados. Empilhados, os dois ocupavam 96px de
   largura e duas alturas ao lado do título — que então quebrava em duas linhas
   e brigava com eles. Em linha o indicador é um objeto só, de uma altura, e o
   título fica com a largura de volta. */
.secao-contagem {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--e-2, 8px);
  flex-shrink: 0;
}
/* Pílula, não número solto: "0/6" perdido no canto do cabeçalho lia-se como
   sobra de texto. Com fundo ele vira um objeto — e continua legível sozinho na
   folha estreita, onde a barra ao lado sai. */
.secao-contagem b {
  padding: 2px 8px;
  padding: 2px var(--e-2, 8px);
  border-radius: 999px;
  border-radius: var(--r-pill);
  background: #f0f1f3;
  background: var(--theme-surface-hover);
  font-size: 12px;
  font-size: var(--fs-12);
  font-weight: 600;
  font-weight: var(--peso-semi);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  color: #1a1d24;
  color: var(--theme-text);
  white-space: nowrap;
}
.secao-contagem .trilha-progresso {
  width: 64px;
  height: 5px;
}
.secao-corpo {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: var(--gap-secao-interna);
  padding: 24px;
  padding: var(--pad-secao-corpo);
}

.etiqueta {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border-radius: var(--r-pill);
  padding: 2px 8px;
  padding: 2px var(--e-2);
  font-size: 11px;
  font-size: var(--fs-11);
  font-weight: 600;
  font-weight: var(--peso-semi);
}
.etiqueta--ok {
  background: #d1fae5;
  background: var(--ok-100);
  color: #047857;
  color: var(--ok-700);
}
.etiqueta--pendente {
  background: #fffbeb;
  background: var(--atencao-50);
  color: #92400e;
  color: var(--atencao-800);
}
.etiqueta--neutra {
  background: #f0f1f3;
  background: var(--theme-surface-hover);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}

/* Bloco dentro de uma seção — deliberadamente SEM cartão. Quem dá a moldura é
   a seção; aqui só hierarquia de texto. */
.subbloco {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: var(--gap-bloco);
}
.subbloco > header p {
  margin: 4px 0 0;
  font-size: 13px;
  font-size: var(--fs-13);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}

/* Cabeçalho de item repetido: número sempre, resumo quando preenchido. */
.item-titulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  gap: var(--e-3);
}
.item-titulo-txt {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 8px;
  gap: var(--e-2);
}
.item-titulo-txt h3 {
  margin: 0;
  flex-shrink: 0;
  font-size: 15px;
  font-size: var(--fs-15);
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #1a1d24;
  color: var(--theme-text);
}
.item-resumo {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-size: var(--fs-13);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
.item-vazio {
  flex-shrink: 0;
  font-size: 13px;
  font-size: var(--fs-13);
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.item-caixa {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: var(--gap-grade);
  border-radius: 12px;
  border-radius: var(--r-card);
  border: 1px solid #e2e5ea;
  border: var(--borda-1) solid var(--theme-border);
  padding: 16px;
  padding: var(--e-4);
}

/* Faixa de aviso da Revisão: pendências (âmbar) ou tudo certo (verde). */
.aviso {
  border-radius: 12px;
  border-radius: var(--r-card);
  padding: 12px 16px;
  padding: var(--e-3) var(--e-4);
}
.aviso--pendente {
  background: #fffbeb;
  background: var(--atencao-50);
}
.aviso--pendente > p {
  margin: 0;
  font-size: 14px;
  font-size: var(--fs-14);
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #78350f;
  color: var(--atencao-900);
}
.aviso--ok {
  background: #ecfdf5;
  background: var(--ok-50);
  color: #065f46;
  color: var(--ok-800);
  font-size: 14px;
  font-size: var(--fs-14);
}
.aviso ul {
  list-style: none;
  margin: 12px 0 0;
  margin: var(--e-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  gap: var(--e-3);
}
.aviso-secao {
  border: 0;
  background: none;
  padding: 0;
  font-size: 14px;
  font-size: var(--fs-14);
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #78350f;
  color: var(--atencao-900);
  text-decoration: underline;
  cursor: pointer;
}

/* ══════════════════════════════════════
   ESTÚDIO DE EDITAL
   Composição da tela: trilha de seções · folha do formulário · documento ao
   vivo. Porte literal do estudo.

   POR QUE TRÊS COLUNAS
   O índice deixou de flutuar numa caixa ao lado e virou coluna grudada na
   borda, com a seção corrente marcada por um filete de tinta. A terceira coluna
   é a novidade: todo campo desta tela entra no MEIO de frases de um modelo
   .docx, e até agora quem preenchia só via o resultado depois de clicar em
   Gerar. Era ali que apareciam as frases quebradas ("pelo índice do índice
   IPCA."), o mês sem ano, o valor sem folhas.

   POR QUE NÃO É `height: 100vh` COMO NO ESTUDO
   O estudo desenhava a tela inteira, inclusive o menu do sistema. Aqui a tela
   vive DENTRO do `.app-main`, que já rola. Fixar 100vh criaria uma segunda
   barra de rolagem aninhada. Então a folha rola com a página e as duas laterais
   são `sticky` com rolagem própria — mesmo resultado, sem disputar a rolagem
   do shell.
   ══════════════════════════════════════ */

/* ── Palco: o que mede as faixas de largura ──
   As faixas desta tela eram `@media`, isto é, largura da JANELA. Mas o Estúdio
   nunca teve a janela inteira: o menu do sistema fica à esquerda dele e come
   320px aberto (72px recolhido, 0 escondido). Numa janela de 1680px o CSS lia
   1680, mandava montar três colunas — 248 + folha + 440 — e sobravam 672px para
   o formulário, que precisa de ~810. O excedente não sumia: escorria para
   debaixo da pré-visualização, que tem fundo próprio, e "comia" a metade
   direita dos campos. Era o mesmo erro no outro extremo: numa janela de 1024px
   a trilha era escondida quando ainda cabia, ou continuava escondida quando o
   menu estava recolhido e havia espaço de sobra.

   `container-type: inline-size` faz as faixas medirem ESTA caixa, que é o
   espaço real. Uma consulta não pode alterar a própria caixa que mede, daí o
   palco existir como embrulho do `.estudio`. */
.estudio-palco {
  container: palco / inline-size;
}

/* Três painéis grudados: SEM `gap`, SEM `padding` e SEM `max-width`. A trilha e
   o documento encostam nas bordas da tela como no estudo, e quem separa as
   colunas é o filete de borda de cada uma, não um vão. Com teto de largura,
   uma tela de 2559px ficava com ~180px mortos de cada lado. */
.estudio {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr) 440px;
  align-items: start;
  width: 100%;
}

/* ── Trilha ──
   Coluna de altura cheia, como um menu — não um cartão flutuando ao lado. Por
   isso `height: 100vh` com `sticky`, filete só à direita e nenhum raio: canto
   arredondado encostado na borda da tela lê como cartão solto, e a trilha não
   é um cartão, é a lateral da tela. O "Limpar formulário" fica no rodapé dela
   (`margin-top: auto`), no fim da coluna. */
.estudio-trilha {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-right: 1px solid #e2e5ea;
  border-right: var(--borda-1) solid var(--theme-border);
  background: #ffffff;
  background: var(--theme-surface);
}
.estudio-trilha-topo {
  padding: 24px 22px 22px;
  padding: var(--e-6) 22px 22px;
  border-bottom: 1px solid #e2e5ea;
  border-bottom: var(--borda-1) solid var(--theme-border);
}
.estudio-trilha-topo .eyebrow {
  color: #9ca3b0;
  color: var(--theme-text-faint);
  letter-spacing: 0.1em;
  letter-spacing: var(--ls-eyebrow-larga);
}
.estudio-trilha-topo h2 {
  margin: 7px 0 0;
  font-size: 19px;
  font-weight: 600;
  font-weight: var(--peso-semi);
  letter-spacing: -0.015em;
  line-height: 1.25;
  color: #1a1d24;
  color: var(--theme-text);
}
.estudio-trilha-topo .proc {
  margin: 9px 0 0;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-family: var(--font-numero);
  font-size: 12px;
  font-size: var(--fs-12);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
/* Eram medidas em `style=` no JSX. Viraram classe porque a faixa horizontal
   precisa zerá-las, e regra de folha não sobrescreve atributo `style`. */
.estudio-trilha-tipo {
  margin-top: 14px;
}
.estudio-trilha-prog {
  margin-top: 16px;
}
.estudio-trilha-prog p {
  margin: 8px 0 0;
  font-size: 12px;
  font-size: var(--fs-12);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.estudio-passos {
  list-style: none;
  margin: 0;
  padding: 16px 12px;
  padding: var(--e-4) var(--e-3);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* Filete de tinta: marca onde se está sem pintar o item todo. */
.estudio-passo {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  gap: var(--e-3);
  border: 0;
  background: none;
  padding: 11px 12px 11px 16px;
  padding: 11px var(--e-3) 11px var(--e-4);
  border-radius: 8px;
  border-radius: var(--r-md);
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
  transition: background-color var(--dur-campo) var(--ease);
}
.estudio-passo:hover {
  background: #f0f1f3;
  background: var(--theme-surface-hover);
}
.estudio-passo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 2px;
  border-radius: 2px;
  background: transparent;
  transition: background-color 150ms ease;
  transition: background-color var(--dur-campo) var(--ease);
}
.estudio-passo[aria-current='true']::before {
  background: #18202f;
  background: var(--alfa-tinta);
}
html.dark .estudio-passo[aria-current='true']::before {
  background: #2563eb;
  background: var(--theme-accent);
}
.estudio-passo[aria-current='true'] .estudio-passo-nome {
  color: #1a1d24;
  color: var(--theme-text);
  font-weight: 600;
  font-weight: var(--peso-semi);
}
.estudio-passo-nome {
  flex: 1 1;
  min-width: 0;
  font-size: 14px;
  font-size: var(--fs-14);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.estudio-passo-conta {
  flex-shrink: 0;
  font-size: 11px;
  font-size: var(--fs-11);
  font-weight: 500;
  font-weight: var(--peso-medio);
  color: #9ca3b0;
  color: var(--theme-text-faint);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.estudio-passo-conta.pend {
  color: #b45309;
  color: var(--atencao-700);
}
html.dark .estudio-passo-conta.pend {
  color: #fbbf24;
}
.estudio-passo-conta.ok {
  color: #047857;
  color: var(--ok-700);
}
html.dark .estudio-passo-conta.ok {
  color: #34d399;
}
/* ── Campos para conferir ──
   Preenchido, mas parece errado. Fica ABAIXO da trilha de seções e em tinta de
   atenção, não de erro: não tranca nada, só não deixa passar calado. Recolhido por
   padrão porque na maioria dos editais a lista é vazia ou tem um item. */
.estudio-avisos {
  border-top: 1px solid #e2e5ea;
  border-top: var(--borda-1) solid var(--theme-border);
}
.estudio-avisos-topo {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--e-2, 8px);
  width: 100%;
  padding: 12px 14px;
  padding: var(--e-3, 12px) var(--e-3-5, 14px);
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-size: 12px;
  font-size: var(--fs-12);
  color: #b45309;
  color: var(--atencao-700);
}
html.dark .estudio-avisos-topo {
  color: #fbbf24;
}
.estudio-avisos-conta {
  flex-shrink: 0;
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #fef3c7;
  background: var(--atencao-100, #fef3c7);
  color: #b45309;
  color: var(--atencao-700);
  font-size: 11px;
  font-size: var(--fs-11);
  font-weight: 600;
  font-weight: var(--peso-semi, 600);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  text-align: center;
}
html.dark .estudio-avisos-conta {
  background: rgba(251, 191, 36, 0.18);
  color: #fbbf24;
}
.estudio-avisos-seta {
  margin-left: auto;
  flex-shrink: 0;
}
.estudio-avisos-lista {
  list-style: none;
  margin: 0;
  padding: 0 8px 12px;
  padding: 0 var(--e-2, 8px) var(--e-3, 12px);
  max-height: 42vh;
  overflow-y: auto;
}
.estudio-avisos-lista button {
  display: block;
  width: 100%;
  padding: 8px;
  padding: var(--e-2, 8px);
  background: none;
  border: 0;
  border-radius: 6px;
  border-radius: var(--raio-2, 6px);
  cursor: pointer;
  text-align: left;
  font-size: 11px;
  font-size: var(--fs-11);
  line-height: 1.45;
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
.estudio-avisos-lista button:hover {
  background: #f0f1f3;
  background: var(--theme-surface-hover, rgba(0, 0, 0, 0.04));
}
.estudio-avisos-lista b {
  display: block;
  color: #1a1d24;
  color: var(--theme-text);
  font-weight: 500;
  font-weight: var(--peso-medio);
}
.estudio-avisos-lista code {
  display: inline-block;
  margin: 2px 0;
  padding: 0 4px;
  border-radius: 3px;
  background: #fef3c7;
  background: var(--atencao-100, #fef3c7);
  color: #b45309;
  color: var(--atencao-700);
  font-size: 11px;
  font-size: var(--fs-11);
}
html.dark .estudio-avisos-lista code {
  background: rgba(251, 191, 36, 0.18);
  color: #fbbf24;
}
.estudio-avisos-lista span {
  display: block;
}

/* ── Os campos em conflito, um sob o outro ──
   A IA aponta "o campo X diz A e o campo Y diz B". Lendo isso como parágrafo, quem confere
   tem de garimpar qual campo tem o quê; em duas linhas rotuladas, a comparação se faz de
   relance. O filete à esquerda liga as duas e separa do motivo, que vem depois. */
.estudio-avisos-confronto {
  display: block;
  margin: 6px 0;
  padding-left: 8px;
  border-left: 2px solid #b45309;
  border-left: 2px solid var(--atencao-700);
}
html.dark .estudio-avisos-confronto {
  border-left-color: #fbbf24;
}
.estudio-avisos-confronto > span {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 1px 0;
}
.estudio-avisos-confronto em {
  flex-shrink: 0;
  max-width: 45%;
  font-style: normal;
  font-size: 11px;
  font-size: var(--fs-11);
  color: #9ca3b0;
  color: var(--theme-text-faint);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estudio-avisos-confronto code {
  margin: 0;
  overflow-wrap: anywhere;
}
/* A citação é prova, não motivo: entra em itálico e sem a tinta de atenção. */
.estudio-avisos-citacao {
  display: block;
  margin-top: 4px;
  font-style: italic;
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.estudio-avisos-vazio {
  margin: 0;
  padding: 12px 14px 0;
  padding: var(--e-3, 12px) var(--e-3-5, 14px) 0;
  font-size: 12px;
  font-size: var(--fs-12);
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.estudio-avisos-ia {
  padding: 8px 14px 12px;
  padding: var(--e-2, 8px) var(--e-3-5, 14px) var(--e-3, 12px);
}
.estudio-avisos-ia .botao--texto {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-size: var(--fs-12);
}
.estudio-avisos-ia .botao--texto:disabled {
  opacity: 0.6;
  cursor: progress;
}
.estudio-avisos-ia p {
  margin: 6px 0 0;
  font-size: 11px;
  font-size: var(--fs-11);
  line-height: 1.45;
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
.estudio-avisos-ia p.erro {
  color: #b45309;
  color: var(--atencao-700);
}
html.dark .estudio-avisos-ia p.erro {
  color: #fbbf24;
}
/* Selo do aviso que veio da IA: a pessoa precisa saber que aquele não é regra fixa,
   é leitura da descrição — e que a citação logo abaixo é a prova. */
.estudio-avisos-selo {
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid currentColor;
  border: var(--borda-1) solid currentColor;
  font-style: normal;
  font-size: 10px;
  font-weight: 500;
  font-weight: var(--peso-medio);
  letter-spacing: 0.04em;
  color: #5f6b7a;
  color: var(--theme-text-muted);
  vertical-align: 1px;
}

/* ── Rodapé da trilha: Limpar formulário ──
   O rodapé é fixo no fim da coluna (`margin-top: auto`) e a coluna tem 100vh:
   o botão está sempre no mesmo canto da tela, em qualquer altura de rolagem —
   por isso a posição não mudou. O que mudou foi o que se via ali.

   Ele era `.botao--texto` puro: cinza-claro, sem moldura e sem ícone, do mesmo
   tamanho e da mesma cor do "Revisar o edital com a IA" que fica logo acima.
   Dois rótulos iguais, um que sugere e outro que apaga tudo — quem procurava o
   "Limpar" não achava, e quem batia o olho não sabia se era botão ou legenda.

   A correção é o oposto de discrição: bloco vermelho preenchido, ocupando a
   largura do rodapé, com ícone e em 13px. É a única mancha de cor cheia da
   trilha — acha-se sem procurar. O que o separa do "Gerar Edital" não é o peso,
   é a distância: um vive no pé da lateral, o outro na barra da folha, a meia
   tela de distância, e as duas cores nunca se cruzam (tinta/verde lá, vermelho
   aqui). Por ser tão visível é que o clique passa pela confirmação abaixo. */
.estudio-trilha-rodape {
  margin-top: auto;
  padding: 14px;
  padding: var(--e-3-5, 14px);
  border-top: 1px solid #e2e5ea;
  border-top: var(--borda-1) solid var(--theme-border);
}
.estudio-trilha-rodape .botao--texto.estudio-limpar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border: var(--borda-1) solid transparent;
  background-color: #dc2626;
  background-color: var(--erro-600);
  box-shadow: 0 1px 2px rgba(185, 28, 28, 0.25);
  font-size: 13px;
  font-size: var(--fs-13);
  font-weight: 600;
  font-weight: var(--peso-semi);
  letter-spacing: 0.01em;
  color: #ffffff;
}
.estudio-trilha-rodape .botao--texto.estudio-limpar:hover:not(:disabled) {
  background-color: #b91c1c;
  background-color: var(--erro-700);
  box-shadow: 0 2px 6px rgba(185, 28, 28, 0.35);
  color: #ffffff;
}
/* No escuro o 600 fica chapado contra o fundo quase preto; o 500 mantém o
   mesmo grito sem virar borrão. */
html.dark .estudio-trilha-rodape .botao--texto.estudio-limpar {
  background-color: #ef4444;
  background-color: var(--erro-500);
  box-shadow: none;
}
html.dark
  .estudio-trilha-rodape
  .botao--texto.estudio-limpar:hover:not(:disabled) {
  background-color: #dc2626;
  background-color: var(--erro-600);
}

/* Confirmação no lugar do botão, e não em modal: o aviso nasce onde a mão já
   está e não cobre o formulário que está prestes a sumir. */
.estudio-limpar-confirma p {
  margin: 0 0 10px;
  font-size: 12px;
  font-size: var(--fs-12);
  line-height: 1.45;
  color: #1a1d24;
  color: var(--theme-text);
}
.estudio-limpar-acoes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.estudio-limpar-acoes .botao-2,
.estudio-limpar-acoes .botao--texto {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 12px;
  font-size: var(--fs-12);
}
.estudio-trilha-rodape .botao--texto.estudio-limpar-sim {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border: var(--borda-1) solid transparent;
  border-radius: 8px;
  border-radius: var(--r-md);
  background-color: #dc2626;
  background-color: var(--erro-600);
  color: #ffffff;
}
.estudio-trilha-rodape .botao--texto.estudio-limpar-sim:hover:not(:disabled) {
  background-color: #b91c1c;
  background-color: var(--erro-700);
  color: #ffffff;
}

/* ── Folha ── */
/* A folha ocupa a coluna inteira, mas o CONTEÚDO tem teto de 1180px e fica
   centrado — é o que o estudo faz (`.folha-interna`). Sem o teto, num monitor
   largo o cartão de seção esticava para ~1400px e o formulário ficava grande
   demais para ler: linha longa demais e campo do tamanho de uma faixa. Quem
   usa a largura da tela são a trilha e o documento, nas bordas. */
/* `width: 100%` NÃO é redundante com o `margin: 0 auto`, é o que impede o
   vazamento. Margem automática tira o item do esticar da grade e o manda se
   dimensionar pelo conteúdo — e aí o piso é o MÍNIMO do conteúdo (~810px com
   quatro campos lado a lado), que ignora a coluna e transborda por baixo do
   painel vizinho. Com largura declarada, o item volta a valer a coluna e o teto
   de 1180px segue valendo onde sobra espaço.

   A folha também se mede: as grades de campos abaixo encolhem pela largura DELA,
   que é o que decide se quatro campos cabem lado a lado — não pela janela. */
.estudio-folha {
  container: folha / inline-size;
  min-width: 0;
  counter-reset: secao;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 44px 140px;
}
/* `wrap`: os botões da barra não encolhem (`white-space: nowrap`), então sem
   quebra de linha o "Gerar Edital" — a ação principal da tela — era empurrado
   para fora da coluna e ficava inalcançável em janela estreita. */
.estudio-barra {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  gap: var(--e-5);
  /* Estende-se até as bordas da coluna, apesar do padding da folha: barra fixa
     que para antes da borda parece um cartão solto ao rolar. */
  padding: 15px 44px;
  margin: 0 -44px 28px;
  background: color-mix(in srgb, #f4f5f7 90%, transparent);
  background: color-mix(in srgb, var(--theme-bg) 90%, transparent);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  -webkit-backdrop-filter: var(--desfoque-barra);
          backdrop-filter: var(--desfoque-barra);
  border-bottom: 1px solid #e2e5ea;
  border-bottom: var(--borda-1) solid var(--theme-border);
}
/* O texto é o único que cede, e só até 150px — abaixo disso "Faltam 28 campos
   obrigatórios" vira três linhas de uma palavra. Passado esse ponto, quem cede
   é a linha: os botões descem para a seguinte inteiros. */
.estudio-barra-txt {
  flex: 1 1 auto;
  min-width: 150px;
}
/* Nenhum botão encolhe. Encolhendo, o rótulo — que é `nowrap` — vazava para
   fora da moldura e o botão aparecia cortado ao meio. */
.estudio-barra > :not(.estudio-barra-txt) {
  flex: 0 0 auto;
}
.estudio-barra-txt b {
  display: block;
  font-size: 13px;
  font-size: var(--fs-13);
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #1a1d24;
  color: var(--theme-text);
}
.estudio-barra-txt span {
  font-size: 12px;
  font-size: var(--fs-12);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

/* ── Seção dentro da folha: painel branco numerado ──
   As medidas maiores (32px de respiro, título de 21px, campo de 46px) valem
   SÓ aqui. É o que faz a folha ocupar a página em vez de deixar um formulário
   de 60 campos numa coluna estreita. */
/* SEM sombra: o cartão é definido pela borda. A sombra herdada de `.secao`
   destacava a seção do fundo como se ela flutuasse, e não é isso que o estudo
   faz — lá a folha é plana e a divisão vem do filete. */
.estudio-folha .secao {
  counter-increment: secao;
  margin-bottom: 22px;
  border: 1px solid #e4e8ef;
  border: var(--borda-1) solid #e4e8ef;
  border-radius: 14px;
  box-shadow: none;
}
/* Material de consulta no topo (Documentos da íntegra): cartão igual, mas fora da
   numeração 01–05, que é a dos blocos a preencher. */
.estudio-folha .secao.secao-consulta {
  counter-increment: none;
}
html.dark .estudio-folha .secao {
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}
.estudio-folha .secao-header {
  align-items: flex-start;
  gap: 0;
  padding: 22px 32px;
  padding: 22px var(--e-8);
  background: #fcfdfe;
  border-bottom: 1px solid #e4e8ef;
  border-bottom: var(--borda-1) solid #e4e8ef;
}
html.dark .estudio-folha .secao-header {
  background: #f8f9fb;
  background: var(--theme-surface-soft);
  border-bottom-color: #e2e5ea;
  border-bottom-color: var(--theme-border);
}
/* Numeração 01–05: dá ordem à página sem transformá-la de volta em assistente. */
.estudio-folha .secao-numero {
  flex: 0 0 auto;
  margin: 3px 20px 0 0;
  margin: 3px var(--e-5) 0 0;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-family: var(--font-numero);
  font-size: 12px;
  font-size: var(--fs-12);
  font-weight: 500;
  font-weight: var(--peso-medio);
  letter-spacing: 0.06em;
  color: #b3bac6;
}
.estudio-folha .secao-numero::before {
  content: counter(secao, decimal-leading-zero);
}
.estudio-folha .secao-header h2 {
  font-size: 21px;
  font-weight: 600;
  font-weight: var(--peso-semi);
  letter-spacing: -0.018em;
  line-height: 1.25;
}
.estudio-folha .secao-header p {
  margin-top: 5px;
  font-size: 13px;
  font-size: var(--fs-13);
}
.estudio-folha .secao-contagem {
  margin-left: 24px;
  margin-left: var(--e-6);
}
/* O respiro da seção sai do sub-bloco (26px/32px/30px), NÃO do corpo — é o que
   permite ao filete separador do sub-bloco correr de borda a borda do cartão.
   Mas isso só vale quando a seção É composta de sub-blocos: uma seção com
   conteúdo solto ficaria com padding zero e os campos encostariam na borda do
   cartão. `:has()` faz a distinção; onde ele não existir, o padding fica — que
   é o lado seguro de errar.

   `:has(.subbloco)` e não `:has(> .subbloco)`: em dois formulários os
   sub-blocos estão dentro de um `<div>` intermediário herdado do assistente. Com
   o filho DIRETO, esses casos mantinham os 24px do corpo E ganhavam os 32px do
   sub-bloco — 56px de recuo contra 32px do bem móvel, que é exatamente o
   "formulário muito menor" que se via ao comparar as duas telas. */
.estudio-folha .secao-corpo:has(.subbloco) {
  padding: 0;
  gap: 0;
}

/* Sub-bloco: filete de largura total com o título correndo sobre a linha. A
   divisão se vê de longe; o contorno não pesa. */
.estudio-folha .subbloco {
  padding: 26px 32px 30px;
  padding: 26px var(--e-8) 30px;
  gap: 22px;
}
.estudio-folha .subbloco + .subbloco {
  border-top: 1px solid #eef1f5;
  border-top: var(--borda-1) solid #eef1f5;
}
html.dark .estudio-folha .subbloco + .subbloco {
  border-top-color: #e2e5ea;
  border-top-color: var(--theme-border);
}
.estudio-folha .subbloco > header h3 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 16px;
  gap: var(--e-4);
  white-space: nowrap;
  color: #8d95a3;
  letter-spacing: 0.09em;
}
.estudio-folha .subbloco > header h3::after {
  content: '';
  flex: 1 1;
  height: 1px;
  background: #eaedf2;
}
html.dark .estudio-folha .subbloco > header h3 {
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
html.dark .estudio-folha .subbloco > header h3::after {
  background: #e2e5ea;
  background: var(--theme-border);
}
.estudio-folha .subbloco > header p {
  white-space: normal;
}

.estudio-folha .grade {
  gap: 20px 22px;
  gap: var(--e-5) 22px;
}

/* Soma dos lotes: número grande e monoespaçado. É leitura, não campo — por isso
   sai da grade e vira um par eyebrow + valor no rodapé do sub-bloco. */
.estudio-total {
  margin: 4px 0 0;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-family: var(--font-numero);
  font-size: 20px;
  font-size: var(--fs-20);
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #1a1d24;
  color: var(--theme-text);
}

/* Campo maior dentro da folha: 46px contra os 42px do resto do sistema. */
.estudio-folha .campo {
  min-height: 46px;
  padding: 11px 14px;
  padding: 11px var(--e-3-5, 14px);
  border-radius: 10px;
  border-radius: var(--r-lg);
  border: 1px solid #dfe4ec;
  border: var(--borda-1) solid #dfe4ec;
  box-shadow: 0 1px 1.5px rgba(16, 24, 40, 0.035);
  font-size: 15px;
  font-size: var(--fs-15);
}
html.dark .estudio-folha .campo {
  border-color: #cfd5e0;
  border-color: var(--campo-borda);
  box-shadow: none;
}
.estudio-folha .campo:hover:not(:disabled):not(:focus) {
  border-color: #b6bfcd;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
html.dark .estudio-folha .campo:hover:not(:disabled):not(:focus) {
  border-color: #98a2b3;
  border-color: var(--campo-borda-hover);
}
.estudio-folha .campo:focus,
.estudio-folha .campo:focus-visible {
  border-color: #2563eb;
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  box-shadow: var(--foco-anel);
}
.estudio-folha .campo:disabled {
  background: #f7f8fa;
  border-color: #e7eaf0;
  box-shadow: none;
}
html.dark .estudio-folha .campo:disabled {
  background: #f0f1f3;
  background: var(--theme-surface-hover);
  border-color: #e2e5ea;
  border-color: var(--theme-border);
}
.estudio-folha textarea.campo {
  min-height: 112px;
  padding: 13px 14px;
  padding: 13px var(--e-3-5, 14px);
  line-height: 1.6;
}
.estudio-folha select.campo {
  padding-right: 38px;
  background-position: right 13px center;
}
.estudio-folha .campo--compacto {
  min-height: 40px;
  padding: 8px 12px;
  padding: var(--e-2) var(--e-3);
  font-size: 14px;
  font-size: var(--fs-14);
  border-radius: 9px;
}
.estudio-folha select.campo--compacto {
  padding-right: 32px;
  background-position: right 10px center;
}
.estudio-folha .rotulo {
  font-size: 13px;
  font-size: var(--fs-13);
  font-weight: 500;
  font-weight: var(--peso-medio);
  letter-spacing: 0;
  text-transform: none;
  color: #5b6472;
  margin-bottom: 8px;
  margin-bottom: var(--e-2);
}
html.dark .estudio-folha .rotulo {
  color: #5f6b7a;
  color: var(--theme-text-muted);
}
.estudio-folha .rotulo-obrigatorio {
  color: #e0a02c;
}
.estudio-folha .campo-erro {
  font-size: 12px;
  font-size: var(--fs-12);
  line-height: 1.5;
}

.estudio-folha .item-caixa {
  border: 1px solid #eaedf2;
  border: var(--borda-1) solid #eaedf2;
  border-radius: 12px;
  border-radius: var(--r-card);
  background: #fcfcfd;
  padding: 20px 22px 22px;
  padding: var(--e-5) 22px 22px;
  gap: 20px;
  gap: var(--e-5);
}
html.dark .estudio-folha .item-caixa {
  border-color: #e2e5ea;
  border-color: var(--theme-border);
  background: #f8f9fb;
  background: var(--theme-surface-soft);
}
.estudio-folha .item-caixa + .item-caixa {
  margin-top: 14px;
  margin-top: var(--e-3-5, 14px);
}
.estudio-folha .item-titulo {
  padding-bottom: 16px;
  padding-bottom: var(--e-4);
  border-bottom: 1px solid #eef0f4;
  border-bottom: var(--borda-1) solid #eef0f4;
}
html.dark .estudio-folha .item-titulo {
  border-bottom-color: #e2e5ea;
  border-bottom-color: var(--theme-border);
}
.estudio-folha .item-titulo-txt h3 {
  font-size: 14px;
  font-size: var(--fs-14);
}
.estudio-folha .item-caixa .campo {
  background: #ffffff;
}
html.dark .estudio-folha .item-caixa .campo {
  background: #ffffff;
  background: var(--campo-bg);
}

/* ── Documento (pré-visualização ao vivo) ── */
/* Mesma regra da trilha: coluna de altura cheia grudada na borda, filete só do
   lado de dentro, sem raio. */
.estudio-doc {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid #e2e5ea;
  border-left: var(--borda-1) solid var(--theme-border);
  background: #f1f3f6;
}
html.dark .estudio-doc {
  background: #f8f9fb;
  background: var(--theme-surface-soft);
}
.doc-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  gap: var(--e-3);
  padding: 16px 24px;
  padding: var(--e-4) var(--e-6);
  border-bottom: 1px solid #e2e5ea;
  border-bottom: var(--borda-1) solid var(--theme-border);
}
/* O botão de abrir e o de fechar só existem no modo sobreposto — na coluna não
   há o que abrir nem o que fechar. Ficam escondidos por padrão e a faixa de
   largura que esconde a coluna é que os acende. */
.estudio-doc-abrir,
.doc-fechar {
  display: none;
}
.doc-fechar {
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid #e2e5ea;
  border: var(--borda-1) solid var(--theme-border);
  border-radius: 8px;
  border-radius: var(--r-md);
  background: #ffffff;
  background: var(--theme-surface);
  color: #5f6b7a;
  color: var(--theme-text-muted);
  font-size: 12px;
  font-size: var(--fs-12);
  line-height: 1;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  transition: var(--transicao-botao);
}
.doc-fechar:hover {
  background: #f0f1f3;
  background: var(--theme-surface-hover);
  color: #1a1d24;
  color: var(--theme-text);
}
.doc-topo .eyebrow {
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.doc-rolagem {
  flex: 1 1;
  overflow-y: auto;
  padding: 26px 24px 60px;
  padding: 26px var(--e-6) 60px;
}
.doc-rodape {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--e-2);
  padding: 12px 24px;
  padding: var(--e-3) var(--e-6);
  border-top: 1px solid #e2e5ea;
  border-top: var(--borda-1) solid var(--theme-border);
  font-size: 12px;
  font-size: var(--fs-12);
  color: #5f6b7a;
  color: var(--theme-text-muted);
}

/* Serifa no documento, sans na interface: o contraste diz "isto não é a tela,
   é o papel". O papel é claro nos dois temas — no escuro ele é o único
   elemento claro, e é isso que o faz parecer folha. */
.doc-folha {
  background: #ffffff;
  border: 1px solid #e2e6ec;
  border: var(--borda-1) solid #e2e6ec;
  border-radius: 3px;
  padding: 40px 36px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.07);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12.5px;
  line-height: 1.9;
  color: #25292f;
  text-align: justify;
}
html.dark .doc-folha {
  background: #f7f8fa;
  border-color: #d8dde5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.doc-folha h4 {
  margin: 0 0 20px;
  margin: 0 0 var(--e-5);
  font-size: 12.5px;
  font-weight: 700;
  font-weight: var(--peso-bold);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.doc-folha p {
  margin: 0 0 13px;
}
.doc-folha .doc-cabecalho {
  margin-bottom: 20px;
  margin-bottom: var(--e-5);
  text-align: center;
  font-weight: 700;
  font-weight: var(--peso-bold);
}
/* Cláusula fixa elidida. Em itálico e apagada: está ali para dizer que o
   documento continua, não para ser lida. */
.doc-folha .doc-fixo {
  font-style: italic;
  color: #8a919c;
  text-align: left;
}
.doc-folha .doc-assinatura {
  margin-top: 28px;
  text-align: center;
  font-size: 11.5px;
  color: #5f6b7a;
}
.doc-val {
  font-weight: 700;
  font-weight: var(--peso-bold);
  color: #111111;
}

/* Ficha do veículo: o modelo identifica o bem por tabela (placa, chassi,
   RENAVAM…) e não por frase corrida — é onde o dado faltando aparece mais
   rápido: uma linha vazia na ficha se vê de longe. */
.doc-folha .doc-ficha {
  width: 100%;
  margin: 0 0 13px;
  border-collapse: collapse;
  font-size: 11.5px;
  text-align: left;
}
.doc-folha .doc-ficha th,
.doc-folha .doc-ficha td {
  padding: 4px 8px;
  padding: 4px var(--e-2);
  border: 1px solid #dfe3ea;
  border: var(--borda-1) solid #dfe3ea;
  line-height: 1.5;
  vertical-align: top;
}
.doc-folha .doc-ficha th {
  width: 38%;
  background-color: #f4f6f9;
  font-weight: 600;
  font-weight: var(--peso-semi);
  color: #4b5563;
}

/* Lacuna: âmbar, clicável, leva ao campo que falta. Nunca vermelha — o
   documento não está errado, está incompleto. */
.doc-gap {
  display: inline;
  border: 0;
  padding: 1px 5px;
  border-radius: 3px;
  background: #fdf0d2;
  color: #8a5a00;
  /* Sans dentro do texto serifado: a lacuna é interface, não é o documento. */
  font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 600;
  font-weight: var(--peso-semi);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  vertical-align: 1px;
}
.doc-gap:hover {
  background: #fbe3a8;
  color: #6b4400;
}
.doc-gap:focus-visible {
  outline: 2px solid #2563eb;
  outline: 2px solid var(--theme-accent);
  outline-offset: 1px;
}

/* ══ FAIXAS DE LARGURA ══
   Medidas do palco, não da janela — o porquê está em `.estudio-palco`.

   1400px: abaixo disso as três colunas não cabem. 248 da trilha + 440 do
   documento deixariam menos de 710px para o formulário, e 710 é o que quatro
   campos lado a lado pedem. Sai o documento, que é auxiliar; o formulário é que
   não pode encolher. */
@container palco (max-width: 1400px) {
  .estudio {
    grid-template-columns: 248px minmax(0, 1fr);
  }
  /* Sai da grade, mas deixa de sumir de vez: o botão "Pré-visualização" na
     barra a traz de volta como painel sobreposto. Ela nunca foi só enfeite —
     é onde se vê o texto que está sendo montado e onde se clica na lacuna para
     ir ao campo que falta. */
  .estudio-doc {
    display: none;
  }
  .estudio-doc-abrir {
    display: inline-flex;
  }
  .estudio-doc.aberto {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 45;
    width: min(440px, 100%);
    height: 100vh;
    border-left: 1px solid #e2e5ea;
    border-left: var(--borda-1) solid var(--theme-border);
    box-shadow: -18px 0 40px -24px rgba(15, 23, 42, 0.45);
  }
  .estudio-doc.aberto .doc-fechar {
    display: inline-flex;
  }
}

/* 820px: abaixo disso nem trilha nem folha cabem lado a lado. A trilha NÃO
   some — some era o defeito: com ela iam junto o seletor de tipo de edital, o
   progresso, o índice de seções, a conferência por IA e o "Limpar formulário",
   nenhum deles repetido em outro lugar da tela. Quem trabalhava em tela menor
   perdia, por exemplo, a única forma de trocar de tipo de edital.

   Ela vira faixa no alto da folha: mesmo conteúdo, deitado. */
@container palco (max-width: 820px) {
  .estudio {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Deitada, a trilha passa a distribuir em LINHA: identidade e estado na
     primeira, índice + conferência + Limpar na segunda. Em coluna ela gastaria
     meia tela de altura antes do primeiro campo do formulário. */
  .estudio-trilha {
    position: static;
    height: auto;
    overflow: visible;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-right: 0;
    border-bottom: 1px solid #e2e5ea;
    border-bottom: var(--borda-1) solid var(--theme-border);
  }
  .estudio-trilha > nav {
    flex: 1 1 420px;
    min-width: 0;
  }
  /* Identidade à esquerda, tipo e progresso à direita — deitado, o topo tem
     largura de sobra e altura nenhuma para gastar. */
  .estudio-trilha-topo {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px 24px;
    padding: 18px 24px;
  }
  .estudio-trilha-ident {
    min-width: 200px;
  }
  .estudio-trilha-estado {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 18px;
  }
  .estudio-trilha-tipo,
  .estudio-trilha-prog {
    margin-top: 0;
    min-width: 200px;
  }
  /* O índice vira fita horizontal. QUEBRA, não rola: cinco seções não cabem em
     700px, e numa fita que rola as últimas ficam fora da vista — que é
     exatamente o defeito que se está corrigindo. Quebrando, as cinco estão
     sempre na tela, em duas linhas quando preciso. */
  .estudio-passos {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 4px;
    padding: 8px 18px;
  }
  .estudio-passos > li {
    flex: 0 0 auto;
  }
  .estudio-passo {
    width: auto;
    padding: 9px 14px;
  }
  .estudio-passo-nome {
    flex: 0 0 auto;
  }
  /* O filete de tinta deitado vira sublinhado: à esquerda, num item de fita
     horizontal, ele marcaria o vizinho e não o item. */
  .estudio-passo::before {
    top: auto;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
    height: 2px;
  }
  /* Índice, conferência e "Limpar" dividem a segunda linha em vez de empilhar. */
  .estudio-avisos {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    border-top: 0;
  }
  .estudio-avisos-vazio,
  .estudio-avisos-ia {
    padding: 0 12px;
  }
  .estudio-avisos-lista {
    flex: 1 1 100%;
  }
  /* `margin-left: auto` empurra o Limpar para a ponta oposta ao índice — a
     mesma distância que na coluna o separava do resto, agora na horizontal. */
  .estudio-trilha-rodape {
    flex: 0 0 auto;
    margin-top: 0;
    margin-left: auto;
    border-top: 0;
    padding: 8px 18px;
  }
  /* Deitado, o bloco vermelho cheio vira um erro: ele cai a poucos pixels do
     "Gerar Edital" da barra logo abaixo e as duas ações voltam a disputar — que
     é exatamente o que o lugar dele na coluna evitava. Na coluna ele é cheio
     porque está isolado no pé de uma lateral de tela inteira; aqui fica vazado.
     Mesma cor, mesmo ícone, mesma leitura de destrutivo — sem o berro. */
  .estudio-trilha-rodape .botao--texto.estudio-limpar {
    width: auto;
    min-height: 32px;
    padding: 6px 12px;
    background: none;
    box-shadow: none;
    border-color: rgba(220, 38, 38, 0.35);
    color: #dc2626;
    color: var(--erro-600);
    font-size: 12px;
    font-size: var(--fs-12);
  }
  .estudio-trilha-rodape .botao--texto.estudio-limpar:hover:not(:disabled) {
    background-color: #fef2f2;
    background-color: var(--erro-50);
    border-color: #ef4444;
    border-color: var(--erro-500);
    box-shadow: none;
  }
  html.dark .estudio-trilha-rodape .botao--texto.estudio-limpar {
    background: none;
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
  }
  html.dark
    .estudio-trilha-rodape
    .botao--texto.estudio-limpar:hover:not(:disabled) {
    background-color: rgba(239, 68, 68, 0.14);
  }
  /* A barra de progresso deitada ocupava 400px de filete de 6px — um risco
     atravessando a faixa. Deitada ela anda ao lado do número, não acima. */
  .estudio-trilha-prog {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .estudio-trilha-prog .trilha-progresso {
    flex: 0 0 auto;
    width: 120px;
  }
  .estudio-trilha-prog p {
    margin: 0;
  }
  .estudio-folha {
    padding: 0 28px 140px;
  }
  .estudio-barra {
    padding: 15px 28px;
    margin: 0 -28px 24px;
  }
  .estudio-folha .secao-header,
  .estudio-folha .subbloco {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* ── Grades de campos: encolhem pela FOLHA ──
   `.grade--3` e `.grade--4` abrem em três e quatro colunas a partir de 640px de
   JANELA (ver a regra base). Numa folha estreita isso dá campos de 100px: cabem
   na tela, mas não cabe o conteúdo deles — "0000000-00.0000.0.00.0000" fica
   ilegível. Medindo a folha, a grade encolhe quando a coluna encolhe.

   Os pisos saem do CAMPO, não da folha: 700px de folha é onde a grade de quatro
   passa a dar menos de 150px por campo, 560px é onde a de três passa disso, e
   420px é onde nem duas cabem. Acima deles nada muda — na tela grande a grade
   de quatro continua com quatro colunas, como sempre teve. */
@container folha (max-width: 700px) {
  .estudio-folha .grade--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container folha (max-width: 560px) {
  .estudio-folha .grade--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container folha (max-width: 420px) {
  .estudio-folha .grade--2,
  .estudio-folha .grade--3,
  .estudio-folha .grade--4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Folha estreita: fica o número, sai a barra. Dizem a mesma coisa, e é a barra
   que rouba a largura do título — "0/6" ocupa 28px e não quebra nada. */
@container folha (max-width: 520px) {
  .estudio-folha .secao-contagem .trilha-progresso {
    display: none;
  }
}

/* Navegador sem consulta de contêiner (Chrome < 105, Safari < 16): volta a
   medir a janela. Erra pela largura do menu, como sempre errou, mas é melhor
   que ficar presa em três colunas em qualquer tamanho. O que NÃO volta é o
   `display: none` da trilha: aqui ela empilha acima da folha — mais alta que a
   faixa deitada, e sem nada escondido, que é o que importa. */
@supports not (container-type: inline-size) {
  @media (max-width: 1500px) {
    .estudio {
      grid-template-columns: 248px minmax(0, 1fr);
    }
    .estudio-doc {
      display: none;
    }
    .estudio-doc-abrir {
      display: inline-flex;
    }
    .estudio-doc.aberto {
      display: flex;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 45;
      width: min(440px, 100%);
      height: 100vh;
      border-left: 1px solid #e2e5ea;
      border-left: var(--borda-1) solid var(--theme-border);
      box-shadow: -18px 0 40px -24px rgba(15, 23, 42, 0.45);
    }
    .estudio-doc.aberto .doc-fechar {
      display: inline-flex;
    }
  }
  @media (max-width: 1100px) {
    .estudio {
      grid-template-columns: minmax(0, 1fr);
    }
    .estudio-trilha {
      position: static;
      height: auto;
      overflow: visible;
      border-right: 0;
      border-bottom: 1px solid #e2e5ea;
      border-bottom: var(--borda-1) solid var(--theme-border);
    }
    .estudio-folha {
      padding: 0 28px 140px;
    }
    .estudio-barra {
      padding: 15px 28px;
      margin: 0 -28px 24px;
    }
    .estudio-folha .secao-header,
    .estudio-folha .subbloco {
      padding-left: 22px;
      padding-right: 22px;
    }
  }
}

/* ══════════════════════════════════════
   SELECTS QUE NINGUÉM ESTILIZOU
   ══════════════════════════════════════

   CONTADO, não estimado (varredura das 857 tags de seleção do sistema, achando
   o fim de cada tag por profundidade de chaves — um regex `<select[^>]*>` erra,
   porque o `>` de um `=>` dentro de um handler encerra a tag cedo):

     793 têm `className` própria — já estilizadas;
      31 têm `style` inline — borda, canto e espaçamento próprios;
      33 não têm NADA: a caixa cinza crua do navegador, achatada porque o reset
         de formulário acima (`input, button, textarea, select`) zera borda e
         fundo, no meio de telas que o resto do app estiliza.

   A regra desta seção é para esses 33. O seletor acerta exatamente eles:

     - `:not([class])` protege as 793. Muitas já usam `appearance-none` com a
       própria seta desenhada, e uma regra global colocaria uma SEGUNDA seta em
       cima da primeira;
     - `:not([style])` deixa as 31 de fora. O inline vence na borda e no
       espaçamento — várias usam `padding: 3px 6px` —, e a seta desta regra
       cairia sobre o texto delas.

   A LARGURA NÃO É MEXIDA, de propósito: esses 33 estão em formulários e células
   de tabela, e fixar largura aqui remontaria layout que ninguém pediu.

   O QUE CSS NÃO ALCANÇA, E É O DEFEITO QUE FOI RELATADO
   A caixa suspensa que abre ao clicar é desenhada pelo sistema operacional, não
   pela página. Moldura, canto e sombra dela não têm regra de CSS possível — foi
   por isso que a lista apareceu preta sobre uma tela clara: o Chrome do Windows
   a desenhou com o tema do sistema, e isso vale para as 857, inclusive as já
   estilizadas. O ÚNICO ponto dela que a página controla é a cor das opções, e é
   o que a segunda regra faz. Caixa suspensa com moldura própria exige trocar o
   elemento nativo por um componente de lista, um por um.
*/
select:not([class]):not([style]) {
  appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  padding: 7px 32px 7px 11px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  color: #1a1d24;
  color: var(--theme-text);
  background-color: #ffffff;
  background-color: var(--theme-surface);
  border: 1px solid #e2e5ea;
  border: 1px solid var(--theme-border);
  border-radius: 8px;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;

  /* A seta vai embutida como imagem porque `appearance: none` apaga a nativa.
     O cinza #94a3b8 é o mesmo que `ui/Select.jsx` já usa e tem contraste nos
     dois temas, então uma regra serve para claro e escuro sem segunda versão. */
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%2394a3b8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.6%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 1.15em 1.15em;
}

select:not([class]):not([style]):hover:not(:disabled) {
  border-color: #9ca3b0;
  border-color: var(--theme-text-faint);
}

select:not([class]):not([style]):focus-visible {
  outline: none;
  border-color: #2563eb;
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  box-shadow: 0 0 0 3px var(--theme-accent-soft);
}

select:not([class]):not([style]):disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f8f9fb;
  background-color: var(--theme-surface-soft);
}

/* AS OPÇÕES DA LISTA — para TODOS os selects, inclusive os que têm classe.
   No Chrome do Windows é a cor da `option` que decide se a lista abre clara ou
   preta, e é o único ponto da caixa suspensa que a página controla. Ligada aos
   tokens de tema, ela acompanha o modo claro e o escuro. No macOS o navegador
   ignora estas cores e desenha a lista dele — não há como forçar, e o resultado
   ali continua sendo o nativo. */
select option,
select optgroup {
  background-color: #ffffff;
  background-color: var(--theme-surface);
  color: #1a1d24;
  color: var(--theme-text);
}
.first-letter\:capitalize::first-letter{
  text-transform: capitalize;
}
.file\:mr-2::-webkit-file-upload-button{
  margin-right: 0.5rem;
}
.file\:mr-2::file-selector-button{
  margin-right: 0.5rem;
}
.file\:mr-3::-webkit-file-upload-button{
  margin-right: 0.75rem;
}
.file\:mr-3::file-selector-button{
  margin-right: 0.75rem;
}
.file\:mr-4::-webkit-file-upload-button{
  margin-right: 1rem;
}
.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}
.file\:cursor-pointer::-webkit-file-upload-button{
  cursor: pointer;
}
.file\:cursor-pointer::file-selector-button{
  cursor: pointer;
}
.file\:rounded-lg::-webkit-file-upload-button{
  border-radius: 0.5rem;
}
.file\:rounded-lg::file-selector-button{
  border-radius: 0.5rem;
}
.file\:rounded-md::-webkit-file-upload-button{
  border-radius: 0.375rem;
}
.file\:rounded-md::file-selector-button{
  border-radius: 0.375rem;
}
.file\:border-0::-webkit-file-upload-button{
  border-width: 0px;
}
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-emerald-100::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / 1);
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.file\:bg-emerald-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / 1);
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.file\:bg-gray-100::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.file\:bg-gray-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.file\:bg-indigo-100::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.file\:bg-indigo-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.file\:bg-indigo-50::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.file\:bg-indigo-50::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-100::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-200::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-200::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-900::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-900::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.file\:px-3::-webkit-file-upload-button{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.file\:px-3::file-selector-button{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.file\:px-4::-webkit-file-upload-button{
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:py-1\.5::-webkit-file-upload-button{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.file\:py-1\.5::file-selector-button{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.file\:py-2::-webkit-file-upload-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:text-\[10px\]::-webkit-file-upload-button{
  font-size: 10px;
}
.file\:text-\[10px\]::file-selector-button{
  font-size: 10px;
}
.file\:text-sm::-webkit-file-upload-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:text-xs::-webkit-file-upload-button{
  font-size: 0.75rem;
  line-height: 1rem;
}
.file\:text-xs::file-selector-button{
  font-size: 0.75rem;
  line-height: 1rem;
}
.file\:font-medium::-webkit-file-upload-button{
  font-weight: 500;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.file\:font-semibold::-webkit-file-upload-button{
  font-weight: 600;
}
.file\:font-semibold::file-selector-button{
  font-weight: 600;
}
.file\:uppercase::-webkit-file-upload-button{
  text-transform: uppercase;
}
.file\:uppercase::file-selector-button{
  text-transform: uppercase;
}
.file\:tracking-\[0\.2em\]::-webkit-file-upload-button{
  letter-spacing: 0.2em;
}
.file\:tracking-\[0\.2em\]::file-selector-button{
  letter-spacing: 0.2em;
}
.file\:text-emerald-700::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 1);
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.file\:text-emerald-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 1);
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.file\:text-gray-700::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.file\:text-gray-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.file\:text-indigo-700::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.file\:text-indigo-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.file\:text-slate-700::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.file\:text-slate-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.file\:text-white::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.file\:text-white::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.placeholder\:truncate::placeholder{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.placeholder\:font-normal::placeholder{
  font-weight: 400;
}
.placeholder\:text-\[\#626f86\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(98 111 134 / 1);
  color: rgb(98 111 134 / var(--tw-text-opacity, 1));
}
.placeholder\:text-emerald-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.placeholder\:text-neutral-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-300::placeholder{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-600::placeholder{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-700::placeholder{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.placeholder\:text-white\/70::placeholder{
  color: rgb(255 255 255 / 0.7);
}
.first\:mt-0:first-child{
  margin-top: 0px;
}
.first\:rounded-t-xl:first-child{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:rounded-b-xl:last-child{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child{
  border-right-width: 0px;
}
.last\:border-none:last-child{
  border-style: none;
}
.last\:pb-0:last-child{
  padding-bottom: 0px;
}
.odd\:bg-slate-50\/40:nth-child(odd){
  background-color: rgb(248 250 252 / 0.4);
}
.odd\:bg-white:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.even\:bg-slate-50:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.even\:bg-slate-50\/60:nth-child(even){
  background-color: rgb(248 250 252 / 0.6);
}
.even\:bg-slate-50\/70:nth-child(even){
  background-color: rgb(248 250 252 / 0.7);
}
.focus-within\:z-20:focus-within{
  z-index: 20;
}
.focus-within\:border-\[\#00a884\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(0 168 132 / 1);
  border-color: rgb(0 168 132 / var(--tw-border-opacity, 1));
}
.focus-within\:border-blue-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.focus-within\:border-blue-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus-within\:border-blue-500\/30:focus-within{
  border-color: rgb(59 130 246 / 0.3);
}
.focus-within\:border-emerald-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus-within\:border-emerald-600:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / 1);
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.focus-within\:border-gray-900:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 1);
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.focus-within\:border-indigo-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / 1);
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.focus-within\:border-rose-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / 1);
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.focus-within\:border-sky-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / 1);
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.focus-within\:bg-white\/\[0\.05\]:focus-within{
  background-color: rgb(255 255 255 / 0.05);
}
.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), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-\[\#00a884\]\/20:focus-within{
  --tw-ring-color: rgb(0 168 132 / 0.2);
}
.focus-within\:ring-blue-200\/40:focus-within{
  --tw-ring-color: rgb(191 219 254 / 0.4);
}
.focus-within\:ring-blue-500\/10:focus-within{
  --tw-ring-color: rgb(59 130 246 / 0.1);
}
.focus-within\:ring-blue-500\/20:focus-within{
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.focus-within\:ring-emerald-500\/20:focus-within{
  --tw-ring-color: rgb(16 185 129 / 0.2);
}
.focus-within\:ring-emerald-600\/15:focus-within{
  --tw-ring-color: rgb(5 150 105 / 0.15);
}
.focus-within\:ring-gray-900\/10:focus-within{
  --tw-ring-color: rgb(17 24 39 / 0.1);
}
.focus-within\:ring-indigo-100:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-rose-100:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-sky-100:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-slate-200:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.group[open] .group-open\: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:focus-within .group-focus-within\:text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}
.group\/celula:hover .group-hover\/celula\:visible{
  visibility: visible;
}
.group:hover .group-hover\:block{
  display: block;
}
.group:hover .group-hover\:flex{
  display: flex;
}
.group\/celula:hover .group-hover\/celula\:inline-flex{
  display: inline-flex;
}
.group:hover .group-hover\:-translate-x-0\.5{
  --tw-translate-x: -0.125rem;
  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-0\.5{
  --tw-translate-x: 0.125rem;
  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\:border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / 1);
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.group\/alca:hover .group-hover\/alca\:bg-\[\#0c66e4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 102 228 / 1);
  background-color: rgb(12 102 228 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#579dff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(87 157 255 / 1);
  background-color: rgb(87 157 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-red-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / 1);
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:from-blue-100{
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:from-emerald-100{
  --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\: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);
}
.group:hover .group-hover\:text-\[var\(--theme-accent-text\)\]{
  color: #1e40af;
  color: var(--theme-accent-text);
}
.group:hover .group-hover\:text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-200{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / 1);
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / 1);
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / 1);
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 1);
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.group:hover .group-hover\:no-underline{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.group\/celula:hover .group-hover\/celula\:opacity-100{
  opacity: 1;
}
.group\/sidebar:hover .group-hover\/sidebar\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-90{
  opacity: 0.9;
}
.group:hover .group-hover\: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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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-blue-500\/25{
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.group:focus .group-focus\:bg-\[\#579dff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(87 157 255 / 1);
  background-color: rgb(87 157 255 / var(--tw-bg-opacity, 1));
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-2\.5{
  top: 0.625rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-3\.5{
  top: 0.875rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-4{
  top: 1rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-5{
  top: 1.25rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:top-0{
  top: 0px;
}
.peer:focus ~ .peer-focus\:top-1{
  top: 0.25rem;
}
.peer:focus ~ .peer-focus\:top-2{
  top: 0.5rem;
}
.peer:focus ~ .peer-focus\:text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.peer:focus ~ .peer-focus\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.peer:focus ~ .peer-focus\:text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / 1);
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .peer-focus\:text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 1);
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.peer:focus-visible ~ .peer-focus-visible\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-\[var\(--theme-accent\)\]{
  --tw-ring-color: var(--theme-accent);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-indigo-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.hover\:z-20:hover{
  z-index: 20;
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  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-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-\[1px\]: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\: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-\[1\.015\]:hover{
  --tw-scale-x: 1.015;
  --tw-scale-y: 1.015;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[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\:scale-\[1\.05\]: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\:cursor-pointer:hover{
  cursor: pointer;
}
.hover\:border-none:hover{
  border-style: none;
}
.hover\:border-\[\#172b4d\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(23 43 77 / 1);
  border-color: rgb(23 43 77 / var(--tw-border-opacity, 1));
}
.hover\:border-\[var\(--theme-accent\)\]:hover{
  border-color: #2563eb;
  border-color: var(--theme-accent);
}
.hover\:border-\[var\(--theme-text-muted\)\]:hover{
  border-color: #5f6b7a;
  border-color: var(--theme-text-muted);
}
.hover\:border-amber-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / 1);
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200\/70:hover{
  border-color: rgb(191 219 254 / 0.7);
}
.hover\:border-blue-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500\/20:hover{
  border-color: rgb(59 130 246 / 0.2);
}
.hover\:border-emerald-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / 1);
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / 1);
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / 1);
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-500\/50:hover{
  border-color: rgb(16 185 129 / 0.5);
}
.hover\:border-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / 1);
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400\/60:hover{
  border-color: rgb(156 163 175 / 0.6);
}
.hover\:border-gray-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-900:hover{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 1);
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-100:hover{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / 1);
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / 1);
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / 1);
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / 1);
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-500\/30:hover{
  border-color: rgb(99 102 241 / 0.3);
}
.hover\:border-neutral-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.hover\:border-neutral-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / 1);
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}
.hover\:border-orange-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / 1);
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.hover\:border-pink-500\/20:hover{
  border-color: rgb(236 72 153 / 0.2);
}
.hover\:border-purple-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / 1);
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / 1);
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.hover\:border-red-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.hover\:border-red-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.hover\:border-red-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / 1);
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / 1);
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-300\/60:hover{
  border-color: rgb(253 164 175 / 0.6);
}
.hover\:border-sky-300\/60:hover{
  border-color: rgb(125 211 252 / 0.6);
}
.hover\:border-slate-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / 1);
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300\/60:hover{
  border-color: rgb(203 213 225 / 0.6);
}
.hover\:border-slate-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / 1);
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}
.hover\:border-violet-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / 1);
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}
.hover\:border-violet-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / 1);
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}
.hover\:border-white:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 1);
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.hover\:border-white\/20:hover{
  border-color: rgb(255 255 255 / 0.2);
}
.hover\:border-white\/25:hover{
  border-color: rgb(255 255 255 / 0.25);
}
.hover\:border-white\/40:hover{
  border-color: rgb(255 255 255 / 0.4);
}
.hover\:border-white\/60:hover{
  border-color: rgb(255 255 255 / 0.6);
}
.hover\:border-white\/\[0\.15\]:hover{
  border-color: rgb(255 255 255 / 0.15);
}
.hover\:\!bg-blue-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 246 255 / 1) !important;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-blue-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(29 78 216 / 1) !important;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-emerald-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 253 245 / 1) !important;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-gray-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / 1) !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-gray-800:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / 1) !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-indigo-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 231 255 / 1) !important;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-red-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 242 242 / 1) !important;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-red-500:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / 1) !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-red-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / 1) !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-rose-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 241 242 / 1) !important;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-slate-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 250 252 / 1) !important;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-slate-800:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / 1) !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-transparent:hover{
  background-color: transparent !important;
}
.hover\:bg-\[\#0055cc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 204 / 1);
  background-color: rgb(0 85 204 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#02bd94\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 189 148 / 1);
  background-color: rgb(2 189 148 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#091e420f\]:hover{
  background-color: #091e420f;
}
.hover\:bg-\[\#091e4224\]:hover{
  background-color: #091e4224;
}
.hover\:bg-\[\#161e22\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 30 34 / 1);
  background-color: rgb(22 30 34 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#164b35\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 75 53 / 1);
  background-color: rgb(22 75 53 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#182229\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 34 41 / 1);
  background-color: rgb(24 34 41 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1a2b33\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 43 51 / 1);
  background-color: rgb(26 43 51 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#202c33\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(32 44 51 / 1);
  background-color: rgb(32 44 51 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#24353e\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(36 53 62 / 1);
  background-color: rgb(36 53 62 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#A8C6E5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(168 198 229 / 1);
  background-color: rgb(168 198 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#BFDFCC\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 223 204 / 1);
  background-color: rgb(191 223 204 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#EBC2C2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(235 194 194 / 1);
  background-color: rgb(235 194 194 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ae2e24\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(174 46 36 / 1);
  background-color: rgb(174 46 36 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#c9372c\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 55 44 / 1);
  background-color: rgb(201 55 44 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f1f2f4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 244 / 1);
  background-color: rgb(241 242 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ffffff52\]:hover{
  background-color: #ffffff52;
}
.hover\:bg-\[var\(--theme-accent-glow\)\]:hover{
  background-color: rgba(37, 99, 235, 0.18);
  background-color: var(--theme-accent-glow);
}
.hover\:bg-\[var\(--theme-surface\)\]:hover{
  background-color: #ffffff;
  background-color: var(--theme-surface);
}
.hover\:bg-\[var\(--theme-surface-hover\)\]:hover{
  background-color: #f0f1f3;
  background-color: var(--theme-surface-hover);
}
.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-200\/70:hover{
  background-color: rgb(253 230 138 / 0.7);
}
.hover\:bg-amber-200\/80:hover{
  background-color: rgb(253 230 138 / 0.8);
}
.hover\:bg-amber-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / 1);
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50\/30:hover{
  background-color: rgb(255 251 235 / 0.3);
}
.hover\:bg-amber-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-500\/15:hover{
  background-color: rgb(245 158 11 / 0.15);
}
.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / 1);
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / 1);
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / 1);
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / 1);
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/10:hover{
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-black\/60:hover{
  background-color: rgb(0 0 0 / 0.6);
}
.hover\:bg-black\/70:hover{
  background-color: rgb(0 0 0 / 0.7);
}
.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-100\/60:hover{
  background-color: rgb(219 234 254 / 0.6);
}
.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / 1);
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-300\/20:hover{
  background-color: rgb(147 197 253 / 0.2);
}
.hover\:bg-blue-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / 1);
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50\/30:hover{
  background-color: rgb(239 246 255 / 0.3);
}
.hover\:bg-blue-50\/40:hover{
  background-color: rgb(239 246 255 / 0.4);
}
.hover\:bg-blue-50\/70:hover{
  background-color: rgb(239 246 255 / 0.7);
}
.hover\:bg-blue-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-500\/10:hover{
  background-color: rgb(59 130 246 / 0.1);
}
.hover\:bg-blue-500\/20:hover{
  background-color: rgb(59 130 246 / 0.2);
}
.hover\:bg-blue-500\/\[0\.04\]:hover{
  background-color: rgb(59 130 246 / 0.04);
}
.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / 1);
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / 1);
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / 1);
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / 1);
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / 1);
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / 1);
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50\/30:hover{
  background-color: rgb(236 253 245 / 0.3);
}
.hover\:bg-emerald-50\/50:hover{
  background-color: rgb(236 253 245 / 0.5);
}
.hover\:bg-emerald-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / 1);
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-500\/10:hover{
  background-color: rgb(16 185 129 / 0.1);
}
.hover\:bg-emerald-500\/15:hover{
  background-color: rgb(16 185 129 / 0.15);
}
.hover\:bg-emerald-500\/20:hover{
  background-color: rgb(16 185 129 / 0.2);
}
.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / 1);
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / 1);
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / 1);
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / 1);
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50\/70:hover{
  background-color: rgb(249 250 251 / 0.7);
}
.hover\:bg-gray-50\/80:hover{
  background-color: rgb(249 250 251 / 0.8);
}
.hover\:bg-gray-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / 1);
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700\/50:hover{
  background-color: rgb(55 65 81 / 0.5);
}
.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 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 / 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 / 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 / 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 / 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 / 1);
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / 1);
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50\/30:hover{
  background-color: rgb(238 242 255 / 0.3);
}
.hover\:bg-indigo-50\/40:hover{
  background-color: rgb(238 242 255 / 0.4);
}
.hover\:bg-indigo-50\/50:hover{
  background-color: rgb(238 242 255 / 0.5);
}
.hover\:bg-indigo-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 1);
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-500\/10:hover{
  background-color: rgb(99 102 241 / 0.1);
}
.hover\:bg-indigo-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / 1);
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-50\/60:hover{
  background-color: rgb(250 250 250 / 0.6);
}
.hover\:bg-neutral-50\/70:hover{
  background-color: rgb(250 250 250 / 0.7);
}
.hover\:bg-neutral-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / 1);
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / 1);
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-100\/70:hover{
  background-color: rgb(255 237 213 / 0.7);
}
.hover\:bg-orange-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / 1);
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / 1);
  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / 1);
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / 1);
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / 1);
  background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / 1);
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-500\/\[0\.04\]:hover{
  background-color: rgb(236 72 153 / 0.04);
}
.hover\:bg-pink-600\/30:hover{
  background-color: rgb(219 39 119 / 0.3);
}
.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / 1);
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-400\/70:hover{
  background-color: rgb(192 132 252 / 0.7);
}
.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 1);
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50\/50:hover{
  background-color: rgb(250 245 255 / 0.5);
}
.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / 1);
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / 1);
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100\/80:hover{
  background-color: rgb(254 226 226 / 0.8);
}
.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / 1);
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / 1);
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / 1);
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50\/30:hover{
  background-color: rgb(254 242 242 / 0.3);
}
.hover\:bg-red-500\/10:hover{
  background-color: rgb(239 68 68 / 0.1);
}
.hover\:bg-red-500\/15:hover{
  background-color: rgb(239 68 68 / 0.15);
}
.hover\:bg-red-500\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / 1);
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / 1);
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / 1);
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / 1);
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / 1);
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / 1);
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / 1);
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-500\/20:hover{
  background-color: rgb(244 63 94 / 0.2);
}
.hover\:bg-rose-500\/30:hover{
  background-color: rgb(244 63 94 / 0.3);
}
.hover\:bg-rose-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / 1);
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / 1);
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(159 18 57 / 1);
  background-color: rgb(159 18 57 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / 1);
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / 1);
  background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / 1);
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / 1);
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / 1);
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100\/50:hover{
  background-color: rgb(241 245 249 / 0.5);
}
.hover\:bg-slate-100\/70:hover{
  background-color: rgb(241 245 249 / 0.7);
}
.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200\/60:hover{
  background-color: rgb(226 232 240 / 0.6);
}
.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / 1);
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50\/60:hover{
  background-color: rgb(248 250 252 / 0.6);
}
.hover\:bg-slate-50\/70:hover{
  background-color: rgb(248 250 252 / 0.7);
}
.hover\:bg-slate-50\/80:hover{
  background-color: rgb(248 250 252 / 0.8);
}
.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover{
  background-color: transparent;
}
.hover\:bg-violet-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / 1);
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-100\/50:hover{
  background-color: rgb(237 233 254 / 0.5);
}
.hover\:bg-violet-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / 1);
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / 1);
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-50\/50:hover{
  background-color: rgb(245 243 255 / 0.5);
}
.hover\:bg-violet-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / 1);
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / 1);
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover{
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/30:hover{
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}
.hover\:bg-white\/70:hover{
  background-color: rgb(255 255 255 / 0.7);
}
.hover\:bg-white\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}
.hover\:bg-white\/\[0\.02\]:hover{
  background-color: rgb(255 255 255 / 0.02);
}
.hover\:bg-white\/\[0\.04\]:hover{
  background-color: rgb(255 255 255 / 0.04);
}
.hover\:bg-white\/\[0\.06\]:hover{
  background-color: rgb(255 255 255 / 0.06);
}
.hover\:bg-white\/\[0\.07\]:hover{
  background-color: rgb(255 255 255 / 0.07);
}
.hover\:bg-white\/\[0\.08\]:hover{
  background-color: rgb(255 255 255 / 0.08);
}
.hover\:bg-yellow-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / 1);
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.hover\:bg-zinc-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / 1);
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-30:hover{
  --tw-bg-opacity: 0.3;
}
.hover\:bg-opacity-70:hover{
  --tw-bg-opacity: 0.7;
}
.hover\:bg-gradient-to-r:hover{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-blue-300:hover{
  --tw-gradient-from: #93c5fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-50:hover{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-500:hover{
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-600:hover{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-700:hover{
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-cyan-500:hover{
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-200:hover{
  --tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-400:hover{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-600:hover{
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-700:hover{
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-gray-100:hover{
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-gray-200:hover{
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-gray-900:hover{
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-600:hover{
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-100:hover{
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-200:hover{
  --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-50:hover{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-600:hover{
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-700:hover{
  --tw-gradient-from: #4338ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-800:hover{
  --tw-gradient-from: #3730a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-neutral-100:hover{
  --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-700:hover{
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-red-600:hover{
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-sky-600:hover{
  --tw-gradient-from: #0284c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-sky-700:hover{
  --tw-gradient-from: #0369a1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-slate-200:hover{
  --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-slate-800:hover{
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 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-emerald-300:hover{
  --tw-gradient-to: rgb(110 231 183 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:via-indigo-700:hover{
  --tw-gradient-to: rgb(67 56 202 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:via-purple-600:hover{
  --tw-gradient-to: rgb(147 51 234 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:via-slate-900:hover{
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:to-black:hover{
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.hover\:to-blue-100:hover{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.hover\:to-blue-200:hover{
  --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position);
}
.hover\:to-blue-50:hover{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.hover\:to-blue-50\/50:hover{
  --tw-gradient-to: rgb(239 246 255 / 0.5) var(--tw-gradient-to-position);
}
.hover\:to-blue-700:hover{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.hover\:to-blue-800:hover{
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.hover\:to-emerald-400:hover{
  --tw-gradient-to: #34d399 var(--tw-gradient-to-position);
}
.hover\:to-emerald-700:hover{
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.hover\:to-gray-200:hover{
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.hover\:to-gray-300:hover{
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
}
.hover\:to-gray-50:hover{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.hover\:to-green-700:hover{
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.hover\:to-indigo-500:hover{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.hover\:to-indigo-700:hover{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.hover\:to-pink-600:hover{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.hover\:to-pink-700:hover{
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}
.hover\:to-purple-700:hover{
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.hover\:to-red-700:hover{
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.hover\:to-slate-600:hover{
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.hover\:to-slate-900:hover{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.hover\:to-teal-300:hover{
  --tw-gradient-to: #5eead4 var(--tw-gradient-to-position);
}
.hover\:to-teal-700:hover{
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}
.hover\:to-violet-700:hover{
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}
.hover\:\!text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / 1) !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-\[\#172b4d\]:hover{
  --tw-text-opacity: 1;
  color: rgb(23 43 77 / 1);
  color: rgb(23 43 77 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#ae2e24\]:hover{
  --tw-text-opacity: 1;
  color: rgb(174 46 36 / 1);
  color: rgb(174 46 36 / var(--tw-text-opacity, 1));
}
.hover\:text-\[var\(--theme-accent\)\]:hover{
  color: #2563eb;
  color: var(--theme-accent);
}
.hover\:text-\[var\(--theme-accent-text\)\]:hover{
  color: #1e40af;
  color: var(--theme-accent-text);
}
.hover\:text-\[var\(--theme-text\)\]:hover{
  color: #1a1d24;
  color: var(--theme-text);
}
.hover\:text-amber-600:hover{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / 1);
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-700:hover{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-900:hover{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / 1);
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-950:hover{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / 1);
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-200:hover{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-300:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 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 / 1);
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / 1);
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.hover\:text-cyan-600:hover{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / 1);
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-300:hover{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-500:hover{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / 1);
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-600:hover{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / 1);
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-700:hover{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 1);
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-800:hover{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / 1);
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-900:hover{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / 1);
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-green-500:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.hover\:text-green-600:hover{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 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 / 1);
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.hover\:text-green-900:hover{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / 1);
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-300:hover{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-400:hover{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 1);
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-500:hover{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / 1);
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / 1);
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-700:hover{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-800:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / 1);
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-900:hover{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / 1);
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.hover\:text-neutral-600:hover{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.hover\:text-neutral-700:hover{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.hover\:text-neutral-900:hover{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 1);
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-500:hover{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-600:hover{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / 1);
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-400:hover{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 1);
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-700:hover{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-800:hover{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-900:hover{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / 1);
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.hover\:text-red-400:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 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 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-500:hover{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / 1);
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-600:hover{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / 1);
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-700:hover{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / 1);
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-800:hover{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / 1);
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-900:hover{
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / 1);
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-500:hover{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / 1);
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-600:hover{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / 1);
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-700:hover{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / 1);
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-900:hover{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / 1);
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-100:hover{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 1);
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-200:hover{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-300:hover{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-500:hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / 1);
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-violet-600:hover{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / 1);
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.hover\:text-violet-800:hover{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / 1);
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-white\/70:hover{
  color: rgb(255 255 255 / 0.7);
}
.hover\:text-yellow-600:hover{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / 1);
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.hover\:text-yellow-900:hover{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / 1);
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.hover\:no-underline:hover{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.hover\:decoration-emerald-600:hover{
  -webkit-text-decoration-color: #059669;
          text-decoration-color: #059669;
}
.hover\:decoration-indigo-500:hover{
  -webkit-text-decoration-color: #6366f1;
          text-decoration-color: #6366f1;
}
.hover\:decoration-slate-600:hover{
  -webkit-text-decoration-color: #475569;
          text-decoration-color: #475569;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:opacity-60:hover{
  opacity: 0.6;
}
.hover\:opacity-65:hover{
  opacity: 0.65;
}
.hover\:opacity-70:hover{
  opacity: 0.7;
}
.hover\:opacity-80:hover{
  opacity: 0.8;
}
.hover\:opacity-90:hover{
  opacity: 0.9;
}
.hover\:shadow:hover{
  --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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_22px_55px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]:hover{
  --tw-shadow: 0 22px 55px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 22px 55px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{
  --tw-shadow: 0 8px 30px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_40px_rgba\(59\2c 130\2c 246\2c 0\.35\)\]:hover{
  --tw-shadow: 0 8px 40px rgba(59,130,246,0.35);
  --tw-shadow-colored: 0 8px 40px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-blue-500\/30:hover{
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-emerald-500\/30:hover{
  --tw-shadow-color: rgb(16 185 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-indigo-500\/25:hover{
  --tw-shadow-color: rgb(99 102 241 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-indigo-500\/30:hover{
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:ring-2:hover{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-blue-400:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.hover\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-125:hover{
  --tw-brightness: brightness(1.25);
  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);
}
.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  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);
}
.hover\:scrollbar-thumb-\[\#091e4240\]{
  --scrollbar-thumb-hover: #091e4240 !important;
}
.hover\:scrollbar-thumb-gray-700{
  --scrollbar-thumb-hover: #374151 !important;
}
.hover\:file\:bg-emerald-200::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / 1);
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-emerald-200::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / 1);
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-indigo-100::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-indigo-100::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-200::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-200::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-300::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / 1);
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-300::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / 1);
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-800::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-slate-800::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.focus\:border-\[\#00a884\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(0 168 132 / 1);
  border-color: rgb(0 168 132 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#0c66e4\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(12 102 228 / 1);
  border-color: rgb(12 102 228 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#9FC0E4\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(159 192 228 / 1);
  border-color: rgb(159 192 228 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#c9372c\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(201 55 44 / 1);
  border-color: rgb(201 55 44 / var(--tw-border-opacity, 1));
}
.focus\:border-amber-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / 1);
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.focus\:border-black:focus{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / 1);
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500\/40:focus{
  border-color: rgb(59 130 246 / 0.4);
}
.focus\:border-emerald-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / 1);
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.focus\:border-emerald-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus\:border-emerald-600:focus{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / 1);
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / 1);
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-700:focus{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-800:focus{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / 1);
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 1);
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / 1);
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / 1);
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-400\/40:focus{
  border-color: rgb(129 140 248 / 0.4);
}
.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-500\/40:focus{
  border-color: rgb(99 102 241 / 0.4);
}
.focus\:border-indigo-500\/60:focus{
  border-color: rgb(99 102 241 / 0.6);
}
.focus\:border-neutral-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / 1);
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}
.focus\:border-neutral-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / 1);
  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / 1);
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.focus\:border-pink-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / 1);
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / 1);
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:border-rose-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / 1);
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.focus\:border-rose-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / 1);
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / 1);
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / 1);
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / 1);
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.focus\:border-slate-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / 1);
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.focus\:border-slate-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.focus\:border-slate-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / 1);
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}
.focus\:border-slate-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / 1);
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus{
  border-color: transparent;
}
.focus\:border-violet-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / 1);
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}
.focus\:border-violet-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / 1);
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.focus\:bg-blue-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.focus\:bg-slate-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:opacity-100:focus{
  opacity: 1;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  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), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#00a884\]\/20:focus{
  --tw-ring-color: rgb(0 168 132 / 0.2);
}
.focus\:ring-\[\#BBD2EC\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 210 236 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black\/10:focus{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.focus\:ring-blue-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-300\/50:focus{
  --tw-ring-color: rgb(147 197 253 / 0.5);
}
.focus\:ring-blue-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500\/10:focus{
  --tw-ring-color: rgb(59 130 246 / 0.1);
}
.focus\:ring-blue-500\/15:focus{
  --tw-ring-color: rgb(59 130 246 / 0.15);
}
.focus\:ring-blue-500\/20:focus{
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.focus\:ring-blue-500\/30:focus{
  --tw-ring-color: rgb(59 130 246 / 0.3);
}
.focus\:ring-emerald-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-500\/20:focus{
  --tw-ring-color: rgb(16 185 129 / 0.2);
}
.focus\:ring-emerald-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-600\/15:focus{
  --tw-ring-color: rgb(5 150 105 / 0.15);
}
.focus\:ring-gray-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-800:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-900:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-900\/10:focus{
  --tw-ring-color: rgb(17 24 39 / 0.1);
}
.focus\:ring-green-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500\/10:focus{
  --tw-ring-color: rgb(99 102 241 / 0.1);
}
.focus\:ring-indigo-500\/20:focus{
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.focus\:ring-indigo-500\/30:focus{
  --tw-ring-color: rgb(99 102 241 / 0.3);
}
.focus\:ring-neutral-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity, 1));
}
.focus\:ring-neutral-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-500\/10:focus{
  --tw-ring-color: rgb(168 85 247 / 0.1);
}
.focus\:ring-red-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-rose-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1));
}
.focus\:ring-rose-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1));
}
.focus\:ring-rose-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-rose-500\/20:focus{
  --tw-ring-color: rgb(244 63 94 / 0.2);
}
.focus\:ring-sky-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-sky-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1));
}
.focus\:ring-sky-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}
.focus\:ring-sky-500\/20:focus{
  --tw-ring-color: rgb(14 165 233 / 0.2);
}
.focus\:ring-slate-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-900:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-900\/10:focus{
  --tw-ring-color: rgb(15 23 42 / 0.1);
}
.focus\:ring-violet-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));
}
.focus\:ring-violet-500\/20:focus{
  --tw-ring-color: rgb(139 92 246 / 0.2);
}
.focus\:ring-white\/20:focus{
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}
.focus\:ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:z-30:focus-visible{
  z-index: 30;
}
.focus-visible\:bg-\[var\(--theme-surface-hover\)\]:focus-visible{
  background-color: #f0f1f3;
  background-color: var(--theme-surface-hover);
}
.focus-visible\:opacity-100:focus-visible{
  opacity: 1;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible{
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}
.focus-visible\:outline-offset-1:focus-visible{
  outline-offset: 1px;
}
.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}
.focus-visible\:outline-amber-600:focus-visible{
  outline-color: #d97706;
}
.focus-visible\:outline-blue-600:focus-visible{
  outline-color: #2563eb;
}
.focus-visible\:outline-emerald-500:focus-visible{
  outline-color: #10b981;
}
.focus-visible\:outline-emerald-600:focus-visible{
  outline-color: #059669;
}
.focus-visible\:outline-emerald-700:focus-visible{
  outline-color: #047857;
}
.focus-visible\:outline-indigo-500:focus-visible{
  outline-color: #6366f1;
}
.focus-visible\:outline-indigo-600:focus-visible{
  outline-color: #4f46e5;
}
.focus-visible\:outline-red-500:focus-visible{
  outline-color: #ef4444;
}
.focus-visible\:outline-rose-300:focus-visible{
  outline-color: #fda4af;
}
.focus-visible\:outline-rose-400:focus-visible{
  outline-color: #fb7185;
}
.focus-visible\:outline-rose-500:focus-visible{
  outline-color: #f43f5e;
}
.focus-visible\:outline-rose-600:focus-visible{
  outline-color: #e11d48;
}
.focus-visible\:outline-slate-400:focus-visible{
  outline-color: #94a3b8;
}
.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), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-inset:focus-visible{
  --tw-ring-inset: inset;
}
.focus-visible\:ring-\[\#0c66e4\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 102 228 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-\[var\(--theme-accent\)\]:focus-visible{
  --tw-ring-color: var(--theme-accent);
}
.focus-visible\:ring-amber-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-blue-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-blue-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-emerald-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-indigo-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-neutral-900:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-red-300:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-red-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-sky-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-slate-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-slate-900:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-slate-900\/40:focus-visible{
  --tw-ring-color: rgb(15 23 42 / 0.4);
}
.focus-visible\:ring-violet-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-white\/70:focus-visible{
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-\[\#06080c\]:focus-visible{
  --tw-ring-offset-color: #06080c;
}
.focus-visible\:ring-offset-white:focus-visible{
  --tw-ring-offset-color: #fff;
}
.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));
}
.active\:scale-\[0\.985\]:active{
  --tw-scale-x: 0.985;
  --tw-scale-y: 0.985;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.99\]:active{
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active{
  cursor: grabbing;
}
.active\:bg-blue-500:active{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-slate-100:active{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:\!cursor-not-allowed:disabled{
  cursor: not-allowed !important;
}
.disabled\:cursor-default:disabled{
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:cursor-wait:disabled{
  cursor: wait;
}
.disabled\:\!bg-gray-300:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / 1) !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:\!bg-slate-200:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 232 240 / 1) !important;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-50:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / 1);
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / 1);
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-50:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.disabled\:text-\[var\(--theme-text-faint\)\]:disabled{
  color: #9ca3b0;
  color: var(--theme-text-faint);
}
.disabled\:text-gray-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.disabled\:text-gray-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.disabled\:text-gray-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.disabled\:text-neutral-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-600:disabled{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.disabled\:no-underline:disabled{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.disabled\:opacity-30:disabled{
  opacity: 0.3;
}
.disabled\:opacity-35:disabled{
  opacity: 0.35;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:opacity-70:disabled{
  opacity: 0.7;
}
.disabled\:shadow-none:disabled{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:hover\:border-slate-200:hover:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.disabled\:hover\:border-slate-300:hover:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / 1);
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.disabled\:hover\:\!bg-white:hover:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:hover\:bg-black\/40:hover:disabled{
  background-color: rgb(0 0 0 / 0.4);
}
.disabled\:hover\:bg-blue-600:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-slate-400:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / 1);
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-transparent:hover:disabled{
  background-color: transparent;
}
.disabled\:hover\:bg-white:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:text-slate-500:hover:disabled{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.disabled\:hover\:text-slate-700:hover:disabled{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media (prefers-reduced-motion: no-preference){

  @keyframes pulse{

    50%{
      opacity: .5;
    }
  }

  .motion-safe\:animate-\[pulse_1s_ease-in-out_1\]{
    animation: pulse 1s ease-in-out 1;
  }

  @keyframes spin{

    to{
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-spin{
    animation: spin 1s linear infinite;
  }

  .motion-safe\:transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .motion-safe\:duration-200{
    transition-duration: 200ms;
  }
}
@media (prefers-reduced-motion: reduce){

  .motion-reduce\:transform-none{
    transform: none;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }

  .motion-reduce\:active\:scale-100:active{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / 1);
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}
.dark\:divide-slate-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / 1);
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}
.dark\:divide-slate-700\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(51 65 85 / 0.6);
}
.dark\:divide-slate-700\/70:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(51 65 85 / 0.7);
}
.dark\:divide-slate-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / 1);
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}
.dark\:border-\[\#4bce97\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 206 151 / 1);
  border-color: rgb(75 206 151 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#579dff\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(87 157 255 / 1);
  border-color: rgb(87 157 255 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#8c9bab\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(140 155 171 / 1);
  border-color: rgb(140 155 171 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#BBD2EC\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(187 210 236 / 1);
  border-color: rgb(187 210 236 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#a6c5e229\]:is(.dark *){
  border-color: #a6c5e229;
}
.dark\:border-\[\#f87168\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(248 113 104 / 1);
  border-color: rgb(248 113 104 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-500\/20:is(.dark *){
  border-color: rgb(245 158 11 / 0.2);
}
.dark\:border-amber-500\/30:is(.dark *){
  border-color: rgb(245 158 11 / 0.3);
}
.dark\:border-amber-500\/40:is(.dark *){
  border-color: rgb(245 158 11 / 0.4);
}
.dark\:border-amber-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / 1);
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / 1);
  border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-900\/40:is(.dark *){
  border-color: rgb(120 53 15 / 0.4);
}
.dark\:border-amber-900\/60:is(.dark *){
  border-color: rgb(120 53 15 / 0.6);
}
.dark\:border-blue-500\/30:is(.dark *){
  border-color: rgb(59 130 246 / 0.3);
}
.dark\:border-blue-500\/40:is(.dark *){
  border-color: rgb(59 130 246 / 0.4);
}
.dark\:border-blue-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / 1);
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}
.dark\:border-cyan-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 78 99 / 1);
  border-color: rgb(22 78 99 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-500\/30:is(.dark *){
  border-color: rgb(16 185 129 / 0.3);
}
.dark\:border-emerald-500\/40:is(.dark *){
  border-color: rgb(16 185 129 / 0.4);
}
.dark\:border-emerald-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / 1);
  border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / 1);
  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-500\/30:is(.dark *){
  border-color: rgb(99 102 241 / 0.3);
}
.dark\:border-indigo-500\/40:is(.dark *){
  border-color: rgb(99 102 241 / 0.4);
}
.dark\:border-indigo-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / 1);
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / 1);
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.dark\:border-lime-500\/20:is(.dark *){
  border-color: rgb(132 204 22 / 0.2);
}
.dark\:border-lime-500\/30:is(.dark *){
  border-color: rgb(132 204 22 / 0.3);
}
.dark\:border-neutral-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / 1);
  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / 1);
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / 1);
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
}
.dark\:border-orange-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / 1);
  border-color: rgb(124 45 18 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / 1);
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / 1);
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}
.dark\:border-red-500\/30:is(.dark *){
  border-color: rgb(239 68 68 / 0.3);
}
.dark\:border-red-500\/40:is(.dark *){
  border-color: rgb(239 68 68 / 0.4);
}
.dark\:border-red-500\/50:is(.dark *){
  border-color: rgb(239 68 68 / 0.5);
}
.dark\:border-red-500\/60:is(.dark *){
  border-color: rgb(239 68 68 / 0.6);
}
.dark\:border-red-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:border-red-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / 1);
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900\/40:is(.dark *){
  border-color: rgb(127 29 29 / 0.4);
}
.dark\:border-rose-500\/30:is(.dark *){
  border-color: rgb(244 63 94 / 0.3);
}
.dark\:border-rose-500\/40:is(.dark *){
  border-color: rgb(244 63 94 / 0.4);
}
.dark\:border-sky-500\/30:is(.dark *){
  border-color: rgb(14 165 233 / 0.3);
}
.dark\:border-sky-500\/40:is(.dark *){
  border-color: rgb(14 165 233 / 0.4);
}
.dark\:border-sky-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(7 89 133 / 1);
  border-color: rgb(7 89 133 / var(--tw-border-opacity, 1));
}
.dark\:border-sky-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110 / 1);
  border-color: rgb(12 74 110 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-200:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / 1);
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600\/30:is(.dark *){
  border-color: rgb(71 85 105 / 0.3);
}
.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / 1);
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700\/50:is(.dark *){
  border-color: rgb(51 65 85 / 0.5);
}
.dark\:border-slate-700\/70:is(.dark *){
  border-color: rgb(51 65 85 / 0.7);
}
.dark\:border-slate-700\/80:is(.dark *){
  border-color: rgb(51 65 85 / 0.8);
}
.dark\:border-slate-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / 1);
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-transparent:is(.dark *){
  border-color: transparent;
}
.dark\:border-violet-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / 1);
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.dark\:border-violet-500\/40:is(.dark *){
  border-color: rgb(139 92 246 / 0.4);
}
.dark\:border-violet-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / 1);
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}
.dark\:border-violet-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / 1);
  border-color: rgb(109 40 217 / var(--tw-border-opacity, 1));
}
.dark\:border-violet-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182 / 1);
  border-color: rgb(91 33 182 / var(--tw-border-opacity, 1));
}
.dark\:border-violet-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(76 29 149 / 1);
  border-color: rgb(76 29 149 / var(--tw-border-opacity, 1));
}
.dark\:border-white\/10:is(.dark *){
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:border-white\/5:is(.dark *){
  border-color: rgb(255 255 255 / 0.05);
}
.dark\:border-l-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / 1);
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:border-l-cyan-400:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(34 211 238 / 1);
  border-left-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.dark\:border-t-indigo-400:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(129 140 248 / 1);
  border-top-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.dark\:border-t-transparent:is(.dark *){
  border-top-color: transparent;
}
.dark\:\!bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / 1) !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
}
.dark\:bg-\[\#0b0d0e\]\/40:is(.dark *){
  background-color: rgb(11 13 14 / 0.4);
}
.dark\:bg-\[\#101204\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(16 18 4 / 1);
  background-color: rgb(16 18 4 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#151a26\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(21 26 38 / 1);
  background-color: rgb(21 26 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#161616\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / 1);
  background-color: rgb(22 22 22 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1c2b41\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 43 65 / 1);
  background-color: rgb(28 43 65 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1d2125\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(29 33 37 / 1);
  background-color: rgb(29 33 37 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#22272b\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 39 43 / 1);
  background-color: rgb(34 39 43 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#282e33\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 46 51 / 1);
  background-color: rgb(40 46 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#313c52\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(49 60 82 / 1);
  background-color: rgb(49 60 82 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#4bce9729\]:is(.dark *){
  background-color: #4bce9729;
}
.dark\:bg-\[\#4bce97\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 206 151 / 1);
  background-color: rgb(75 206 151 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#579dff\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(87 157 255 / 1);
  background-color: rgb(87 157 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#579dff\]\/15:is(.dark *){
  background-color: rgb(87 157 255 / 0.15);
}
.dark\:bg-\[\#818cf8\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / 1);
  background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#9ca3af\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / 1);
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#9f8fef\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(159 143 239 / 1);
  background-color: rgb(159 143 239 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#a1bdd914\]:is(.dark *){
  background-color: #a1bdd914;
}
.dark\:bg-\[\#a6c5e229\]:is(.dark *){
  background-color: #a6c5e229;
}
.dark\:bg-\[\#a6c5e240\]:is(.dark *){
  background-color: #a6c5e240;
}
.dark\:bg-\[\#f472b6\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182 / 1);
  background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#f8716829\]:is(.dark *){
  background-color: #f8716829;
}
.dark\:bg-\[\#f87168\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 104 / 1);
  background-color: rgb(248 113 104 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[rgba\(148\2c 163\2c 184\2c 0\.08\)\]:is(.dark *){
  background-color: rgba(148,163,184,0.08);
}
.dark\:bg-\[var\(--theme-surface\)\]:is(.dark *){
  background-color: #ffffff;
  background-color: var(--theme-surface);
}
.dark\:bg-amber-500\/10:is(.dark *){
  background-color: rgb(245 158 11 / 0.1);
}
.dark\:bg-amber-500\/15:is(.dark *){
  background-color: rgb(245 158 11 / 0.15);
}
.dark\:bg-amber-500\/25:is(.dark *){
  background-color: rgb(245 158 11 / 0.25);
}
.dark\:bg-amber-500\/30:is(.dark *){
  background-color: rgb(245 158 11 / 0.3);
}
.dark\:bg-amber-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / 1);
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/40:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:bg-amber-900\/60:is(.dark *){
  background-color: rgb(120 53 15 / 0.6);
}
.dark\:bg-amber-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(69 26 3 / 1);
  background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-950\/20:is(.dark *){
  background-color: rgb(69 26 3 / 0.2);
}
.dark\:bg-amber-950\/30:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}
.dark\:bg-amber-950\/40:is(.dark *){
  background-color: rgb(69 26 3 / 0.4);
}
.dark\:bg-amber-950\/50:is(.dark *){
  background-color: rgb(69 26 3 / 0.5);
}
.dark\:bg-amber-950\/60:is(.dark *){
  background-color: rgb(69 26 3 / 0.6);
}
.dark\:bg-blue-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500\/10:is(.dark *){
  background-color: rgb(59 130 246 / 0.1);
}
.dark\:bg-blue-500\/15:is(.dark *){
  background-color: rgb(59 130 246 / 0.15);
}
.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/40:is(.dark *){
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:bg-cyan-500\/15:is(.dark *){
  background-color: rgb(6 182 212 / 0.15);
}
.dark\:bg-emerald-500\/10:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}
.dark\:bg-emerald-500\/15:is(.dark *){
  background-color: rgb(16 185 129 / 0.15);
}
.dark\:bg-emerald-500\/20:is(.dark *){
  background-color: rgb(16 185 129 / 0.2);
}
.dark\:bg-emerald-500\/30:is(.dark *){
  background-color: rgb(16 185 129 / 0.3);
}
.dark\:bg-emerald-500\/40:is(.dark *){
  background-color: rgb(16 185 129 / 0.4);
}
.dark\:bg-emerald-900\/10:is(.dark *){
  background-color: rgb(6 78 59 / 0.1);
}
.dark\:bg-emerald-900\/30:is(.dark *){
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:bg-emerald-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 44 34 / 1);
  background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-950\/10:is(.dark *){
  background-color: rgb(2 44 34 / 0.1);
}
.dark\:bg-emerald-950\/30:is(.dark *){
  background-color: rgb(2 44 34 / 0.3);
}
.dark\:bg-emerald-950\/40:is(.dark *){
  background-color: rgb(2 44 34 / 0.4);
}
.dark\:bg-fuchsia-500\/15:is(.dark *){
  background-color: rgb(217 70 239 / 0.15);
}
.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/90:is(.dark *){
  background-color: rgb(31 41 55 / 0.9);
}
.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/90:is(.dark *){
  background-color: rgb(17 24 39 / 0.9);
}
.dark\:bg-green-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / 1);
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.dark\:bg-indigo-500\/10:is(.dark *){
  background-color: rgb(99 102 241 / 0.1);
}
.dark\:bg-indigo-500\/15:is(.dark *){
  background-color: rgb(99 102 241 / 0.15);
}
.dark\:bg-indigo-500\/5:is(.dark *){
  background-color: rgb(99 102 241 / 0.05);
}
.dark\:bg-indigo-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.dark\:bg-lime-500\/10:is(.dark *){
  background-color: rgb(132 204 22 / 0.1);
}
.dark\:bg-neutral-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / 1);
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-neutral-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / 1);
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-orange-500\/15:is(.dark *){
  background-color: rgb(249 115 22 / 0.15);
}
.dark\:bg-purple-950\/30:is(.dark *){
  background-color: rgb(59 7 100 / 0.3);
}
.dark\:bg-red-500\/10:is(.dark *){
  background-color: rgb(239 68 68 / 0.1);
}
.dark\:bg-red-500\/15:is(.dark *){
  background-color: rgb(239 68 68 / 0.15);
}
.dark\:bg-red-500\/20:is(.dark *){
  background-color: rgb(239 68 68 / 0.2);
}
.dark\:bg-red-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900\/30:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:bg-red-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / 1);
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-950\/25:is(.dark *){
  background-color: rgb(69 10 10 / 0.25);
}
.dark\:bg-red-950\/30:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}
.dark\:bg-red-950\/40:is(.dark *){
  background-color: rgb(69 10 10 / 0.4);
}
.dark\:bg-rose-500\/10:is(.dark *){
  background-color: rgb(244 63 94 / 0.1);
}
.dark\:bg-rose-500\/15:is(.dark *){
  background-color: rgb(244 63 94 / 0.15);
}
.dark\:bg-rose-500\/30:is(.dark *){
  background-color: rgb(244 63 94 / 0.3);
}
.dark\:bg-sky-500\/10:is(.dark *){
  background-color: rgb(14 165 233 / 0.1);
}
.dark\:bg-sky-500\/15:is(.dark *){
  background-color: rgb(14 165 233 / 0.15);
}
.dark\:bg-sky-500\/20:is(.dark *){
  background-color: rgb(14 165 233 / 0.2);
}
.dark\:bg-sky-500\/40:is(.dark *){
  background-color: rgb(14 165 233 / 0.4);
}
.dark\:bg-sky-900\/40:is(.dark *){
  background-color: rgb(12 74 110 / 0.4);
}
.dark\:bg-sky-950\/30:is(.dark *){
  background-color: rgb(8 47 73 / 0.3);
}
.dark\:bg-sky-950\/40:is(.dark *){
  background-color: rgb(8 47 73 / 0.4);
}
.dark\:bg-slate-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / 1);
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / 1);
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700\/40:is(.dark *){
  background-color: rgb(51 65 85 / 0.4);
}
.dark\:bg-slate-700\/60:is(.dark *){
  background-color: rgb(51 65 85 / 0.6);
}
.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800\/20:is(.dark *){
  background-color: rgb(30 41 59 / 0.2);
}
.dark\:bg-slate-800\/30:is(.dark *){
  background-color: rgb(30 41 59 / 0.3);
}
.dark\:bg-slate-800\/40:is(.dark *){
  background-color: rgb(30 41 59 / 0.4);
}
.dark\:bg-slate-800\/50:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:bg-slate-800\/60:is(.dark *){
  background-color: rgb(30 41 59 / 0.6);
}
.dark\:bg-slate-800\/70:is(.dark *){
  background-color: rgb(30 41 59 / 0.7);
}
.dark\:bg-slate-800\/80:is(.dark *){
  background-color: rgb(30 41 59 / 0.8);
}
.dark\:bg-slate-800\/95:is(.dark *){
  background-color: rgb(30 41 59 / 0.95);
}
.dark\:bg-slate-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900\/20:is(.dark *){
  background-color: rgb(15 23 42 / 0.2);
}
.dark\:bg-slate-900\/40:is(.dark *){
  background-color: rgb(15 23 42 / 0.4);
}
.dark\:bg-slate-900\/50:is(.dark *){
  background-color: rgb(15 23 42 / 0.5);
}
.dark\:bg-slate-900\/60:is(.dark *){
  background-color: rgb(15 23 42 / 0.6);
}
.dark\:bg-slate-900\/80:is(.dark *){
  background-color: rgb(15 23 42 / 0.8);
}
.dark\:bg-slate-900\/90:is(.dark *){
  background-color: rgb(15 23 42 / 0.9);
}
.dark\:bg-slate-900\/95:is(.dark *){
  background-color: rgb(15 23 42 / 0.95);
}
.dark\:bg-slate-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / 1);
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-950\/40:is(.dark *){
  background-color: rgb(2 6 23 / 0.4);
}
.dark\:bg-slate-950\/50:is(.dark *){
  background-color: rgb(2 6 23 / 0.5);
}
.dark\:bg-slate-950\/90:is(.dark *){
  background-color: rgb(2 6 23 / 0.9);
}
.dark\:bg-slate-950\/95:is(.dark *){
  background-color: rgb(2 6 23 / 0.95);
}
.dark\:bg-transparent:is(.dark *){
  background-color: transparent;
}
.dark\:bg-violet-500\/10:is(.dark *){
  background-color: rgb(139 92 246 / 0.1);
}
.dark\:bg-violet-500\/15:is(.dark *){
  background-color: rgb(139 92 246 / 0.15);
}
.dark\:bg-violet-900\/30:is(.dark *){
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:bg-violet-900\/40:is(.dark *){
  background-color: rgb(76 29 149 / 0.4);
}
.dark\:bg-violet-900\/50:is(.dark *){
  background-color: rgb(76 29 149 / 0.5);
}
.dark\:bg-violet-900\/60:is(.dark *){
  background-color: rgb(76 29 149 / 0.6);
}
.dark\:bg-violet-950\/10:is(.dark *){
  background-color: rgb(46 16 101 / 0.1);
}
.dark\:bg-violet-950\/20:is(.dark *){
  background-color: rgb(46 16 101 / 0.2);
}
.dark\:bg-violet-950\/30:is(.dark *){
  background-color: rgb(46 16 101 / 0.3);
}
.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-white\/\[0\.03\]:is(.dark *){
  background-color: rgb(255 255 255 / 0.03);
}
.dark\:bg-white\/\[0\.04\]:is(.dark *){
  background-color: rgb(255 255 255 / 0.04);
}
.dark\:bg-yellow-900\/30:is(.dark *){
  background-color: rgb(113 63 18 / 0.3);
}
.dark\:bg-\[radial-gradient\(circle_at_top\2c \#0f172a_0\%\2c \#020617_45\%\2c \#020617_100\%\)\]:is(.dark *){
  background-image: radial-gradient(circle at top,#0f172a 0%,#020617 45%,#020617 100%);
}
.dark\:from-slate-800:is(.dark *){
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-900:is(.dark *){
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-950:is(.dark *){
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-slate-900:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-slate-700:is(.dark *){
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}
.dark\:to-slate-900:is(.dark *){
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.dark\:to-slate-950:is(.dark *){
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.dark\:to-slate-950\/60:is(.dark *){
  --tw-gradient-to: rgb(2 6 23 / 0.6) var(--tw-gradient-to-position);
}
.dark\:to-slate-950\/80:is(.dark *){
  --tw-gradient-to: rgb(2 6 23 / 0.8) var(--tw-gradient-to-position);
}
.dark\:\!text-slate-400:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(148 163 184 / 1) !important;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
}
.dark\:text-\[\#1d2125\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(29 33 37 / 1);
  color: rgb(29 33 37 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#4bce97\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(75 206 151 / 1);
  color: rgb(75 206 151 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#579dff\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(87 157 255 / 1);
  color: rgb(87 157 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#5c6b7a\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(92 107 122 / 1);
  color: rgb(92 107 122 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#8c9bab\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(140 155 171 / 1);
  color: rgb(140 155 171 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#9fadbc\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(159 173 188 / 1);
  color: rgb(159 173 188 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#b6c2cf\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(182 194 207 / 1);
  color: rgb(182 194 207 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#dee4ea\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(222 228 234 / 1);
  color: rgb(222 228 234 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#f87168\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 104 / 1);
  color: rgb(248 113 104 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#ff9c8f\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 156 143 / 1);
  color: rgb(255 156 143 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / 1);
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 1);
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200\/80:is(.dark *){
  color: rgb(253 230 138 / 0.8);
}
.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / 1);
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / 1);
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / 1);
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / 1);
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / 1);
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / 1);
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-fuchsia-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 208 254 / 1);
  color: rgb(245 208 254 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:text-green-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / 1);
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / 1);
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / 1);
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 1);
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / 1);
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / 1);
  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / 1);
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / 1);
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 1);
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 1);
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / 1);
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / 1);
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 1);
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / 1);
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300\/80:is(.dark *){
  color: rgb(252 165 165 / 0.8);
}
.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / 1);
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / 1);
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / 1);
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / 1);
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / 1);
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / 1);
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / 1);
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / 1);
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 1);
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / 1);
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / 1);
  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / 1);
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / 1);
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-300\/70:is(.dark *){
  color: rgb(196 181 253 / 0.7);
}
.dark\:text-violet-300\/80:is(.dark *){
  color: rgb(196 181 253 / 0.8);
}
.dark\:text-violet-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / 1);
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 243 255 / 1);
  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:decoration-slate-600:is(.dark *){
  -webkit-text-decoration-color: #475569;
          text-decoration-color: #475569;
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:shadow-\[0_1px_1px_\#03040442\2c 0_0_1px_\#03040447\]:is(.dark *){
  --tw-shadow: 0 1px 1px #03040442,0 0 1px #03040447;
  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-violet-900\/30:is(.dark *){
  --tw-shadow-color: rgb(76 29 149 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:ring-\[\#579dff\]:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 157 255 / var(--tw-ring-opacity, 1));
}
.dark\:ring-amber-400:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.dark\:ring-amber-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.dark\:ring-amber-500\/20:is(.dark *){
  --tw-ring-color: rgb(245 158 11 / 0.2);
}
.dark\:ring-amber-500\/30:is(.dark *){
  --tw-ring-color: rgb(245 158 11 / 0.3);
}
.dark\:ring-amber-500\/40:is(.dark *){
  --tw-ring-color: rgb(245 158 11 / 0.4);
}
.dark\:ring-amber-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity, 1));
}
.dark\:ring-amber-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1));
}
.dark\:ring-blue-500\/20:is(.dark *){
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.dark\:ring-blue-500\/30:is(.dark *){
  --tw-ring-color: rgb(59 130 246 / 0.3);
}
.dark\:ring-emerald-500\/20:is(.dark *){
  --tw-ring-color: rgb(16 185 129 / 0.2);
}
.dark\:ring-emerald-500\/30:is(.dark *){
  --tw-ring-color: rgb(16 185 129 / 0.3);
}
.dark\:ring-emerald-500\/40:is(.dark *){
  --tw-ring-color: rgb(16 185 129 / 0.4);
}
.dark\:ring-emerald-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity, 1));
}
.dark\:ring-emerald-900:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity, 1));
}
.dark\:ring-fuchsia-500\/40:is(.dark *){
  --tw-ring-color: rgb(217 70 239 / 0.4);
}
.dark\:ring-indigo-500\/30:is(.dark *){
  --tw-ring-color: rgb(99 102 241 / 0.3);
}
.dark\:ring-red-500\/30:is(.dark *){
  --tw-ring-color: rgb(239 68 68 / 0.3);
}
.dark\:ring-red-500\/40:is(.dark *){
  --tw-ring-color: rgb(239 68 68 / 0.4);
}
.dark\:ring-red-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}
.dark\:ring-rose-500\/20:is(.dark *){
  --tw-ring-color: rgb(244 63 94 / 0.2);
}
.dark\:ring-rose-500\/30:is(.dark *){
  --tw-ring-color: rgb(244 63 94 / 0.3);
}
.dark\:ring-rose-500\/40:is(.dark *){
  --tw-ring-color: rgb(244 63 94 / 0.4);
}
.dark\:ring-sky-500\/30:is(.dark *){
  --tw-ring-color: rgb(14 165 233 / 0.3);
}
.dark\:ring-sky-500\/40:is(.dark *){
  --tw-ring-color: rgb(14 165 233 / 0.4);
}
.dark\:ring-sky-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity, 1));
}
.dark\:ring-slate-100:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1));
}
.dark\:ring-slate-600:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}
.dark\:ring-slate-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1));
}
.dark\:ring-slate-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}
.dark\:ring-violet-400\/30:is(.dark *){
  --tw-ring-color: rgb(167 139 250 / 0.3);
}
.dark\:ring-violet-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}
.dark\:ring-violet-500\/30:is(.dark *){
  --tw-ring-color: rgb(139 92 246 / 0.3);
}
.dark\:ring-violet-500\/40:is(.dark *){
  --tw-ring-color: rgb(139 92 246 / 0.4);
}
.dark\:ring-violet-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(109 40 217 / var(--tw-ring-opacity, 1));
}
.dark\:ring-white:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.dark\:ring-offset-\[\#282e33\]:is(.dark *){
  --tw-ring-offset-color: #282e33;
}
.dark\:ring-offset-slate-950:is(.dark *){
  --tw-ring-offset-color: #020617;
}
.dark\:scrollbar-thumb-\[\#a6c5e229\]:is(.dark *){
  --scrollbar-thumb: #a6c5e229 !important;
}
.dark\:file\:bg-indigo-500\/15:is(.dark *)::-webkit-file-upload-button{
  background-color: rgb(99 102 241 / 0.15);
}
.dark\:file\:bg-indigo-500\/15:is(.dark *)::file-selector-button{
  background-color: rgb(99 102 241 / 0.15);
}
.dark\:file\:bg-slate-700:is(.dark *)::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:file\:bg-slate-700:is(.dark *)::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:file\:text-indigo-300:is(.dark *)::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:file\:text-indigo-300:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:file\:text-slate-200:is(.dark *)::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:file\:text-slate-200:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-\[\#8c9bab\]:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(140 155 171 / 1);
  color: rgb(140 155 171 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-neutral-500:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / 1);
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:even\:bg-slate-800\/40:nth-child(even):is(.dark *){
  background-color: rgb(30 41 59 / 0.4);
}
.group\/alca:hover .dark\:group-hover\/alca\:bg-\[\#579dff\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(87 157 255 / 1);
  background-color: rgb(87 157 255 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:hover\:border-\[\#b6c2cf\]:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(182 194 207 / 1);
  border-color: rgb(182 194 207 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-400:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-indigo-800:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / 1);
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-purple-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / 1);
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-red-900:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / 1);
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-violet-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / 1);
  border-color: rgb(109 40 217 / var(--tw-border-opacity, 1));
}
.dark\:hover\:bg-\[\#282e33\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 46 51 / 1);
  background-color: rgb(40 46 51 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#7ee2b8\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(126 226 184 / 1);
  background-color: rgb(126 226 184 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#85b8ff\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(133 184 255 / 1);
  background-color: rgb(133 184 255 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#a1bdd914\]:hover:is(.dark *){
  background-color: #a1bdd914;
}
.dark\:hover\:bg-\[\#a6c5e229\]:hover:is(.dark *){
  background-color: #a6c5e229;
}
.dark\:hover\:bg-\[\#ff9c8f\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 156 143 / 1);
  background-color: rgb(255 156 143 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-amber-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-amber-500\/10:hover:is(.dark *){
  background-color: rgb(245 158 11 / 0.1);
}
.dark\:hover\:bg-amber-500\/20:hover:is(.dark *){
  background-color: rgb(245 158 11 / 0.2);
}
.dark\:hover\:bg-blue-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-500\/20:hover:is(.dark *){
  background-color: rgb(59 130 246 / 0.2);
}
.dark\:hover\:bg-blue-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-emerald-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / 1);
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-emerald-500\/20:hover:is(.dark *){
  background-color: rgb(16 185 129 / 0.2);
}
.dark\:hover\:bg-emerald-500\/25:hover:is(.dark *){
  background-color: rgb(16 185 129 / 0.25);
}
.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}
.dark\:hover\:bg-emerald-900\/50:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}
.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-green-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-indigo-500\/10:hover:is(.dark *){
  background-color: rgb(99 102 241 / 0.1);
}
.dark\:hover\:bg-indigo-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-neutral-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / 1);
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-neutral-900:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / 1);
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-purple-900\/50:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.5);
}
.dark\:hover\:bg-red-500\/10:hover:is(.dark *){
  background-color: rgb(239 68 68 / 0.1);
}
.dark\:hover\:bg-red-500\/15:hover:is(.dark *){
  background-color: rgb(239 68 68 / 0.15);
}
.dark\:hover\:bg-red-500\/25:hover:is(.dark *){
  background-color: rgb(239 68 68 / 0.25);
}
.dark\:hover\:bg-red-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / 1);
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-900\/30:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:hover\:bg-red-950\/40:hover:is(.dark *){
  background-color: rgb(69 10 10 / 0.4);
}
.dark\:hover\:bg-red-950\/50:hover:is(.dark *){
  background-color: rgb(69 10 10 / 0.5);
}
.dark\:hover\:bg-rose-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / 1);
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-rose-500\/10:hover:is(.dark *){
  background-color: rgb(244 63 94 / 0.1);
}
.dark\:hover\:bg-sky-500\/10:hover:is(.dark *){
  background-color: rgb(14 165 233 / 0.1);
}
.dark\:hover\:bg-slate-100:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / 1);
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / 1);
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700\/40:hover:is(.dark *){
  background-color: rgb(51 65 85 / 0.4);
}
.dark\:hover\:bg-slate-700\/60:hover:is(.dark *){
  background-color: rgb(51 65 85 / 0.6);
}
.dark\:hover\:bg-slate-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-800\/40:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.4);
}
.dark\:hover\:bg-slate-800\/60:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.6);
}
.dark\:hover\:bg-slate-800\/70:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.7);
}
.dark\:hover\:bg-violet-900\/20:hover:is(.dark *){
  background-color: rgb(76 29 149 / 0.2);
}
.dark\:hover\:bg-violet-900\/30:hover:is(.dark *){
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:hover\:bg-violet-900\/40:hover:is(.dark *){
  background-color: rgb(76 29 149 / 0.4);
}
.dark\:hover\:bg-violet-900\/60:hover:is(.dark *){
  background-color: rgb(76 29 149 / 0.6);
}
.dark\:hover\:bg-violet-950\/20:hover:is(.dark *){
  background-color: rgb(46 16 101 / 0.2);
}
.dark\:hover\:bg-white:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-white\/10:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:text-\[\#b6c2cf\]:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(182 194 207 / 1);
  color: rgb(182 194 207 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-\[\#ff9c8f\]:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 156 143 / 1);
  color: rgb(255 156 143 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / 1);
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 1);
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 1);
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:hover\:scrollbar-thumb-\[\#a6c5e240\]:is(.dark *){
  --scrollbar-thumb-hover: #a6c5e240 !important;
}
.dark\:focus\:border-\[\#579dff\]:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(87 157 255 / 1);
  border-color: rgb(87 157 255 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-\[\#f87168\]:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(248 113 104 / 1);
  border-color: rgb(248 113 104 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-blue-500:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:focus\:bg-\[\#1d2125\]:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(29 33 37 / 1);
  background-color: rgb(29 33 37 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:bg-\[\#22272b\]:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 39 43 / 1);
  background-color: rgb(34 39 43 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:bg-slate-900:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:ring-blue-500:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-blue-500\/20:focus:is(.dark *){
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-700:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-green-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-indigo-500\/20:focus:is(.dark *){
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.dark\:focus\:ring-red-900:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-slate-700:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-violet-500:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-offset-slate-900:focus:is(.dark *){
  --tw-ring-offset-color: #0f172a;
}
.dark\:focus-visible\:ring-\[\#579dff\]:focus-visible:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 157 255 / var(--tw-ring-opacity, 1));
}
.dark\:focus-visible\:ring-violet-500:focus-visible:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus-visible\:ring-offset-\[\#1d2125\]:focus-visible:is(.dark *){
  --tw-ring-offset-color: #1d2125;
}
.dark\:focus-visible\:ring-offset-gray-800:focus-visible:is(.dark *){
  --tw-ring-offset-color: #1f2937;
}
.dark\:focus-visible\:ring-offset-gray-900:focus-visible:is(.dark *){
  --tw-ring-offset-color: #111827;
}
.dark\:focus-visible\:ring-offset-slate-900:focus-visible:is(.dark *){
  --tw-ring-offset-color: #0f172a;
}
.dark\:disabled\:bg-slate-700:disabled:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / 1);
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:bg-slate-800:disabled:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:bg-slate-800\/50:disabled:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:disabled\:text-slate-400:disabled:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / 1);
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:disabled\:text-slate-600:disabled:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1024px){

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

  .max-lg\:flex-col{
    flex-direction: column;
  }
}
@media not all and (min-width: 640px){

  .max-sm\:flex{
    display: flex;
  }

  .max-sm\:hidden{
    display: none;
  }

  .max-sm\:h-10{
    height: 2.5rem;
  }

  .max-sm\:w-10{
    width: 2.5rem;
  }

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

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

  .max-sm\:flex-col{
    flex-direction: column;
  }

  .max-sm\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .max-sm\:items-stretch{
    align-items: stretch;
  }

  .max-sm\:justify-center{
    justify-content: center;
  }

  .max-sm\:gap-1{
    gap: 0.25rem;
  }

  .max-sm\:overflow-x-auto{
    overflow-x: auto;
  }

  .max-sm\:border-l-2{
    border-left-width: 2px;
  }

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

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

  .max-sm\:border-slate-400{
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / 1);
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
  }

  .max-sm\:border-violet-500{
    --tw-border-opacity: 1;
    border-color: rgb(139 92 246 / 1);
    border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
  }

  .max-sm\:p-0{
    padding: 0px;
  }

  .max-sm\:pl-2{
    padding-left: 0.5rem;
  }

  .max-sm\:text-left{
    text-align: left;
  }

  .dark\:max-sm\:border-slate-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / 1);
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
  }

  .dark\:max-sm\:border-slate-600:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / 1);
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 520px){

  .min-\[520px\]\:sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .min-\[520px\]\:top-6{
    top: 1.5rem;
  }

  .min-\[520px\]\:h-\[calc\(100vh-8rem\)\]{
    height: calc(100vh - 8rem);
  }

  .min-\[520px\]\:grid-cols-\[240px_1fr\]{
    grid-template-columns: 240px 1fr;
  }

  .min-\[520px\]\:gap-8{
    gap: 2rem;
  }

  .min-\[520px\]\:self-start{
    align-self: flex-start;
  }

  .min-\[520px\]\:overflow-y-auto{
    overflow-y: auto;
  }

  .min-\[520px\]\:pr-2{
    padding-right: 0.5rem;
  }

  .min-\[520px\]\:\[scrollbar-gutter\:stable\]{
    scrollbar-gutter: stable;
  }
}
@media (min-width: 640px){

  .sm\:sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .sm\:bottom-6{
    bottom: 1.5rem;
  }

  .sm\:left-\[5\.75rem\]{
    left: 5.75rem;
  }

  .sm\:left-auto{
    left: auto;
  }

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

  .sm\:right-auto{
    right: auto;
  }

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

  .sm\:top-6{
    top: 1.5rem;
  }

  .sm\:top-\[64px\]{
    top: 64px;
  }

  .sm\:z-20{
    z-index: 20;
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:col-\[2\/-1\]{
    grid-column: 2/-1;
  }

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

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

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

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

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

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

  .sm\:col-start-3{
    grid-column-start: 3;
  }

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

  .sm\:row-start-1{
    grid-row-start: 1;
  }

  .sm\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

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

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

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

  .sm\:mb-12{
    margin-bottom: 3rem;
  }

  .sm\:ml-auto{
    margin-left: auto;
  }

  .sm\:mr-auto{
    margin-right: auto;
  }

  .sm\:ms-auto{
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline-block{
    display: inline-block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

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

  .sm\:table-cell{
    display: table-cell;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-2{
    height: 0.5rem;
  }

  .sm\:h-48{
    height: 12rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-\[178px\]{
    height: 178px;
  }

  .sm\:max-h-\[84vh\]{
    max-height: 84vh;
  }

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

  .sm\:max-h-\[calc\(100vh-3rem\)\]{
    max-height: calc(100vh - 3rem);
  }

  .sm\:min-h-0{
    min-height: 0px;
  }

  .sm\:min-h-\[112px\]{
    min-height: 112px;
  }

  .sm\:min-h-\[26px\]{
    min-height: 26px;
  }

  .sm\:min-h-\[60px\]{
    min-height: 60px;
  }

  .sm\:w-0\.5{
    width: 0.125rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

  .sm\:w-36{
    width: 9rem;
  }

  .sm\:w-44{
    width: 11rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-52{
    width: 13rem;
  }

  .sm\:w-56{
    width: 14rem;
  }

  .sm\:w-60{
    width: 15rem;
  }

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

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-80{
    width: 20rem;
  }

  .sm\:w-\[236px\]{
    width: 236px;
  }

  .sm\:w-\[280px\]{
    width: 280px;
  }

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

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

  .sm\:w-\[380px\]{
    width: 380px;
  }

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

  .sm\:min-w-\[170px\]{
    min-width: 170px;
  }

  .sm\:max-w-\[40px\]{
    max-width: 40px;
  }

  .sm\:max-w-\[420px\]{
    max-width: 420px;
  }

  .sm\:max-w-\[46\%\]{
    max-width: 46%;
  }

  .sm\:max-w-\[78\%\]{
    max-width: 78%;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

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

  .sm\:flex-initial{
    flex: 0 1 auto;
  }

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

  .sm\:translate-x-0{
    --tw-translate-x: 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));
  }

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

  .sm\:rotate-0{
    --tw-rotate: 0deg;
    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));
  }

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

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

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

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

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

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

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

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

  .sm\:grid-cols-\[180px\2c 1fr\2c 1fr\]{
    grid-template-columns: 180px 1fr 1fr;
  }

  .sm\:grid-cols-\[1fr_auto\]{
    grid-template-columns: 1fr auto;
  }

  .sm\:grid-cols-\[1fr_auto_auto\]{
    grid-template-columns: 1fr auto auto;
  }

  .sm\:grid-cols-\[260px_1fr\]{
    grid-template-columns: 260px 1fr;
  }

  .sm\:grid-cols-\[56px_26px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 56px 26px minmax(0,1fr);
  }

  .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)\]{
    grid-template-columns: auto minmax(0,1fr);
  }

  .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)_252px_118px_176px_auto\]{
    grid-template-columns: auto minmax(0,1fr) 252px 118px 176px auto;
  }

  .sm\:grid-cols-\[minmax\(0\2c 180px\)_minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,180px) minmax(0,1fr) auto;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_8rem\]{
    grid-template-columns: minmax(0,1fr) 8rem;
  }

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

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

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-baseline{
    align-items: baseline;
  }

  .sm\:items-stretch{
    align-items: stretch;
  }

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

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

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

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

  .sm\:gap-10{
    gap: 2.5rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

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

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

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

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:self-auto{
    align-self: auto;
  }

  .sm\:self-center{
    align-self: center;
  }

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

  .sm\:whitespace-nowrap{
    white-space: nowrap;
  }

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

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:border-b-0{
    border-bottom-width: 0px;
  }

  .sm\:border-r{
    border-right-width: 1px;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

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

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

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

  .sm\:p-5{
    padding: 1.25rem;
  }

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

  .sm\:p-7{
    padding: 1.75rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

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

  .sm\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:pb-0{
    padding-bottom: 0px;
  }

  .sm\:pe-4{
    -webkit-padding-end: 1rem;
            padding-inline-end: 1rem;
  }

  .sm\:ps-4{
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
  }

  .sm\:pt-0{
    padding-top: 0px;
  }

  .sm\:pt-2{
    padding-top: 0.5rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-right{
    text-align: right;
  }

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

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

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

  .sm\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }

  .sm\:text-\[15px\]{
    font-size: 15px;
  }

  .sm\:text-\[2rem\]{
    font-size: 2rem;
  }

  .sm\:text-\[30px\]{
    font-size: 30px;
  }

  .sm\:text-\[92px\]{
    font-size: 92px;
  }

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

  .sm\:opacity-0{
    opacity: 0;
  }

  .sm\:transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .sm\:focus-within\:opacity-100:focus-within{
    opacity: 1;
  }

  .group:hover .sm\:group-hover\:opacity-100{
    opacity: 1;
  }

  .sm\:focus-visible\:opacity-100:focus-visible{
    opacity: 1;
  }
}
@media (min-width: 768px){

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

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

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

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

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

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

  .md\:table{
    display: table;
  }

  .md\:table-cell{
    display: table-cell;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:max-h-\[88vh\]{
    max-height: 88vh;
  }

  .md\:min-h-\[70px\]{
    min-height: 70px;
  }

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

  .md\:w-52{
    width: 13rem;
  }

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

  .md\:w-60{
    width: 15rem;
  }

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

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

  .md\:w-\[380px\]{
    width: 380px;
  }

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

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

  .md\:max-w-lg{
    max-width: 32rem;
  }

  .md\:max-w-xl{
    max-width: 36rem;
  }

  .md\:shrink-0{
    flex-shrink: 0;
  }

  .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\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

  .md\:grid-cols-\[1\.2fr_auto_auto\]{
    grid-template-columns: 1.2fr auto auto;
  }

  .md\:grid-cols-\[1fr_260px_auto\]{
    grid-template-columns: 1fr 260px auto;
  }

  .md\:grid-cols-\[1fr_auto\]{
    grid-template-columns: 1fr auto;
  }

  .md\:grid-cols-\[220px\2c 1fr\2c auto\2c auto\]{
    grid-template-columns: 220px 1fr auto auto;
  }

  .md\:grid-cols-\[280px_1fr\]{
    grid-template-columns: 280px 1fr;
  }

  .md\:grid-cols-\[32px_minmax\(0\2c 1fr\)_180px_150px_76px\]{
    grid-template-columns: 32px minmax(0,1fr) 180px 150px 76px;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.4fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
  }

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

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

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

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-3{
    gap: 0.75rem;
  }

  .md\:self-end{
    align-self: flex-end;
  }

  .md\:overflow-visible{
    overflow: visible;
  }

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

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:p-10{
    padding: 2.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .md\:active\:bg-transparent:active{
    background-color: transparent;
  }
}
@media (min-width: 1024px){

  .lg\:static{
    position: static;
  }

  .lg\:sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .lg\:top-4{
    top: 1rem;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

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

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

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

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

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

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

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

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

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

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

  .lg\:block{
    display: block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:hidden{
    display: none;
  }

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

  .lg\:max-h-\[calc\(100vh-13rem\)\]{
    max-height: calc(100vh - 13rem);
  }

  .lg\:max-h-none{
    max-height: none;
  }

  .lg\:min-h-\[128px\]{
    min-height: 128px;
  }

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

  .lg\:w-56{
    width: 14rem;
  }

  .lg\:w-80{
    width: 20rem;
  }

  .lg\:w-\[128px\]{
    width: 128px;
  }

  .lg\:w-\[186px\]{
    width: 186px;
  }

  .lg\:w-\[35\%\]{
    width: 35%;
  }

  .lg\:w-\[420px\]{
    width: 420px;
  }

  .lg\:w-\[65\%\]{
    width: 65%;
  }

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

  .lg\:min-w-\[220px\]{
    min-width: 220px;
  }

  .lg\:max-w-\[15rem\]{
    max-width: 15rem;
  }

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

  .lg\:max-w-sm{
    max-width: 24rem;
  }

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

  .lg\:shrink-0{
    flex-shrink: 0;
  }

  .lg\:snap-none{
    scroll-snap-type: none;
  }

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

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

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

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

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

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

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

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

  .lg\:grid-cols-\[1\.2fr\2c 0\.8fr\]{
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[1\.2fr_auto\]{
    grid-template-columns: 1.2fr auto;
  }

  .lg\:grid-cols-\[1\.3fr_1fr\]{
    grid-template-columns: 1.3fr 1fr;
  }

  .lg\:grid-cols-\[1fr_1\.1fr\]{
    grid-template-columns: 1fr 1.1fr;
  }

  .lg\:grid-cols-\[1fr_minmax\(280px\2c 360px\)\]{
    grid-template-columns: 1fr minmax(280px,360px);
  }

  .lg\:grid-cols-\[1fr_minmax\(300px\2c 380px\)\]{
    grid-template-columns: 1fr minmax(300px,380px);
  }

  .lg\:grid-cols-\[210px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 210px minmax(0,1fr);
  }

  .lg\:grid-cols-\[260px_1fr\]{
    grid-template-columns: 260px 1fr;
  }

  .lg\:grid-cols-\[300px\2c 1fr\]{
    grid-template-columns: 300px 1fr;
  }

  .lg\:grid-cols-\[320px_1fr\]{
    grid-template-columns: 320px 1fr;
  }

  .lg\:grid-cols-\[320px_minmax\(0\2c 1fr\)_360px\]{
    grid-template-columns: 320px minmax(0,1fr) 360px;
  }

  .lg\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 360px minmax(0,1fr);
  }

  .lg\:grid-cols-\[380px_1fr\]{
    grid-template-columns: 380px 1fr;
  }

  .lg\:grid-cols-\[400px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 400px minmax(0,1fr);
  }

  .lg\:grid-cols-\[400px_minmax\(0\2c 1fr\)_300px\]{
    grid-template-columns: 400px minmax(0,1fr) 300px;
  }

  .lg\:grid-cols-\[auto_minmax\(12rem\2c 1fr\)_minmax\(12rem\2c 1fr\)\]{
    grid-template-columns: auto minmax(12rem,1fr) minmax(12rem,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.6fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_380px\]{
    grid-template-columns: minmax(0,1fr) 380px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_400px\]{
    grid-template-columns: minmax(0,1fr) 400px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\]{
    grid-template-columns: minmax(0,1fr) auto auto;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,2fr);
  }

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

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

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

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

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

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

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

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

  .lg\:self-auto{
    align-self: auto;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:overflow-visible{
    overflow: visible;
  }

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

  .lg\:border-0{
    border-width: 0px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:border-transparent{
    border-color: transparent;
  }

  .lg\:bg-transparent{
    background-color: transparent;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

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

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

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

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

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

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

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:text-right{
    text-align: right;
  }

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

  .lg\:opacity-0{
    opacity: 0;
  }

  .lg\:backdrop-blur-none{
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .group:focus-within .lg\:group-focus-within\:opacity-100{
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:opacity-100{
    opacity: 1;
  }

  .lg\:dark\:border-transparent:is(.dark *){
    border-color: transparent;
  }

  .dark\:lg\:bg-transparent:is(.dark *){
    background-color: transparent;
  }
}
@media (min-width: 1280px){

  .xl\:sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .xl\:top-6{
    top: 1.5rem;
  }

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

  .xl\:col-span-12{
    grid-column: span 12 / span 12;
  }

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

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

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

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

  .xl\:col-span-7{
    grid-column: span 7 / span 7;
  }

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

  .xl\:max-h-\[calc\(100vh-3rem\)\]{
    max-height: calc(100vh - 3rem);
  }

  .xl\:max-h-\[calc\(100vh-6rem\)\]{
    max-height: calc(100vh - 6rem);
  }

  .xl\:max-w-\[560px\]{
    max-width: 560px;
  }

  .xl\:max-w-\[62\%\]{
    max-width: 62%;
  }

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

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

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

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

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

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

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

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

  .xl\:grid-cols-\[1\.08fr_0\.92fr\]{
    grid-template-columns: 1.08fr 0.92fr;
  }

  .xl\:grid-cols-\[1\.2fr_0\.95fr\]{
    grid-template-columns: 1.2fr 0.95fr;
  }

  .xl\:grid-cols-\[1\.45fr\2c 0\.95fr\]{
    grid-template-columns: 1.45fr 0.95fr;
  }

  .xl\:grid-cols-\[1fr_560px\]{
    grid-template-columns: 1fr 560px;
  }

  .xl\:grid-cols-\[340px_1fr\]{
    grid-template-columns: 340px 1fr;
  }

  .xl\:grid-cols-\[340px_minmax\(0\2c 1fr\)_380px\]{
    grid-template-columns: 340px minmax(0,1fr) 380px;
  }

  .xl\:grid-cols-\[390px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 390px minmax(0,1fr);
  }

  .xl\:grid-cols-\[440px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 440px minmax(0,1fr);
  }

  .xl\:grid-cols-\[440px_minmax\(0\2c 1fr\)_340px\]{
    grid-template-columns: 440px minmax(0,1fr) 340px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)\2c auto\]{
    grid-template-columns: minmax(0,1fr) auto;
  }

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

  .xl\:items-start{
    align-items: flex-start;
  }

  .xl\:items-end{
    align-items: flex-end;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:justify-between{
    justify-content: space-between;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:overflow-auto{
    overflow: auto;
  }

  .xl\:overflow-y-auto{
    overflow-y: auto;
  }

  .xl\:p-14{
    padding: 3.5rem;
  }

  .xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1536px){

  .\32xl\:w-\[40\%\]{
    width: 40%;
  }

  .\32xl\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

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

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

  .\32xl\:grid-cols-\[360px_minmax\(0\2c 1fr\)_400px\]{
    grid-template-columns: 360px minmax(0,1fr) 400px;
  }

  .\32xl\:grid-cols-\[480px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 480px minmax(0,1fr);
  }

  .\32xl\:grid-cols-\[480px_minmax\(0\2c 1fr\)_360px\]{
    grid-template-columns: 480px minmax(0,1fr) 360px;
  }
}
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}
@media (min-width: 640px){

  .sm\:rtl\:divide-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 1;
  }
}
@media print{

  .print\:hidden{
    display: none;
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}
.\[\&\>div\]\:\!h-4>div{
  height: 1rem !important;
}
.\[\&\>div\]\:\!h-5>div{
  height: 1.25rem !important;
}
.\[\&\>div\]\:\!h-6>div{
  height: 1.5rem !important;
}
.\[\&\>div\]\:\!w-4>div{
  width: 1rem !important;
}
.\[\&\>div\]\:\!w-5>div{
  width: 1.25rem !important;
}
.\[\&\>div\]\:\!w-6>div{
  width: 1.5rem !important;
}
.\[\&\>div\]\:\!border-0>div{
  border-width: 0px !important;
}
.\[\&_\.credito-atencao\]\:bg-cyan-200 .credito-atencao{
  --tw-bg-opacity: 1;
  background-color: rgb(165 243 252 / 1);
  background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
}
.\[\&_\.credito-variavel\]\:bg-yellow-200 .credito-variavel{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / 1);
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.\[\&_a\]\:text-blue-700 a{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.\[\&_a\]\:text-indigo-700 a{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.\[\&_a\]\:underline a{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.\[\&_button\]\:h-\[38px\] button{
  height: 38px;
}
.\[\&_img\]\:\!h-4 img{
  height: 1rem !important;
}
.\[\&_img\]\:\!h-5 img{
  height: 1.25rem !important;
}
.\[\&_img\]\:\!h-6 img{
  height: 1.5rem !important;
}
.\[\&_img\]\:max-h-24 img{
  max-height: 6rem;
}
.\[\&_img\]\:\!w-4 img{
  width: 1rem !important;
}
.\[\&_img\]\:\!w-5 img{
  width: 1.25rem !important;
}
.\[\&_img\]\:\!w-6 img{
  width: 1.5rem !important;
}
.\[\&_input\:disabled\]\:cursor-not-allowed input:disabled{
  cursor: not-allowed;
}
.\[\&_input\:disabled\]\:bg-slate-100 input:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.\[\&_input\:focus\]\:border-slate-400 input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.\[\&_input\:focus\]\:outline-none input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_input\:focus\]\:ring-4 input: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&_input\:focus\]\:ring-slate-200 input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.\[\&_input\]\:w-full input{
  width: 100%;
}
.\[\&_input\]\:rounded-2xl input{
  border-radius: 1rem;
}
.\[\&_input\]\:border input{
  border-width: 1px;
}
.\[\&_input\]\:border-slate-200 input{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.\[\&_input\]\:bg-white input{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_input\]\:px-4 input{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&_input\]\:py-3 input{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_input\]\:text-slate-900 input{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.\[\&_input\]\:shadow-sm input{
  --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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_label\]\:mb-1 label{
  margin-bottom: 0.25rem;
}
.\[\&_label\]\:block label{
  display: block;
}
.\[\&_label\]\:text-sm label{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_label\]\:font-semibold label{
  font-weight: 600;
}
.\[\&_label\]\:text-slate-700 label{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.\[\&_li\]\:mb-1 li{
  margin-bottom: 0.25rem;
}
.\[\&_p\]\:mb-3 p{
  margin-bottom: 0.75rem;
}
.\[\&_select\:disabled\]\:cursor-not-allowed select:disabled{
  cursor: not-allowed;
}
.\[\&_select\:disabled\]\:bg-slate-100 select:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.\[\&_select\:focus\]\:border-slate-400 select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.\[\&_select\:focus\]\:outline-none select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_select\:focus\]\:ring-4 select: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&_select\:focus\]\:ring-slate-200 select:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.\[\&_select\]\:w-full select{
  width: 100%;
}
.\[\&_select\]\:rounded-2xl select{
  border-radius: 1rem;
}
.\[\&_select\]\:border select{
  border-width: 1px;
}
.\[\&_select\]\:border-slate-200 select{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.\[\&_select\]\:bg-white select{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_select\]\:px-4 select{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&_select\]\:py-3 select{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_select\]\:text-slate-900 select{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.\[\&_select\]\:shadow-sm select{
  --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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_table\]\:mb-3 table{
  margin-bottom: 0.75rem;
}
.\[\&_td\]\:overflow-hidden td{
  overflow: hidden;
}
.\[\&_td\]\:text-ellipsis td{
  text-overflow: ellipsis;
}
.\[\&_td\]\:whitespace-nowrap td{
  white-space: nowrap;
}
.\[\&_textarea\:disabled\]\:cursor-not-allowed textarea:disabled{
  cursor: not-allowed;
}
.\[\&_textarea\:disabled\]\:bg-slate-100 textarea:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.\[\&_textarea\:focus\]\:border-slate-400 textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / 1);
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.\[\&_textarea\:focus\]\:outline-none textarea:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_textarea\:focus\]\:ring-4 textarea: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&_textarea\:focus\]\:ring-slate-200 textarea:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.\[\&_textarea\]\:w-full textarea{
  width: 100%;
}
.\[\&_textarea\]\:rounded-2xl textarea{
  border-radius: 1rem;
}
.\[\&_textarea\]\:border textarea{
  border-width: 1px;
}
.\[\&_textarea\]\:border-slate-200 textarea{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.\[\&_textarea\]\:bg-white textarea{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_textarea\]\:px-4 textarea{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&_textarea\]\:py-3 textarea{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_textarea\]\:text-slate-900 textarea{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / 1);
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.\[\&_textarea\]\:shadow-sm textarea{
  --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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_ul\]\:mb-3 ul{
  margin-bottom: 0.75rem;
}
.\[\&_ul\]\:list-disc ul{
  list-style-type: disc;
}
.\[\&_ul\]\:pl-6 ul{
  padding-left: 1.5rem;
}