trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
 /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
      rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
      rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
      rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
      rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
      rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
      rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/* hr has no explicit border color anywhere it's used, so it inherits
   the surrounding (light) text color in dark mode -- too bright. */
.dark hr {
  border-color: #191e3a;
}

/* highlightRow() (utilities.js) toggles these -light row-highlight classes
   on hover via plain classList.add, so they can't pick up a dark: variant
   the way a static class in markup would -- they're near-white regardless
   of theme, overriding here with the same color at low opacity instead. */
.dark .bg-black-light {
  background-color: rgb(227 228 235 / 0.2);
}

.dark .bg-danger-light {
  background-color: rgb(231 81 90 / 0.2);
}

.dark .bg-success-light {
  background-color: rgb(0 171 85 / 0.2);
}

.dark .bg-warning-light {
  background-color: rgb(226 160 63 / 0.2);
}

/* FOR TRIX EDITOR TOOLBAR (dark mode) -- trix.css hardcodes light-mode
   colors and bakes its button icons into black SVG data-URIs, so they're
   invisible against a dark background without this. */
.dark trix-toolbar .trix-button-group {
  border-color: #191e3a;
}

.dark trix-toolbar .trix-button {
  color: #888ea8;
  border-bottom-color: #191e3a;
}

.dark trix-toolbar .trix-button:not(:first-child) {
  border-left-color: #191e3a;
}

.dark trix-toolbar .trix-button--icon::before {
  filter: invert(1) brightness(1.5);
}

.dark trix-toolbar .trix-button.trix-active {
  background-color: #4361ee;
  color: white;
}

.dark trix-toolbar .trix-button:disabled {
  color: rgba(255, 255, 255, 0.125);
}

/* FOR SELECT TWO MULTIPLE*/
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E0E6ED;
  border-radius: .375rem;
  cursor: text;
}

.select2-container--default .select2-container--focus .select2-selection--multiple {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-ring-color: #0000
}

.select2-container--default,
.select2-results__option--highlighted[aria-selected] {
  transition: all .2s;
}

.dark .select2-container--default .select2-selection--multiple {
  --tw-border-opacity: 1;
  border-color: rgb(23 38 60 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(18 30 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168 / var(--tw-text-opacity));
}

/* :is(.dark .select2-selection__choice) {
  background-color: #262E40 !important ;
} */

.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1b2e4b;
  color: #888EA8;
  transition: all .2s;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #132136;
  background-color: #1B2E4B;
}

.dark .select2-dropdown {
  background-color: #132136;
  border: 1px solid #132136;
  color: #888EA8;
}

/* .dark .select2-container .select2-selection--multiple .select2-selection__rendered {
  background-color: #132136;
} */


/* FOR SELECT TWO SINGLE*/
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 38px;
  user-select: none;
  -webkit-user-select: none;
}

/* this is for line of text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #888EA8;
  line-height: 38px;
  border-radius: .375rem;
}

.dark .select2-selection--single {
  color: #888EA8;
  line-height: 38px;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #888EA8;
  /* line-height: 38px; used for single */
}

/* this is for the arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* this is for the border */
.select2-container--default .select2-selection--single {
  background-color: white;
  border: 1px solid #E0E6ED;
  border-radius: .375rem;
}

.dark .select2-container--default .select2-selection--single {
  background-color: #132136;
  border: 1px solid #132136;
  border-radius: .375rem;
}

/* this is for the dropdown card */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* this is for typying style */
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #1b2e4b;
  border-color: #191e3a;
  color: #888EA8;
}

.dark .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #4361ee;
  outline: none;
}

.file-label {
  cursor: pointer;
  color: white;
  background-color: #5570F0;
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  /* Matches the previous `py-2 px-4` */
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: background-color 0.3s ease;
  /* Smooth transition */
}

.file-label:hover {
  background-color: #4361EE;
  /* New hover background color */
}

.file-span {
  cursor: pointer;
}

.mt--17 {
  margin-top: -17px;
}

.mt--19 {
  margin-top: -19px;
}

.mr-43 {
  margin-right: 43px;
}

.ml-43 {
  margin-left: 43px;
}

.text-x-small {
  font-size: x-small;
}

/* animated dots */
.typing::after {
  content: " .";
  animation: dots 1.5s steps(5, end) infinite;
}

@keyframes dots {

  0%,
  20% {
    content: " .";
  }

  40% {
    content: " ..";
  }

  60% {
    content: " ...";
  }

  80%,
  100% {
    content: " ....";
  }
}

.mention {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  color: rgb(67 97 238/var(--tw-text-opacity));
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 500;
}

.file-chip {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  color: rgb(67 97 238/var(--tw-text-opacity));
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 500;
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 8px;

  /* Transition settings */
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.2s;
  transition-timing-function: linear, linear;
  transition-delay: 0s, 0s;

  opacity: 0;
  /* hidden by default */
}

.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #E6E7E9;
  /* your thumb color */
  opacity: 1;
  /* fade in */
}

/* Firefox */
.scrollbar {
  scrollbar-width: none;
  /* hidden by default */
}

.scrollbar:hover {
  scrollbar-width: thin;
  scrollbar-color: #E6E7E9 transparent;
}

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

.editor-content ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  /* or 2rem */
  margin-left: 0;
}

.editor-content ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  margin-left: 0;
}

.editor-content li {
  margin: 0.25rem 0;
}

/* Variant-combination-generation image picker (products#new_variants)
   -- hand-written rather than Tailwind utility classes, since this app's
   compiled stylesheet is a pre-built bundle, not a live JIT build, so
   utilities that aren't already used elsewhere (group-hover variants,
   bg-black/60, etc.) don't actually exist in it. */

/* Grid, not flex-wrap -- flex-wrap packs fixed-size items left-to-right
   and leaves whatever's left over at the end of each row empty; grid's
   auto-fill/minmax stretches that same row to fill the full width. */
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 0.75rem;
}

.image-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.15s ease, transform 0.1s ease;
}

.image-thumb__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.15s ease;
}

.image-thumb__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.15s ease;
}

.image-thumb:hover .image-thumb__overlay {
  background: rgba(0, 0, 0, 0.25);
}

.image-thumb.selected {
  border-color: #4361ee;
}

.image-thumb.selected .image-thumb__overlay {
  background: rgba(67, 97, 238, 0.45);
}

.image-thumb.selected .image-thumb__img {
  filter: brightness(0.85);
}

.image-thumb__check {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #4361ee;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.image-thumb.selected .image-thumb__check {
  display: flex;
}

.image-thumb__remove {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  border: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.image-thumb:hover .image-thumb__remove {
  opacity: 1;
}

/* Same visual language as .image-thumb.selected in the picker modal --
   these thumbnails are, by definition, always in the selected state. */
.selected-preview-thumb {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #4361ee;
  transition: transform 0.1s ease;
}

.selected-preview-thumb:hover {
  transform: scale(1.03);
}

.selected-preview-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.15s ease;
}

.selected-preview-thumb:hover img {
  filter: brightness(0.85);
}

.selected-preview-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(67, 97, 238, 0.45);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.selected-preview-thumb:hover::before {
  opacity: 1;
}

.selected-preview-thumb::after {
  content: "\00d7";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.selected-preview-thumb:hover::after {
  opacity: 1;
}

/* Locked form-inputs use pointer-events-none instead of the real disabled
   attribute (a genuinely disabled field is omitted from the submitted
   form data entirely -- these still need their current value to reach
   the server, e.g. a promo's code/min/max fields the admin can't edit
   but that still get submitted as part of an auto-applied promo type).
   Without this they were visually indistinguishable from an editable
   field despite being locked. */
.form-input.pointer-events-none {
  background-color: #eee;
  color: #888ea8;
  cursor: not-allowed;
}

.dark .form-input.pointer-events-none {
  background-color: #2a2e37;
  border-color: #2a2e37 !important;
  color: #888ea8;
  cursor: not-allowed;
}

/* Auth pages' split card (devise/_layout.html.erb) -- same reason as the
   image picker above: this app's compiled stylesheet is a pre-built
   bundle, not a live JIT build, so a one-off min-height/50%-width split
   here wouldn't actually exist in it as Tailwind utilities. */
.auth-card {
  min-height: 552px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.auth-card-half {
  width: 50%;
}

/* Side-by-side halves at 50% each are unreadable on a phone-width
   viewport (labels/inputs squeezed to a sliver) -- stack them full-width
   below tablet size instead. */
@media (max-width: 768px) {
  .auth-card-split {
    flex-direction: column;
  }

  .auth-card-half {
    width: 100%;
  }

  .auth-card-half:first-child {
    margin-bottom: 24px;
  }

  /* Fill the phone viewport with just a 20px gutter on every side,
     instead of the desktop centered-card look (lots of dead space
     around a narrow, short card). */
  .auth-page {
    padding: 20px;
  }

  .auth-card-wrapper {
    max-width: none;
  }

  /* Sign in vs. the sign-up wizard have very different content heights --
     without a fixed height here, the card visibly grows/shrinks every
     time you navigate between auth pages on mobile. overflow-y lets the
     rare step whose content actually exceeds this scroll internally
     instead of forcing the card taller. calc() ties it to the 20px
     gutters above/below rather than a guessed pixel value. */
  .auth-card {
    height: calc(100vh - 100px);
    overflow-y: auto;
  }
}

  .taxon-loading-dots span {
    animation: taxon-loading-blink 1.4s infinite both;
  }
  .taxon-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
  .taxon-loading-dots span:nth-child(3) { animation-delay: 0.4s; }
  @keyframes taxon-loading-blink {
    0%, 80%, 100% { opacity: 0; }
    40% { opacity: 1; }
  }
.dragndrop .gu-transit {
  opacity: 0.2;
}

.dragndrop .selected > div {
  background-color: #e0e6ed;
}

.dark .dragndrop .selected > div {
  background-color: #0e1726;
}

.icon-change .left svg.feather-heart,
.icon-change .right svg.feather-star {
  display: none;
}

.dragndrop .sortable-chosen {
  @apply bg-white dark:bg-black;
}
/**
 * easymde v2.16.1
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionaru/easy-markdown-editor
 * @license MIT
 */
.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);position:fixed;top:0;right:0;margin:0;padding:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar button{width:30px}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar button:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{padding:10px;background:#fafafa}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:200%;line-height:200%}.cm-s-easymde .cm-header-2{font-size:160%;line-height:160%}.cm-s-easymde .cm-header-3{font-size:125%;line-height:125%}.cm-s-easymde .cm-header-4{font-size:110%;line-height:110%}.cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);border-radius:0;border:1px solid #fff}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)}.easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:8px;z-index:2;top:30px}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}span[data-img-src]::after{content:'';background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
.dark .custom-file-container .clear-button {
    color: #888ea8;
}

.dark .custom-file-container .input-visible {
    background-color: #1b2e4b;
    border-color: #253b5c;
    color: #888ea8;
}

.dark .custom-file-container .browse-button {
    background-color: #4361ee;
    border-color: #253b5c;
    color: #fff;
}

.dark .custom-file-container .image-preview-item-clear {
    background-color: #3b3f5c !important;
}

.dark .custom-file-container .image-preview-item-clear-icon {
    color: #d0d2d6;
}

.custom-file-container .image-preview-item-clear-icon {
    margin-top: 0px !important;
}

.rtl .custom-file-container .browse-button {
    right:auto;
    left:0;
    border-left: none;
}

.rtl .custom-file-container .image-preview-item {
    float: right;
}

.rtl .custom-file-container .image-preview-item-clear {
    left: auto;
    right: -6px;
}
.custom-file-container {
    box-sizing: border-box;
    position: relative;
    display: block;
}
.custom-file-container * {
    box-sizing: border-box;
}
.custom-file-container .label-container label {
    color: #4361ee;
    font-size: 16px;
}
.custom-file-container .label-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.custom-file-container .clear-button {
    color: #333;
    font-size: 26px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
.custom-file-container .clear-button:hover {
    color: #777;
}
.custom-file-container .input-container {
    display: inline-block;
    height: 40px;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
}
.custom-file-container .input-container:hover {
    cursor: pointer;
}
.custom-file-container .input-hidden {
    height: 40px;
    margin: 0;
    max-width: 100%;
    min-width: 220px;
    opacity: 0;
    width: 100%;
}
.custom-file-container .input-visible {
    background-clip: padding-box;
    background-color: #f1f2f3;
    border-radius: 4px;
    border: 1px solid #f1f2f3;
    color: #333;
    height: 40px;
    left: 0;
    line-height: 1.5;
    overflow: hidden;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    user-select: none;
    z-index: 5;
}
.custom-file-container .browse-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    display: block;
    height: auto;
    padding: 10px 16px;
    line-height: 1.25;
    background-color: rgba(27, 85, 226, 0.239);
    color: #4361ee;
    border-left: 1px solid #e0e6ed;
    box-sizing: border-box;
}
.custom-file-container .image-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    height: 300px;
    overflow: auto;
    padding: 4px;
    transition: background 0.2s ease-in-out;
    width: 100%;
    margin-top: 54px;
    margin-bottom: 40px;
}
.custom-file-container .image-preview-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
    float: left;
    height: 180px;
    margin: 1.858736059%;
    position: relative;
    transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
    width: 29.615861214%;
}
.custom-file-container .image-preview-item.multi-item-clear-animation {
    opacity: 0;
}
.custom-file-container .image-preview-item-clear {
    background: #edede8;
    border-radius: 50%;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
    height: 20px;
    left: -6px;
    margin-top: -6px;
    position: absolute;
    text-align: center;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    width: 20px;
}
.custom-file-container .image-preview-item-clear:hover {
    background: #e2e2da;
    cursor: pointer;
}
.custom-file-container .image-preview-item-clear-icon {
    color: #333;
    display: block;
    margin-top: -2px;
}
.dark .flatpickr-calendar {
    border: 1px solid #0e1a2c;
    background: #0e1a2c;
    box-shadow: none;
}

.dark .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #0e1a2c;
}

.dark .flatpickr-calendar.arrowBottom:after {
    border-top-color: #0e1a2c;
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    fill: #bfc9d4;
}

.flatpickr-current-month {
    font-size: 16px;
    padding: 3px 0 0 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
    color: #bfc9d4;
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #1b2e4b;
}

.dark .flatpickr-calendar .flatpickr-months input.cur-year {
    color: #bfc9d4;
    height: 31px;
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span {
    height: 26%;
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
    top: 10px;
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp:after {
    border-bottom-color: #bfc9d4;
}

.dark .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #bfc9d4;
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown {
    top: 34%;
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown:after {
    border-top-color: #bfc9d4;
}

.dark .flatpickr-calendar .flatpickr-day {
    color: #888ea8;
    font-weight: 500;
}

.dark .flatpickr-calendar .flatpickr-day:hover {
    background: #191e3a;
    border-color: #191e3a;
}

.dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    color: rgba(136, 142, 168, 0.22);
}

.dark .flatpickr-calendar .flatpickr-day.prevMonthDay,
.dark .flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: rgba(136, 142, 168, 0.22) !important;
}

.dark .flatpickr-calendar .flatpickr-day.selected {
    background: #009688;
    color: #0e1726;
    border-color: #009688;
    font-weight: 700;
}

.dark .flatpickr-calendar .flatpickr-day.today {
    border-color: #009688;
}

.dark .flatpickr-calendar .flatpickr-day.today:hover {
    border-color: #0e1726;
    background: #0e1726;
    color: #fff;
}

.dark .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #243146 !important;
}

.dark .flatpickr-calendar .flatpickr-time {
    border: 1px solid #243146;
}

.dark .flatpickr-calendar .flatpickr-time input,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
    color: #888ea8;
}

.dark .flatpickr-time input:hover,
.dark .flatpickr-time .flatpickr-am-pm:hover,
.dark .flatpickr-time input:focus,
.dark .flatpickr-time .flatpickr-am-pm:focus {
    background: transparent;
    --tw-ring-color: transparent;
}

.dark .flatpickr-calendar .flatpickr-time input:hover,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
    background-color: #0e1726;
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
    border-bottom-color: #009688;
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown::after {
    border-top-color: #009688;
}

.dark .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #1b2e4b;
}

.dark .flatpickr-calendar.arrowBottom::before {
    border-top-color: #1b2e4b;
}

.dark .numInputWrapper span {
    height: 26%;
}

.dark .numInputWrapper span.arrowUp {
    top: 10px;
}

.dark .numInputWrapper span.arrowUp:after {
    border-bottom-color: #bfc9d4;
}

.dark .numInputWrapper span .arrowDown {
    top: 34%;
}

.dark .numInputWrapper span .arrowDown:after {
    border-top-color: #bfc9d4;
}

.flatpickr-calendar:before {
    border-width: 11px;
}

.flatpickr-calendar:after {
    border-width: 9px;
}

.dark span.flatpickr-weekday {
    color: #888ea8;
}

.dark .flatpickr-calendar .flatpickr-day.today.inRange {
    border-color: #e6e6e6;
}

.dark .flatpickr-day.inRange {
    background-color: #060818;
    border-color:#060818;
    box-shadow: -5px 0 0  #060818, 5px 0 0 #060818;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.calendar-wrapper .fc-view-harness {
  overflow: auto;
}

.calendar-wrapper .fc-view-harness-active > .fc-view {
  min-width: 450px;
}

.calendar-wrapper .fc-daygrid-body-balanced .fc-scrollgrid-sync-table {
  min-height: 450px;
}

.calendar-wrapper table th.fc-day {
  padding: 12px 16px;
  background-color: rgb(224 230 237 / 0.3) !important;
}

.dark .calendar-wrapper table th.fc-day {
  background-color: #1a2941 !important;
}

.calendar-wrapper table td .fc-daygrid-day-number {
  padding: 16px;
}

@media only screen and (max-width: 1024px) {
  .calendar-wrapper table td .fc-daygrid-day-number {
    padding: 2px 8px;
  }
}

.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
  border-color: rgb(224 230 237 / 0.4) !important;
}

.dark .fc-theme-standard td,
.dark .fc-theme-standard th,
.dark .fc-theme-standard .fc-scrollgrid {
  border-color: #191e3a !important;
}

.calendar-wrapper .fc-theme-standard .fc-scrollgrid {
  border-radius: 10px;
}

.calendar-wrapper .fc-theme-standard td {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.calendar-wrapper .fc-theme-standard th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.calendar-wrapper .fc-button {
  text-transform: capitalize !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 8px 15px !important;
}

.ltr .calendar-wrapper .fc-button {
  margin-left: 12px !important;
}

.rtl .calendar-wrapper .fc-button {
  margin-right: 12px !important;
}

.ltr .calendar-wrapper .fc-button-group .fc-button:first-child {
  margin-left: 0px !important;
}

.rtl .calendar-wrapper .fc-button-group .fc-button:first-child {
  margin-right: 0px !important;
}

.calendar-wrapper .fc-button-primary,
.calendar-wrapper .fc-button-primary:disabled {
  color: #4361ee !important;
  border-color: #4361ee !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.calendar-wrapper .fc-button-primary:not(:disabled):hover,
.calendar-wrapper .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #4361ee !important;
  color: white !important;
}

.calendar-wrapper .fc-daygrid-event.info,
.calendar-wrapper .fc-timegrid-event.info {
  background-color: rgb(33 150 243 / 0.8);
  border-color: rgb(33 150 243 / 0.8);
}

.calendar-wrapper .fc-daygrid-event.info:hover,
.calendar-wrapper .fc-timegrid-event.info:hover {
  background-color: #2196f3;
  border-color: #2196f3;
}

.calendar-wrapper .fc-daygrid-event.primary,
.calendar-wrapper .fc-timegrid-event.primary {
  background-color: rgb(67 97 238 / 0.8);
  border-color: rgb(67 97 238 / 0.8);
}

.calendar-wrapper .fc-daygrid-event.primary:hover,
.calendar-wrapper .fc-timegrid-event.primary:hover {
  background-color: #4361ee;
  border-color: #4361ee;
}

.calendar-wrapper .fc-daygrid-event.success,
.calendar-wrapper .fc-timegrid-event.success {
  background-color: rgb(0 171 85 / 0.8);
  border-color: rgb(0 171 85 / 0.8);
}

.calendar-wrapper .fc-daygrid-event.success:hover,
.calendar-wrapper .fc-timegrid-event.success:hover {
  background-color: #00ab55;
  border-color: #00ab55;
}

.calendar-wrapper .fc-daygrid-event.danger,
.calendar-wrapper .fc-timegrid-event.danger {
  background-color: rgb(231 81 90 / 0.8);
  border-color: rgb(231 81 90 / 0.8);
}

.calendar-wrapper .fc-daygrid-event.danger:hover,
.calendar-wrapper .fc-timegrid-event.danger:hover {
  background-color: #e7515a;
  border-color: #e7515a;
}

.calendar-wrapper .fc-prev-button,
.calendar-wrapper .fc-next-button {
  background-color: transparent !important;
  color: rgb(75, 85, 99) !important;
  border: 2px solid !important;
  border-color: rgb(229, 231, 235) !important;
  padding: 6px !important;
  display: flex !important;
  justify-content: center;
}

.dark .calendar-wrapper .fc-prev-button,
.dark .calendar-wrapper .fc-next-button {
  border-color: rgb(55, 65, 81) !important;
}

.calendar-wrapper  .fc-button.fc-prev-button:hover,
.calendar-wrapper  .fc-button.fc-next-button:hover,
.dark .calendar-wrapper  .fc-button.fc-prev-button:hover,
.dark .calendar-wrapper  .fc-button.fc-next-button:hover {
  color: #4361ee !important;
  border-color: #4361ee !important;
  background: transparent !important;
}

.calendar-wrapper .fc-timegrid-body .fc-event-main-frame {
  flex-direction: column !important;
}

.ltr .calendar-wrapper .fc-toolbar,
.ltr .calendar-wrapper .fc-toolbar,
.ltr .calendar-wrapper .fc-event-main-frame,
.ltr .calendar-wrapper .fc-button-group {
  flex-direction: row;
}

.rtl .calendar-wrapper .fc-toolbar,
.rtl .calendar-wrapper .fc-toolbar,
.rtl .calendar-wrapper .fc-event-main-frame,
.rtl .calendar-wrapper .fc-button-group {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
  .calendar-wrapper .fc-toolbar {
    flex-direction: column !important;
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk {
    margin-top: 16px;
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk:first-child {
    margin-top: 0px !important;
  }
}

.calendar-wrapper .fc-toolbar-title {
  font-size: 20px;
}

.calendar-wrapper .fc .fc-popover {
  z-index: 10;
}

.calendar-wrapper .fc-event {
  padding: 2px 4px;
  color: white;
}

.calendar-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
  box-shadow: none;
  overflow: hidden;
}

.calendar-wrapper .fc-event-title.fc-sticky {
  font-weight: 700;
}

.calendar-wrapper .fc-daygrid-event-dot {
  display: none;
}

.calendar-wrapper .fc-daygrid-dot-event {
  border-width: 1px;
}

.calendar-wrapper .fc-event-time {
  padding: 1px !important;
  font-weight: 700;
  flex-shrink: 0;
}
.rtl .calendar-wrapper .fc-event-time {
  margin-left: 3px !important;
  margin-right: 0px !important;
}

.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-right,
.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-left {
  rotate: 180deg;
}

/* .dark .calendar-wrapper .fc-theme-standard .fc-popover */
.dark .fc-theme-standard .fc-popover {    
  background-color: #3b3f5c !important;
  border-color:  #3b3f5c !important;
}

/* .dark .calendar-wrapper .fc-theme-standard .fc-popover-header  */
.dark .fc-theme-standard .fc-popover-header{
  background-color: #0e1726 !important;
  color: #888ea8 !important;
}
.fc-icon,.fc-unselectable{-moz-user-select:none;-ms-user-select:none}.fc .fc-button,.fc-icon{text-transform:none;font-weight:400}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc .fc-button:not(:disabled),.fc a[data-navlink],.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-unselectable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc{display:flex;flex-direction:column;font-size:1em}.fc .fc-button,.fc-icon{display:inline-block;text-align:center}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{vertical-align:top;padding:0}.fc .fc-button,.fc .fc-button .fc-icon,.fc .fc-button-group,.fc .fc-timegrid-slot-label{vertical-align:middle}.fc a[data-navlink]:hover{text-decoration:underline}.fc .fc-button:hover,.fc .fc-list-event-title a,a.fc-event,a.fc-event:hover{text-decoration:none}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@font-face{font-family:fcicons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');font-weight:400;font-style:normal}.fc-icon{width:1em;height:1em;-webkit-user-select:none;user-select:none;font-family:fcicons!important;speak:none;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fc-icon-chevron-left:before{content:"\e900"}.fc-icon-chevron-right:before{content:"\e901"}.fc-icon-chevrons-left:before{content:"\e902"}.fc-icon-chevrons-right:before{content:"\e903"}.fc-icon-minus-square:before{content:"\e904"}.fc-icon-plus-square:before{content:"\e905"}.fc-icon-x:before{content:"\e906"}.fc .fc-button{overflow:visible;text-transform:none;margin:0;font-family:inherit}.fc .fc-button::-moz-focus-inner{padding:0;border-style:none}.fc .fc-button{-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4em .65em;font-size:1em;line-height:1.5;border-radius:.25em}.fc .fc-button:focus{outline:0;box-shadow:0 0 0 .2rem rgba(44,62,80,.25)}.fc .fc-button-primary:focus,.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:hover{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1e2b37;background-color:var(--fc-button-hover-bg-color,#1e2b37);border-color:#1a252f;border-color:var(--fc-button-hover-border-color,#1a252f)}.fc .fc-button-primary:disabled{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1a252f;background-color:var(--fc-button-active-bg-color,#1a252f);border-color:#151e27;border-color:var(--fc-button-active-border-color,#151e27)}.fc .fc-button .fc-icon{font-size:1.5em}.fc .fc-button-group{position:relative;display:inline-flex}.fc .fc-button-group>.fc-button{position:relative;flex:1 1 auto}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.fc .fc-toolbar{display:flex;justify-content:space-between;align-items:center}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{position:absolute;top:0;right:0;left:0;bottom:0}.fc .fc-scroller-harness{position:relative;overflow:hidden;direction:ltr}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-scrollgrid,.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{width:100%;table-layout:fixed}.fc .fc-scrollgrid table{border-top-style:hidden;border-left-style:hidden;border-right-style:hidden}.fc .fc-scrollgrid{border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-top-width:0;border-left-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color,#fff);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business,.fc .fc-view-harness-active>.fc-view{position:absolute;top:0;left:0;right:0;bottom:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-non-business{background:rgba(215,215,215,.3);background:var(--fc-non-business-color,rgba(215,215,215,.3))}.fc .fc-bg-event{background:var(--fc-bg-event-color,#8fdf82);opacity:.3;opacity:var(--fc-bg-event-opacity,.3)}.fc .fc-bg-event .fc-event-title{margin:.5em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);font-style:italic}.fc .fc-highlight{background:rgba(188,232,241,.3);background:var(--fc-highlight-color,rgba(188,232,241,.3))}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-event .fc-event-main{position:relative;z-index:2}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event .fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer,.fc-h-event,.fc-v-event{display:block}.fc-event-selected .fc-event-resizer{border-radius:4px;border-radius:calc(var(--fc-event-resizer-dot-total-width,8px)/ 2);border-width:1px;border-width:var(--fc-event-resizer-dot-border-width,1px);width:8px;width:var(--fc-event-resizer-dot-total-width,8px);height:8px;height:var(--fc-event-resizer-dot-total-width,8px);border-style:solid;border-color:inherit;background:var(--fc-page-bg-color,#fff)}.fc-event-selected .fc-event-resizer:before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;bottom:0}.fc-event-selected:after,.fc-event:focus:after{content:"";background:rgba(0,0,0,.25);background:var(--fc-event-selected-overlay-color,rgba(0,0,0,.25));position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;bottom:-1px}.fc-h-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-h-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;vertical-align:top;left:0;right:0;max-width:100%;overflow:hidden}.fc-h-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{top:0;bottom:0;width:8px;width:var(--fc-event-resizer-thickness,8px)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:-4px;left:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:-4px;right:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-h-event.fc-event-selected .fc-event-resizer{top:50%;margin-top:-4px;margin-top:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:-4px;left:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:-4px;right:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc .fc-popover{position:absolute;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc .fc-popover-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .fc-popover-close{cursor:pointer;opacity:.65;font-size:1.1em}.fc-theme-standard .fc-popover{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd);background:var(--fc-page-bg-color,#fff)}.fc-theme-standard .fc-popover-header{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}:root{--fc-daygrid-event-dot-width:8px;--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}.fc .fc-daygrid-body{position:relative;z-index:1}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-daygrid-day-frame{position:relative;min-height:100%}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}.fc .fc-daygrid-day-events{margin-top:1px}.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}.fc .fc-daygrid-event-harness{position:relative}.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}.fc .fc-daygrid-event{z-index:6;margin-top:1px}.fc .fc-daygrid-event.fc-event-mirror{z-index:7}.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:var(--fc-neutral-text-color,grey)}.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px}.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}.fc-liquid-hack .fc-daygrid-day-frame{position:static}.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}.fc-v-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-v-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff);height:100%}.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}.fc-v-event .fc-event-resizer-start{cursor:n-resize}.fc-v-event .fc-event-resizer-end{cursor:s-resize}.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc .fc-timegrid .fc-daygrid-body{z-index:2}.fc .fc-timegrid-axis-chunk>table,.fc .fc-timegrid-body,.fc .fc-timegrid-slots{position:relative;z-index:1}.fc .fc-timegrid-divider{padding:0 0 2px}.fc .fc-timegrid-body{min-height:100%}.fc .fc-timegrid-axis-chunk{position:relative}.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}.fc .fc-timegrid-slot:empty:before{content:'\00a0'}.fc .fc-timegrid-slot-minor{border-top-style:dotted}.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}.fc .fc-timegrid-axis-frame-liquid{height:100%}.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-timegrid-col-frame{min-height:100%;position:relative}.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}.fc-media-screen .fc-timegrid-cols>table{height:100%}.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}.fc .fc-timegrid-col-bg{z-index:2}.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}.fc .fc-timegrid-col-bg .fc-highlight,.fc .fc-timegrid-col-events{z-index:3}.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}.fc-timegrid-event-harness{position:absolute}.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}.fc-timegrid-event{margin-bottom:1px}.fc-timegrid-event .fc-event-main{padding:1px 1px 0}.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:var(--fc-more-link-text-color,inherit);background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}.fc-timegrid-more-link-inner{padding:3px 2px;top:0}.fc-direction-ltr .fc-timegrid-more-link{right:0}.fc-direction-rtl .fc-timegrid-more-link{left:0}.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red)}.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-theme-standard .fc-list{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-list-empty{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));height:100%;display:flex;justify-content:center;align-items:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{width:100%;border-style:hidden}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{position:sticky;top:0;background:var(--fc-page-bg-color,#fff)}.fc .fc-list-table thead{position:absolute;left:-10000px}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{content:"";clear:both;display:table}.fc-theme-standard .fc-list-day-cushion{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:#f5f5f5;background-color:var(--fc-list-event-hover-bg-color,#f5f5f5)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{display:inline-block;box-sizing:content-box;width:0;height:0;border:5px solid #3788d8;border:calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:5px;border-radius:calc(var(--fc-list-event-dot-width,10px)/ 2)}.fc .fc-list-event-title a{color:inherit}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}.fc-theme-bootstrap a:not([href]){color:inherit}.fc-theme-bootstrap5 a:not([href]){color:inherit;text-decoration:inherit}.fc-theme-bootstrap5 .fc-list,.fc-theme-bootstrap5 .fc-scrollgrid,.fc-theme-bootstrap5 td,.fc-theme-bootstrap5 th{border:1px solid var(--bs-gray-400)}.fc-theme-bootstrap5 .fc-scrollgrid{border-right-width:0;border-bottom-width:0}.fc-theme-bootstrap5-shaded{background-color:var(--bs-gray-200)}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
.dark .markdown-editor .editor-toolbar i.separator {
    border-color: #888ea8;
    border-right: none;
}

.dark .markdown-editor .EasyMDEContainer .CodeMirror,
.dark .markdown-editor .editor-preview {
    background-color: #121e32;
}

.markdown-editor .editor-toolbar,
.markdown-editor .EasyMDEContainer .CodeMirror{
    border-color: #ccc;
    color: #0e1726;
}
.dark .markdown-editor .editor-toolbar,
.dark .markdown-editor .EasyMDEContainer .CodeMirror,
.dark .markdown-editor .editor-preview {
    border-color: #17263c;
    color: #888ea8 !important;
}

.dark .markdown-editor .editor-toolbar button.active, .editor-toolbar button:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #4361ee;
}
.nice-select {
    float: none !important;
}

/* nice-select2.css's own transition: all .2s ease-in-out makes
   background-color/border-color fade instead of switching instantly,
   which reads as a lag when toggling light/dark theme. */
.nice-select {
    transition: none !important;
}

/* Match .form-input's border color (nice-select2.css's own default is
   #e8e8e8, .form-input's is #e0e6ed, so the two look inconsistent side by
   side). */
.nice-select {
    border-color: #e0e6ed !important;
}

.rtl .nice-select {
    text-align: right !important;
    padding-left: 30px;
    padding-right: 18px;
}

.rtl .nice-select::after {
    right: auto;
    left: 12px;
}

.rtl .nice-select .option {
    text-align: right;
}

.dark .nice-select {
    background-color: #121e32;
    border-color: #17263c !important;
}

.dark .nice-select.open {
    background-color: #121e32;
    border-color: #4361ee !important;
}

.dark .nice-select .nice-select-dropdown {
    background-color: #121e32;
}

/* nice-select2.js reads the underlying select's disabled attribute and adds
   this class itself, but .dark .nice-select above sets the same background
   regardless, so a disabled select was indistinguishable from an enabled
   one in dark mode. */
.dark .nice-select.disabled {
    background-color: #2a2e37;
    border-color: #2a2e37 !important;
    color: #9199a8;
}

/* Some locked selects (e.g. product-scoped promo_type) use pointer-events-
   none on the underlying select instead of the disabled attribute -- that
   class carries over onto nice-select2's rendered wrapper the same way
   .disabled does, so it needs the same dark-mode treatment. */
.dark .nice-select.pointer-events-none {
    background-color: #2a2e37;
    border-color: #2a2e37 !important;
    color: #9199a8;
}

.dark .nice-select .option:hover,
.dark .nice-select .option.focus,
.dark .nice-select .option.selected.focus,
.dark .nice-select .nice-select-search {
    background-color: #1b2e4b;
    border-color: #253b5c !important;
    color:#888ea8;
}

.nice-select .nice-select-search {
    margin: 0px !important;
}

.nice-select .nice-select-dropdown {
    width: 100%;
    transform: translateY(5px) !important;
    transition: all .2s cubic-bezier(0.4, 0.35, 0.38, 0.39), opacity 0.2s ease-out !important;
}

.nice-select.open .nice-select-dropdown {
    transform: scale(1) translateY(0) !important;
}

.nice-select.open {
    border-color: #4361ee !important;
}
.nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:transparent !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px}

.noUi-horizontal .noUi-handle {
    width: 25px !important;
    height: 20px !important;
    top: -8px !important;
}

.noUi-handle:after,
.noUi-handle:before {
    display: none !important;
}

.dark .noUi-connects {
    background: #1b2e4b;
}

.dark .noUi-target {
    border-color: #253b5c;
    background: transparent;
}

.dark .noUi-handle {
    background: #3b3f5c;
    border-color: #3b3f5c;
    box-shadow: none;
}

.dark .noUi-tooltip {
    background: #1b2e4b;
    border-color: #253b5c;
    color: #888ea8;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:8px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-12px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#4361ee}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
.ql-snow .ql-editor img {
  margin: 20px;
  height: 176px;
  width: 256px;
}

.ltr .ql-snow .ql-editor img {
  margin-left: 0px;
}

.rtl .ql-snow .ql-editor img {
  margin-right: 0px;
}

.dark .ql-toolbar.ql-snow,
.dark .ql-container.ql-snow {
  border-color: #17263c;
}

.dark .ql-container.ql-snow {
  background-color: #121e32;
}

.ql-toolbar.ql-snow {
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-width: 1px;
  border-color: #e0e6ed !important;
  padding: 8px;
  font-family: Nunito, sans-serif;
}

.dark .ql-toolbar.ql-snow,
.dark .ql-container.ql-snow {
  border-color: #17263c !important;
}

.ql-container.ql-snow {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-width: 1px;
  border-top: 0px !important;
  border-color: #e0e6ed !important;
}

.ql-snow .ql-editor {
  max-height: 200px;
  min-height: 200px;
  overflow: auto;
}

.rtl .ql-snow .ql-editor {
  text-align: right;
}

.dark .ql-snow .ql-stroke {
  stroke: #888ea8;
}

.dark .ql-snow .ql-picker,
.dark .ql-snow .ql-editor h1,
.dark .ql-snow .ql-editor p {
  color: #888ea8;
}

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: auto !important;
  left: 0px;
}

.dark .ql-snow .ql-tooltip {
  background-color: #060818;
  border-color: #17263c;
  color: #888ea8;
}

.ql-snow .ql-tooltip input[type='text'] {
  outline: none !important;
  box-shadow: none !important;
}

.dark .ql-snow .ql-tooltip input[type='text'] {
  background-color: #121e32;
  border-color: #17263c;
  color: #888ea8;
}

.rtl .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0px !important;
  margin-left: 15px;
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * 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: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.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;
  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 ul,
.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;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9: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 .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: 0.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-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: 0.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: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.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 pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  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 0px;
}
.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: 0px;
  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: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.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-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: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 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: 0px;
  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: 0px;
  content: 'Save';
  padding-right: 0px;
}
.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;
}
.sortable-ghost {
    @apply opacity-70;
}

.dark .sortable-ghost {
    @apply opacity-40;
}

.dark .sortable-drag {
    @apply rotate-[10deg] bg-black;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
table.dataTable-table thead tr th,
table.dataTable-table tfoot tr th {
  @apply font-bold;
}

table.table-bordered thead tr th,
table.table-bordered tbody tr td {
  @apply !border !border-solid !border-[#f6f7fa] dark:!border-[#191e3a];
}

table.table-compact thead tr th,
table.table-compact tbody tr td {
  @apply !py-2 !px-3;
}

.sticky-header table thead {
  @apply sticky top-0 z-10;
}

.sticky-header .dataTable-container {
  @apply h-[500px];
}

.sticky-column table thead tr th:first-child,
.sticky-column table tbody tr td:first-child {
  @apply sticky z-[8] bg-[#f6f8fa] ltr:left-0 rtl:right-0 dark:bg-[#1a2941];
}
.sticky-column table thead tr th:nth-child(2),
.sticky-column table tbody tr td:nth-child(2) {
  @apply sticky z-[8] bg-[#f6f8fa] ltr:left-[58px] rtl:right-[58px] dark:bg-[#1a2941];
}

.sticky-header.sticky-column table thead tr th:first-child,
.sticky-header.sticky-column table thead tr th:nth-child(2) {
  @apply top-0;
}

.dataTable-container {
  @apply overflow-auto;
}
.dataTable-top,
.dataTable-container {
  @apply mb-5;
}
.dataTable-top,
.dataTable-bottom {
  @apply flex flex-wrap items-center gap-4 font-medium;
}

/* pagination */
.dataTable-pagination {
  @apply ltr:ml-auto rtl:mr-auto;
}

.dataTable-pagination ul {
  @apply flex items-center;
}

.dataTable-pagination a {
  @apply grid h-9 w-9 place-content-center rounded-full bg-white-light text-dark hover:!bg-primary hover:!text-white ltr:ml-1 rtl:mr-1 dark:bg-[#191e3a] dark:text-white-light;
}

.dataTable-pagination .active a {
  @apply cursor-default bg-primary text-white;
}
/* sorting */

.dataTable-sorter {
  @apply relative inline-block h-full w-max ltr:pr-7 ltr:before:right-1 ltr:after:right-1 rtl:pl-7 rtl:before:left-1 rtl:after:left-1;
}

.dataTable-sorter::before,
.dataTable-sorter::after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0.2;
}

.dataTable-sorter::before {
  border-top: 5px solid #0e1726;
  bottom: 4px;
}
.dataTable-sorter::after {
  border-bottom: 5px solid #0e1726;
  border-top: 5px solid transparent;
  top: -2px;
}

.dark .dataTable-sorter::after {
  border-bottom-color: #ffffff;
}
.dark .dataTable-sorter::before {
  border-top-color: #ffffff;
}

.asc .dataTable-sorter::after {
  @apply border-b-primary opacity-100;
}

.desc .dataTable-sorter::before {
  @apply border-t-primary opacity-100;
}

/* search, info, pagesize */
/* .dataTable-info,
.dataTable-dropdown,
.dataTable-pagination {
  padding: 6px 0;
} */

.ltr .dataTable-search {
  margin-left: auto;
}

.rtl .dataTable-search {
  margin-right: auto;
}

.dataTable-dropdown .dataTable-selector,
.dataTable-search .dataTable-input {
  width: auto;
  background-color: #fff;
  color: #0e1726;
  border-color: #e0e6ed;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border-width: 1px;
  outline: none !important;
}

.dataTable-dropdown .dataTable-selector:focus,
.dataTable-search .dataTable-input:focus {
  border-color: #4361ee;
}

.dataTable-search .dataTable-input {
  box-shadow: none !important;
}

.dataTable-dropdown .dataTable-selector {
  @apply py-1.5 ltr:pl-2 ltr:pr-4 rtl:pr-2 rtl:pl-4;
}

.dark .dataTable-dropdown .dataTable-selector,
.dark .dataTable-search .dataTable-input {
  background-color: #121e32;
  color: #888ea8;
  border-color: #17263c;
}
.dataTable-dropdown label {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .dataTable-bottom {
    flex-direction: column;
  }
  .ltr .dataTable-pagination {
    margin-left: 0;
  }
  .rtl .dataTable-pagination {
    margin-right: 0;
  }
}

/* invoice list datatable */
.invoice-table .dataTable-wrapper .dataTable-top,
.invoice-table .dataTable-wrapper .dataTable-bottom {
  @apply px-5;
}

.no-number-pagination ul.dataTable-pagination-list li {
  @apply hidden;
}

.no-number-pagination ul.dataTable-pagination-list li.pager {
  @apply !block;
}

.next-prev-pagination .dataTable-pagination a {
  @apply w-max rounded-md border border-primary bg-transparent px-5 py-2 text-primary dark:border-primary dark:bg-transparent dark:text-primary;
}

.next-prev-pagination .dataTable-bottom {
  @apply flex-col justify-center;
}

.next-prev-pagination .dataTable-pagination {
  @apply ltr:ml-0 rtl:mr-0;
}
.ql-snow .ql-editor img {
  margin: 20px;
  height: 176px;
  width: 256px
}

.ltr .ql-snow .ql-editor img {
  margin-left: 0
}

.rtl .ql-snow .ql-editor img {
  margin-right: 0
}

.dark .ql-container.ql-snow,
.dark .ql-toolbar.ql-snow {
  border-color: #17263c
}

.dark .ql-container.ql-snow {
  background-color: #121e32
}

.ql-toolbar.ql-snow {
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-width: 1px;
  border-color: #e0e6ed !important;
  padding: 8px;
  font-family: Nunito, sans-serif
}

.dark .ql-container.ql-snow,
.dark .ql-toolbar.ql-snow {
  border-color: #17263c !important
}

.ql-container.ql-snow {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-width: 1px;
  border-top: 0 !important;
  border-color: #e0e6ed !important
}

.ql-snow .ql-editor {
  max-height: 200px;
  min-height: 200px;
  overflow: auto
}

.rtl .ql-snow .ql-editor {
  text-align: right
}

.dark .ql-snow .ql-stroke {
  stroke: #888ea8
}

.dark .ql-snow .ql-editor h1,
.dark .ql-snow .ql-editor p,
.dark .ql-snow .ql-picker {
  color: #888ea8
}

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: auto !important;
  left: 0
}

.dark .ql-snow .ql-tooltip {
  background-color: #060818;
  border-color: #17263c;
  color: #888ea8
}

.ql-snow .ql-tooltip input[type=text] {
  outline: none !important;
  box-shadow: none !important
}

.dark .ql-snow .ql-tooltip input[type=text] {
  background-color: #121e32;
  border-color: #17263c;
  color: #888ea8
}

.rtl .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0 !important;
  margin-left: 15px
}

.calendar-wrapper .fc-view-harness {
  overflow: auto
}

.calendar-wrapper .fc-view-harness-active>.fc-view {
  min-width: 450px
}

.calendar-wrapper .fc-daygrid-body-balanced .fc-scrollgrid-sync-table {
  min-height: 450px
}

.calendar-wrapper table th.fc-day {
  padding: 12px 16px;
  background-color: #e0e6ed4d !important
}

.dark .calendar-wrapper table th.fc-day {
  background-color: #1a2941 !important
}

.calendar-wrapper table td .fc-daygrid-day-number {
  padding: 16px
}

@media only screen and (max-width:1024px) {
  .calendar-wrapper table td .fc-daygrid-day-number {
    padding: 2px 8px
  }
}

.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {
  border-color: #e0e6ed66 !important
}

.dark .fc-theme-standard .fc-scrollgrid,
.dark .fc-theme-standard td,
.dark .fc-theme-standard th {
  border-color: #191e3a !important
}

.calendar-wrapper .fc-theme-standard .fc-scrollgrid {
  border-radius: 10px
}

.calendar-wrapper .fc-theme-standard td {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.calendar-wrapper .fc-theme-standard th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.calendar-wrapper .fc-button {
  text-transform: capitalize !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 8px 15px !important
}

.ltr .calendar-wrapper .fc-button {
  margin-left: 12px !important
}

.rtl .calendar-wrapper .fc-button {
  margin-right: 12px !important
}

.ltr .calendar-wrapper .fc-button-group .fc-button:first-child {
  margin-left: 0 !important
}

.rtl .calendar-wrapper .fc-button-group .fc-button:first-child {
  margin-right: 0 !important
}

.calendar-wrapper .fc-button-primary,
.calendar-wrapper .fc-button-primary:disabled {
  color: #4361ee !important;
  border-color: #4361ee !important;
  background: #0000 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  line-height: 20px !important
}

.calendar-wrapper .fc-button-primary:not(:disabled).fc-button-active,
.calendar-wrapper .fc-button-primary:not(:disabled):hover {
  background-color: #4361ee !important;
  color: #fff !important
}

.calendar-wrapper .fc-daygrid-event.info,
.calendar-wrapper .fc-timegrid-event.info {
  background-color: #2196f3cc;
  border-color: #2196f3cc
}

.calendar-wrapper .fc-daygrid-event.info:hover,
.calendar-wrapper .fc-timegrid-event.info:hover {
  background-color: #2196f3;
  border-color: #2196f3
}

.calendar-wrapper .fc-daygrid-event.primary,
.calendar-wrapper .fc-timegrid-event.primary {
  background-color: #4361eecc;
  border-color: #4361eecc
}

.calendar-wrapper .fc-daygrid-event.primary:hover,
.calendar-wrapper .fc-timegrid-event.primary:hover {
  background-color: #4361ee;
  border-color: #4361ee
}

.calendar-wrapper .fc-daygrid-event.success,
.calendar-wrapper .fc-timegrid-event.success {
  background-color: #00ab55cc;
  border-color: #00ab55cc
}

.calendar-wrapper .fc-daygrid-event.success:hover,
.calendar-wrapper .fc-timegrid-event.success:hover {
  background-color: #00ab55;
  border-color: #00ab55
}

.calendar-wrapper .fc-daygrid-event.danger,
.calendar-wrapper .fc-timegrid-event.danger {
  background-color: #e7515acc;
  border-color: #e7515acc
}

.calendar-wrapper .fc-daygrid-event.danger:hover,
.calendar-wrapper .fc-timegrid-event.danger:hover {
  background-color: #e7515a;
  border-color: #e7515a
}

.calendar-wrapper .fc-next-button,
.calendar-wrapper .fc-prev-button {
  background-color: initial !important;
  color: #4b5563 !important;
  border: 2px solid #e5e7eb !important;
  padding: 6px !important;
  display: flex !important;
  justify-content: center
}

.dark .calendar-wrapper .fc-next-button,
.dark .calendar-wrapper .fc-prev-button {
  border-color: #374151 !important
}

.calendar-wrapper .fc-button.fc-next-button:hover,
.calendar-wrapper .fc-button.fc-prev-button:hover,
.dark .calendar-wrapper .fc-button.fc-next-button:hover,
.dark .calendar-wrapper .fc-button.fc-prev-button:hover {
  color: #4361ee !important;
  border-color: #4361ee !important;
  background: #0000 !important
}

.calendar-wrapper .fc-timegrid-body .fc-event-main-frame {
  flex-direction: column !important
}

.ltr .calendar-wrapper .fc-button-group,
.ltr .calendar-wrapper .fc-event-main-frame,
.ltr .calendar-wrapper .fc-toolbar {
  flex-direction: row
}

.rtl .calendar-wrapper .fc-button-group,
.rtl .calendar-wrapper .fc-event-main-frame,
.rtl .calendar-wrapper .fc-toolbar {
  flex-direction: row-reverse
}

@media only screen and (max-width:768px) {
  .calendar-wrapper .fc-toolbar {
    flex-direction: column !important
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk {
    margin-top: 16px
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk:first-child {
    margin-top: 0 !important
  }
}

.calendar-wrapper .fc-toolbar-title {
  font-size: 20px
}

.calendar-wrapper .fc .fc-popover {
  z-index: 10
}

.calendar-wrapper .fc-event {
  padding: 2px 4px;
  color: #fff
}

.calendar-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
  box-shadow: none;
  overflow: hidden
}

.calendar-wrapper .fc-event-title.fc-sticky {
  font-weight: 700
}

.calendar-wrapper .fc-daygrid-event-dot {
  display: none
}

.calendar-wrapper .fc-daygrid-dot-event {
  border-width: 1px
}

.calendar-wrapper .fc-event-time {
  padding: 1px !important;
  font-weight: 700;
  flex-shrink: 0
}

.rtl .calendar-wrapper .fc-event-time {
  margin-left: 3px !important;
  margin-right: 0 !important
}

.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-left,
.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-right {
  rotate: 180deg
}

.dark .fc-theme-standard .fc-popover {
  background-color: #3b3f5c !important;
  border-color: #3b3f5c !important
}

.dark .fc-theme-standard .fc-popover-header {
  background-color: #0e1726 !important;
  color: #888ea8 !important
}

.swiper .swiper-button-disabled {
  cursor: not-allowed;
  opacity: .6
}

.rtl .swiper {
  direction: rtl
}

.swiper-button-next {
  color: #4361ee
}

#slider3 .swiper-wrapper,
#slider4 .swiper-wrapper {
  height: 320px !important
}

#slider3 .swiper-wrapper .swiper-slide img,
#slider4 .swiper-wrapper .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

#slider3 .swiper-pagination .swiper-pagination-bullet {
  border-radius: 6px;
  width: 4px;
  height: 20px
}

@media only screen and (max-width:1200px) {

  #slider3 .swiper-wrapper,
  #slider4 .swiper-wrapper {
    height: 300px !important
  }
}

@media only screen and (max-width:600px) {

  #slider3 .swiper-wrapper,
  #slider4 .swiper-wrapper {
    height: 180px !important
  }
}

#slider3 .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #fff
}

#slider3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4361ee
}

#slider4 .swiper-pagination {
  color: #fff
}

#slider5 .swiper-pagination {
  position: relative;
  margin-top: 20px
}

.swal2-popup {
  flex-direction: column;
  justify-content: center;
  padding: 20px !important;
  box-sizing: border-box
}

.dark .swal2-popup {
  background: #0e1726
}

.dark .swal2-popup .swal2-title {
  color: #888ea8
}

.swal2-popup .swal2-title {
  display: block;
  margin: 0 !important;
  width: 100%;
  color: #3b3f5c;
  font-size: 24px
}

.swal2-popup .swal2-title:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2.5rem !important
}

.swal2-popup .swal2-title:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2.5rem !important
}

.swal2-popup .swal2-styled {
  box-shadow: 0 5px 20px 0 #0000001a !important;
  letter-spacing: 1px;
  font-size: 14px !important;
  line-height: 20px !important;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  margin: 0 5px;
  padding: 8px 20px;
  border-radius: 6px
}

.swal2-popup .swal2-styled.swal2-cancel {
  background-color: #fff !important;
  color: #4361ee;
  border: 1px solid #e8e8e8;
  box-shadow: none;
  padding: 7px 20px
}

.dark .swal2-popup .swal2-styled.swal2-cancel {
  background-color: #3b3f5c !important;
  color: #e0e6ed;
  border-color: #3b3f5c
}

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #4361ee
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
  box-shadow: none !important
}

.swal2-popup .swal2-html-container {
  margin: 0 !important;
  color: #e95f2b;
  font-weight: 300
}

.swal2-popup .swal2-html-container:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2.5rem !important
}

.swal2-popup .swal2-html-container:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2.5rem !important
}

.swal2-popup .swal2-close {
  position: absolute;
  top: 16px;
  transition: color .1s ease-out;
  font-family: serif
}

.swal2-popup .swal2-close:where([dir=ltr], [dir=ltr] *) {
  right: 1rem
}

.swal2-popup .swal2-close:where([dir=rtl], [dir=rtl] *) {
  left: 1rem
}

.dark .swal2-popup .swal2-close {
  color: #888ea8
}

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto !important;
  box-shadow: 0 0 .625em #d9d9d9;
  padding: 2em;
  overflow-y: hidden;
  display: flex !important
}

.swal2-popup.swal2-toast.swal2-show {
  animation: showSweetToast .5s
}

.swal2-popup pre {
  color: #009688
}

.swal2-icon {
  position: relative;
  box-sizing: initial;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border-radius: 50%;
  border: .25em solid #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.swal2-icon:not(.swal2-error):not(.swal2-success) {
  width: 2em !important;
  line-height: 119px !important;
  height: 2em !important;
  margin: .25em auto .875em !important
}

.swal2-icon.swal2-error {
  border: 5px solid #f1f2f3 !important;
  box-shadow: 0 3px 25px 0 #716aca33
}

.swal2-icon.swal2-warning {
  color: #fb4 !important
}

.swal2-icon.swal2-info,
.swal2-icon.swal2-warning {
  border: 5px solid #f1f2f3 !important;
  box-shadow: 0 3px 25px 0 #716aca33;
  font-size: 60px;
  line-height: 80px;
  text-align: center
}

.swal2-icon.swal2-info {
  color: #4361ee !important
}

.swal2-icon.swal2-question {
  color: #805dca !important;
  border-style: solid;
  border-width: 4px !important;
  border-color: #0000 !important;
  box-shadow: 0 3px 25px 0 #716aca33;
  font-size: 60px;
  line-height: 80px;
  text-align: center
}

.dark .swal2-icon.swal2-error,
.dark .swal2-icon.swal2-info,
.dark .swal2-icon.swal2-question,
.dark .swal2-icon.swal2-warning {
  border-color: #888ea8 !important;
  box-shadow: none !important
}

.swal2-iconswal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: .875em;
  width: 1.5625em;
  transform: rotate(45deg)
}

.swal2-icon.swal2-success swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: .5em;
  width: 2.9375em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  top: .5em;
  left: 1.625em;
  width: .4375em;
  height: 5.625em;
  transform: rotate(-45deg);
  z-index: 1
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  top: -.25em;
  left: -.25em;
  width: 100%;
  height: 100%;
  border: .25em solid #a5dc864d;
  border-radius: 50%;
  z-index: 2;
  box-sizing: initial
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #25d5e4 !important
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background: #ebedf2 !important
}

.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background: #3b3f5c !important;
  color: #888ea8 !important
}

.dark .swal2-progress-steps .swal2-progress-step {
  color: #e0e6ed
}

.swal2-icon-content {
  font-size: 5.75rem !important
}

.swal2-show {
  animation: swal2-show .3s
}

.swal2-modal.background-modal .swal2-title {
  color: #fff !important
}

.dark .swal2-input {
  background-color: #1b2e4b;
  border-color: #253b5c;
  color: #888ea8
}

.dark .swal2-footer {
  border-color: #888ea8
}

.swal2-image {
  margin-bottom: 32px !important
}

.sweet-alerts.swal2-popup .swal2-html-container {
  margin-top: 1rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.sweet-alerts.swal2-popup .swal2-title:where([dir=ltr], [dir=ltr] *) {
  padding-right: 1.5rem !important
}

.sweet-alerts.swal2-popup .swal2-title:where([dir=rtl], [dir=rtl] *) {
  padding-left: 1.5rem !important
}

.tippy-box[data-theme~=primary] {
  background-color: #4361ee
}

.tippy-box[data-theme~=primary][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #4361ee
}

.tippy-box[data-theme~=success] {
  background-color: #00ab55
}

.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #00ab55
}

.tippy-box[data-theme~=info] {
  background-color: #2196f3
}

.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #2196f3
}

.tippy-box[data-theme~=danger] {
  background-color: #e7515a
}

.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #e7515a
}

.tippy-box[data-theme~=warning] {
  background-color: #e2a03f
}

.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #e2a03f
}

.tippy-box[data-theme~=secondary] {
  background-color: #805dca
}

.tippy-box[data-theme~=secondary][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #805dca
}

.tippy-box[data-theme~=dark] {
  background-color: #3b3f5c
}

.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #3b3f5c
}

.noUi-horizontal .noUi-handle {
  width: 25px !important;
  height: 20px !important;
  top: -8px !important
}

.noUi-handle:after,
.noUi-handle:before {
  display: none !important
}

.dark .noUi-connects {
  background: #1b2e4b
}

.dark .noUi-target {
  border-color: #253b5c;
  background: #0000
}

.dark .noUi-handle {
  background: #3b3f5c;
  border-color: #3b3f5c;
  box-shadow: none
}

.dark .noUi-tooltip {
  background: #1b2e4b;
  border-color: #253b5c;
  color: #888ea8
}

.dark .flatpickr-calendar {
  border: 1px solid #0e1a2c;
  background: #0e1a2c;
  box-shadow: none
}

.dark .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #0e1a2c
}

.dark .flatpickr-calendar.arrowBottom:after {
  border-top-color: #0e1a2c
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg {
  fill: #bfc9d4
}

.flatpickr-current-month {
  font-size: 16px;
  padding: 3px 0 0;
  display: flex;
  justify-content: center;
  gap: 10px
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  color: #bfc9d4
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #1b2e4b
}

.dark .flatpickr-calendar .flatpickr-months input.cur-year {
  color: #bfc9d4;
  height: 31px
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span {
  height: 26%
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
  top: 10px
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp:after {
  border-bottom-color: #bfc9d4
}

.dark .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #bfc9d4
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown {
  top: 34%
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown:after {
  border-top-color: #bfc9d4
}

.dark .flatpickr-calendar .flatpickr-day {
  color: #888ea8;
  font-weight: 500
}

.dark .flatpickr-calendar .flatpickr-day:hover {
  background: #191e3a;
  border-color: #191e3a
}

.dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #888ea838
}

.dark .flatpickr-calendar .flatpickr-day.nextMonthDay,
.dark .flatpickr-calendar .flatpickr-day.prevMonthDay {
  color: #888ea838 !important
}

.dark .flatpickr-calendar .flatpickr-day.selected {
  background: #009688;
  color: #0e1726;
  border-color: #009688;
  font-weight: 700
}

.dark .flatpickr-calendar .flatpickr-day.today {
  border-color: #009688
}

.dark .flatpickr-calendar .flatpickr-day.today:hover {
  border-color: #0e1726;
  background: #0e1726;
  color: #fff
}

.dark .flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #243146 !important
}

.dark .flatpickr-calendar .flatpickr-time {
  border: 1px solid #243146
}

.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
.dark .flatpickr-calendar .flatpickr-time input {
  color: #888ea8
}

.dark .flatpickr-time .flatpickr-am-pm:focus,
.dark .flatpickr-time .flatpickr-am-pm:hover,
.dark .flatpickr-time input:focus,
.dark .flatpickr-time input:hover {
  background: #0000;
  --tw-ring-color: #0000
}

.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.dark .flatpickr-calendar .flatpickr-time input:hover {
  background-color: #0e1726
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #009688
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #009688
}

.dark .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #1b2e4b
}

.dark .flatpickr-calendar.arrowBottom:before {
  border-top-color: #1b2e4b
}

.dark .numInputWrapper span {
  height: 26%
}

.dark .numInputWrapper span.arrowUp {
  top: 10px
}

.dark .numInputWrapper span.arrowUp:after {
  border-bottom-color: #bfc9d4
}

.dark .numInputWrapper span .arrowDown {
  top: 34%
}

.dark .numInputWrapper span .arrowDown:after {
  border-top-color: #bfc9d4
}

.flatpickr-calendar:before {
  border-width: 11px
}

.flatpickr-calendar:after {
  border-width: 9px
}

.dark span.flatpickr-weekday {
  color: #888ea8
}

.dark .flatpickr-calendar .flatpickr-day.today.inRange {
  border-color: #e6e6e6
}

.dark .flatpickr-day.inRange {
  background-color: #060818;
  border-color: #060818;
  box-shadow: -5px 0 0 #060818, 5px 0 0 #060818
}

.dark .custom-file-container .clear-button {
  color: #888ea8
}

.dark .custom-file-container .input-visible {
  background-color: #1b2e4b;
  border-color: #253b5c;
  color: #888ea8
}

.dark .custom-file-container .browse-button {
  background-color: #4361ee;
  border-color: #253b5c;
  color: #fff
}

.dark .custom-file-container .image-preview-item-clear {
  background-color: #3b3f5c !important
}

.dark .custom-file-container .image-preview-item-clear-icon {
  color: #d0d2d6
}

.custom-file-container .image-preview-item-clear-icon {
  margin-top: 0 !important
}

.rtl .custom-file-container .browse-button {
  right: auto;
  left: 0;
  border-left: none
}

.rtl .custom-file-container .image-preview-item {
  float: right
}

.rtl .custom-file-container .image-preview-item-clear {
  left: auto;
  right: -6px
}

.dark .markdown-editor .editor-toolbar i.separator {
  border-color: #888ea8;
  border-right: none
}

.dark .markdown-editor .EasyMDEContainer .CodeMirror,
.dark .markdown-editor .editor-preview {
  background-color: #121e32
}

.markdown-editor .EasyMDEContainer .CodeMirror,
.markdown-editor .editor-toolbar {
  border-color: #ccc;
  color: #0e1726
}

.dark .markdown-editor .EasyMDEContainer .CodeMirror,
.dark .markdown-editor .editor-preview,
.dark .markdown-editor .editor-toolbar {
  border-color: #17263c;
  color: #888ea8 !important
}

.dark .markdown-editor .editor-toolbar button.active,
.editor-toolbar button:hover {
  background-color: initial !important;
  border-color: #0000 !important;
  color: #4361ee
}

.nice-select {
  float: none !important
}

.rtl .nice-select {
  text-align: right !important;
  padding-left: 30px;
  padding-right: 18px
}

.rtl .nice-select:after {
  right: auto;
  left: 12px
}

.rtl .nice-select .option {
  text-align: right
}

.dark .nice-select {
  background-color: #121e32;
  border-color: #17263c !important
}

.dark .nice-select.open {
  background-color: #121e32;
  border-color: #4361ee !important
}

.dark .nice-select .nice-select-dropdown {
  background-color: #121e32
}

.dark .nice-select .nice-select-search,
.dark .nice-select .option.focus,
.dark .nice-select .option.selected.focus,
.dark .nice-select .option:hover {
  background-color: #1b2e4b;
  border-color: #253b5c !important;
  color: #888ea8
}

.nice-select .nice-select-search {
  margin: 0 !important
}

.nice-select .nice-select-dropdown {
  width: 100%;
  transform: translateY(5px) !important;
  transition: all .2s cubic-bezier(.4, .35, .38, .39), opacity .2s ease-out !important
}

.nice-select.open .nice-select-dropdown {
  transform: scale(1) translateY(0) !important
}

.nice-select.open {
  border-color: #4361ee !important
}

.sortable-ghost {
  opacity: .7
}

.dark .sortable-ghost {
  opacity: .4
}

.dark .sortable-drag {
  --tw-rotate: 10deg;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

table.dataTable-table tfoot tr th,
table.dataTable-table thead tr th {
  font-weight: 700
}

table.table-bordered tbody tr td,
table.table-bordered thead tr th {
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(246 247 250/var(--tw-border-opacity)) !important
}

:is(.dark table.table-bordered tbody tr td),
:is(.dark table.table-bordered thead tr th) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(25 30 58/var(--tw-border-opacity)) !important
}

table.table-compact tbody tr td,
table.table-compact thead tr th {
  padding: .5rem .75rem !important
}

.sticky-header table thead {
  position: sticky;
  top: 0;
  z-index: 10
}

.sticky-header .dataTable-container {
  height: 500px
}

.sticky-column table tbody tr td:first-child,
.sticky-column table thead tr th:first-child {
  position: sticky;
  z-index: 8;
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 250/var(--tw-bg-opacity))
}

:is(.dark .sticky-column table tbody tr td:first-child),
:is(.dark .sticky-column table thead tr th:first-child) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 41 65/var(--tw-bg-opacity))
}

.sticky-column table tbody tr td:first-child:where([dir=ltr], [dir=ltr] *),
.sticky-column table thead tr th:first-child:where([dir=ltr], [dir=ltr] *) {
  left: 0
}

.sticky-column table tbody tr td:first-child:where([dir=rtl], [dir=rtl] *),
.sticky-column table thead tr th:first-child:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

.sticky-column table tbody tr td:nth-child(2),
.sticky-column table thead tr th:nth-child(2) {
  position: sticky;
  z-index: 8;
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 250/var(--tw-bg-opacity))
}

:is(.dark .sticky-column table tbody tr td:nth-child(2)),
:is(.dark .sticky-column table thead tr th:nth-child(2)) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 41 65/var(--tw-bg-opacity))
}

.sticky-column table tbody tr td:nth-child(2):where([dir=ltr], [dir=ltr] *),
.sticky-column table thead tr th:nth-child(2):where([dir=ltr], [dir=ltr] *) {
  left: 58px
}

.sticky-column table tbody tr td:nth-child(2):where([dir=rtl], [dir=rtl] *),
.sticky-column table thead tr th:nth-child(2):where([dir=rtl], [dir=rtl] *) {
  right: 58px
}

.sticky-header.sticky-column table thead tr th:first-child,
.sticky-header.sticky-column table thead tr th:nth-child(2) {
  top: 0
}

.dataTable-container {
  overflow: auto
}

.dataTable-container,
.dataTable-top {
  margin-bottom: 1.25rem
}

.dataTable-bottom,
.dataTable-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-weight: 500
}

.dataTable-pagination:where([dir=ltr], [dir=ltr] *) {
  margin-left: auto
}

.dataTable-pagination:where([dir=rtl], [dir=rtl] *) {
  margin-right: auto
}

.dataTable-pagination ul {
  display: flex;
  align-items: center
}

.dataTable-pagination a {
  display: grid;
  height: 2.25rem;
  width: 2.25rem;
  place-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(224 230 237/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.dataTable-pagination a:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 97 238/var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

:is(.dark .dataTable-pagination a) {
  --tw-bg-opacity: 1;
  background-color: rgb(25 30 58/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.dataTable-pagination a:where([dir=ltr], [dir=ltr] *) {
  margin-left: .25rem
}

.dataTable-pagination a:where([dir=rtl], [dir=rtl] *) {
  margin-right: .25rem
}

.dataTable-pagination .active a {
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.dataTable-sorter {
  position: relative;
  display: inline-block;
  height: 100%;
  width: -moz-max-content;
  width: max-content
}

.dataTable-sorter:where([dir=ltr], [dir=ltr] *) {
  padding-right: 1.75rem
}

.dataTable-sorter:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: .25rem
}

.dataTable-sorter:where([dir=ltr], [dir=ltr] *):after {
  content: var(--tw-content);
  right: .25rem
}

.dataTable-sorter:where([dir=rtl], [dir=rtl] *) {
  padding-left: 1.75rem
}

.dataTable-sorter:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: .25rem
}

.dataTable-sorter:where([dir=rtl], [dir=rtl] *):after {
  content: var(--tw-content);
  left: .25rem
}

.dataTable-sorter:after,
.dataTable-sorter:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  opacity: .2
}

.dataTable-sorter:before {
  border-top: 5px solid #0e1726;
  bottom: 4px
}

.dataTable-sorter:after {
  border-bottom: 5px solid #0e1726;
  border-top: 5px solid #0000;
  top: -2px
}

.dark .dataTable-sorter:after {
  border-bottom-color: #fff
}

.dark .dataTable-sorter:before {
  border-top-color: #fff
}

.asc .dataTable-sorter:after {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(67 97 238/var(--tw-border-opacity));
  opacity: 1
}

.desc .dataTable-sorter:before {
  --tw-border-opacity: 1;
  border-top-color: rgb(67 97 238/var(--tw-border-opacity));
  opacity: 1
}

.ltr .dataTable-search {
  margin-left: auto
}

.rtl .dataTable-search {
  margin-right: auto
}

.dataTable-dropdown .dataTable-selector,
.dataTable-search .dataTable-input {
  width: auto;
  background-color: #fff;
  color: #0e1726;
  border-color: #e0e6ed;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border-width: 1px;
  outline: none !important
}

.dataTable-dropdown .dataTable-selector:focus,
.dataTable-search .dataTable-input:focus {
  border-color: #4361ee
}

.dataTable-search .dataTable-input {
  box-shadow: none !important
}

.dataTable-dropdown .dataTable-selector {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.dataTable-dropdown .dataTable-selector:where([dir=ltr], [dir=ltr] *) {
  padding-left: .5rem;
  padding-right: 1rem
}

.dataTable-dropdown .dataTable-selector:where([dir=rtl], [dir=rtl] *) {
  padding-right: .5rem;
  padding-left: 1rem
}

.dark .dataTable-dropdown .dataTable-selector,
.dark .dataTable-search .dataTable-input {
  background-color: #121e32;
  color: #888ea8;
  border-color: #17263c
}

.dataTable-dropdown label {
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .dataTable-bottom {
    flex-direction: column
  }

  .ltr .dataTable-pagination {
    margin-left: 0
  }

  .rtl .dataTable-pagination {
    margin-right: 0
  }
}

.invoice-table .dataTable-wrapper .dataTable-bottom,
.invoice-table .dataTable-wrapper .dataTable-top {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.no-number-pagination ul.dataTable-pagination-list li {
  display: none
}

.no-number-pagination ul.dataTable-pagination-list li.pager {
  display: block !important
}

.next-prev-pagination .dataTable-pagination a {
  width: -moz-max-content;
  width: max-content;
  border-radius: .375rem;
  border-width: 1px;
  padding: .5rem 1.25rem
}

.next-prev-pagination .dataTable-pagination a,
:is(.dark .next-prev-pagination .dataTable-pagination a) {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  background-color: initial;
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.next-prev-pagination .dataTable-bottom {
  flex-direction: column;
  justify-content: center
}

.next-prev-pagination .dataTable-pagination:where([dir=ltr], [dir=ltr] *) {
  margin-left: 0
}

.next-prev-pagination .dataTable-pagination:where([dir=rtl], [dir=rtl] *) {
  margin-right: 0
}

.dragndrop .gu-transit {
  opacity: .2
}

.dragndrop .selected>div {
  background-color: #e0e6ed
}

.dark .dragndrop .selected>div {
  background-color: #0e1726
}

.icon-change .left svg.feather-heart,
.icon-change .right svg.feather-star {
  display: none
}

.dragndrop .sortable-chosen {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dragndrop .sortable-chosen) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb
}

:after,
:before {
  --tw-content: ""
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

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

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

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

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

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

progress {
  vertical-align: initial
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

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

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

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

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

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

:disabled {
  cursor: default
}

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

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

[hidden] {
  display: none
}

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

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

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

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

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

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

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

.form-input,
.form-multiselect,
.form-select,
.form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: #6b7280;
  opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0
}

.form-input::-webkit-date-and-time-value {
  min-height: 1.5em
}

.form-input::-webkit-datetime-edit,
.form-input::-webkit-datetime-edit-day-field,
.form-input::-webkit-datetime-edit-hour-field,
.form-input::-webkit-datetime-edit-meridiem-field,
.form-input::-webkit-datetime-edit-millisecond-field,
.form-input::-webkit-datetime-edit-minute-field,
.form-input::-webkit-datetime-edit-month-field,
.form-input::-webkit-datetime-edit-second-field,
.form-input::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0
}

.form-select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem
}

.form-checkbox,
.form-radio,
.form-select {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact
}

.form-checkbox,
.form-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000
}

.form-checkbox {
  border-radius: 0
}

.form-radio {
  border-radius: 100%
}

.form-checkbox:focus,
.form-radio:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.form-checkbox:checked,
.form-radio:checked {
  border-color: #0000;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

.form-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-radio:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

.form-checkbox:checked:focus,
.form-checkbox:checked:hover,
.form-checkbox:indeterminate,
.form-radio:checked:focus,
.form-radio:checked:hover {
  border-color: #0000;
  background-color: currentColor
}

.form-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

.form-checkbox:indeterminate:focus,
.form-checkbox:indeterminate:hover {
  border-color: #0000;
  background-color: currentColor
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.3333333
}

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

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.6
}

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

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.5;
  font-size: 24px
}

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

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin: 0
}

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

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
  font-size: .875em;
  border-radius: .3125rem;
  padding: .1875em .375em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin: 0
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-left: .375em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding: .5714286em
}

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

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

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

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

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

.prose :where(h5):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-size: 20px;
  margin-bottom: .5rem;
  margin-top: 0
}

.prose :where(h6):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-size: 16px;
  margin-bottom: .5rem;
  margin-top: 0
}

html {
  scroll-behavior: smooth
}

[x-cloak] {
  display: none !important
}

body {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity));
  font-family: Nunito, sans-serif
}

body.dark {
  --tw-bg-opacity: 1;
  background-color: rgb(6 8 24/var(--tw-bg-opacity))
}

.panel {
  position: relative;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 1.25rem;
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .panel) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

.navbar-floating header,
.navbar-sticky header {
  position: sticky;
  top: 0;
  z-index: 20
}

.navbar-floating header {
  background-color: #fafafae6;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem
}

:is(.dark .navbar-floating header) {
  background-color: #060818e6
}

.navbar-floating header>div>div:first-child {
  border-radius: .375rem
}

.horizontal .navbar-floating header>div>div:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.horizontal .navbar-floating header .horizontal-menu {
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.sidebar:hover .nav-item>a {
  width: auto
}

.sidebar .nav-item>a,
.sidebar .nav-item>button {
  margin-bottom: .25rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  white-space: nowrap;
  border-radius: .375rem;
  padding: .625rem;
  --tw-text-opacity: 1;
  color: rgb(80 102 144/var(--tw-text-opacity))
}

.sidebar .nav-item>a:hover,
.sidebar .nav-item>button:hover {
  background-color: #00000014;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a:hover),
:is(.dark .sidebar .nav-item>button:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.sidebar .nav-item>a.active,
.sidebar .nav-item>button.active {
  background-color: #00000014;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a.active),
:is(.dark .sidebar .nav-item>button.active) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a.active>div>span),
:is(.dark .sidebar .nav-item>button.active>div>span) {
  --tw-text-opacity: 1 !important;
  color: rgb(136 142 168/var(--tw-text-opacity)) !important
}

.sidebar ul.sub-menu li a,
.sidebar ul.sub-menu li button {
  display: flex;
  width: 100%;
  align-items: center;
  padding: .625rem 2.25rem
}

.sidebar ul.sub-menu li a:before,
.sidebar ul.sub-menu li button:before {
  height: .125rem;
  width: .5rem;
  border-radius: .25rem;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.sidebar ul.sub-menu li a:hover,
.sidebar ul.sub-menu li button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a:hover:before,
.sidebar ul.sub-menu li button:hover:before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 97 238/var(--tw-bg-opacity)) !important
}

:is(.dark .sidebar ul.sub-menu li a):before,
:is(.dark .sidebar ul.sub-menu li button):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

:is(.dark .sidebar ul.sub-menu li a:hover),
:is(.dark .sidebar ul.sub-menu li button:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a:where([dir=ltr], [dir=ltr] *):before,
.sidebar ul.sub-menu li button:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  margin-right: .5rem
}

.sidebar ul.sub-menu li a:where([dir=rtl], [dir=rtl] *):before,
.sidebar ul.sub-menu li button:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  margin-left: .5rem
}

.sidebar ul.sub-menu li a.active,
.sidebar ul.sub-menu li button.active {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a.active:before,
.sidebar ul.sub-menu li button.active:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.sidebar .nav-item a div:first-child svg,
.sidebar .nav-item button div:first-child svg {
  height: 1.25rem;
  width: 1.25rem;
  color: #0e172680
}

:is(.dark .sidebar .nav-item a div:first-child svg),
:is(.dark .sidebar .nav-item button div:first-child svg) {
  color: #ffffff80
}

.main-container .main-content {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (min-width:1024px) {
  .main-container .main-content:where([dir=ltr], [dir=ltr] *) {
    margin-left: 260px
  }

  .main-container .main-content:where([dir=rtl], [dir=rtl] *) {
    margin-right: 260px
  }
}

.horizontal .horizontal-menu {
  display: none;
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:1024px) {
  .horizontal .horizontal-menu {
    display: flex
  }
}

.horizontal .horizontal-logo {
  display: flex
}

.horizontal .main-container .main-content:where([dir=ltr], [dir=ltr] *) {
  margin-left: 0
}

.horizontal .main-container .main-content:where([dir=rtl], [dir=rtl] *) {
  margin-right: 0
}

.horizontal .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: -260px
}

.horizontal .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: -260px
}

.horizontal.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: 0
}

@media (min-width:1024px) {
  .horizontal.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) {
    left: -260px
  }
}

.horizontal.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

@media (min-width:1024px) {
  .horizontal.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) {
    right: -260px
  }
}

.horizontal .nav-item a div:first-child svg {
  height: 1.25rem;
  width: 1.25rem;
  color: #0e172680
}

.dark.horizontal .nav-item a div:first-child svg,
.horizontal .dark .nav-item a div:first-child svg,
:is(.dark .horizontal .nav-item a div:first-child svg) {
  color: #ffffff80
}

.horizontal-menu .nav-link {
  display: flex;
  align-items: center;
  border-radius: .5rem;
  padding: .625rem .5rem
}

.horizontal-menu .nav-link:hover {
  background-color: #00000014;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu .nav-link:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

@media (min-width:1280px) {
  .horizontal-menu .nav-link {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.horizontal-menu .nav-link.active {
  background-color: #00000014;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu .nav-link.active) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.horizontal-menu ul.sub-menu {
  position: absolute;
  top: 100%;
  z-index: 20;
  display: none;
  min-width: 180px;
  border-radius: .25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: .5rem 0;
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity));
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .horizontal-menu ul.sub-menu) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.horizontal-menu ul.sub-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 1rem
}

.horizontal-menu ul.sub-menu a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu ul.sub-menu a:hover) {
  background-color: #4361ee1a
}

.horizontal-menu ul.sub-menu a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu ul.sub-menu a.active) {
  background-color: #4361ee1a
}

.horizontal-menu>li.nav-item:hover>ul.sub-menu,
.horizontal-menu>li.nav-item>ul.sub-menu>li:hover>ul {
  display: block
}

.vertical.toggle-sidebar .collapse-icon,
.vertical.toggle-sidebar .horizontal-logo {
  display: flex
}

.vertical.toggle-sidebar .main-container .main-content:where([dir=ltr], [dir=ltr] *) {
  margin-left: 0
}

.vertical.toggle-sidebar .main-container .main-content:where([dir=rtl], [dir=rtl] *) {
  margin-right: 0
}

.vertical .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: -260px
}

@media (min-width:1024px) {
  .vertical .sidebar:where([dir=ltr], [dir=ltr] *) {
    left: 0
  }
}

.vertical .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: -260px
}

@media (min-width:1024px) {
  .vertical .sidebar:where([dir=rtl], [dir=rtl] *) {
    right: 0
  }
}

.vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: 0
}

@media (min-width:1024px) {
  .vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) {
    left: -260px
  }
}

.vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

@media (min-width:1024px) {
  .vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) {
    right: -260px
  }
}

.collapsible-vertical .sidebar:hover {
  width: 260px
}

@media (min-width:1024px) {
  .collapsible-vertical .sidebar {
    width: 70px
  }
}

.collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: -260px
}

@media (min-width:1024px) {
  .collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *) {
    left: 0
  }
}

.collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: -260px
}

@media (min-width:1024px) {
  .collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *) {
    right: 0
  }
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir=ltr], [dir=ltr] *) {
  left: 0
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

@media (min-width:1024px) {
  .collapsible-vertical.toggle-sidebar .sidebar {
    width: 260px
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .nav-item>a {
  width: auto
}

@media (min-width:1024px) {
  .collapsible-vertical.toggle-sidebar .main-content {
    width: calc(100% - 260px)
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir=ltr], [dir=ltr] *) {
    margin-left: 260px
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir=rtl], [dir=rtl] *) {
    margin-right: 260px
  }

  .collapsible-vertical .sidebar .sub-menu {
    display: none
  }
}

.collapsible-vertical .sidebar:hover .sub-menu,
.collapsible-vertical .sidebar:hover .sub-menu.recent-submenu,
.collapsible-vertical.toggle-sidebar .sidebar .sub-menu {
  display: block
}

@media (min-width:1024px) {
  .collapsible-vertical .main-content {
    width: calc(100% - 70px)
  }

  .collapsible-vertical .main-content:where([dir=ltr], [dir=ltr] *) {
    margin-left: 70px
  }

  .collapsible-vertical .main-content:where([dir=rtl], [dir=rtl] *) {
    margin-right: 70px
  }
}

.collapsible-vertical .main-logo>span,
.collapsible-vertical .sidebar .collapse-icon {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (min-width:1024px) {

  .collapsible-vertical .main-logo>span,
  .collapsible-vertical .sidebar .collapse-icon {
    opacity: 0
  }
}

.collapsible-vertical .sidebar:hover .collapse-icon,
.collapsible-vertical .sidebar:hover .main-logo>span,
.collapsible-vertical.toggle-sidebar .collapse-icon,
.collapsible-vertical.toggle-sidebar .main-logo>span {
  transition-duration: .5s
}

@media (min-width:1024px) {

  .collapsible-vertical .sidebar:hover .collapse-icon,
  .collapsible-vertical .sidebar:hover .main-logo>span,
  .collapsible-vertical.toggle-sidebar .collapse-icon,
  .collapsible-vertical.toggle-sidebar .main-logo>span {
    opacity: 1
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .collapse-icon {
  --tw-rotate: 0deg
}

.collapsible-vertical .sidebar:hover .collapse-icon,
.collapsible-vertical.toggle-sidebar .sidebar .collapse-icon {
  display: flex;
  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))
}

.collapsible-vertical .sidebar:hover .collapse-icon {
  --tw-rotate: 180deg
}

.collapsible-vertical .sidebar ul>h2 span {
  display: none;
  white-space: nowrap
}

.collapsible-vertical .sidebar ul>h2 svg {
  display: block
}

.collapsible-vertical .sidebar:hover ul>h2 span,
.collapsible-vertical.toggle-sidebar .sidebar ul>h2 span {
  display: inline
}

.collapsible-vertical .sidebar:hover ul>h2 svg,
.collapsible-vertical.toggle-sidebar .sidebar ul>h2 svg {
  display: none
}

.boxed-layout {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px
}

.boxed-layout.collapsible-vertical .sidebar,
.boxed-layout.vertical .sidebar {
  overflow: hidden
}

@media (min-width:1024px) {

  .boxed-layout.collapsible-vertical .sidebar:where([dir=ltr], [dir=ltr] *),
  .boxed-layout.vertical .sidebar:where([dir=ltr], [dir=ltr] *) {
    left: auto
  }

  .boxed-layout.collapsible-vertical .sidebar:where([dir=rtl], [dir=rtl] *),
  .boxed-layout.vertical .sidebar:where([dir=rtl], [dir=rtl] *) {
    right: auto
  }

  .boxed-layout.vertical.toggle-sidebar .sidebar {
    width: 0
  }
}

.btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  border-width: 1px;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-shadow: 0 10px 20px -10px;
  --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color);
  outline: 2px solid #0000;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.btn,
.btn:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.btn-lg {
  padding: .625rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5rem
}

.btn-sm {
  padding: .375rem .625rem;
  font-size: .75rem;
  line-height: 1rem
}

.btn[disabled] {
  cursor: not-allowed;
  opacity: .6
}

.btn-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #4361ee99;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-outline-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #805dca99;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-outline-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(128 93 202/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-success {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #00ab5599;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-outline-success {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-danger {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #e7515a99;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-outline-danger {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-warning {
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #e2a03f99;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-outline-warning {
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-info {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #2196f399;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-info,
.btn-outline-info {
  border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.btn-outline-info {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-dark {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #3b3f5c99;
  --tw-shadow: var(--tw-shadow-colored)
}

.btn-dark,
.btn-outline-dark {
  border-color: rgb(59 63 92/var(--tw-border-opacity))
}

.btn-outline-dark {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-gradient {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #ef1262 var(--tw-gradient-from-position);
  --tw-gradient-to: #ef126200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #4361ee var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-gradient:hover {
  --tw-gradient-from: #4361ee var(--tw-gradient-from-position);
  --tw-gradient-to: #4361ee00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ef1262 var(--tw-gradient-to-position)
}

.badge {
  position: relative;
  margin-top: .25rem;
  margin-bottom: .25rem;
  border-radius: .25rem;
  border-width: 1px;
  border-color: #0000;
  padding: .125rem .5rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.badge-outline-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.badge-outline-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-primary:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(128 93 202/var(--tw-text-opacity))
}

.badge-outline-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 228 247/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-secondary:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-success {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity))
}

.badge-outline-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(221 245 240/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-success:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-danger {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.badge-outline-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-danger:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-warning {
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity))
}

.badge-outline-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 237/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-warning:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-info {
  --tw-border-opacity: 1;
  border-color: rgb(33 150 243/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

.badge-outline-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 247 255/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-info:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-dark {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.badge-outline-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 236/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-dark:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.form-input,
.form-multiselect,
.form-select,
.form-textarea {
  width: 100%;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: .5rem 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity));
  outline: 2px solid #0000 !important;
  outline-offset: 2px !important
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-ring-color: #0000
}

:is(.dark .form-input),
:is(.dark .form-multiselect),
:is(.dark .form-select),
:is(.dark .form-textarea) {
  --tw-border-opacity: 1;
  border-color: rgb(23 38 60/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(18 30 50/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .form-input:focus),
:is(.dark .form-multiselect:focus),
:is(.dark .form-select:focus),
:is(.dark .form-textarea:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.form-input-lg,
.form-multiselect-lg,
.form-select-lg,
.form-textarea-lg {
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-size: 1rem;
  line-height: 1.5rem
}

.form-input-sm,
.form-multiselect-sm,
.form-select-sm,
.form-textarea-sm {
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: .75rem;
  line-height: 1rem
}

label {
  margin-bottom: .375rem;
  display: block;
  font-weight: 600
}

[dir=rtl] select {
  background-position: left .5rem center
}

.has-error .form-input,
.has-error .form-multiselect,
.has-error .form-select,
.has-error .form-textarea,
.has-error .multiselect__tags {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity));
  background-color: #e7515a14;
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.has-error .form-input::-moz-placeholder,
.has-error .form-multiselect::-moz-placeholder,
.has-error .form-select::-moz-placeholder,
.has-error .form-textarea::-moz-placeholder,
.has-error .multiselect__tags::-moz-placeholder {
  color: #e7515ab3
}

.has-error .form-input::placeholder,
.has-error .form-multiselect::placeholder,
.has-error .form-select::placeholder,
.has-error .form-textarea::placeholder,
.has-error .multiselect__tags::placeholder {
  color: #e7515ab3
}

.has-error .form-input:focus,
.has-error .form-multiselect:focus,
.has-error .form-select:focus,
.has-error .form-textarea:focus,
.has-error .multiselect__tags:focus {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.has-error .form-help,
.has-error .form-icon,
.has-error .form-label,
.has-error .multiselect__placeholder {
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.has-error .multiselect__input {
  --tw-bg-opacity: 1;
  background-color: rgb(247 236 240/var(--tw-bg-opacity))
}

.has-error .multiselect__input::-moz-placeholder {
  color: #e7515ab3 !important
}

.has-error .multiselect__input::placeholder {
  color: #e7515ab3 !important
}

.has-error .form-checkbox,
.has-error .multiselect__tags:hover {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.has-success .form-input,
.has-success .form-multiselect,
.has-success .form-select,
.has-success .form-textarea,
.has-success .multiselect__tags {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity));
  background-color: #00ab5514;
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity))
}

.has-success .form-input::-moz-placeholder,
.has-success .form-multiselect::-moz-placeholder,
.has-success .form-select::-moz-placeholder,
.has-success .form-textarea::-moz-placeholder,
.has-success .multiselect__tags::-moz-placeholder {
  color: #00ab55b3
}

.has-success .form-input::placeholder,
.has-success .form-multiselect::placeholder,
.has-success .form-select::placeholder,
.has-success .form-textarea::placeholder,
.has-success .multiselect__tags::placeholder {
  color: #00ab55b3
}

.has-success .form-input:focus,
.has-success .form-multiselect:focus,
.has-success .form-select:focus,
.has-success .form-textarea:focus,
.has-success .multiselect__tags:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.has-success .form-help,
.has-success .form-icon,
.has-success .form-label,
.has-success .multiselect__placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity))
}

.has-success .multiselect__input {
  --tw-bg-opacity: 1;
  background-color: rgb(247 236 240/var(--tw-bg-opacity))
}

.has-success .multiselect__input::-moz-placeholder {
  color: #00ab55b3 !important
}

.has-success .multiselect__input::placeholder {
  color: #00ab55b3 !important
}

.has-success .multiselect__tags:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.form-checkbox,
.form-radio {
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: .25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity));
  background-color: initial;
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  outline: 2px solid #0000 !important;
  outline-offset: 2px !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-width: 0px !important
}

.form-checkbox:checked,
.form-radio:checked {
  background-size: 90% 90%
}

.form-checkbox:disabled,
.form-radio:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

:is(.dark .form-checkbox),
:is(.dark .form-radio) {
  --tw-border-opacity: 1;
  border-color: rgb(37 59 92/var(--tw-border-opacity))
}

:is(.dark .form-checkbox:checked),
:is(.dark .form-radio:checked) {
  border-color: #0000
}

:is(.dark .form-checkbox:disabled),
:is(.dark .form-radio:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

.form-checkbox:where([dir=ltr], [dir=ltr] *),
.form-radio:where([dir=ltr], [dir=ltr] *) {
  margin-right: .375rem
}

.form-checkbox:where([dir=rtl], [dir=rtl] *),
.form-radio:where([dir=rtl], [dir=rtl] *) {
  margin-left: .375rem
}

.form-checkbox.outline-primary:checked {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234361ee' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-secondary:checked {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23805dca' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-success:checked {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ab55' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-danger:checked {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e7515a' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-warning:checked {
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e2a03f' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-info:checked {
  --tw-border-opacity: 1;
  border-color: rgb(33 150 243/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232196f3' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-dark:checked {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity));
  background-color: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b3f5c' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-radio {
  border-radius: 9999px
}

.form-radio.outline-primary:checked {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  background-color: initial;
  background-image: none
}

.form-radio.outline-secondary:checked {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity));
  background-color: initial;
  background-image: none
}

.form-radio.outline-success:checked {
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.form-radio.outline-danger:checked,
.form-radio.outline-success:checked {
  --tw-border-opacity: 1;
  background-color: initial;
  background-image: none
}

.form-radio.outline-danger:checked {
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.form-radio.outline-warning:checked {
  border-color: rgb(226 160 63/var(--tw-border-opacity))
}

.form-radio.outline-info:checked,
.form-radio.outline-warning:checked {
  --tw-border-opacity: 1;
  background-color: initial;
  background-image: none
}

.form-radio.outline-info:checked {
  border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.form-radio.outline-dark:checked {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity));
  background-color: initial;
  background-image: none
}

.dropdown {
  position: relative
}

.dropdown>button {
  display: flex
}

.dropdown ul {
  position: absolute;
  z-index: 10;
  margin-top: .25rem;
  min-width: 120px;
  border-radius: .25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: .5rem 0;
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity));
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .dropdown ul) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.dropdown ul li>a,
.dropdown ul li>button {
  display: flex;
  align-items: center;
  padding: .5rem 1rem
}

.dropdown ul li>a:hover,
.dropdown ul li>button:hover {
  background-color: #4361ee1a;
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.dropdown ul li>button {
  width: 100%
}

.table-responsive {
  overflow: auto
}

table {
  width: 100%;
  border-collapse: collapse !important
}

table tfoot tr,
table thead tr {
  border-bottom-width: 0;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 248 250/var(--tw-bg-opacity)) !important
}

:is(.dark table tfoot tr),
:is(.dark table thead tr) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 41 65/var(--tw-bg-opacity)) !important
}

table tbody tr td,
table tfoot tr th,
table thead tr th {
  padding: .75rem 1rem
}

table tbody tr td:where([dir=ltr], [dir=ltr] *),
table tfoot tr th:where([dir=ltr], [dir=ltr] *),
table thead tr th:where([dir=ltr], [dir=ltr] *) {
  text-align: left
}

table tbody tr td:where([dir=rtl], [dir=rtl] *),
table tfoot tr th:where([dir=rtl], [dir=rtl] *),
table thead tr th:where([dir=rtl], [dir=rtl] *) {
  text-align: right
}

table tfoot tr th,
table thead tr th {
  font-weight: 600
}

table tbody tr {
  border-bottom-width: 1px;
  border-color: #e0e6ed66 !important
}

:is(.dark table tbody tr) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(25 30 58/var(--tw-border-opacity)) !important
}

table.table-hover tbody tr:hover {
  background-color: #e0e6ed33 !important
}

:is(.dark table.table-hover tbody tr:hover) {
  background-color: #1a294166 !important
}

table.table-striped tbody tr:nth-child(odd) {
  background-color: #e0e6ed33 !important
}

:is(.dark table.table-striped tbody tr:nth-child(odd)) {
  background-color: #1a294166 !important
}

table.dataTable-table tbody tr td,
table.dataTable-table tbody tr th {
  border-bottom-width: 1px;
  border-color: #e0e6ed66;
  padding: .75rem 1rem
}

:is(.dark table.dataTable-table tbody tr td),
:is(.dark table.dataTable-table tbody tr th) {
  --tw-border-opacity: 1;
  border-color: rgb(25 30 58/var(--tw-border-opacity))
}

table.dataTable-table tbody tr td:where([dir=ltr], [dir=ltr] *),
table.dataTable-table tbody tr th:where([dir=ltr], [dir=ltr] *) {
  text-align: left
}

table.dataTable-table tbody tr td:where([dir=rtl], [dir=rtl] *),
table.dataTable-table tbody tr th:where([dir=rtl], [dir=rtl] *) {
  text-align: right
}

table.dataTable-table tbody tr:last-child td {
  border-bottom-width: 0
}

pre {
  direction: ltr
}

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

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-0 {
  inset: 0
}

.inset-1 {
  inset: .25rem
}

.inset-x-0 {
  left: 0;
  right: 0
}

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

.-bottom-1 {
  bottom: -.25rem
}

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

.-end-6 {
  inset-inline-end: -1.5rem
}

.-top-0 {
  top: 0
}

.-top-0\.5 {
  top: -.125rem
}

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

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

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

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

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

.bottom-0 {
  bottom: 0
}

.bottom-1 {
  bottom: .25rem
}

.bottom-20 {
  bottom: 5rem
}

.bottom-5 {
  bottom: 1.25rem
}

.bottom-6 {
  bottom: 1.5rem
}

.bottom-8 {
  bottom: 2rem
}

.bottom-full {
  bottom: 100%
}

.end-1 {
  inset-inline-end: .25rem
}

.end-1\.5 {
  inset-inline-end: .375rem
}

.end-5 {
  inset-inline-end: 1.25rem
}

.end-6 {
  inset-inline-end: 1.5rem
}

.end-\[28\%\] {
  inset-inline-end: 28%
}

.left-0 {
  left: 0
}

.left-1 {
  left: .25rem
}

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

.left-2 {
  left: .5rem
}

.left-24 {
  left: 6rem
}

.left-4 {
  left: 1rem
}

.left-5 {
  left: 1.25rem
}

.left-6 {
  left: 1.5rem
}

.right-0 {
  right: 0
}

.right-1 {
  right: .25rem
}

.right-2 {
  right: .5rem
}

.right-6 {
  right: 1.5rem
}

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

.start-1 {
  inset-inline-start: .25rem
}

.start-4 {
  inset-inline-start: 1rem
}

.top-0 {
  top: 0
}

.top-1 {
  top: .25rem
}

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

.top-1\/4 {
  top: 25%
}

.top-11 {
  top: 2.75rem
}

.top-2 {
  top: .5rem
}

.top-2\.5 {
  top: .625rem
}

.top-20 {
  top: 5rem
}

.top-3 {
  top: .75rem
}

.top-4 {
  top: 1rem
}

.top-5 {
  top: 1.25rem
}

.top-6 {
  top: 1.5rem
}

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

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

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

.top-full {
  top: 100%
}

.isolate {
  isolation: isolate
}

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

.z-10 {
  z-index: 10
}

.z-40 {
  z-index: 40
}

.z-50 {
  z-index: 50
}

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

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

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

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

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

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

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

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

.order-2 {
  order: 2
}

.-m-2 {
  margin: -.5rem
}

.-m-2\.5 {
  margin: -.625rem
}

.-m-5 {
  margin: -1.25rem
}

.m-0 {
  margin: 0
}

.m-1 {
  margin: .25rem
}

.m-6 {
  margin: 1.5rem
}

.m-auto {
  margin: auto
}

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

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

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

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

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem
}

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

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

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

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

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

.my-3 {
  margin-top: .75rem;
  margin-bottom: .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-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem
}

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

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

.\!mt-0 {
  margin-top: 0 !important
}

.\!mt-2 {
  margin-top: .5rem !important
}

.\!mt-6 {
  margin-top: 1.5rem !important
}

.\!mt-7 {
  margin-top: 1.75rem !important
}

.-mb-\[1px\] {
  margin-bottom: -1px
}

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

.-ml-2\.5 {
  margin-left: -.625rem
}

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

.-mr-3\.5 {
  margin-right: -.875rem
}

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

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

.-mt-7 {
  margin-top: -1.75rem
}

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

.-mt-\[30px\] {
  margin-top: -30px
}

.mb-0 {
  margin-bottom: 0
}

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

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

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

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

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

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

.mb-2\.5 {
  margin-bottom: .625rem
}

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

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

.mb-3\.5 {
  margin-bottom: .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-9 {
  margin-bottom: 2.25rem
}

.mb-px {
  margin-bottom: 1px
}

.me-4 {
  margin-inline-end: 1rem
}

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

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

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

.mr-0 {
  margin-right: 0
}

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

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

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

.ms-10 {
  margin-inline-start: 2.5rem
}

.ms-2 {
  margin-inline-start: .5rem
}

.ms-3 {
  margin-inline-start: .75rem
}

.ms-auto {
  margin-inline-start: auto
}

.mt-0 {
  margin-top: 0
}

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

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

.mt-1\.5 {
  margin-top: .375rem
}

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

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

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

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

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

.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-auto {
  margin-top: auto
}

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

.\!block {
  display: block !important
}

.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 !important
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.list-item {
  display: list-item
}

.\!hidden {
  display: none !important
}

.hidden {
  display: none
}

.size-1 {
  width: .25rem
}

.h-1,
.size-1 {
  height: .25rem
}

.h-1\.5 {
  height: .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: .5rem
}

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

.h-20 {
  height: 5rem
}

.h-24 {
  height: 6rem
}

.h-3 {
  height: .75rem
}

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

.h-32 {
  height: 8rem
}

.h-4 {
  height: 1rem
}

.h-4\.5 {
  height: 18px
}

.h-40 {
  height: 10rem
}

.h-5 {
  height: 1.25rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-8 {
  height: 2rem
}

.h-9 {
  height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100vh-80px\)\] {
  height: calc(100vh - 80px)
}

.h-\[calc\(100vh_-_320px\)\] {
  height: calc(100vh - 320px)
}

.h-auto {
  height: auto
}

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

.h-full {
  height: 100%
}

.h-px {
  height: 1px
}

.max-h-40 {
  max-height: 10rem
}

.max-h-56 {
  max-height: 14rem
}

.max-h-80 {
  max-height: 20rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-1 {
  width: .25rem
}

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

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

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

.w-1\/4 {
  width: 25%
}

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

.w-10 {
  width: 2.5rem
}

.w-10\/12 {
  width: 83.333333%
}

.w-11 {
  width: 2.75rem
}

.w-11\/12 {
  width: 91.666667%
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-2 {
  width: .5rem
}

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

.w-2\/12 {
  width: 16.666667%
}

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

.w-20 {
  width: 5rem
}

.w-24 {
  width: 6rem
}

.w-3 {
  width: .75rem
}

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

.w-3\/12 {
  width: 25%
}

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

.w-32 {
  width: 8rem
}

.w-4 {
  width: 1rem
}

.w-4\.5 {
  width: 18px
}

.w-4\/12 {
  width: 33.333333%
}

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

.w-44 {
  width: 11rem
}

.w-48 {
  width: 12rem
}

.w-5 {
  width: 1.25rem
}

.w-5\/12 {
  width: 41.666667%
}

.w-52 {
  width: 13rem
}

.w-56 {
  width: 14rem
}

.w-6 {
  width: 1.5rem
}

.w-6\/12 {
  width: 50%
}

.w-7 {
  width: 1.75rem
}

.w-7\/12 {
  width: 58.333333%
}

.w-72 {
  width: 18rem
}

.w-8 {
  width: 2rem
}

.w-8\/12 {
  width: 66.666667%
}

.w-80 {
  width: 20rem
}

.w-9 {
  width: 2.25rem
}

.w-9\/12 {
  width: 75%
}

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

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

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

.w-\[19\.15\%\] {
  width: 19.15%
}

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

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

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

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

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

.w-\[29\.56\%\] {
  width: 29.56%
}

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

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

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

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

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

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

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

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

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

.w-\[78\.03\%\] {
  width: 78.03%
}

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

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

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

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

.w-full {
  width: 100%
}

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

.min-w-20 {
  min-width: 5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[18rem\] {
  max-width: 18rem
}

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

.max-w-\[19rem\] {
  max-width: 19rem
}

.max-w-\[20rem\] {
  max-width: 20rem
}

.max-w-\[22rem\] {
  max-width: 22rem
}

.max-w-\[24rem\] {
  max-width: 24rem
}

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

.max-w-\[30rem\] {
  max-width: 30rem
}

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

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

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

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

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

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

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

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

.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-sm {
  max-width: 24rem
}

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

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

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

.flex-auto {
  flex: 1 1 auto
}

.flex-initial {
  flex: 0 1 auto
}

.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,
.grow {
  flex-grow: 1
}

.border-collapse {
  border-collapse: collapse
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
  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%
}

.\!rotate-90 {
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-180 {
  --tw-rotate: 180deg
}

.rotate-180,
.rotate-45 {
  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
}

.rotate-90 {
  --tw-rotate: 90deg
}

.rotate-90,
.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))
}

.animate-\[spin_2s_linear_infinite\] {
  animation: spin 2s linear infinite
}

.animate-\[spin_3s_linear_infinite\] {
  animation: spin 3s linear infinite
}

@keyframes ping {

  75%,
  to {
    transform: scale(2);
    opacity: 0
  }
}

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

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

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

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

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

.cursor-grab {
  cursor: grab
}

.cursor-move {
  cursor: move
}

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

.cursor-pointer {
  cursor: pointer
}

.resize-none {
  resize: none
}

.resize {
  resize: both
}

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

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

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

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.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-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr))
}

.flex-col {
  flex-direction: column
}

.flex-col-reverse {
  flex-direction: column-reverse
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse
}

.flex-nowrap {
  flex-wrap: nowrap
}

.place-content-center {
  place-content: center
}

.place-items-center {
  place-items: center
}

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

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

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

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

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

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

.justify-center {
  justify-content: center
}

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

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

.justify-items-center {
  justify-items: center
}

.gap-0 {
  gap: 0
}

.gap-0\.5 {
  gap: .125rem
}

.gap-1 {
  gap: .25rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-2 {
  gap: .5rem
}

.gap-2\.5 {
  gap: .625rem
}

.gap-3 {
  gap: .75rem
}

.gap-3\.5 {
  gap: .875rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-7 {
  gap: 1.75rem
}

.gap-8 {
  gap: 2rem
}

.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem
}

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

.gap-y-4 {
  row-gap: 1rem
}

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

.-space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-.75rem*var(--tw-space-x-reverse));
  margin-left: calc(-.75rem*(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*(1 - var(--tw-space-x-reverse)))
}

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

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

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

.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.75rem*var(--tw-space-x-reverse));
  margin-left: calc(.75rem*(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*(1 - var(--tw-space-x-reverse)))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.divide-\[\#ebedf2\]>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(235 237 242/var(--tw-divide-opacity))
}

.divide-white-dark\/40>:not([hidden])~:not([hidden]) {
  border-color: #888ea866
}

.divide-white-light>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-divide-opacity))
}

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

.self-center {
  align-self: center
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

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

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

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

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

.whitespace-normal {
  white-space: normal
}

.whitespace-nowrap {
  white-space: nowrap
}

.whitespace-pre {
  white-space: pre
}

.break-all {
  word-break: break-all
}

.rounded {
  border-radius: .25rem
}

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

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

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

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

.rounded-none {
  border-radius: 0
}

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

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

.rounded-b-md {
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.rounded-t-md {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px
}

.rounded-bl-md {
  border-bottom-left-radius: .375rem
}

.rounded-br-md {
  border-bottom-right-radius: .375rem
}

.rounded-tl {
  border-top-left-radius: .25rem
}

.rounded-tl-md {
  border-top-left-radius: .375rem
}

.rounded-tl-none {
  border-top-left-radius: 0
}

.rounded-tr {
  border-top-right-radius: .25rem
}

.rounded-tr-md {
  border-top-right-radius: .375rem
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0
}

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

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

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

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

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

.border-b-0 {
  border-bottom-width: 0
}

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

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

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

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

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

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

.border-t-0 {
  border-top-width: 0
}

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

.border-dashed {
  border-style: dashed
}

.\!border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(67 97 238/var(--tw-border-opacity)) !important
}

.\!border-secondary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(128 93 202/var(--tw-border-opacity)) !important
}

.\!border-white-light {
  --tw-border-opacity: 1 !important;
  border-color: rgb(224 230 237/var(--tw-border-opacity)) !important
}

.border-\[\#adb5bd\] {
  --tw-border-opacity: 1;
  border-color: rgb(173 181 189/var(--tw-border-opacity))
}

.border-\[\#d3d3d3\] {
  --tw-border-opacity: 1;
  border-color: rgb(211 211 211/var(--tw-border-opacity))
}

.border-\[\#e0e6ed\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity))
}

.border-\[\#ebe9f1\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 233 241/var(--tw-border-opacity))
}

.border-\[\#ebedf2\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 237 242/var(--tw-border-opacity))
}

.border-\[\#f1f2f3\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 242 243/var(--tw-border-opacity))
}

.border-\[\#f3f2ee\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 242 238/var(--tw-border-opacity))
}

.border-\[\#f4f4f4\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244/var(--tw-border-opacity))
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(14 23 38/var(--tw-border-opacity))
}

.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.border-danger\/20 {
  border-color: #e7515a33
}

.border-dark {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity))
}

.border-dark-dark-light {
  border-color: #3b3f5c26
}

.border-dark\/20 {
  border-color: #3b3f5c33
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235/var(--tw-border-opacity))
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-500\/20 {
  border-color: #6b728033
}

.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.border-info\/20 {
  border-color: #2196f333
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.border-primary\/20 {
  border-color: #4361ee33
}

.border-primary\/50 {
  border-color: #4361ee80
}

.border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity))
}

.border-secondary\/20 {
  border-color: #805dca33
}

.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.border-success\/20 {
  border-color: #00ab5533
}

.border-transparent {
  border-color: #0000
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity))
}

.border-warning\/20 {
  border-color: #e2a03f33
}

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

.border-white-dark\/20 {
  border-color: #888ea833
}

.border-white-dark\/30 {
  border-color: #888ea84d
}

.border-white-light {
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity))
}

.border-white\/50 {
  border-color: #ffffff80
}

.\!border-b-white {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.\!border-l-primary {
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(67 97 238/var(--tw-border-opacity)) !important
}

.\!border-l-transparent {
  border-left-color: #0000 !important
}

.border-b-\[\#f1f2f3\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(241 242 243/var(--tw-border-opacity))
}

.border-b-success {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 171 85/var(--tw-border-opacity))
}

.border-l-\[\#4468fd\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(68 104 253/var(--tw-border-opacity))
}

.border-l-black {
  --tw-border-opacity: 1;
  border-left-color: rgb(14 23 38/var(--tw-border-opacity))
}

.border-l-danger {
  --tw-border-opacity: 1;
  border-left-color: rgb(231 81 90/var(--tw-border-opacity))
}

.border-l-primary {
  --tw-border-opacity: 1;
  border-left-color: rgb(67 97 238/var(--tw-border-opacity))
}

.border-l-transparent {
  border-left-color: #0000
}

.border-l-warning {
  --tw-border-opacity: 1;
  border-left-color: rgb(226 160 63/var(--tw-border-opacity))
}

.border-r-primary {
  --tw-border-opacity: 1;
  border-right-color: rgb(67 97 238/var(--tw-border-opacity))
}

.border-r-warning {
  --tw-border-opacity: 1;
  border-right-color: rgb(226 160 63/var(--tw-border-opacity))
}

.border-t-danger {
  --tw-border-opacity: 1;
  border-top-color: rgb(231 81 90/var(--tw-border-opacity))
}

.\!bg-\[\#191e3a\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 30 58/var(--tw-bg-opacity)) !important
}

.\!bg-info {
  background-color: rgb(33 150 243/var(--tw-bg-opacity)) !important
}

.\!bg-info,
.\!bg-primary {
  --tw-bg-opacity: 1 !important
}

.\!bg-primary {
  background-color: rgb(67 97 238/var(--tw-bg-opacity)) !important
}

.\!bg-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 171 85/var(--tw-bg-opacity)) !important
}

.\!bg-transparent {
  background-color: initial !important
}

.bg-\[\#009688\]\/\[\.26\] {
  background-color: #00968842
}

.bg-\[\#00AB55\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity))
}

.bg-\[\#1abc9c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 188 156/var(--tw-bg-opacity))
}

.bg-\[\#1b2e4b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

.bg-\[\#3b3f5c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity))
}

.bg-\[\#4361ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.bg-\[\#515365\] {
  --tw-bg-opacity: 1;
  background-color: rgb(81 83 101/var(--tw-bg-opacity))
}

.bg-\[\#888ea8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(136 142 168/var(--tw-bg-opacity))
}

.bg-\[\#DBE7FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 231 255/var(--tw-bg-opacity))
}

.bg-\[\#bfc9d4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(191 201 212/var(--tw-bg-opacity))
}

.bg-\[\#d9f2e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 242 230/var(--tw-bg-opacity))
}

.bg-\[\#dbdcdf\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 220 223/var(--tw-bg-opacity))
}

.bg-\[\#deeffd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 239 253/var(--tw-bg-opacity))
}

.bg-\[\#e2e2e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 231/var(--tw-bg-opacity))
}

.bg-\[\#e3e7fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 252/var(--tw-bg-opacity))
}

.bg-\[\#ebedf2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 237 242/var(--tw-bg-opacity))
}

.bg-\[\#ece7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 231 247/var(--tw-bg-opacity))
}

.bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

.bg-\[\#f1f2f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 243/var(--tw-bg-opacity))
}

.bg-\[\#f3f2ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 242 238/var(--tw-bg-opacity))
}

.bg-\[\#f4f4f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-\[\#f6f7f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 248/var(--tw-bg-opacity))
}

.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-\[\#fbe5e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 229 230/var(--tw-bg-opacity))
}

.bg-\[\#fbf1e2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 241 226/var(--tw-bg-opacity))
}

.bg-\[\#fbfbfb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251/var(--tw-bg-opacity))
}

.bg-\[\#ffeccb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 203/var(--tw-bg-opacity))
}

.bg-\[black\]\/60 {
  background-color: #0009
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

.bg-black-light {
  --tw-bg-opacity: 1;
  background-color: rgb(227 228 235/var(--tw-bg-opacity))
}

.bg-black\/10 {
  background-color: #0e17261a
}

.bg-black\/50 {
  background-color: #0e172680
}

.bg-black\/60 {
  background-color: #0e172699
}

.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity))
}

.bg-danger-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245/var(--tw-bg-opacity))
}

.bg-danger\/10 {
  background-color: #e7515a1a
}

.bg-danger\/20 {
  background-color: #e7515a33
}

.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity))
}

.bg-dark-dark-light {
  background-color: #3b3f5c26
}

.bg-dark-light {
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 236/var(--tw-bg-opacity))
}

.bg-dark-light\/40 {
  background-color: #eaeaec66
}

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

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

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.bg-info {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.bg-info-light {
  --tw-bg-opacity: 1;
  background-color: rgb(231 247 255/var(--tw-bg-opacity))
}

.bg-info\/20 {
  background-color: #2196f333
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity))
}

.bg-primary\/10 {
  background-color: #4361ee1a
}

.bg-primary\/20 {
  background-color: #4361ee33
}

.bg-primary\/5 {
  background-color: #4361ee0d
}

.bg-primary\/80 {
  background-color: #4361eecc
}

.bg-primary\/\[12\%\] {
  background-color: #4361ee1f
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity))
}

.bg-secondary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(235 228 247/var(--tw-bg-opacity))
}

.bg-secondary\/20 {
  background-color: #805dca33
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity))
}

.bg-success-light {
  --tw-bg-opacity: 1;
  background-color: rgb(221 245 240/var(--tw-bg-opacity))
}

.bg-success\/10 {
  background-color: #00ab551a
}

.bg-success\/20 {
  background-color: #00ab5533
}

.bg-success\/30 {
  background-color: #00ab554d
}

.bg-success\/50 {
  background-color: #00ab5580
}

.bg-transparent {
  background-color: initial
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity))
}

.bg-warning-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 237/var(--tw-bg-opacity))
}

.bg-warning\/10 {
  background-color: #e2a03f1a
}

.bg-warning\/20 {
  background-color: #e2a03f33
}

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

.bg-white-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(136 142 168/var(--tw-bg-opacity))
}

.bg-white-dark\/20 {
  background-color: #888ea833
}

.bg-white-dark\/30 {
  background-color: #888ea84d
}

.bg-white-dark\/5 {
  background-color: #888ea80d
}

.bg-white-light {
  --tw-bg-opacity: 1;
  background-color: rgb(224 230 237/var(--tw-bg-opacity))
}

.bg-white-light\/30 {
  background-color: #e0e6ed4d
}

.bg-white-light\/40 {
  background-color: #e0e6ed66
}

.bg-white\/30 {
  background-color: #ffffff4d
}

.bg-white\/40 {
  background-color: #fff6
}

.bg-white\/60 {
  background-color: #fff9
}

.\!bg-none {
  background-image: none !important
}

.bg-\[linear-gradient\(225deg\2c rgba\(239\2c 18\2c 98\2c 1\)_0\%\2c rgba\(67\2c 97\2c 238\2c 1\)_100\%\)\] {
  background-image: linear-gradient(225deg, #ef1262, #4361ee)
}

.bg-\[linear-gradient\(45deg\2c \#fff9f9_0\%\2c rgba\(255\2c 255\2c 255\2c 0\)_25\%\2c rgba\(255\2c 255\2c 255\2c 0\)_75\%\2c _\#fff9f9_100\%\)\] {
  background-image: linear-gradient(45deg, #fff9f9, #fff0 25%, #fff0 75%, #fff9f9)
}

.bg-\[url\(\'\.\.\/images\/knowledge\/pattern\.png\'\)\] {
  background-image: url(/../images/knowledge/pattern.png)
}

.bg-\[url\(\'\.\.\/images\/menu-heade\.jpg\'\)\] {
  background-image: url(/../images/menu-heade.jpg)
}

.bg-\[url\(\'\.\.\/images\/notification-bg\.png\'\)\] {
  background-image: url(/../images/notification-bg.png)
}

.bg-\[url\(\.\.\/images\/auth\/map\.png\)\] {
  background-image: url(/../images/auth/map.png)
}

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

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

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

.from-\[\#0081ff\] {
  --tw-gradient-from: #0081ff var(--tw-gradient-from-position);
  --tw-gradient-to: #0081ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#009ffd\] {
  --tw-gradient-from: #009ffd var(--tw-gradient-from-position);
  --tw-gradient-to: #009ffd00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#04befe\] {
  --tw-gradient-from: #04befe var(--tw-gradient-from-position);
  --tw-gradient-to: #04befe00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#1e9afe\] {
  --tw-gradient-from: #1e9afe var(--tw-gradient-from-position);
  --tw-gradient-to: #1e9afe00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#2b5876\] {
  --tw-gradient-from: #2b5876 var(--tw-gradient-from-position);
  --tw-gradient-to: #2b587600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3cba92\] {
  --tw-gradient-from: #3cba92 var(--tw-gradient-from-position);
  --tw-gradient-to: #3cba9200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3d38e1\] {
  --tw-gradient-from: #3d38e1 var(--tw-gradient-from-position);
  --tw-gradient-to: #3d38e100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#4361ee\] {
  --tw-gradient-from: #4361ee var(--tw-gradient-from-position);
  --tw-gradient-to: #4361ee00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#7579ff\] {
  --tw-gradient-from: #7579ff var(--tw-gradient-from-position);
  --tw-gradient-to: #7579ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#a71d31\] {
  --tw-gradient-from: #a71d31 var(--tw-gradient-from-position);
  --tw-gradient-to: #a71d3100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#d09693\] {
  --tw-gradient-from: #d09693 var(--tw-gradient-from-position);
  --tw-gradient-to: #d0969300 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#f09819\] {
  --tw-gradient-from: #f09819 var(--tw-gradient-from-position);
  --tw-gradient-to: #f0981900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#f67062\] {
  --tw-gradient-from: #f67062 var(--tw-gradient-from-position);
  --tw-gradient-to: #f6706200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#fe5f75\] {
  --tw-gradient-from: #fe5f75 var(--tw-gradient-from-position);
  --tw-gradient-to: #fe5f7500 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgba\(234\2c 241\2c 255\2c 0\.44\)\] {
  --tw-gradient-from: #eaf1ff70 var(--tw-gradient-from-position);
  --tw-gradient-to: #eaf1ff00 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: #3b82f600 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: #06b6d400 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-500 {
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: #d946ef00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-900\/20 {
  --tw-gradient-from: #312e8133 var(--tw-gradient-from-position);
  --tw-gradient-to: #312e8100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary\/10 {
  --tw-gradient-from: #4361ee1a var(--tw-gradient-from-position);
  --tw-gradient-to: #4361ee00 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: #8b5cf600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-black {
  --tw-gradient-to: #0e172600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0e1726 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-transparent {
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0000 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.to-\[rgba\(234\2c 241\2c 255\2c 0\.96\)\] {
  --tw-gradient-to: #eaf1fff5 var(--tw-gradient-to-position)
}

.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)
}

.to-cyan-400 {
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position)
}

.to-fuchsia-400 {
  --tw-gradient-to: #e879f9 var(--tw-gradient-to-position)
}

.to-indigo-900\/20 {
  --tw-gradient-to: #312e8133 var(--tw-gradient-to-position)
}

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

.to-violet-400 {
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position)
}

.bg-contain {
  background-size: contain
}

.bg-cover {
  background-size: cover
}

.bg-center {
  background-position: 50%
}

.bg-left-top {
  background-position: 0 0
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.fill-\[\#e2a03f\] {
  fill: #e2a03f
}

.fill-\[url\(\#linear-gradient\)\] {
  fill: url(#linear-gradient)
}

.fill-danger {
  fill: #e7515a
}

.fill-info {
  fill: #2196f3
}

.fill-primary {
  fill: #4361ee
}

.fill-success {
  fill: #00ab55
}

.fill-warning {
  fill: #e2a03f
}

.fill-white {
  fill: #fff
}

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

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

.\!p-5 {
  padding: 1.25rem !important
}

.p-0 {
  padding: 0
}

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

.p-1 {
  padding: .25rem
}

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

.p-2 {
  padding: .5rem
}

.p-2\.5 {
  padding: .625rem
}

.p-3 {
  padding: .75rem
}

.p-3\.5 {
  padding: .875rem
}

.p-4 {
  padding: 1rem
}

.p-5 {
  padding: 1.25rem
}

.p-6 {
  padding: 1.5rem
}

.p-7 {
  padding: 1.75rem
}

.p-px {
  padding: 1px
}

.\!px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.\!py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem
}

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

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

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem
}

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

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

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

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

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

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

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

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

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

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

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.py-4\.5 {
  padding-top: 18px;
  padding-bottom: 18px
}

.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-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem
}

.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px
}

.pb-0 {
  padding-bottom: 0
}

.pb-10 {
  padding-bottom: 2.5rem
}

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

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

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

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

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

.pb-5 {
  padding-bottom: 1.25rem
}

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

.pb-\[68px\] {
  padding-bottom: 68px
}

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

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

.pr-3 {
  padding-right: .75rem
}

.pr-3\.5 {
  padding-right: .875rem
}

.ps-10 {
  padding-inline-start: 2.5rem
}

.pt-0 {
  padding-top: 0
}

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

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

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

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

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

.pt-5 {
  padding-top: 1.25rem
}

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

.text-left {
  text-align: left
}

.\!text-center {
  text-align: center !important
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

.text-end {
  text-align: end
}

.align-top {
  vertical-align: top
}

.align-middle {
  vertical-align: middle
}

.align-text-bottom {
  vertical-align: text-bottom
}

.font-nunito {
  font-family: Nunito, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-bold {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.capitalize {
  text-transform: capitalize
}

.italic {
  font-style: italic
}

.not-italic {
  font-style: normal
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.\!leading-snug {
  line-height: 1.375 !important
}

.leading-5 {
  line-height: 1.25rem
}

.leading-\[60px\] {
  line-height: 60px
}

.leading-none {
  line-height: 1
}

.leading-normal {
  line-height: 1.5
}

.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(67 97 238/var(--tw-text-opacity)) !important
}

.text-\[\#009688\] {
  --tw-text-opacity: 1;
  color: rgb(0 150 136/var(--tw-text-opacity))
}

.text-\[\#0E1726\],
.text-\[\#0e1726\] {
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

.text-\[\#1abc9c\] {
  --tw-text-opacity: 1;
  color: rgb(26 188 156/var(--tw-text-opacity))
}

.text-\[\#1f2937\] {
  --tw-text-opacity: 1;
  color: rgb(31 41 55/var(--tw-text-opacity))
}

.text-\[\#2196F3\] {
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

.text-\[\#3b3f5c\] {
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.text-\[\#506690\] {
  --tw-text-opacity: 1;
  color: rgb(80 102 144/var(--tw-text-opacity))
}

.text-\[\#515365\] {
  --tw-text-opacity: 1;
  color: rgb(81 83 101/var(--tw-text-opacity))
}

.text-\[\#777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119/var(--tw-text-opacity))
}

.text-\[\#DBE7FF\] {
  --tw-text-opacity: 1;
  color: rgb(219 231 255/var(--tw-text-opacity))
}

.text-\[\#d3d3d3\] {
  --tw-text-opacity: 1;
  color: rgb(211 211 211/var(--tw-text-opacity))
}

.text-\[\#e0e6ed\] {
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.text-\[\#e2a03f\] {
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity))
}

.text-\[\#e95f2b\] {
  --tw-text-opacity: 1;
  color: rgb(233 95 43/var(--tw-text-opacity))
}

.text-\[\#f1f2f3\] {
  --tw-text-opacity: 1;
  color: rgb(241 242 243/var(--tw-text-opacity))
}

.text-\[\#f8538d\] {
  --tw-text-opacity: 1;
  color: rgb(248 83 141/var(--tw-text-opacity))
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

.text-black-light {
  --tw-text-opacity: 1;
  color: rgb(227 228 235/var(--tw-text-opacity))
}

.text-black\/60 {
  color: #0e172699
}

.text-black\/70 {
  color: #0e1726b3
}

.text-danger {
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.text-dark {
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.text-dark\/60 {
  color: #3b3f5c99
}

.text-dark\/70 {
  color: #3b3f5cb3
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity))
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55/var(--tw-text-opacity))
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity))
}

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

.text-info {
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

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

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(128 93 202/var(--tw-text-opacity))
}

.text-success {
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity))
}

.text-warning {
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity))
}

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

.text-white-dark {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.text-white-light {
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

.underline {
  text-decoration-line: underline
}

.overline {
  text-decoration-line: overline
}

.line-through {
  text-decoration-line: line-through
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
  opacity: 0
}

.opacity-20 {
  opacity: .2
}

.opacity-30 {
  opacity: .3
}

.opacity-70 {
  opacity: .7
}

.opacity-75 {
  opacity: .75
}

.opacity-80 {
  opacity: .8
}

.opacity-\[0\.1\] {
  opacity: .1
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-3xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-3xl {
  --tw-shadow: 0 2px 2px #e0e6ed75, 1px 6px 7px #e0e6ed75;
  --tw-shadow-colored: 0 2px 2px var(--tw-shadow-color), 1px 6px 7px var(--tw-shadow-color)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.20\)\] {
  --tw-shadow: 0 0 15px 1px #716aca33;
  --tw-shadow-colored: 0 0 15px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.30\)\] {
  --tw-shadow: 0 0 15px 1px #716aca4d;
  --tw-shadow-colored: 0 0 15px 1px var(--tw-shadow-color)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.30\)\],
.shadow-\[0_0_20px_0_\#d0d0d0\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_20px_0_\#d0d0d0\] {
  --tw-shadow: 0 0 20px 0 #d0d0d0;
  --tw-shadow-colored: 0 0 20px 0 var(--tw-shadow-color)
}

.shadow-\[0_0_2px_0_\#bfc9d4\] {
  --tw-shadow: 0 0 2px 0 #bfc9d4;
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color)
}

.shadow-\[0_0_2px_0_\#bfc9d4\],
.shadow-\[0_0_4px_2px_rgb\(31_45_61_\/_10\%\)\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_4px_2px_rgb\(31_45_61_\/_10\%\)\] {
  --tw-shadow: 0 0 4px 2px #1f2d3d1a;
  --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color)
}

.shadow-\[0_10px_20px_-10px_rgba\(67\2c 97\2c 238\2c 0\.44\)\] {
  --tw-shadow: 0 10px 20px -10px #4361ee70;
  --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_1px_15px_1px_rgba\(67\2c 97\2c 238\2c 0\.15\)\] {
  --tw-shadow: 0 1px 15px 1px #4361ee26;
  --tw-shadow-colored: 0 1px 15px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_20px_rgba\(126\2c 142\2c 177\2c 0\.12\)\] {
  --tw-shadow: 0 20px 20px #7e8eb11f;
  --tw-shadow-colored: 0 20px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_9px_0_rgba\(31\2c 45\2c 61\2c 0\.31\)\] {
  --tw-shadow: 0 4px 9px 0 #1f2d3d4f;
  --tw-shadow-colored: 0 4px 9px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_2px_0px_rgba\(145\2c 158\2c 171\2c 0\.20\)\2c 0px_12px_24px_-4px_rgba\(145\2c 158\2c 171\2c 0\.12\)\] {
  --tw-shadow: 0px 0px 2px 0px #919eab33, 0px 12px 24px -4px #919eab1f;
  --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 12px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[1px_2px_12px_0_rgba\(31\2c 45\2c 61\2c 0\.10\)\] {
  --tw-shadow: 1px 2px 12px 0 #1f2d3d1a;
  --tw-shadow-colored: 1px 2px 12px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[4px_6px_10px_-3px_\#bfc9d4\] {
  --tw-shadow: 4px 6px 10px -3px #bfc9d4;
  --tw-shadow-colored: 4px 6px 10px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[5px_0_25px_0_rgba\(94\2c 92\2c 154\2c 0\.1\)\] {
  --tw-shadow: 5px 0 25px 0 #5e5c9a1a;
  --tw-shadow-colored: 5px 0 25px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[rgb\(31_45_61_\/_10\%\)_0px_2px_10px_1px\] {
  --tw-shadow: #1f2d3d1a 0px 2px 10px 1px;
  --tw-shadow-colored: 0px 2px 10px 1px var(--tw-shadow-color)
}

.shadow-\[rgb\(31_45_61_\/_10\%\)_0px_2px_10px_1px\],
.shadow-md {
  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 #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.shadow-none,
.shadow-sm {
  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 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-danger {
  --tw-shadow-color: #e7515a;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-info {
  --tw-shadow-color: #2196f3;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-primary {
  --tw-shadow-color: #4361ee;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-secondary {
  --tw-shadow-color: #805dca;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-success {
  --tw-shadow-color: #00ab55;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-warning {
  --tw-shadow-color: #e2a03f;
  --tw-shadow: var(--tw-shadow-colored)
}

.outline {
  outline-style: solid
}

.outline-danger {
  outline-color: #e7515a
}

.outline-dark {
  outline-color: #3b3f5c
}

.outline-info {
  outline-color: #2196f3
}

.outline-primary {
  outline-color: #4361ee
}

.outline-secondary {
  outline-color: #805dca
}

.outline-success {
  outline-color: #00ab55
}

.outline-warning {
  outline-color: #e2a03f
}

.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)
}

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

.ring-\[\#ebedf2\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 237 242/var(--tw-ring-opacity))
}

.ring-danger\/30 {
  --tw-ring-color: #e7515a4d
}

.ring-primary\/30 {
  --tw-ring-color: #4361ee4d
}

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

.ring-white-light {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 230 237/var(--tw-ring-opacity))
}

.blur {
  --tw-blur: blur(8px)
}

.blur,
.invert {
  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%)
}

.saturate-50 {
  --tw-saturate: saturate(.5)
}

.filter,
.saturate-50 {
  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-\[5px\] {
  --tw-backdrop-blur: blur(5px)
}

.backdrop-blur-\[5px\],
.backdrop-blur-lg {
  -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)
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[display\] {
  transition-property: display;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[right\] {
  transition-property: right;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.duration-300 {
  transition-duration: .3s
}

.duration-700 {
  transition-duration: .7s
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.\[a-z_\:\.\\-\] {
  a-z_: .\-
}

.ps__rail-y>.ps__thumb-y {
  width: .375rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 221 221/var(--tw-bg-opacity)) !important
}

:is(.dark .ps__rail-y>.ps__thumb-y) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 51 76/var(--tw-bg-opacity)) !important
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  opacity: .6 !important;
  background-color: initial !important
}

.swal2-container .swal2-close {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.swal2-container .swal2-close:hover {
  --tw-text-opacity: 1;
  color: rgb(234 234 236/var(--tw-text-opacity))
}

.swal2-container .swal2-close:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.swal2-container .swal2-popup.swal2-toast {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity));
  padding: .625rem 1.25rem
}

.swal2-container .swal2-popup.swal2-toast .swal2-html-container,
.swal2-popup.swal2-toast .swal2-title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-info {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-success {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity))
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
  box-shadow: none;
  border-color: #050717cc;
  background-color: #050717cc;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after,
.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #050717cc
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(6 8 24/var(--tw-bg-opacity))
}

.apexcharts-legend-series:where([dir=ltr], [dir=ltr] *) {
  margin-right: .5rem !important
}

.apexcharts-legend-series:where([dir=rtl], [dir=rtl] *) {
  margin-left: .5rem !important
}

.dark .apexcharts-canvas .apexcharts-text,
.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,
.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label,
.dark .apexcharts-title-text {
  fill: #e0e6ed
}

.dark .apexcharts-canvas .apexcharts-legend-text {
  color: #e0e6ed !important
}

.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area,
.dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker {
  stroke: #191e3a
}

.dark .apexcharts-canvas .apexcharts-datalabel,
.dark .apexcharts-canvas .apexcharts-datalabel-label,
.dark .apexcharts-canvas .apexcharts-datalabel-value,
.dark .apexcharts-canvas .apexcharts-pie-label {
  fill: #bfc9d4
}

.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
  box-shadow: none
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir=ltr], [dir=ltr] *) {
  margin-right: .375rem !important
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir=rtl], [dir=rtl] *) {
  margin-left: .375rem;
  margin-right: 0 !important
}

[dir=rtl] .apexcharts-tooltip-marker {
  margin-right: 0;
  margin-left: .625rem
}

.before\:container:before {
  content: var(--tw-content);
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:640px) {
  .before\:container:before {
    content: var(--tw-content);
    max-width: 640px
  }
}

@media (min-width:768px) {
  .before\:container:before {
    content: var(--tw-content);
    max-width: 768px
  }
}

@media (min-width:1024px) {
  .before\:container:before {
    content: var(--tw-content);
    max-width: 1024px
  }
}

@media (min-width:1280px) {
  .before\:container:before {
    content: var(--tw-content);
    max-width: 1280px
  }
}

@media (min-width:1536px) {
  .before\:container:before {
    content: var(--tw-content);
    max-width: 1536px
  }
}

:is(.dark .dark\:prose-invert) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

:is(.dark .dark\:btn-dark) {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color: #3b3f5c99;
  --tw-shadow: var(--tw-shadow-colored)
}

.file\:border-0::file-selector-button {
  border-width: 0
}

.file\:bg-primary\/90::file-selector-button {
  background-color: #4361eee6
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem
}

.file\:py-2::file-selector-button {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.file\:font-semibold::file-selector-button {
  font-weight: 600
}

.file\:text-white::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

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

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

.placeholder\:tracking-wider::-moz-placeholder {
  letter-spacing: .05em
}

.placeholder\:tracking-wider::placeholder {
  letter-spacing: .05em
}

.placeholder\:tracking-widest::-moz-placeholder {
  letter-spacing: .1em
}

.placeholder\:tracking-widest::placeholder {
  letter-spacing: .1em
}

.placeholder\:text-white-dark::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.placeholder\:text-white-dark::placeholder {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute
}

.before\:relative:before {
  content: var(--tw-content);
  position: relative
}

.before\:inset-x-0:before {
  content: var(--tw-content);
  left: 0;
  right: 0
}

.before\:inset-y-0:before {
  content: var(--tw-content);
  top: 0;
  bottom: 0
}

.before\:-bottom-\[15px\]:before {
  content: var(--tw-content);
  bottom: -15px
}

.before\:-right-44:before {
  content: var(--tw-content);
  right: -11rem
}

.before\:-top-0:before {
  content: var(--tw-content);
  top: 0
}

.before\:-top-0\.5:before {
  content: var(--tw-content);
  top: -.125rem
}

.before\:-top-1:before {
  content: var(--tw-content);
  top: -.25rem
}

.before\:bottom-0:before {
  content: var(--tw-content);
  bottom: 0
}

.before\:bottom-1:before {
  content: var(--tw-content);
  bottom: .25rem
}

.before\:bottom-\[2px\]:before {
  content: var(--tw-content);
  bottom: 2px
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0
}

.before\:left-1:before {
  content: var(--tw-content);
  left: .25rem
}

.before\:left-1\/2:before {
  content: var(--tw-content);
  left: 50%
}

.before\:left-4:before {
  content: var(--tw-content);
  left: 1rem
}

.before\:right-0:before {
  content: var(--tw-content);
  right: 0
}

.before\:top-0:before {
  content: var(--tw-content);
  top: 0
}

.before\:top-1\/2:before {
  content: var(--tw-content);
  top: 50%
}

.before\:top-10:before {
  content: var(--tw-content);
  top: 2.5rem
}

.before\:top-12:before {
  content: var(--tw-content);
  top: 3rem
}

.before\:top-\[15px\]:before {
  content: var(--tw-content);
  top: 15px
}

.before\:-z-\[1\]:before {
  content: var(--tw-content);
  z-index: -1
}

.before\:z-\[1\]:before {
  content: var(--tw-content);
  z-index: 1
}

.before\:clear-both:before {
  content: var(--tw-content);
  clear: both
}

.before\:m-auto:before {
  content: var(--tw-content);
  margin: auto
}

.before\:mx-4:before {
  content: var(--tw-content);
  margin-left: 1rem;
  margin-right: 1rem
}

.before\:mx-auto:before {
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto
}

.before\:-ml-\[1\.5px\]:before {
  content: var(--tw-content);
  margin-left: -1.5px
}

.before\:-mt-2:before {
  content: var(--tw-content);
  margin-top: -.5rem
}

.before\:mr-1:before {
  content: var(--tw-content);
  margin-right: .25rem
}

.before\:inline-block:before {
  content: var(--tw-content);
  display: inline-block
}

.before\:table:before {
  content: var(--tw-content);
  display: table
}

.before\:hidden:before {
  content: var(--tw-content);
  display: none
}

.before\:aspect-square:before {
  content: var(--tw-content);
  aspect-ratio: 1/1
}

.before\:\!h-\[80\%\]:before {
  content: var(--tw-content);
  height: 80% !important
}

.before\:h-0:before {
  content: var(--tw-content);
  height: 0
}

.before\:h-1:before {
  content: var(--tw-content);
  height: .25rem
}

.before\:h-1\.5:before {
  content: var(--tw-content);
  height: .375rem
}

.before\:h-2:before {
  content: var(--tw-content);
  height: .5rem
}

.before\:h-2\.5:before {
  content: var(--tw-content);
  height: .625rem
}

.before\:h-3:before {
  content: var(--tw-content);
  height: .75rem
}

.before\:h-4:before {
  content: var(--tw-content);
  height: 1rem
}

.before\:h-96:before {
  content: var(--tw-content);
  height: 24rem
}

.before\:h-\[1px\]:before {
  content: var(--tw-content);
  height: 1px
}

.before\:h-\[3px\]:before {
  content: var(--tw-content);
  height: 3px
}

.before\:h-\[5px\]:before {
  content: var(--tw-content);
  height: 5px
}

.before\:h-\[calc\(100\%-24px\)\]:before {
  content: var(--tw-content);
  height: calc(100% - 24px)
}

.before\:h-auto:before {
  content: var(--tw-content);
  height: auto
}

.before\:h-full:before {
  content: var(--tw-content);
  height: 100%
}

.before\:\!w-full:before {
  content: var(--tw-content);
  width: 100% !important
}

.before\:w-0:before {
  content: var(--tw-content);
  width: 0
}

.before\:w-1:before {
  content: var(--tw-content);
  width: .25rem
}

.before\:w-1\.5:before {
  content: var(--tw-content);
  width: .375rem
}

.before\:w-2:before {
  content: var(--tw-content);
  width: .5rem
}

.before\:w-2\.5:before {
  content: var(--tw-content);
  width: .625rem
}

.before\:w-3:before {
  content: var(--tw-content);
  width: .75rem
}

.before\:w-4:before {
  content: var(--tw-content);
  width: 1rem
}

.before\:w-96:before {
  content: var(--tw-content);
  width: 24rem
}

.before\:w-\[1px\]:before {
  content: var(--tw-content);
  width: 1px
}

.before\:w-\[250px\]:before {
  content: var(--tw-content);
  width: 250px
}

.before\:w-\[2px\]:before {
  content: var(--tw-content);
  width: 2px
}

.before\:w-\[37px\]:before {
  content: var(--tw-content);
  width: 37px
}

.before\:w-\[3px\]:before {
  content: var(--tw-content);
  width: 3px
}

.before\:w-\[5px\]:before {
  content: var(--tw-content);
  width: 5px
}

.before\:w-full:before {
  content: var(--tw-content);
  width: 100%
}

.before\:-translate-x-1\/2:before {
  content: var(--tw-content);
  --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))
}

.before\:rounded:before {
  content: var(--tw-content);
  border-radius: .25rem
}

.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px
}

.before\:border-2:before {
  content: var(--tw-content);
  border-width: 2px
}

.before\:border-\[16px\]:before {
  content: var(--tw-content);
  border-width: 16px
}

.before\:border-\[5px\]:before {
  content: var(--tw-content);
  border-width: 5px
}

.before\:border-b-0:before {
  content: var(--tw-content);
  border-bottom-width: 0
}

.before\:border-b-8:before {
  content: var(--tw-content);
  border-bottom-width: 8px
}

.before\:border-l:before {
  content: var(--tw-content);
  border-left-width: 1px
}

.before\:border-l-2:before {
  content: var(--tw-content);
  border-left-width: 2px
}

.before\:border-l-8:before {
  content: var(--tw-content);
  border-left-width: 8px
}

.before\:border-l-\[15px\]:before {
  content: var(--tw-content);
  border-left-width: 15px
}

.before\:border-r-0:before {
  content: var(--tw-content);
  border-right-width: 0
}

.before\:border-r-8:before {
  content: var(--tw-content);
  border-right-width: 8px
}

.before\:border-t-8:before {
  content: var(--tw-content);
  border-top-width: 8px
}

.before\:border-dashed:before {
  content: var(--tw-content);
  border-style: dashed
}

.before\:border-\[\#ebedf2\]:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(235 237 242/var(--tw-border-opacity))
}

.before\:border-danger:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.before\:border-info:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(33 150 243/var(--tw-border-opacity))
}

.before\:border-primary:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.before\:border-secondary:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity))
}

.before\:border-success:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.before\:border-warning:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity))
}

.before\:border-white-light:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity))
}

.before\:border-b-transparent:before {
  content: var(--tw-content);
  border-bottom-color: #0000
}

.before\:border-l-\[\#ebedf2\]:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-left-color: rgb(235 237 242/var(--tw-border-opacity))
}

.before\:border-l-inherit:before {
  content: var(--tw-content);
  border-left-color: inherit
}

.before\:border-l-primary:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-left-color: rgb(67 97 238/var(--tw-border-opacity))
}

.before\:border-l-transparent:before {
  content: var(--tw-content);
  border-left-color: #0000
}

.before\:border-r-inherit:before {
  content: var(--tw-content);
  border-right-color: inherit
}

.before\:border-r-transparent:before {
  content: var(--tw-content);
  border-right-color: #0000
}

.before\:border-t-inherit:before {
  content: var(--tw-content);
  border-top-color: inherit
}

.before\:border-t-transparent:before {
  content: var(--tw-content);
  border-top-color: #0000
}

.before\:border-t-white-light:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(224 230 237/var(--tw-border-opacity))
}

.before\:bg-\[\#1937cc\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(25 55 204/var(--tw-bg-opacity))
}

.before\:bg-\[\#777\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119/var(--tw-bg-opacity))
}

.before\:bg-\[\#adb5bd\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(173 181 189/var(--tw-bg-opacity))
}

.before\:bg-\[\#e0e6ed\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(224 230 237/var(--tw-bg-opacity))
}

.before\:bg-\[\#ebedf2\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(235 237 242/var(--tw-bg-opacity))
}

.before\:bg-gray-300:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.before\:bg-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.before\:bg-secondary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity))
}

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

.before\:bg-white-dark\/30:before {
  content: var(--tw-content);
  background-color: #888ea84d
}

.before\:bg-\[linear-gradient\(180deg\2c \#4361EE_0\%\2c rgba\(67\2c 97\2c 238\2c 0\)_50\.73\%\)\]:before {
  content: var(--tw-content);
  background-image: linear-gradient(180deg, #4361ee, #4361ee00 50.73%)
}

.before\:bg-\[url\(\'\.\.\/images\/close\.svg\'\)\]:before {
  content: var(--tw-content);
  background-image: url(/../images/close.svg)
}

.before\:bg-center:before {
  content: var(--tw-content);
  background-position: 50%
}

.before\:bg-no-repeat:before {
  content: var(--tw-content);
  background-repeat: no-repeat
}

.before\:px-1:before {
  content: var(--tw-content);
  padding-left: .25rem;
  padding-right: .25rem
}

.before\:px-1\.5:before {
  content: var(--tw-content);
  padding-left: .375rem;
  padding-right: .375rem
}

.before\:opacity-10:before {
  content: var(--tw-content);
  opacity: .1
}

.before\:opacity-50:before {
  content: var(--tw-content);
  opacity: .5
}

.before\:transition-all:before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.before\:duration-300:before {
  content: var(--tw-content);
  transition-duration: .3s
}

.before\:duration-700:before {
  content: var(--tw-content);
  transition-duration: .7s
}

.before\:content-\[\'\/\'\]:before {
  --tw-content: "/";
  content: var(--tw-content)
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute
}

.after\:-bottom-\[15px\]:after {
  content: var(--tw-content);
  bottom: -15px
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%
}

.after\:top-\[25px\]:after {
  content: var(--tw-content);
  top: 25px
}

.after\:clear-both:after {
  content: var(--tw-content);
  clear: both
}

.after\:table:after {
  content: var(--tw-content);
  display: table
}

.after\:h-auto:after {
  content: var(--tw-content);
  height: auto
}

.after\:w-0:after {
  content: var(--tw-content);
  width: 0
}

.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --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))
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px
}

.after\:border-l-2:after {
  content: var(--tw-content);
  border-left-width: 2px
}

.after\:border-danger:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(231 81 90/var(--tw-border-opacity))
}

.after\:border-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.after\:border-secondary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity))
}

.after\:border-success:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 171 85/var(--tw-border-opacity))
}

.after\:border-warning:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(226 160 63/var(--tw-border-opacity))
}

.after\:border-white-dark\/20:after {
  content: var(--tw-content);
  border-color: #888ea833
}

.checked\:bg-none:checked {
  background-image: none
}

.hover\:-top-0:hover {
  top: 0
}

.hover\:-top-0\.5:hover {
  top: -.125rem
}

.hover\:top-0:hover {
  top: 0
}

.hover\:hover\:translate-y-2:hover:hover {
  --tw-translate-y: 0.5rem
}

.hover\:hover\:translate-y-2:hover:hover,
.hover\:translate-x-2:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-x-2:hover {
  --tw-translate-x: 0.5rem
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.hover\:scale-110:hover,
.hover\:scale-\[1\.01\]:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01
}

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

.hover\:\!border-secondary:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(128 93 202/var(--tw-border-opacity)) !important
}

.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.hover\:border-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(128 93 202/var(--tw-border-opacity))
}

.hover\:border-white-light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237/var(--tw-border-opacity))
}

.hover\:border-b-white:hover {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255/var(--tw-border-opacity))
}

.hover\:\!bg-info:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 150 243/var(--tw-bg-opacity)) !important
}

.hover\:\!bg-success:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 171 85/var(--tw-bg-opacity)) !important
}

.hover\:\!bg-transparent:hover {
  background-color: initial !important
}

.hover\:bg-\[\#1937cc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(25 55 204/var(--tw-bg-opacity))
}

.hover\:bg-\[\#4361ee\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:bg-\[\#eee\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

.hover\:bg-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-gray-500\/10:hover {
  background-color: #6b72801a
}

.hover\:bg-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:bg-primary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity))
}

.hover\:bg-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity))
}

.hover\:bg-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity))
}

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

.hover\:bg-white-dark\/10:hover {
  background-color: #888ea81a
}

.hover\:bg-white-light\/90:hover {
  background-color: #e0e6ede6
}

.hover\:\!text-primary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(67 97 238/var(--tw-text-opacity)) !important
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

.hover\:text-black\/70:hover {
  color: #0e1726b3
}

.hover\:text-danger:hover {
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.hover\:text-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity))
}

.hover\:text-gray-500\/70:hover {
  color: #6b7280b3
}

.hover\:text-info:hover {
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.hover\:text-primary\/70:hover {
  color: #4361eeb3
}

.hover\:text-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(128 93 202/var(--tw-text-opacity))
}

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

.hover\:underline:hover {
  text-decoration-line: underline
}

.hover\:no-underline:hover {
  text-decoration-line: none
}

.hover\:opacity-100:hover {
  opacity: 1
}

.hover\:opacity-80:hover {
  opacity: .8
}

.hover\:opacity-90:hover {
  opacity: .9
}

.hover\:shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.20\)\]:hover {
  --tw-shadow: 0 0 15px 1px #716aca33;
  --tw-shadow-colored: 0 0 15px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_10px_20px_-10px\]:hover {
  --tw-shadow: 0 10px 20px -10px;
  --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_5px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.30\)\]:hover {
  --tw-shadow: 0 5px 15px 0 #0000004d;
  --tw-shadow-colored: 0 5px 15px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[0_5px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.30\)\]:hover,
.hover\:shadow-none:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.hover\:shadow-success:hover {
  --tw-shadow-color: #00ab55;
  --tw-shadow: var(--tw-shadow-colored)
}

.file\:hover\:bg-primary:hover::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:before\:h-\[80\%\]:hover:before {
  content: var(--tw-content);
  height: 80%
}

.hover\:before\:w-full:hover:before {
  content: var(--tw-content);
  width: 100%
}

.hover\:before\:border-t-white-light:hover:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(224 230 237/var(--tw-border-opacity))
}

.focus\:\!border-r:focus {
  border-right-width: 1px !important
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(14 23 38/var(--tw-border-opacity))
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252/var(--tw-border-opacity))
}

.focus\:border-transparent:focus {
  border-color: #0000
}

.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

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

.focus\:shadow-\[0_0_5px_2px_rgb\(194_213_255_\/_62\%\)\]:focus {
  --tw-shadow: 0 0 5px 2px #c2d5ff9e;
  --tw-shadow-colored: 0 0 5px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
  outline: 2px solid #0000;
  outline-offset: 2px
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.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(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 23 38/var(--tw-ring-opacity))
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254/var(--tw-ring-opacity))
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px
}

.enabled\:hover\:bg-primary-light:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity))
}

.enabled\:hover\:text-primary:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.enabled\:hover\:text-warning:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity))
}

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

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

.disabled\:bg-\[\#eee\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

.disabled\:opacity-60:disabled {
  opacity: .6
}

.group:hover .group-hover\:block {
  display: block
}

.group:hover .group-hover\:-translate-y-\[10px\] {
  --tw-translate-y: -10px
}

.group:hover .group-hover\:-translate-y-\[10px\],
.group:hover .group-hover\:translate-x-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\:translate-x-1 {
  --tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-2 {
  --tw-translate-x: 0.5rem
}

.group:hover .group-hover\:scale-110,
.group:hover .group-hover\:translate-x-2 {
  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
}

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

.group:hover .group-hover\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.group:hover .group-hover\:bg-primary\/10 {
  background-color: #4361ee1a
}

.group:hover .group-hover\:fill-warning {
  fill: #e2a03f
}

.group:hover .group-hover\:\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(67 97 238/var(--tw-text-opacity)) !important
}

.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1
}

.group:hover .group-hover\:saturate-100 {
  --tw-saturate: saturate(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)
}

.peer:checked~.peer-checked\:border-black {
  --tw-border-opacity: 1;
  border-color: rgb(14 23 38/var(--tw-border-opacity))
}

.peer:checked~.peer-checked\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

.peer:checked~.peer-checked\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:bg-primary\/10 {
  background-color: #4361ee1a
}

.peer:checked~.peer-checked\:text-danger {
  --tw-text-opacity: 1;
  color: rgb(231 81 90/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-dark {
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-info {
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-secondary {
  --tw-text-opacity: 1;
  color: rgb(128 93 202/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-success {
  --tw-text-opacity: 1;
  color: rgb(0 171 85/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-warning {
  --tw-text-opacity: 1;
  color: rgb(226 160 63/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:before\:left-7:before {
  content: var(--tw-content);
  left: 1.75rem
}

.peer:checked~.peer-checked\:before\:bg-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:before\:bg-white:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:before\:bg-\[url\(\'\.\.\/images\/checked\.svg\'\)\]:before {
  content: var(--tw-content);
  background-image: url(/../images/checked.svg)
}

.peer:focus~.peer-focus\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

.prose-p\:text-sm :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
  font-size: .875rem;
  line-height: 1.25rem
}

.prose-img\:m-0 :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
  margin: 0
}

.prose-img\:inline-block :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
  display: inline-block
}

:is(.dark .dark\:divide-\[\#191e3a\])>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(25 30 58/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-\[\#253b5c\])>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(37 59 92/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-dark)>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-white\/10)>:not([hidden])~:not([hidden]) {
  border-color: #ffffff1a
}

:is(.dark .dark\:border-0) {
  border-width: 0
}

:is(.dark .dark\:\!border-\[\#191e3a\]) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(25 30 58/var(--tw-border-opacity)) !important
}

:is(.dark .dark\:border-\[\#060818\]) {
  --tw-border-opacity: 1;
  border-color: rgb(6 8 24/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#0e1726\]) {
  --tw-border-opacity: 1;
  border-color: rgb(14 23 38/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#17263c\]) {
  --tw-border-opacity: 1;
  border-color: rgb(23 38 60/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#191e3a\]) {
  --tw-border-opacity: 1;
  border-color: rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#1B2E4B\]),
:is(.dark .dark\:border-\[\#1b2e4b\]) {
  --tw-border-opacity: 1;
  border-color: rgb(27 46 75/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#253b5c\]) {
  --tw-border-opacity: 1;
  border-color: rgb(37 59 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#3b3f5c\]),
:is(.dark .dark\:border-dark) {
  --tw-border-opacity: 1;
  border-color: rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-dark\/30) {
  border-color: #3b3f5c4d
}

:is(.dark .dark\:border-gray-800) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55/var(--tw-border-opacity))
}

:is(.dark .dark\:border-primary) {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

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

:is(.dark .dark\:border-white-dark) {
  --tw-border-opacity: 1;
  border-color: rgb(136 142 168/var(--tw-border-opacity))
}

:is(.dark .dark\:border-white-dark\/50) {
  border-color: #888ea880
}

:is(.dark .dark\:border-white-light\/10) {
  border-color: #e0e6ed1a
}

:is(.dark .dark\:border-white-light\/20) {
  border-color: #e0e6ed33
}

:is(.dark .dark\:border-white\/10) {
  border-color: #ffffff1a
}

:is(.dark .dark\:\!border-b-black) {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(14 23 38/var(--tw-border-opacity)) !important
}

:is(.dark .dark\:border-b-dark) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-l-dark) {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-t-dark) {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:\!bg-transparent) {
  background-color: initial !important
}

:is(.dark .dark\:bg-\[\#050b14\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 11 20/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#060818\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(6 8 24/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#0e1726\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#121c2c\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 28 44/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#141F31\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 31 49/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#181F32\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#191e3a\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#192A3A\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(25 42 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1B2E4B\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1a1c2d\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 28 45/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1a2941\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 41 65/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1b2e4b\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1c232f\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 35 47/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#253b5c\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 59 92/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#262e40\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 46 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black\/50) {
  background-color: #0e172680
}

:is(.dark .dark\:bg-danger) {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-danger-dark-light) {
  background-color: #e7515a26
}

:is(.dark .dark\:bg-dark) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-dark-dark-light) {
  background-color: #3b3f5c26
}

:is(.dark .dark\:bg-dark-light\/10) {
  background-color: #eaeaec1a
}

:is(.dark .dark\:bg-dark\/40) {
  background-color: #3b3f5c66
}

:is(.dark .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-info) {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-info-dark-light) {
  background-color: #2196f326
}

:is(.dark .dark\:bg-primary) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-primary-dark-light) {
  background-color: #4361ee26
}

:is(.dark .dark\:bg-secondary) {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-secondary-dark-light) {
  background-color: #805dca26
}

:is(.dark .dark\:bg-success) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-success-dark-light) {
  background-color: #00ab5526
}

:is(.dark .dark\:bg-transparent) {
  background-color: initial
}

:is(.dark .dark\:bg-warning) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-warning-dark-light) {
  background-color: #e2a03f26
}

:is(.dark .dark\:bg-white-dark) {
  --tw-bg-opacity: 1;
  background-color: rgb(136 142 168/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-white-dark\/20) {
  background-color: #888ea833
}

:is(.dark .dark\:bg-white\/10) {
  background-color: #ffffff1a
}

:is(.dark .dark\:bg-opacity-\[0\.08\]) {
  --tw-bg-opacity: 0.08
}

:is(.dark .dark\:bg-\[linear-gradient\(52\.22deg\2c \#0E1726_0\%\2c rgba\(14\2c 23\2c 38\2c 0\)_18\.66\%\2c rgba\(14\2c 23\2c 38\2c 0\)_51\.04\%\2c rgba\(14\2c 23\2c 38\2c 0\)_80\.07\%\2c \#0E1726_100\%\)\]) {
  background-image: linear-gradient(52.22deg, #0e1726, #0e172600 18.66%, #0e172600 51.04%, #0e172600 80.07%, #0e1726)
}

:is(.dark .dark\:from-\[rgba\(14\2c 23\2c 38\2c 0\.44\)\]) {
  --tw-gradient-from: #0e172670 var(--tw-gradient-from-position);
  --tw-gradient-to: #0e172600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.dark .dark\:via-white) {
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

:is(.dark .dark\:to-\[\#0E1726\]) {
  --tw-gradient-to: #0e1726 var(--tw-gradient-to-position)
}

:is(.dark .dark\:text-\[\#0e1726\]) {
  --tw-text-opacity: 1;
  color: rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#1B2E4B\]) {
  --tw-text-opacity: 1;
  color: rgb(27 46 75/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#506690\]) {
  --tw-text-opacity: 1;
  color: rgb(80 102 144/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#888ea8\]) {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#bfc9d4\]) {
  --tw-text-opacity: 1;
  color: rgb(191 201 212/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#d0d2d6\]) {
  --tw-text-opacity: 1;
  color: rgb(208 210 214/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#ffeccb\]) {
  --tw-text-opacity: 1;
  color: rgb(255 236 203/var(--tw-text-opacity))
}

:is(.dark .dark\:text-danger-light) {
  --tw-text-opacity: 1;
  color: rgb(255 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:text-dark) {
  --tw-text-opacity: 1;
  color: rgb(59 63 92/var(--tw-text-opacity))
}

:is(.dark .dark\:text-dark-light\/60) {
  color: #eaeaec99
}

:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-600) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity))
}

:is(.dark .dark\:text-info) {
  --tw-text-opacity: 1;
  color: rgb(33 150 243/var(--tw-text-opacity))
}

:is(.dark .dark\:text-info-light) {
  --tw-text-opacity: 1;
  color: rgb(231 247 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary) {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-light) {
  --tw-text-opacity: 1;
  color: rgb(234 241 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-secondary-light) {
  --tw-text-opacity: 1;
  color: rgb(235 228 247/var(--tw-text-opacity))
}

:is(.dark .dark\:text-success-light) {
  --tw-text-opacity: 1;
  color: rgb(221 245 240/var(--tw-text-opacity))
}

:is(.dark .dark\:text-warning-light) {
  --tw-text-opacity: 1;
  color: rgb(255 249 237/var(--tw-text-opacity))
}

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

:is(.dark .dark\:text-white-dark) {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white-dark\/70) {
  color: #888ea8b3
}

:is(.dark .dark\:text-white-light) {
  --tw-text-opacity: 1;
  color: rgb(224 230 237/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white-light\/90) {
  color: #e0e6ede6
}

:is(.dark .dark\:text-white\/70) {
  color: #ffffffb3
}

:is(.dark .dark\:shadow-\[0_2px_11px_0_rgb\(6_8_24_\/_39\%\)\]) {
  --tw-shadow: 0 2px 11px 0 #06081863;
  --tw-shadow-colored: 0 2px 11px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .dark\:shadow-none) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .dark\:shadow-\[\#1b2e4b\]) {
  --tw-shadow-color: #1b2e4b;
  --tw-shadow: var(--tw-shadow-colored)
}

:is(.dark .dark\:shadow-dark) {
  --tw-shadow-color: #3b3f5c;
  --tw-shadow: var(--tw-shadow-colored)
}

:is(.dark .dark\:ring-\[\#515365\]) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(81 83 101/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-dark) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 63 92/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-white-dark) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(136 142 168/var(--tw-ring-opacity))
}

:is(.dark .dark\:brightness-\[2\.59\]) {
  --tw-brightness: brightness(2.59)
}

:is(.dark .dark\:brightness-\[2\.59\]),
:is(.dark .dark\:grayscale-\[83\%\]) {
  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)
}

:is(.dark .dark\:grayscale-\[83\%\]) {
  --tw-grayscale: grayscale(83%)
}

:is(.dark .dark\:before\:border-\[\#191e3a\]):before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:before\:border-white-light\/30):before {
  content: var(--tw-content);
  border-color: #e0e6ed4d
}

:is(.dark .dark\:before\:border-l-\[\#1b2e4b\]):before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-left-color: rgb(27 46 75/var(--tw-border-opacity))
}

:is(.dark .dark\:before\:bg-\[\#191e3a\]):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:before\:bg-\[\#1b2e4b\]):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:before\:bg-white-dark):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(136 142 168/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:border-\[\#191e3a\]:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:border-primary:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:border-b-black:hover) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(14 23 38/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#050b14\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 11 20/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#181F32\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 31 50/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#191e3a\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#192A3A\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(25 42 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#1B2E4B\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#eee\]\/10:hover) {
  background-color: #eeeeee1a
}

:is(.dark .dark\:hover\:bg-dark-light\/10:hover) {
  background-color: #eaeaec1a
}

:is(.dark .dark\:hover\:bg-dark\/60:hover) {
  background-color: #3b3f5c99
}

:is(.dark .dark\:hover\:bg-gray-900:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-gray-600:hover) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-primary:hover) {
  --tw-text-opacity: 1;
  color: rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white-dark:hover) {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white-dark\/70:hover) {
  color: #888ea8b3
}

:is(.dark .dark\:hover\:text-white-light\/70:hover) {
  color: #e0e6edb3
}

:is(.dark .dark\:hover\:text-white-light\/90:hover) {
  color: #e0e6ede6
}

:is(.dark .enabled\:dark\:hover\:bg-white-dark\/30:hover):enabled {
  background-color: #888ea84d
}

:is(.dark .dark\:disabled\:bg-\[\#1b2e4b\]:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .group:hover .dark\:group-hover\:bg-transparent) {
  background-color: initial
}

:is(.dark .group:hover .dark\:group-hover\:text-white-dark) {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .peer:checked~.dark\:peer-checked\:before\:bg-white):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dark\:prose-headings\:text-white-dark :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)))) {
  --tw-text-opacity: 1;
  color: rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:prose-p\:text-white :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *)))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {
  .sm\:absolute {
    position: absolute
  }

  .sm\:relative {
    position: relative
  }

  .sm\:top-0 {
    top: 0
  }

  .sm\:top-5 {
    top: 1.25rem
  }

  .sm\:order-1 {
    order: 1
  }

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

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

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

  .sm\:-ms-32 {
    margin-inline-start: -8rem
  }

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

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

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

  .sm\:mt-7 {
    margin-top: 1.75rem
  }

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

  .sm\:block {
    display: block
  }

  .sm\:flex {
    display: flex
  }

  .sm\:hidden {
    display: none
  }

  .sm\:h-12 {
    height: 3rem
  }

  .sm\:h-16 {
    height: 4rem
  }

  .sm\:h-6 {
    height: 1.5rem
  }

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

  .sm\:h-\[calc\(100vh_-_150px\)\] {
    height: calc(100vh - 150px)
  }

  .sm\:h-\[calc\(100vh_-_300px\)\] {
    height: calc(100vh - 300px)
  }

  .sm\:h-\[calc\(100vh_-_377px\)\] {
    height: calc(100vh - 377px);
  }

  .sm\:h-\[calc\(100vh_-_427px\)\] {
    height: calc(100vh - 427px);
  }

  .sm\:h-\[calc\(100vh_-_357px\)\] {
    height: calc(100vh - 357px)
  }

  .sm\:min-h-0 {
    min-height: 0
  }

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

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

  .sm\:w-1\/4 {
    width: 25%
  }

  .sm\:w-12 {
    width: 3rem
  }

  .sm\:w-16 {
    width: 4rem
  }

  .sm\:w-2\/12 {
    width: 16.666667%
  }

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

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

  .sm\:w-56 {
    width: 14rem
  }

  .sm\:w-6 {
    width: 1.5rem
  }

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

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

  .sm\:w-\[350px\] {
    width: 350px
  }

  .sm\:w-\[375px\] {
    width: 375px
  }

  .sm\:w-\[46\%\] {
    width: 46%
  }

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

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

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

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

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

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

  .sm\:flex-\[0_0_20\%\] {
    flex: 0 0 20%
  }

  .sm\:flex-auto {
    flex: 1 1 auto
  }

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

  .sm\:-translate-y-1\/2 {
    --tw-translate-y: -50%
  }

  .sm\:-translate-y-1\/2,
  .sm\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px
  }

  .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\:flex-row {
    flex-direction: row
  }

  .sm\:flex-col {
    flex-direction: column
  }

  .sm\:flex-wrap {
    flex-wrap: wrap
  }

  .sm\:items-center {
    align-items: center
  }

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

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

  .sm\:justify-center {
    justify-content: center
  }

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

  .sm\:gap-3 {
    gap: .75rem
  }

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

  .sm\:gap-5 {
    gap: 1.25rem
  }

  .sm\:gap-7 {
    gap: 1.75rem
  }

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

  .sm\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px*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*(1 - var(--tw-divide-x-reverse)))
  }

  .sm\:bg-transparent {
    background-color: initial
  }

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

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

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

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

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

  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

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

  .sm\:pb-0 {
    padding-bottom: 0
  }

  .sm\:pe-32 {
    padding-inline-end: 8rem
  }

  .sm\:text-left {
    text-align: left
  }

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

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

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

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

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

  .sm\:before\:block:before {
    content: var(--tw-content);
    display: block
  }
}

@media (min-width:768px) {
  .md\:absolute {
    position: absolute
  }

  .md\:-top-\[30px\] {
    top: -30px
  }

  .md\:left-\[30\%\] {
    left: 30%
  }

  .md\:top-5 {
    top: 1.25rem
  }

  .md\:top-\[25px\] {
    top: 25px
  }

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

  .md\:row-span-2 {
    grid-row: span 2/span 2
  }

  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

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

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

  .md\:mb-0 {
    margin-bottom: 0
  }

  .md\:mb-24 {
    margin-bottom: 6rem
  }

  .md\:mb-32 {
    margin-bottom: 8rem
  }

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

  .md\:mb-9 {
    margin-bottom: 2.25rem
  }

  .md\:mb-\[60px\] {
    margin-bottom: 60px
  }

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

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

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

  .md\:block {
    display: block
  }

  .md\:inline {
    display: inline
  }

  .md\:flex {
    display: flex
  }

  .md\:h-24 {
    height: 6rem
  }

  .md\:h-32 {
    height: 8rem
  }

  .md\:h-\[550px\] {
    height: 550px
  }

  .md\:w-32 {
    width: 8rem
  }

  .md\:w-80 {
    width: 20rem
  }

  .md\:w-\[430px\] {
    width: 430px
  }

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

  .md\:w-full {
    width: 100%
  }

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

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

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

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

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

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

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

  .md\:flex-auto {
    flex: 1 1 auto
  }

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

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

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

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

  .md\:gap-20 {
    gap: 5rem
  }

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

  .md\: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*(1 - var(--tw-space-x-reverse)))
  }

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

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

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

  .md\:text-start {
    text-align: start
  }

  .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-\[50px\] {
    font-size: 50px
  }

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

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

  .md\:prose-p\:text-sm :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

@media (min-width:1024px) {
  .lg\:absolute {
    position: absolute
  }

  .lg\:end-6 {
    inset-inline-end: 1.5rem
  }

  .lg\:top-6 {
    top: 1.5rem
  }

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

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

  .lg\:col-start-2 {
    grid-column-start: 2
  }

  .lg\:row-span-2 {
    grid-row: span 2/span 2
  }

  .lg\:row-span-3 {
    grid-row: span 3/span 3
  }

  .lg\:row-start-1 {
    grid-row-start: 1
  }

  .lg\:row-start-3 {
    grid-row-start: 3
  }

  .lg\:row-start-\[14\] {
    grid-row-start: 14
  }

  .lg\:mt-0 {
    margin-top: 0
  }

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

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

  .lg\:block {
    display: block
  }

  .lg\:inline {
    display: inline
  }

  .lg\:flex {
    display: flex
  }

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

  .lg\:hidden {
    display: none
  }

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

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

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

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

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

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

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

  .lg\:w-72 {
    width: 18rem
  }

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

  .lg\:w-\[250px\] {
    width: 250px
  }

  .lg\:w-\[800px\] {
    width: 800px
  }

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

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

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

  .lg\:max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
  }

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

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

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, 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-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

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

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

  .lg\:gap-10 {
    gap: 2.5rem
  }

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

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

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

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

  .lg\:p-5 {
    padding: 1.25rem
  }

  .lg\:p-9 {
    padding: 2.25rem
  }

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

  .lg\:pt-0 {
    padding-top: 0
  }

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

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

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

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

@media (min-width:1280px) {
  .xl\:relative {
    position: relative
  }

  .xl\:bottom-14 {
    bottom: 3.5rem
  }

  .xl\:end-0 {
    inset-inline-end: 0
  }

  .xl\:end-10 {
    inset-inline-end: 2.5rem
  }

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

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

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

  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .xl\:-ms-28 {
    margin-inline-start: -7rem
  }

  .xl\:-ms-32 {
    margin-inline-start: -8rem
  }

  .xl\:-ms-60 {
    margin-inline-start: -15rem
  }

  .xl\:mt-0 {
    margin-top: 0
  }

  .xl\:block {
    display: block
  }

  .xl\:flex {
    display: flex
  }

  .xl\:\!hidden {
    display: none !important
  }

  .xl\:hidden {
    display: none
  }

  .xl\:h-\[calc\(100vh_-_150px\)\] {
    height: calc(100vh - 150px)
  }

  .xl\:h-auto {
    height: auto
  }

  .xl\:h-full {
    height: 100%
  }

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

  .xl\:w-16 {
    width: 4rem
  }

  .xl\:w-28 {
    width: 7rem
  }

  .xl\:w-80 {
    width: 20rem
  }

  .xl\:w-96 {
    width: 24rem
  }

  .xl\:w-auto {
    width: auto
  }

  .xl\:w-full {
    width: 100%
  }

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

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

  .xl\:grid-flow-row {
    grid-auto-flow: row
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, 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-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .xl\:flex-row {
    flex-direction: row
  }

  .xl\:gap-0 {
    gap: 0
  }

  .xl\:gap-8 {
    gap: 2rem
  }

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

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

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem
  }

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

@media (min-width:1536px) {
  .\32xl\:m-0 {
    margin: 0
  }

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

  .\32xl\:w-full {
    width: 100%
  }

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

.ltr\:\!right-0:where([dir=ltr], [dir=ltr] *) {
  right: 0 !important
}

.ltr\:\!right-auto:where([dir=ltr], [dir=ltr] *) {
  right: auto !important
}

.ltr\:-left-11:where([dir=ltr], [dir=ltr] *) {
  left: -2.75rem
}

.ltr\:-left-12:where([dir=ltr], [dir=ltr] *) {
  left: -3rem
}

.ltr\:-left-\[3px\]:where([dir=ltr], [dir=ltr] *) {
  left: -3px
}

.ltr\:-right-10:where([dir=ltr], [dir=ltr] *) {
  right: -2.5rem
}

.ltr\:-right-11:where([dir=ltr], [dir=ltr] *) {
  right: -2.75rem
}

.ltr\:-right-12:where([dir=ltr], [dir=ltr] *) {
  right: -3rem
}

.ltr\:-right-14:where([dir=ltr], [dir=ltr] *) {
  right: -3.5rem
}

.ltr\:-right-16:where([dir=ltr], [dir=ltr] *) {
  right: -4rem
}

.ltr\:-right-2:where([dir=ltr], [dir=ltr] *) {
  right: -.5rem
}

.ltr\:-right-\[400px\]:where([dir=ltr], [dir=ltr] *) {
  right: -400px
}

.ltr\:left-0:where([dir=ltr], [dir=ltr] *) {
  left: 0
}

.ltr\:left-1:where([dir=ltr], [dir=ltr] *) {
  left: .25rem
}

.ltr\:left-12:where([dir=ltr], [dir=ltr] *) {
  left: 3rem
}

.ltr\:left-2:where([dir=ltr], [dir=ltr] *) {
  left: .5rem
}

.ltr\:left-3:where([dir=ltr], [dir=ltr] *) {
  left: .75rem
}

.ltr\:left-4:where([dir=ltr], [dir=ltr] *) {
  left: 1rem
}

.ltr\:left-6:where([dir=ltr], [dir=ltr] *) {
  left: 1.5rem
}

.ltr\:left-\[95\%\]:where([dir=ltr], [dir=ltr] *) {
  left: 95%
}

.ltr\:left-full:where([dir=ltr], [dir=ltr] *) {
  left: 100%
}

.ltr\:right-0:where([dir=ltr], [dir=ltr] *) {
  right: 0
}

.ltr\:right-1:where([dir=ltr], [dir=ltr] *) {
  right: .25rem
}

.ltr\:right-2:where([dir=ltr], [dir=ltr] *) {
  right: .5rem
}

.ltr\:right-4:where([dir=ltr], [dir=ltr] *) {
  right: 1rem
}

.ltr\:right-6:where([dir=ltr], [dir=ltr] *) {
  right: 1.5rem
}

.ltr\:right-\[11px\]:where([dir=ltr], [dir=ltr] *) {
  right: 11px
}

.ltr\:right-auto:where([dir=ltr], [dir=ltr] *) {
  right: auto
}

.ltr\:right-full:where([dir=ltr], [dir=ltr] *) {
  right: 100%
}

.ltr\:float-right:where([dir=ltr], [dir=ltr] *) {
  float: right
}

.ltr\:-ml-1:where([dir=ltr], [dir=ltr] *) {
  margin-left: -.25rem
}

.ltr\:-mr-px:where([dir=ltr], [dir=ltr] *) {
  margin-right: -1px
}

.ltr\:ml-1:where([dir=ltr], [dir=ltr] *) {
  margin-left: .25rem
}

.ltr\:ml-1\.5:where([dir=ltr], [dir=ltr] *) {
  margin-left: .375rem
}

.ltr\:ml-2:where([dir=ltr], [dir=ltr] *) {
  margin-left: .5rem
}

.ltr\:ml-2\.5:where([dir=ltr], [dir=ltr] *) {
  margin-left: .625rem
}

.ltr\:ml-3:where([dir=ltr], [dir=ltr] *) {
  margin-left: .75rem
}

.ltr\:ml-4:where([dir=ltr], [dir=ltr] *) {
  margin-left: 1rem
}

.ltr\:ml-5:where([dir=ltr], [dir=ltr] *) {
  margin-left: 1.25rem
}

.ltr\:ml-auto:where([dir=ltr], [dir=ltr] *) {
  margin-left: auto
}

.ltr\:mr-0:where([dir=ltr], [dir=ltr] *) {
  margin-right: 0
}

.ltr\:mr-1:where([dir=ltr], [dir=ltr] *) {
  margin-right: .25rem
}

.ltr\:mr-1\.5:where([dir=ltr], [dir=ltr] *) {
  margin-right: .375rem
}

.ltr\:mr-2:where([dir=ltr], [dir=ltr] *) {
  margin-right: .5rem
}

.ltr\:mr-2\.5:where([dir=ltr], [dir=ltr] *) {
  margin-right: .625rem
}

.ltr\:mr-3:where([dir=ltr], [dir=ltr] *) {
  margin-right: .75rem
}

.ltr\:mr-4:where([dir=ltr], [dir=ltr] *) {
  margin-right: 1rem
}

.ltr\:mr-5:where([dir=ltr], [dir=ltr] *) {
  margin-right: 1.25rem
}

.ltr\:hidden:where([dir=ltr], [dir=ltr] *) {
  display: none
}

.ltr\:rotate-180:where([dir=ltr], [dir=ltr] *) {
  --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))
}

.ltr\:justify-end:where([dir=ltr], [dir=ltr] *) {
  justify-content: flex-end
}

.ltr\:rounded-l:where([dir=ltr], [dir=ltr] *) {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.ltr\:rounded-l-full:where([dir=ltr], [dir=ltr] *) {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.ltr\:rounded-l-md:where([dir=ltr], [dir=ltr] *) {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.ltr\:rounded-l-none:where([dir=ltr], [dir=ltr] *) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ltr\:rounded-r-full:where([dir=ltr], [dir=ltr] *) {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.ltr\:rounded-r-md:where([dir=ltr], [dir=ltr] *) {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.ltr\:rounded-r-none:where([dir=ltr], [dir=ltr] *) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.ltr\:rounded-bl-full:where([dir=ltr], [dir=ltr] *) {
  border-bottom-left-radius: 9999px
}

.ltr\:rounded-bl-none:where([dir=ltr], [dir=ltr] *) {
  border-bottom-left-radius: 0
}

.ltr\:rounded-br-none:where([dir=ltr], [dir=ltr] *) {
  border-bottom-right-radius: 0
}

.ltr\:rounded-tl-full:where([dir=ltr], [dir=ltr] *) {
  border-top-left-radius: 9999px
}

.ltr\:border-l-0:where([dir=ltr], [dir=ltr] *) {
  border-left-width: 0
}

.ltr\:border-l-\[64px\]:where([dir=ltr], [dir=ltr] *) {
  border-left-width: 64px
}

.ltr\:border-r:where([dir=ltr], [dir=ltr] *) {
  border-right-width: 1px
}

.ltr\:border-r-0:where([dir=ltr], [dir=ltr] *) {
  border-right-width: 0
}

.ltr\:border-r-\[64px\]:where([dir=ltr], [dir=ltr] *) {
  border-right-width: 64px
}

.ltr\:bg-gradient-to-r:where([dir=ltr], [dir=ltr] *) {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.ltr\:\!pr-10:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2.5rem !important
}

.ltr\:pl-10:where([dir=ltr], [dir=ltr] *) {
  padding-left: 2.5rem
}

.ltr\:pl-12:where([dir=ltr], [dir=ltr] *) {
  padding-left: 3rem
}

.ltr\:pl-14:where([dir=ltr], [dir=ltr] *) {
  padding-left: 3.5rem
}

.ltr\:pl-2:where([dir=ltr], [dir=ltr] *) {
  padding-left: .5rem
}

.ltr\:pl-3:where([dir=ltr], [dir=ltr] *) {
  padding-left: .75rem
}

.ltr\:pl-3\.5:where([dir=ltr], [dir=ltr] *) {
  padding-left: .875rem
}

.ltr\:pl-4:where([dir=ltr], [dir=ltr] *) {
  padding-left: 1rem
}

.ltr\:pl-5:where([dir=ltr], [dir=ltr] *) {
  padding-left: 1.25rem
}

.ltr\:pl-6:where([dir=ltr], [dir=ltr] *) {
  padding-left: 1.5rem
}

.ltr\:pl-7:where([dir=ltr], [dir=ltr] *) {
  padding-left: 1.75rem
}

.ltr\:pl-8:where([dir=ltr], [dir=ltr] *) {
  padding-left: 2rem
}

.ltr\:pl-9:where([dir=ltr], [dir=ltr] *) {
  padding-left: 2.25rem
}

.ltr\:pr-11:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2.75rem
}

.ltr\:pr-2:where([dir=ltr], [dir=ltr] *) {
  padding-right: .5rem
}

.ltr\:pr-3:where([dir=ltr], [dir=ltr] *) {
  padding-right: .75rem
}

.ltr\:pr-4:where([dir=ltr], [dir=ltr] *) {
  padding-right: 1rem
}

.ltr\:pr-8:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2rem
}

.ltr\:pr-9:where([dir=ltr], [dir=ltr] *) {
  padding-right: 2.25rem
}

.ltr\:pr-\[100px\]:where([dir=ltr], [dir=ltr] *) {
  padding-right: 100px
}

.ltr\:pr-\[50px\]:where([dir=ltr], [dir=ltr] *) {
  padding-right: 50px
}

.ltr\:text-left:where([dir=ltr], [dir=ltr] *) {
  text-align: left
}

.ltr\:\!text-right:where([dir=ltr], [dir=ltr] *) {
  text-align: right !important
}

.ltr\:text-right:where([dir=ltr], [dir=ltr] *) {
  text-align: right
}

.ltr\:file\:mr-5:where([dir=ltr], [dir=ltr] *)::file-selector-button {
  margin-right: 1.25rem
}

.ltr\:before\:-left-\[37px\]:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: -37px
}

.ltr\:before\:-right-\[15px\]:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: -15px
}

.ltr\:before\:-right-\[1px\]:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: -1px
}

.ltr\:before\:-right-\[37px\]:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: -37px
}

.ltr\:before\:left-0:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: 0
}

.ltr\:before\:left-0\.5:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: .125rem
}

.ltr\:before\:left-1:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: .25rem
}

.ltr\:before\:left-4:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: 1rem
}

.ltr\:before\:left-4\.5:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: 18px
}

.ltr\:before\:right-0:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: 0
}

.ltr\:before\:right-0\.5:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  right: .125rem
}

.before\:ltr\:mr-1:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  margin-right: .25rem
}

.ltr\:before\:mr-1:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  margin-right: .25rem
}

.ltr\:before\:mr-2:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  margin-right: .5rem
}

.ltr\:hover\:pl-3:hover:where([dir=ltr], [dir=ltr] *) {
  padding-left: .75rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-3:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: .75rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-3\.5:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: .875rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-7:where([dir=ltr], [dir=ltr] *):before {
  content: var(--tw-content);
  left: 1.75rem
}

@media (min-width:640px) {
  .ltr\:sm\:left-5:where([dir=ltr], [dir=ltr] *) {
    left: 1.25rem
  }

  .sm\:ltr\:-right-2:where([dir=ltr], [dir=ltr] *) {
    right: -.5rem
  }

  .sm\:ltr\:right-56:where([dir=ltr], [dir=ltr] *) {
    right: 14rem
  }

  .ltr\:sm\:float-right:where([dir=ltr], [dir=ltr] *) {
    float: right
  }

  .ltr\:sm\:float-left:where([dir=ltr], [dir=ltr] *) {
    float: left
  }

  .ltr\:sm\:ml-0:where([dir=ltr], [dir=ltr] *) {
    margin-left: 0
  }

  .ltr\:sm\:mr-3:where([dir=ltr], [dir=ltr] *) {
    margin-right: .75rem
  }

  .ltr\:sm\:mr-4:where([dir=ltr], [dir=ltr] *) {
    margin-right: 1rem
  }

  .ltr\:sm\:mr-8:where([dir=ltr], [dir=ltr] *) {
    margin-right: 2rem
  }

  .sm\:ltr\:mr-2:where([dir=ltr], [dir=ltr] *) {
    margin-right: .5rem
  }

  .sm\:ltr\:mr-auto:where([dir=ltr], [dir=ltr] *) {
    margin-right: auto
  }

  .ltr\:sm\:pl-5:where([dir=ltr], [dir=ltr] *) {
    padding-left: 1.25rem
  }

  .ltr\:sm\:pr-4:where([dir=ltr], [dir=ltr] *) {
    padding-right: 1rem
  }

  .ltr\:sm\:text-left:where([dir=ltr], [dir=ltr] *) {
    text-align: left
  }
}

@media (min-width:768px) {
  .ltr\:md\:left-5:where([dir=ltr], [dir=ltr] *) {
    left: 1.25rem
  }

  .ltr\:md\:ml-auto:where([dir=ltr], [dir=ltr] *) {
    margin-left: auto
  }

  .ltr\:md\:rounded-l-none:where([dir=ltr], [dir=ltr] *) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .ltr\:md\:rounded-r-none:where([dir=ltr], [dir=ltr] *) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .ltr\:md\:border-l-0:where([dir=ltr], [dir=ltr] *) {
    border-left-width: 0
  }

  .ltr\:md\:border-r-0:where([dir=ltr], [dir=ltr] *) {
    border-right-width: 0
  }

  .ltr\:md\:text-left:where([dir=ltr], [dir=ltr] *) {
    text-align: left
  }

  .ltr\:md\:text-right:where([dir=ltr], [dir=ltr] *) {
    text-align: right
  }
}

@media (min-width:1024px) {
  .ltr\:lg\:mr-6:where([dir=ltr], [dir=ltr] *) {
    margin-right: 1.5rem
  }

  .ltr\:lg\:rounded-r-md:where([dir=ltr], [dir=ltr] *) {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
  }
}

@media (min-width:1280px) {
  .ltr\:xl\:-right-20:where([dir=ltr], [dir=ltr] *) {
    right: -5rem
  }

  .ltr\:xl\:-ml-24:where([dir=ltr], [dir=ltr] *) {
    margin-left: -6rem
  }

  .ltr\:xl\:-skew-x-\[14deg\]:where([dir=ltr], [dir=ltr] *) {
    --tw-skew-x: -14deg;
    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))
  }

  .ltr\:xl\:skew-x-\[14deg\]:where([dir=ltr], [dir=ltr] *) {
    --tw-skew-x: 14deg;
    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))
  }

  .ltr\:xl\:rounded-r-md:where([dir=ltr], [dir=ltr] *) {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
  }
}

.rtl\:\!left-0:where([dir=rtl], [dir=rtl] *) {
  left: 0 !important
}

.rtl\:-left-10:where([dir=rtl], [dir=rtl] *) {
  left: -2.5rem
}

.rtl\:-left-11:where([dir=rtl], [dir=rtl] *) {
  left: -2.75rem
}

.rtl\:-left-12:where([dir=rtl], [dir=rtl] *) {
  left: -3rem
}

.rtl\:-left-14:where([dir=rtl], [dir=rtl] *) {
  left: -3.5rem
}

.rtl\:-left-16:where([dir=rtl], [dir=rtl] *) {
  left: -4rem
}

.rtl\:-left-2:where([dir=rtl], [dir=rtl] *) {
  left: -.5rem
}

.rtl\:-left-\[400px\]:where([dir=rtl], [dir=rtl] *) {
  left: -400px
}

.rtl\:-right-11:where([dir=rtl], [dir=rtl] *) {
  right: -2.75rem
}

.rtl\:-right-12:where([dir=rtl], [dir=rtl] *) {
  right: -3rem
}

.rtl\:-right-\[3px\]:where([dir=rtl], [dir=rtl] *) {
  right: -3px
}

.rtl\:left-0:where([dir=rtl], [dir=rtl] *) {
  left: 0
}

.rtl\:left-1:where([dir=rtl], [dir=rtl] *) {
  left: .25rem
}

.rtl\:left-2:where([dir=rtl], [dir=rtl] *) {
  left: .5rem
}

.rtl\:left-4:where([dir=rtl], [dir=rtl] *) {
  left: 1rem
}

.rtl\:left-6:where([dir=rtl], [dir=rtl] *) {
  left: 1.5rem
}

.rtl\:left-\[11px\]:where([dir=rtl], [dir=rtl] *) {
  left: 11px
}

.rtl\:left-auto:where([dir=rtl], [dir=rtl] *) {
  left: auto
}

.rtl\:left-full:where([dir=rtl], [dir=rtl] *) {
  left: 100%
}

.rtl\:right-0:where([dir=rtl], [dir=rtl] *) {
  right: 0
}

.rtl\:right-1:where([dir=rtl], [dir=rtl] *) {
  right: .25rem
}

.rtl\:right-12:where([dir=rtl], [dir=rtl] *) {
  right: 3rem
}

.rtl\:right-2:where([dir=rtl], [dir=rtl] *) {
  right: .5rem
}

.rtl\:right-3:where([dir=rtl], [dir=rtl] *) {
  right: .75rem
}

.rtl\:right-4:where([dir=rtl], [dir=rtl] *) {
  right: 1rem
}

.rtl\:right-6:where([dir=rtl], [dir=rtl] *) {
  right: 1.5rem
}

.rtl\:right-\[95\%\]:where([dir=rtl], [dir=rtl] *) {
  right: 95%
}

.rtl\:right-full:where([dir=rtl], [dir=rtl] *) {
  right: 100%
}

.rtl\:float-left:where([dir=rtl], [dir=rtl] *) {
  float: left
}

.rtl\:-ml-px:where([dir=rtl], [dir=rtl] *) {
  margin-left: -1px
}

.rtl\:-mr-1:where([dir=rtl], [dir=rtl] *) {
  margin-right: -.25rem
}

.rtl\:ml-0:where([dir=rtl], [dir=rtl] *) {
  margin-left: 0
}

.rtl\:ml-1:where([dir=rtl], [dir=rtl] *) {
  margin-left: .25rem
}

.rtl\:ml-1\.5:where([dir=rtl], [dir=rtl] *) {
  margin-left: .375rem
}

.rtl\:ml-2:where([dir=rtl], [dir=rtl] *) {
  margin-left: .5rem
}

.rtl\:ml-2\.5:where([dir=rtl], [dir=rtl] *) {
  margin-left: .625rem
}

.rtl\:ml-3:where([dir=rtl], [dir=rtl] *) {
  margin-left: .75rem
}

.rtl\:ml-4:where([dir=rtl], [dir=rtl] *) {
  margin-left: 1rem
}

.rtl\:ml-5:where([dir=rtl], [dir=rtl] *) {
  margin-left: 1.25rem
}

.rtl\:mr-1:where([dir=rtl], [dir=rtl] *) {
  margin-right: .25rem
}

.rtl\:mr-1\.5:where([dir=rtl], [dir=rtl] *) {
  margin-right: .375rem
}

.rtl\:mr-2:where([dir=rtl], [dir=rtl] *) {
  margin-right: .5rem
}

.rtl\:mr-3:where([dir=rtl], [dir=rtl] *) {
  margin-right: .75rem
}

.rtl\:mr-4:where([dir=rtl], [dir=rtl] *) {
  margin-right: 1rem
}

.rtl\:mr-5:where([dir=rtl], [dir=rtl] *) {
  margin-right: 1.25rem
}

.rtl\:mr-auto:where([dir=rtl], [dir=rtl] *) {
  margin-right: auto
}

.rtl\:block:where([dir=rtl], [dir=rtl] *) {
  display: block
}

.rtl\:hidden:where([dir=rtl], [dir=rtl] *) {
  display: none
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
  --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))
}

.rtl\:justify-start:where([dir=rtl], [dir=rtl] *) {
  justify-content: flex-start
}

.rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *)>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 1
}

.rtl\:divide-x-reverse:where([dir=rtl], [dir=rtl] *)>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 1
}

.rtl\:rounded-l-full:where([dir=rtl], [dir=rtl] *) {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.rtl\:rounded-l-md:where([dir=rtl], [dir=rtl] *) {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.rtl\:rounded-l-none:where([dir=rtl], [dir=rtl] *) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.rtl\:rounded-r:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.rtl\:rounded-r-full:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.rtl\:rounded-r-md:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.rtl\:rounded-r-none:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.rtl\:rounded-bl-none:where([dir=rtl], [dir=rtl] *) {
  border-bottom-left-radius: 0
}

.rtl\:rounded-br-full:where([dir=rtl], [dir=rtl] *) {
  border-bottom-right-radius: 9999px
}

.rtl\:rounded-br-none:where([dir=rtl], [dir=rtl] *) {
  border-bottom-right-radius: 0
}

.rtl\:rounded-tr-full:where([dir=rtl], [dir=rtl] *) {
  border-top-right-radius: 9999px
}

.rtl\:border-l:where([dir=rtl], [dir=rtl] *) {
  border-left-width: 1px
}

.rtl\:border-l-0:where([dir=rtl], [dir=rtl] *) {
  border-left-width: 0
}

.rtl\:border-l-\[64px\]:where([dir=rtl], [dir=rtl] *) {
  border-left-width: 64px
}

.rtl\:border-r-0:where([dir=rtl], [dir=rtl] *) {
  border-right-width: 0
}

.rtl\:border-r-\[64px\]:where([dir=rtl], [dir=rtl] *) {
  border-right-width: 64px
}

.rtl\:bg-gradient-to-l:where([dir=rtl], [dir=rtl] *) {
  background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.rtl\:\!pl-10:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2.5rem !important
}

.rtl\:pl-11:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2.75rem
}

.rtl\:pl-2:where([dir=rtl], [dir=rtl] *) {
  padding-left: .5rem
}

.rtl\:pl-3:where([dir=rtl], [dir=rtl] *) {
  padding-left: .75rem
}

.rtl\:pl-4:where([dir=rtl], [dir=rtl] *) {
  padding-left: 1rem
}

.rtl\:pl-8:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2rem
}

.rtl\:pl-9:where([dir=rtl], [dir=rtl] *) {
  padding-left: 2.25rem
}

.rtl\:pl-\[100px\]:where([dir=rtl], [dir=rtl] *) {
  padding-left: 100px
}

.rtl\:pl-\[50px\]:where([dir=rtl], [dir=rtl] *) {
  padding-left: 50px
}

.rtl\:pr-10:where([dir=rtl], [dir=rtl] *) {
  padding-right: 2.5rem
}

.rtl\:pr-12:where([dir=rtl], [dir=rtl] *) {
  padding-right: 3rem
}

.rtl\:pr-14:where([dir=rtl], [dir=rtl] *) {
  padding-right: 3.5rem
}

.rtl\:pr-2:where([dir=rtl], [dir=rtl] *) {
  padding-right: .5rem
}

.rtl\:pr-3:where([dir=rtl], [dir=rtl] *) {
  padding-right: .75rem
}

.rtl\:pr-3\.5:where([dir=rtl], [dir=rtl] *) {
  padding-right: .875rem
}

.rtl\:pr-4:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1rem
}

.rtl\:pr-5:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1.25rem
}

.rtl\:pr-6:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1.5rem
}

.rtl\:pr-7:where([dir=rtl], [dir=rtl] *) {
  padding-right: 1.75rem
}

.rtl\:pr-8:where([dir=rtl], [dir=rtl] *) {
  padding-right: 2rem
}

.rtl\:pr-9:where([dir=rtl], [dir=rtl] *) {
  padding-right: 2.25rem
}

.rtl\:\!text-left:where([dir=rtl], [dir=rtl] *) {
  text-align: left !important
}

.rtl\:text-left:where([dir=rtl], [dir=rtl] *) {
  text-align: left
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
  text-align: right
}

.rtl\:rotate-y-180:where([dir=rtl], [dir=rtl] *) {
  transform: rotateY(180deg)
}

.rtl\:file\:ml-5:where([dir=rtl], [dir=rtl] *)::file-selector-button {
  margin-left: 1.25rem
}

.rtl\:before\:-left-\[15px\]:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: -15px
}

.rtl\:before\:-left-\[1px\]:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: -1px
}

.rtl\:before\:-left-\[37px\]:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: -37px
}

.rtl\:before\:-right-\[37px\]:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: -37px
}

.rtl\:before\:left-0:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: 0
}

.rtl\:before\:left-0\.5:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  left: .125rem
}

.rtl\:before\:right-0:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: 0
}

.rtl\:before\:right-0\.5:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: .125rem
}

.rtl\:before\:right-1:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: .25rem
}

.rtl\:before\:right-4:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: 1rem
}

.rtl\:before\:right-4\.5:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: 18px
}

.rtl\:before\:ml-1:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  margin-left: .25rem
}

.rtl\:before\:ml-2:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  margin-left: .5rem
}

.rtl\:before\:rotate-180:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  --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))
}

.rtl\:hover\:pr-3:hover:where([dir=rtl], [dir=rtl] *) {
  padding-right: .75rem
}

.group:hover .rtl\:group-hover\:-translate-x-1:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:-translate-x-2:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:space-x-reverse:where([dir=rtl], [dir=rtl] *)>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 1
}

.peer:checked~.rtl\:peer-checked\:before\:right-3:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: .75rem
}

.peer:checked~.rtl\:peer-checked\:before\:right-3\.5:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: .875rem
}

.peer:checked~.rtl\:peer-checked\:before\:right-7:where([dir=rtl], [dir=rtl] *):before {
  content: var(--tw-content);
  right: 1.75rem
}

@media (min-width:640px) {
  .rtl\:sm\:right-5:where([dir=rtl], [dir=rtl] *) {
    right: 1.25rem
  }

  .sm\:rtl\:-left-2:where([dir=rtl], [dir=rtl] *) {
    left: -.5rem
  }

  .sm\:rtl\:left-56:where([dir=rtl], [dir=rtl] *) {
    left: 14rem
  }

  .rtl\:sm\:float-right:where([dir=rtl], [dir=rtl] *) {
    float: right
  }

  .rtl\:sm\:float-left:where([dir=rtl], [dir=rtl] *) {
    float: left
  }

  .rtl\:sm\:ml-4:where([dir=rtl], [dir=rtl] *) {
    margin-left: 1rem
  }

  .rtl\:sm\:ml-8:where([dir=rtl], [dir=rtl] *) {
    margin-left: 2rem
  }

  .sm\:rtl\:ml-auto:where([dir=rtl], [dir=rtl] *) {
    margin-left: auto
  }

  .sm\:rtl\:mr-0:where([dir=rtl], [dir=rtl] *) {
    margin-right: 0
  }

  .rtl\:sm\:pl-4:where([dir=rtl], [dir=rtl] *) {
    padding-left: 1rem
  }

  .rtl\:sm\:pr-5:where([dir=rtl], [dir=rtl] *) {
    padding-right: 1.25rem
  }

  .rtl\:sm\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }
}

@media (min-width:768px) {
  .rtl\:md\:right-5:where([dir=rtl], [dir=rtl] *) {
    right: 1.25rem
  }

  .rtl\:md\:mr-auto:where([dir=rtl], [dir=rtl] *) {
    margin-right: auto
  }

  .rtl\:md\:rounded-l-none:where([dir=rtl], [dir=rtl] *) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .rtl\:md\:rounded-r-none:where([dir=rtl], [dir=rtl] *) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .rtl\:md\:border-l-0:where([dir=rtl], [dir=rtl] *) {
    border-left-width: 0
  }

  .rtl\:md\:border-r-0:where([dir=rtl], [dir=rtl] *) {
    border-right-width: 0
  }

  .rtl\:md\:text-left:where([dir=rtl], [dir=rtl] *) {
    text-align: left
  }

  .rtl\:md\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
  }
}

@media (min-width:1024px) {
  .rtl\:lg\:ml-6:where([dir=rtl], [dir=rtl] *) {
    margin-left: 1.5rem
  }

  .rtl\:lg\:rounded-l-md:where([dir=rtl], [dir=rtl] *) {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
  }
}

@media (min-width:1280px) {
  .rtl\:xl\:-left-20:where([dir=rtl], [dir=rtl] *) {
    left: -5rem
  }

  .rtl\:xl\:-mr-24:where([dir=rtl], [dir=rtl] *) {
    margin-right: -6rem
  }

  .rtl\:xl\:skew-x-\[-14deg\]:where([dir=rtl], [dir=rtl] *) {
    --tw-skew-x: -14deg;
    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))
  }

  .rtl\:xl\:skew-x-\[14deg\]:where([dir=rtl], [dir=rtl] *) {
    --tw-skew-x: 14deg;
    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))
  }

  .rtl\:xl\:rounded-l-md:where([dir=rtl], [dir=rtl] *) {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
  }
}

.rtl\:ltr\:mr-2:where([dir=ltr], [dir=ltr] *):where([dir=rtl], [dir=rtl] *) {
  margin-right: .5rem
}

.rtl\:ltr\:mr-2\.5:where([dir=ltr], [dir=ltr] *):where([dir=rtl], [dir=rtl] *) {
  margin-right: .625rem
}

.w-\[30\%\] {
  width: 30%;
}

/* CUSTOM */
.form-input-tracking-number {
  border-bottom: 1px solid #c7c7c7;
  padding: 6px;
}

.form-input-tracking-number:focus {
  border-bottom: 1px solid #c7c7c7;
  outline: none;
}
/* CUSTOM */
.swal2-popup {
  flex-direction: column;
  justify-content: center;
  padding: 20px !important;
  box-sizing: border-box;
}

.dark .swal2-popup {
  background: #0e1726;
}

.dark .swal2-popup .swal2-title {
  color: #888ea8;
}

.swal2-popup .swal2-title {
  display: block;
  margin: 0px !important;
  width: 100%;
  color: #3b3f5c;
  font-size: 24px;
  @apply ltr:!pr-10 rtl:!pl-10;
}

.swal2-popup .swal2-styled {
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1) !important;
  letter-spacing: 1px;
  font-size: 14px !important;
  line-height: 20px !important;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  margin: 0 5px;
  padding: 8px 20px;
  border-radius: 6px;
}

.swal2-popup .swal2-styled.swal2-cancel {
  background-color: #fff !important;
  color: #4361ee;
  border: 1px solid #e8e8e8;
  box-shadow: none;
  padding: 7px 20px;
}

.dark .swal2-popup .swal2-styled.swal2-cancel {
  background-color: #3b3f5c !important;
  color: #e0e6ed;
  border-color: #3b3f5c;
}

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #4361ee;
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
}

.swal2-popup .swal2-html-container {
  margin: 0 !important;
  color: #e95f2b;
  font-weight: 300;
  @apply ltr:!pr-10 rtl:!pl-10;
}

.swal2-popup .swal2-close {
  position: absolute;
  top: 16px;
  transition: color 0.1s ease-out;
  font-family: serif;
  @apply ltr:right-4 rtl:left-4;
}

.dark .swal2-popup .swal2-close {
  color: #888ea8;
}

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto !important;
  box-shadow: 0 0 0.625em #d9d9d9;
  padding: 2em;
  overflow-y: hidden;
  display: flex !important;
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: showSweetToast 0.5s;
  animation: showSweetToast 0.5s;
}

.swal2-popup pre {
  color: #009688;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swal2-icon:not(.swal2-error):not(.swal2-success) {
  width: 2em !important;
  line-height: 119px !important;
  height: 2em !important;
  margin: 0.25em auto 0.875em !important;
}

.swal2-icon.swal2-error {
  border-color: #e7515a !important;
  border: 5px solid #f1f2f3 !important;
  box-shadow: 0px 3px 25px 0px rgb(113 106 202 / 20%);
}

.swal2-icon.swal2-warning {
  color: #fb4 !important;
  border: 5px solid #f1f2f3 !important;
  box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-info {
  color: #4361ee !important;
  border: 5px solid #f1f2f3 !important;
  box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-question {
  color: #805dca !important;
  border-style: solid;
  border-width: 4px !important;
  border-color: transparent !important;
  text-align: center;
  box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.dark .swal2-icon.swal2-question,
.dark .swal2-icon.swal2-info,
.dark .swal2-icon.swal2-warning,
.dark .swal2-icon.swal2-error {
  border-color: #888ea8 !important;
  box-shadow: none !important;
}

.swal2-iconswal2-success [class^='swal2-success-line'][class$='tip'] {
  top: 2.875em;
  left: 0.875em;
  width: 1.5625em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.swal2-icon.swal2-success swal2-success [class^='swal2-success-line'][class$='long'] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  top: -0.25em;
  left: -0.25em;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
  z-index: 2;
  box-sizing: content-box;
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
  top: -0.6875em;
  left: 1.875em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 3.75em;
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #25d5e4 !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #ebedf2 !important;
}

.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #3b3f5c !important;
  color: #888ea8 !important;
}

.dark .swal2-progress-steps .swal2-progress-step {
  color: #e0e6ed;
}

.swal2-icon-content {
  font-size: 5.75rem !important;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
  animation: swal2-show 0.3s;
}

.swal2-modal.background-modal .swal2-title {
  color: #fff !important;
}

.dark .swal2-input {
  background-color: #1b2e4b;
  border-color: #253b5c;
  color: #888ea8;
}

.dark .swal2-footer {
  border-color: #888ea8;
}

.swal2-image {
  margin-bottom: 32px !important;
}

.sweet-alerts.swal2-popup .swal2-html-container {
    @apply !px-0 !mt-4;
}

.sweet-alerts.swal2-popup .swal2-title {
    @apply ltr:!pr-6 rtl:!pl-6;
}
/**
 * Swiper 8.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.swiper .swiper-button-disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.rtl .swiper {
    direction: rtl;
}

.swiper-button-next {
    color: #4361ee;
}

#slider3 .swiper-wrapper,
#slider4 .swiper-wrapper {
    height: 320px !important;
}

#slider3 .swiper-wrapper .swiper-slide img,
#slider4 .swiper-wrapper .swiper-slide img {
    height: 100%;
    object-fit: cover;
}

#slider3 .swiper-pagination .swiper-pagination-bullet {
    border-radius: 6px;
    width: 4px;
    height: 20px;
}

@media only screen and (max-width:1200px) {

    #slider3 .swiper-wrapper,
    #slider4 .swiper-wrapper {
        height: 300px !important;
    }
}

@media only screen and (max-width:600px) {

    #slider3 .swiper-wrapper,
    #slider4 .swiper-wrapper {
        height: 180px !important;
    }
}

#slider3 .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #fff;
}

#slider3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #4361ee;
}

#slider4 .swiper-pagination {
    color: #fff;
}

#slider5 .swiper-pagination {
    position: relative;
    margin-top: 20px;
}
/* quill editor */
@import 'quill-editor.css';

/* full calendar */
@import 'fullcalendar.css';

/* swiper */
@import 'swiper.css';

/* sweetalert */
@import 'sweetalert.css';

/* tippy */
@import 'tippy.css';

/* noUi-slider */
@import 'noui-slider.css';

/* flatpickr */
@import 'flatpickr.css';

/* file upload with preview */
@import 'file-upload-preview.css';

/* markdown-editor */
@import 'markdown-editor.css';

/* select2 */
@import 'select2.css';

/* scrumboard */
@import 'scrumboard.css';

/* simple-datatable */
@import 'simple-datatables.css';

/* dragndrop */
@import 'dragndrop.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    html {
        @apply scroll-smooth;
    }

    [x-cloak] {
        display: none !important;
    }

    body {
        @apply bg-[#fafafa] font-nunito;
    }

    body.dark {
        @apply bg-[#060818];
    }

    /* Panel */
    .panel {
        @apply relative rounded-md bg-white p-5 shadow dark:bg-[#0e1726];
    }

    /* Navbar */
    .navbar-sticky header,
    .navbar-floating header {
        @apply sticky top-0 z-20;
    }
    .navbar-floating header {
        @apply bg-[#fafafa]/90 px-6 pt-4 dark:bg-[#060818]/90;
    }
    .navbar-floating header > div > div:first-child {
        @apply rounded-md;
    }
    .horizontal .navbar-floating header > div > div:first-child {
        @apply rounded-b-none;
    }
    .horizontal .navbar-floating header .horizontal-menu {
        @apply rounded-b-md;
    }

    /* Sidebar */
    .sidebar:hover .nav-item > a {
        @apply w-auto;
    }

    .sidebar .nav-item > button,
    .sidebar .nav-item > a {
        @apply mb-1 flex w-full items-center justify-between overflow-hidden whitespace-nowrap rounded-md p-2.5 text-[#506690] hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark;
    }
    .sidebar .nav-item > button.active,
    .sidebar .nav-item > a.active {
        @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark;
    }

    .sidebar .nav-item > button.active > div > span,
    .sidebar .nav-item > a.active > div > span {
        @apply dark:!text-white-dark;
    }

    .sidebar ul.sub-menu li button,
    .sidebar ul.sub-menu li a {
        @apply flex w-full items-center px-9 py-2.5 before:h-0.5 before:w-2 before:rounded before:bg-gray-300 hover:bg-gray-100
hover:text-primary hover:before:!bg-primary ltr:before:mr-2 rtl:before:ml-2 dark:before:bg-gray-500 dark:hover:bg-gray-900 dark:hover:text-primary;
    }
    .sidebar ul.sub-menu li button.active,
    .sidebar ul.sub-menu li a.active {
        @apply text-primary before:bg-primary;
    }

    .sidebar .nav-item a div:first-child svg,
    .sidebar .nav-item button div:first-child svg {
        @apply h-5 w-5 text-black/50 dark:text-white/50;
    }

    .main-container .main-content {
        @apply transition-all duration-300 lg:ltr:ml-[260px] lg:rtl:mr-[260px];
    }

    /* Horizontal layouts */
    .horizontal .horizontal-menu {
        @apply hidden shadow-md lg:flex;
    }
    .horizontal .horizontal-logo {
        @apply flex;
    }
    .horizontal .main-container .main-content {
        @apply ltr:ml-0 rtl:mr-0;
    }
    .horizontal .sidebar {
        @apply ltr:-left-[260px] rtl:-right-[260px];
    }
    .horizontal.toggle-sidebar .sidebar {
        @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[260px] lg:rtl:-right-[260px];
    }

    .horizontal .nav-item a div:first-child svg {
        @apply h-5 w-5 text-black/50 dark:text-white/50;
    }

    .horizontal .dark .nav-item a div:first-child svg,
    .dark.horizontal .nav-item a div:first-child svg {
        @apply text-white/50;
    }

    .horizontal-menu .nav-link {
        @apply flex items-center rounded-lg py-2.5 px-2 hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark xl:px-4;
    }

    .horizontal-menu .nav-link.active {
        @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark;
    }

    .horizontal-menu ul.sub-menu {
        @apply absolute top-full z-20 hidden min-w-[180px] rounded bg-white p-0 py-2 text-dark shadow dark:bg-[#1b2e4b] dark:text-white-dark;
    }

    .horizontal-menu ul.sub-menu a {
        @apply flex items-center justify-between px-4 py-2 hover:bg-gray-100 hover:text-primary dark:hover:bg-primary/10;
    }

    .horizontal-menu ul.sub-menu a.active {
        @apply bg-gray-100 text-primary dark:bg-primary/10;
    }

    .horizontal-menu > li.nav-item:hover > ul.sub-menu,
    .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul {
        @apply block;
    }

    /* Vertical layouts */
    .vertical.toggle-sidebar .horizontal-logo,
    .vertical.toggle-sidebar .collapse-icon {
        @apply flex;
    }
    .vertical.toggle-sidebar .main-container .main-content {
        @apply ltr:ml-0 rtl:mr-0;
    }
    .vertical .sidebar {
        @apply ltr:-left-[260px] rtl:-right-[260px] lg:ltr:left-0 lg:rtl:right-0;
    }
    .vertical.toggle-sidebar .sidebar {
        @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[260px] lg:rtl:-right-[260px];
    }

    /* Collapsible vertical layouts */
    .collapsible-vertical .sidebar {
        @apply hover:w-[260px] ltr:-left-[260px] rtl:-right-[260px] lg:w-[70px] lg:ltr:left-0 lg:rtl:right-0;
    }
    .collapsible-vertical.toggle-sidebar .sidebar {
        @apply ltr:left-0 rtl:right-0;
    }
    .collapsible-vertical.toggle-sidebar .sidebar {
        @apply lg:w-[260px];
    }
    .collapsible-vertical.toggle-sidebar .sidebar .nav-item > a {
        @apply w-auto;
    }
    .collapsible-vertical.toggle-sidebar .main-content {
        @apply lg:w-[calc(100%-260px)] lg:ltr:ml-[260px] lg:rtl:mr-[260px];
    }

    .collapsible-vertical .sidebar .sub-menu {
        @apply lg:hidden;
    }
    .collapsible-vertical .sidebar:hover .sub-menu,
    .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu,
    .collapsible-vertical.toggle-sidebar .sidebar .sub-menu {
        @apply block;
    }
    .collapsible-vertical .main-content {
        @apply lg:w-[calc(100%-70px)] lg:ltr:ml-[70px] lg:rtl:mr-[70px];
    }
    .collapsible-vertical .sidebar .collapse-icon,
    .collapsible-vertical .main-logo > span {
        @apply transition-opacity duration-300 lg:opacity-0;
    }
    .collapsible-vertical .sidebar:hover .collapse-icon,
    .collapsible-vertical.toggle-sidebar .collapse-icon,
    .collapsible-vertical .sidebar:hover .main-logo > span,
    .collapsible-vertical.toggle-sidebar .main-logo > span {
        @apply duration-500 lg:opacity-100;
    }
    .collapsible-vertical.toggle-sidebar .sidebar .collapse-icon {
        @apply flex rotate-0;
    }
    .collapsible-vertical .sidebar:hover .collapse-icon {
        @apply flex rotate-180;
    }
    .collapsible-vertical .sidebar ul > h2 span {
        @apply hidden whitespace-nowrap;
    }
    .collapsible-vertical .sidebar ul > h2 svg {
        @apply block;
    }
    .collapsible-vertical .sidebar:hover ul > h2 span,
    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span {
        @apply inline;
    }
    .collapsible-vertical .sidebar:hover ul > h2 svg,
    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg {
        @apply hidden;
    }

    /* boxed-layout */
    .boxed-layout {
        @apply mx-auto max-w-[1400px];
    }

    .boxed-layout.vertical .sidebar,
    .boxed-layout.collapsible-vertical .sidebar {
        @apply overflow-hidden lg:ltr:left-auto lg:rtl:right-auto;
    }

    .boxed-layout.vertical.toggle-sidebar .sidebar {
        @apply lg:w-0;
    }

    /* Buttons */
    .btn {
        @apply relative flex items-center justify-center rounded-md border px-5 py-2 text-sm font-semibold shadow-[0_10px_20px_-10px] outline-none transition duration-300 hover:shadow-none;
    }
    .btn-lg {
        @apply px-7 py-2.5 text-base;
    }
    .btn-sm {
        @apply px-2.5 py-1.5 text-xs;
    }
    .btn[disabled] {
        @apply cursor-not-allowed opacity-60;
    }

    .btn-primary {
        @apply border-primary bg-primary text-white shadow-primary/60;
    }
    .btn-outline-primary {
        @apply border-primary text-primary shadow-none hover:bg-primary hover:text-white;
    }

    .btn-secondary {
        @apply border-secondary bg-secondary text-white shadow-secondary/60;
    }
    .btn-outline-secondary {
        @apply border-secondary text-secondary shadow-none hover:bg-secondary hover:text-white;
    }

    .btn-success {
        @apply border-success bg-success text-white shadow-success/60;
    }
    .btn-outline-success {
        @apply border-success text-success shadow-none hover:bg-success hover:text-white;
    }

    .btn-danger {
        @apply border-danger bg-danger text-white shadow-danger/60;
    }
    .btn-outline-danger {
        @apply border-danger text-danger shadow-none hover:bg-danger hover:text-white;
    }

    .btn-warning {
        @apply border-warning bg-warning text-white shadow-warning/60;
    }
    .btn-outline-warning {
        @apply border-warning text-warning shadow-none hover:bg-warning hover:text-white;
    }

    .btn-info {
        @apply border-info bg-info text-white shadow-info/60;
    }
    .btn-outline-info {
        @apply border-info text-info shadow-none hover:bg-info hover:text-white;
    }

    .btn-dark {
        @apply border-dark bg-dark text-white shadow-dark/60;
    }

    .btn-outline-dark {
        @apply border-dark text-dark shadow-none hover:bg-dark hover:text-white;
    }

    .btn-gradient {
        @apply bg-gradient-to-r from-[#EF1262] to-[#4361EE] hover:to-[#EF1262] hover:from-[#4361EE] text-white;
    }

    /* Badge */
    .badge {
        @apply relative my-1 rounded border border-transparent px-2 py-0.5 text-xs font-semibold text-white;
    }
    .badge-outline-primary {
        @apply border-primary text-primary hover:bg-primary-light dark:hover:bg-primary dark:hover:text-white-light;
    }
    .badge-outline-secondary {
        @apply border-secondary text-secondary hover:bg-secondary-light dark:hover:bg-secondary dark:hover:text-white-light;
    }
    .badge-outline-success {
        @apply border-success text-success hover:bg-success-light dark:hover:bg-success dark:hover:text-white-light;
    }
    .badge-outline-danger {
        @apply border-danger text-danger hover:bg-danger-light dark:hover:bg-danger dark:hover:text-white-light;
    }
    .badge-outline-warning {
        @apply border-warning text-warning hover:bg-warning-light dark:hover:bg-warning dark:hover:text-white-light;
    }
    .badge-outline-info {
        @apply border-info text-info hover:bg-info-light dark:hover:bg-info dark:hover:text-white-light;
    }
    .badge-outline-dark {
        @apply border-dark text-dark hover:bg-dark-light dark:hover:bg-dark dark:hover:text-white-light;
    }

    /* Form */
    .form-input,
    .form-textarea,
    .form-select,
    .form-multiselect {
        @apply w-full rounded-md border border-[#e0e6ed] bg-white px-4 py-2 text-sm font-semibold text-black !outline-none focus:border-primary focus:ring-transparent dark:border-[#17263c] dark:bg-[#121e32] dark:text-white-dark dark:focus:border-primary;
    }

    .form-input-lg,
    .form-textarea-lg,
    .form-select-lg,
    .form-multiselect-lg {
        @apply py-2.5 text-base;
    }
    .form-input-sm,
    .form-textarea-sm,
    .form-select-sm,
    .form-multiselect-sm {
        @apply py-1.5 text-xs;
    }
    label {
        @apply mb-1.5 block font-semibold;
    }
    [dir='rtl'] select {
        background-position: left 0.5rem center;
    }

    .has-error .form-input,
    .has-error .form-textarea,
    .has-error .form-select,
    .has-error .form-multiselect,
    .has-error .multiselect__tags {
        @apply border-danger bg-danger/[0.08] text-danger placeholder-danger/70 focus:border-danger;
    }
    .has-error .form-label,
    .has-error .form-help,
    .has-error .form-icon,
    .has-error .multiselect__placeholder {
        @apply text-danger;
    }
    .has-error .multiselect__input {
        @apply bg-[#F7ECF0] !placeholder-danger/70;
    }
    .has-error .multiselect__tags:hover,
    .has-error .form-checkbox {
        @apply border-danger;
    }

    .has-success .form-input,
    .has-success .form-textarea,
    .has-success .form-select,
    .has-success .form-multiselect,
    .has-success .multiselect__tags {
        @apply border-success bg-success/[0.08] text-success placeholder-success/70 focus:border-success;
    }
    .has-success .form-label,
    .has-success .form-help,
    .has-success .form-icon,
    .has-success .multiselect__placeholder {
        @apply text-success;
    }
    .has-success .multiselect__input {
        @apply bg-[#F7ECF0] !placeholder-success/70;
    }
    .has-success .multiselect__tags:hover {
        @apply border-success;
    }

    /* checkbox & radio */
    .form-radio,
    .form-checkbox {
        @apply h-5 w-5 cursor-pointer rounded border-2 border-[#e0e6ed] bg-transparent text-primary !shadow-none !outline-none !ring-0 !ring-offset-0 checked:bg-[length:90%_90%] disabled:cursor-not-allowed disabled:bg-[#eee] ltr:mr-1.5 rtl:ml-1.5
      dark:border-[#253b5c] dark:checked:border-transparent dark:disabled:bg-[#1b2e4b];
    }

    .form-checkbox.outline-primary:checked {
        @apply border-primary bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%234361ee' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-secondary:checked {
        @apply border-secondary bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23805dca' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-success:checked {
        @apply border-success bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ab55' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-danger:checked {
        @apply border-danger bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e7515a' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-warning:checked {
        @apply border-warning bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e2a03f' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-info:checked {
        @apply border-info bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%232196f3' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }
    .form-checkbox.outline-dark:checked {
        @apply border-dark bg-transparent;
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233b3f5c' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
    }

    .form-radio {
        @apply rounded-full;
    }

    .form-radio.outline-primary:checked {
        @apply border-primary bg-transparent bg-none;
    }
    .form-radio.outline-secondary:checked {
        @apply border-secondary bg-transparent bg-none;
    }
    .form-radio.outline-success:checked {
        @apply border-success bg-transparent bg-none;
    }
    .form-radio.outline-danger:checked {
        @apply border-danger bg-transparent bg-none;
    }
    .form-radio.outline-warning:checked {
        @apply border-warning bg-transparent bg-none;
    }
    .form-radio.outline-info:checked {
        @apply border-info bg-transparent bg-none;
    }
    .form-radio.outline-dark:checked {
        @apply border-dark bg-transparent bg-none;
    }

    /* dropdown */
    .dropdown {
        @apply relative;
    }
    .dropdown > button {
        @apply flex;
    }
    .dropdown ul {
        @apply absolute z-10 mt-1 min-w-[120px] rounded bg-white p-0 py-2 text-black shadow dark:bg-[#1b2e4b] dark:text-white-dark;
        /* @apply my-1 min-w-[120px] rounded bg-white p-0 py-2 shadow dark:bg-[#1b2e4b]; */
    }
    .dropdown ul li > a,
    .dropdown ul li > button {
        @apply flex items-center px-4 py-2 hover:bg-primary/10 hover:text-primary;
    }

    .dropdown ul li > button {
        @apply w-full;
    }

    /* tables */
    .table-responsive {
        @apply overflow-auto;
    }
    table {
        @apply w-full !border-collapse;
    }
    table thead tr,
    table tfoot tr {
        @apply border-b-0 !bg-[#f6f8fa]  dark:!bg-[#1a2941];
    }
    table thead tr th,
    table tfoot tr th,
    table tbody tr td {
        @apply py-3 px-4 ltr:text-left rtl:text-right;
    }
    table thead tr th,
    table tfoot tr th {
        @apply font-semibold;
    }
    table tbody tr {
        @apply border-b !border-white-light/40 dark:!border-[#191e3a];
    }
    table.table-hover tbody tr {
        @apply hover:!bg-white-light/20 dark:hover:!bg-[#1a2941]/40;
    }
    table.table-striped tbody tr:nth-child(odd) {
        @apply !bg-white-light/20 dark:!bg-[#1a2941]/40;
    }

    table.dataTable-table tbody tr th,
    table.dataTable-table tbody tr td {
        @apply border-b border-white-light/40 py-3 px-4 ltr:text-left rtl:text-right dark:border-[#191e3a];
    }
    table.dataTable-table tbody tr:last-child td {
        @apply border-b-0;
    }

    /* code hightlight */
    pre {
        direction: ltr;
    }
}

/* perfect scrollbar */
.ps__rail-y > .ps__thumb-y,
.ps__rail-y > .ps__thumb-y {
    @apply !w-1.5 !bg-[#DDDDDD] dark:!bg-[#2d334c];
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    @apply !opacity-60;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    @apply !bg-transparent;
}

/* swal2 */
.swal2-container .swal2-close {
    @apply text-white hover:text-dark-light focus:shadow-none;
}

.swal2-container .swal2-popup.swal2-toast {
    @apply bg-dark py-2.5 px-5;
}

.swal2-popup.swal2-toast .swal2-title,
.swal2-container .swal2-popup.swal2-toast .swal2-html-container {
    @apply text-white;
}
.swal2-container .swal2-popup.swal2-toast.color-primary {
    @apply bg-primary;
}

.swal2-container .swal2-popup.swal2-toast.color-secondary {
    @apply bg-secondary;
}

.swal2-container .swal2-popup.swal2-toast.color-warning {
    @apply bg-warning;
}
.swal2-container .swal2-popup.swal2-toast.color-info {
    @apply bg-info;
}
.swal2-container .swal2-popup.swal2-toast.color-danger {
    @apply bg-danger;
}
.swal2-container .swal2-popup.swal2-toast.color-success {
    @apply bg-success;
}

/* apex chart */
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
    box-shadow: none;
    @apply border-[#050717cc] bg-[#050717cc] text-white;
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before,
.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
    @apply border-b-[#050717cc];
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
    @apply text-white;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    @apply border-dark bg-[#060818];
}

.apexcharts-legend-series {
    @apply ltr:!mr-2 rtl:!ml-2;
}

.dark .apexcharts-title-text {
    fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,
.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label {
    fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-text,
.dark .apexcharts-canvas .apexcharts-text {
    fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-legend-text {
    color: #e0e6ed !important;
}

.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area {
    stroke: #191e3a;
}
.dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker {
    stroke: #191e3a;
}

.dark .apexcharts-canvas .apexcharts-pie-label,
.dark .apexcharts-canvas .apexcharts-datalabel,
.dark .apexcharts-canvas .apexcharts-datalabel-label,
.dark .apexcharts-canvas .apexcharts-datalabel-value {
    fill: #bfc9d4;
}

.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
    box-shadow: none;
}

.apexcharts-canvas .apexcharts-legend-marker {
    @apply ltr:!mr-1.5 rtl:ml-1.5 rtl:!mr-0;
}

[dir='rtl'] .apexcharts-tooltip-marker {
    @apply mr-0 ml-2.5;
}
.tippy-box[data-theme~='primary'] {
    background-color: #4361ee;
}

.tippy-box[data-theme~='primary'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #4361ee;
}

.tippy-box[data-theme~='success'] {
    background-color: #00ab55;
}

.tippy-box[data-theme~='success'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #00ab55;
}

.tippy-box[data-theme~='info'] {
    background-color: #2196f3;
}

.tippy-box[data-theme~='info'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #2196f3;
}

.tippy-box[data-theme~='danger'] {
    background-color: #e7515a;
}

.tippy-box[data-theme~='danger'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #e7515a;
}

.tippy-box[data-theme~='warning'] {
    background-color: #e2a03f;
}

.tippy-box[data-theme~='warning'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #e2a03f;
}

.tippy-box[data-theme~='secondary'] {
    background-color: #805dca;
}

.tippy-box[data-theme~='secondary'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #805dca;
}

.tippy-box[data-theme~='dark'] {
    background-color: #3b3f5c;
}

.tippy-box[data-theme~='dark'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: #3b3f5c;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



























 */

/* FOR SELECT TWO MULTIPLE*/
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E0E6ED;
  border-radius: .375rem;
  cursor: text;
}

.select2-container--default .select2-container--focus .select2-selection--multiple {
  --tw-border-opacity: 1;
  border-color: rgb(67 97 238/var(--tw-border-opacity));
  --tw-ring-color: #0000
}

.select2-container--default,
.select2-results__option--highlighted[aria-selected] {
  transition: all .2s;
}

.dark .select2-container--default .select2-selection--multiple {
  --tw-border-opacity: 1;
  border-color: rgb(23 38 60 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(18 30 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168 / var(--tw-text-opacity));
}

/* :is(.dark .select2-selection__choice) {
  background-color: #262E40 !important ;
} */

.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1b2e4b;
  color: #888EA8;
  transition: all .2s;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #132136;
  background-color: #1B2E4B;
}

.dark .select2-dropdown {
  background-color: #132136;
  border: 1px solid #132136;
  color: #888EA8;
}

/* .dark .select2-container .select2-selection--multiple .select2-selection__rendered {
  background-color: #132136;
} */


/* FOR SELECT TWO SINGLE*/
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 38px;
  user-select: none;
  -webkit-user-select: none;
}

/* this is for line of text */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgb(14 23 38/var(--tw-text-opacity));
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(14 23 38/var(--tw-text-opacity));
  line-height: 38px;
  border-radius: .375rem;
}

.dark .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #888EA8;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #888EA8;
  line-height: 38px;
  border-radius: .375rem;
}

.dark .select2-selection--single {
  color: #888EA8;
  line-height: 38px;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #888EA8;
  /* line-height: 38px; used for single */
}

/* this is for the arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* this is for the border */
.select2-container--default .select2-selection--single {
  background-color: white;
  border: 1px solid #E0E6ED;
  border-radius: .375rem;
}

.dark .select2-container--default .select2-selection--single {
  background-color: #132136;
  border: 1px solid #132136;
  border-radius: .375rem;
}

/* this is for the dropdown card */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* this is for typying style */
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
  /* background-color: #132136;  */
  color: #888EA8;
}

.file-label {
  cursor: pointer;
  color: white;
  background-color: #5570F0;
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  /* Matches the previous `py-2 px-4` */
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: background-color 0.3s ease;
  /* Smooth transition */
}

.file-label:hover {
  background-color: #4361EE;
  /* New hover background color */
}

.file-span {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
  background-color: #fbfbfb;
}

/* screen_loader spinner -- CSS animation instead of SVG SMIL
   (animateTransform) so it starts spinning as soon as the element is
   painted, instead of waiting on the browser's separate SMIL engine to
   boot up. */
@keyframes screen_loader-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes screen_loader-spin-reverse {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

.screen_loader-spin {
  animation: screen_loader-spin 8s linear infinite;
}

.screen_loader-spin-reverse {
  animation: screen_loader-spin-reverse 2.5s linear infinite;
}

/* Skeleton building blocks -- compose these into a per-page skeleton
   (table row, form field, card) instead of a generic spinner. Colors
   mirror the panel/border tones already used across the admin (see
   dark:bg-[#191e3a] on table rows, dark:border-[#191e3a] on panels). */
@keyframes skeleton-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.skeleton-shimmer {
  background-image: linear-gradient(90deg, #e0e6ed 25%, #eef1f5 37%, #e0e6ed 63%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
}

.dark .skeleton-shimmer {
  background-image: linear-gradient(90deg, #191e3a 25%, #22285099 37%, #191e3a 63%);
}

.skeleton-line {
  height: 1.15rem;
  border-radius: 0.25rem;
}

.skeleton-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  flex-shrink: 0;
}

.skeleton-thumb {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.375rem;
  flex-shrink: 0;
}

.skeleton-badge {
  height: 1.25rem;
  width: 4.5rem;
  border-radius: 9999px;
}

.skeleton-button {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.375rem;
}