@charset "UTF-8";
@media (max-width: 576px) {
  .p-12\.5 {
    padding: calc(var(--spacing) * 0.5) !important;
    padding-top: 2rem !important;
  }
}

/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap");
@layer properties;

@layer base {

  /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
  .pcr-app[data-theme=classic] {
    max-width: 95vw;
    padding: .8em;
    width: 28.5em
  }

  .pcr-app[data-theme=classic] .pcr-selection {
    display: flex;
    flex-grow: 1;
    justify-content: space-between
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: .75em;
    position: relative;
    width: 2em;
    z-index: 1
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
    border-radius: .15em .15em 0 0;
    cursor: pointer;
    z-index: 2
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
    border-radius: 0 0 .15em .15em
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,
  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
    background: var(--pcr-color);
    height: 50%;
    width: 100%
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette {
    height: 8em;
    width: 100%;
    z-index: 1
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: .15em;
    flex-grow: 1
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,
  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
    margin-left: .75em
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,
  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker {
    left: 50%;
    transform: translateX(-50%)
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,
  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
    border-radius: 50em;
    flex-grow: 1;
    width: 8px
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
  }

  .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(180deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 100%, 50%
  }

  /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
  .pcr-app[data-theme=monolith] {
    max-width: 95vw;
    padding: .8em;
    width: 14.25em
  }

  .pcr-app[data-theme=monolith] .pcr-selection {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
    display: flex;
    flex-direction: row;
    height: 1em;
    justify-content: space-between;
    margin-bottom: .5em;
    position: relative;
    width: 100%;
    z-index: 1
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
    border-radius: .15em 0 0 .15em;
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s;
    z-index: 2
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
    border-radius: 0 .15em .15em 0
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color,
  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
    background: var(--pcr-color);
    height: 100%;
    width: 50%
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
    height: 8em;
    width: 100%;
    z-index: 1
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: .15em;
    height: 100%;
    width: 100%
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,
  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
    height: .5em;
    margin-top: .75em
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,
  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker {
    top: 50%;
    transform: translateY(-50%)
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,
  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
    border-radius: 50em;
    flex-grow: 1
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
  }

  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(90deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 100%, .25em
  }

  /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
  .pickr {
    overflow: visible;
    position: relative;
    transform: translateY(0)
  }

  .pickr * {
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    outline: none
  }

  .pickr .pcr-button {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;
    background-size: 0;
    border-radius: .15em;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 2em;
    padding: .5em;
    position: relative;
    transition: all .3s;
    width: 2em
  }

  .pickr .pcr-button:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    z-index: -1;
    z-index: auto
  }

  .pickr .pcr-button:after,
  .pickr .pcr-button:before {
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .pickr .pcr-button:after {
    background: var(--pcr-color);
    transition: background .3s
  }

  .pickr .pcr-button.clear {
    background-size: 70%
  }

  .pickr .pcr-button.clear:before {
    opacity: 0
  }

  .pickr .pcr-button.clear:focus {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px var(--pcr-color)
  }

  .pickr .pcr-button.disabled {
    cursor: not-allowed
  }

  .pcr-app *,
  .pickr * {
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    outline: none
  }

  .pcr-app button.pcr-active,
  .pcr-app button:focus,
  .pcr-app input.pcr-active,
  .pcr-app input:focus,
  .pickr button.pcr-active,
  .pickr button:focus,
  .pickr input.pcr-active,
  .pickr input:focus {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px var(--pcr-color)
  }

  .pcr-app .pcr-palette,
  .pcr-app .pcr-slider,
  .pickr .pcr-palette,
  .pickr .pcr-slider {
    transition: box-shadow .3s
  }

  .pcr-app .pcr-palette:focus,
  .pcr-app .pcr-slider:focus,
  .pickr .pcr-palette:focus,
  .pickr .pcr-slider:focus {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(0, 0, 0, .25)
  }

  .pcr-app {
    background: #fff;
    border-radius: .1em;
    box-shadow: 0 .15em 1.5em 0 rgba(0, 0, 0, .1), 0 0 1em 0 rgba(0, 0, 0, .03);
    display: flex;
    flex-direction: column;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s, visibility 0s .3s;
    visibility: hidden;
    z-index: 10000
  }

  .pcr-app.visible {
    opacity: 1;
    transition: opacity .3s;
    visibility: visible
  }

  .pcr-app .pcr-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75em
  }

  .pcr-app .pcr-swatches.pcr-last {
    margin: 0
  }

  @supports (display:grid) {
    .pcr-app .pcr-swatches {
      align-items: center;
      display: grid;
      grid-template-columns: repeat(auto-fit, 1.75em)
    }
  }

  .pcr-app .pcr-swatches>button {
    background: transparent;
    border-radius: .15em;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 1em;
    height: calc(1.75em - 5px);
    justify-self: center;
    margin: 2.5px;
    overflow: hidden;
    position: relative;
    transition: all .15s;
    width: calc(1.75em - 5px);
    z-index: 1
  }

  .pcr-app .pcr-swatches>button:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 6px;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app .pcr-swatches>button:after {
    background: var(--pcr-color);
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .15em;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .pcr-app .pcr-swatches>button:hover {
    filter: brightness(1.05)
  }

  .pcr-app .pcr-swatches>button:not(.pcr-active) {
    box-shadow: none
  }

  .pcr-app .pcr-interaction {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2em
  }

  .pcr-app .pcr-interaction>* {
    margin: 0 .2em
  }

  .pcr-app .pcr-interaction input {
    background: #f1f3f4;
    border-radius: .15em;
    color: #75797e;
    cursor: pointer;
    font-size: .75em;
    letter-spacing: .07em;
    margin-top: .75em;
    padding: .45em .5em;
    text-align: center;
    transition: all .15s
  }

  .pcr-app .pcr-interaction input:hover {
    filter: brightness(.975)
  }

  .pcr-app .pcr-interaction input:focus {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(66, 133, 244, .75)
  }

  .pcr-app .pcr-interaction .pcr-result {
    background: #f1f3f4;
    border-radius: .15em;
    color: #75797e;
    cursor: text;
    flex: 1 1 8em;
    min-width: 8em;
    text-align: left;
    transition: all .2s
  }

  .pcr-app .pcr-interaction .pcr-result::-moz-selection {
    background: #4285f4;
    color: #fff
  }

  .pcr-app .pcr-interaction .pcr-result::selection {
    background: #4285f4;
    color: #fff
  }

  .pcr-app .pcr-interaction .pcr-type.active {
    background: #4285f4;
    color: #fff
  }

  .pcr-app .pcr-interaction .pcr-cancel,
  .pcr-app .pcr-interaction .pcr-clear,
  .pcr-app .pcr-interaction .pcr-save {
    color: #fff;
    width: auto
  }

  .pcr-app .pcr-interaction .pcr-cancel:hover,
  .pcr-app .pcr-interaction .pcr-clear:hover,
  .pcr-app .pcr-interaction .pcr-save:hover {
    filter: brightness(.925)
  }

  .pcr-app .pcr-interaction .pcr-save {
    background: #4285f4
  }

  .pcr-app .pcr-interaction .pcr-cancel,
  .pcr-app .pcr-interaction .pcr-clear {
    background: #f44250
  }

  .pcr-app .pcr-interaction .pcr-cancel:focus,
  .pcr-app .pcr-interaction .pcr-clear:focus {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(244, 66, 80, .75)
  }

  .pcr-app .pcr-selection .pcr-picker {
    border: 2px solid #fff;
    border-radius: 100%;
    height: 18px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 18px
  }

  .pcr-app .pcr-selection .pcr-color-chooser,
  .pcr-app .pcr-selection .pcr-color-opacity,
  .pcr-app .pcr-selection .pcr-color-palette {
    cursor: grab;
    cursor: -webkit-grab;
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .pcr-app .pcr-selection .pcr-color-chooser:active,
  .pcr-app .pcr-selection .pcr-color-opacity:active,
  .pcr-app .pcr-selection .pcr-color-palette:active {
    cursor: grabbing;
    cursor: -webkit-grabbing
  }

  .pcr-app[data-theme=nano] {
    max-width: 95vw;
    width: 14.25em
  }

  .pcr-app[data-theme=nano] .pcr-swatches {
    margin-top: .6em;
    padding: 0 .6em
  }

  .pcr-app[data-theme=nano] .pcr-interaction {
    padding: 0 .6em .6em
  }

  .pcr-app[data-theme=nano] .pcr-selection {
    display: grid;
    grid-gap: .6em;
    align-items: center;
    align-self: flex-start;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 5fr auto auto;
    height: 10.5em;
    width: 100%
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview {
    display: flex;
    flex-direction: row;
    grid-area: 2/1/4/1;
    height: 100%;
    justify-content: center;
    margin-left: .6em;
    width: 100%
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color {
    display: none
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
    background: var(--pcr-color);
    border-radius: 50em;
    height: 2em;
    overflow: hidden;
    position: relative;
    width: 2em
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
    grid-area: 1/1/2/3;
    height: 100%;
    width: 100%;
    z-index: 1
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: .15em;
    height: 100%;
    width: 100%
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: .5em;
    border-radius: .15em;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser {
    grid-area: 2/2/2/2
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
    grid-area: 3/2/3/2
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,
  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
    height: .5em;
    margin: 0 .6em
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,
  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker {
    top: 50%;
    transform: translateY(-50%)
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,
  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
    border-radius: 50em;
    flex-grow: 1
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
  }

  .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(90deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 100%, .25em
  }

  [data-tg-tour] {
    scroll-margin: 30px 0
  }

  .tg-backdrop {
    align-items: center;
    border: 1px solid rgba(193, 192, 232, .5);
    border-radius: 7px;
    box-shadow: 0 0 1px 2px rgba(33, 33, 33, .8), 0 0 0 1000vh rgba(33, 33, 33, .8);
    display: none;
    height: 0;
    justify-content: center;
    left: 50vw;
    position: absolute;
    top: 50vh;
    width: 0;
    z-index: 99
  }

  .tg-backdrop.tg-backdrop-animate {
    transition: all .3s
  }

  .tg-backdrop.allow-interaction {
    pointer-events: none
  }

  .tg-dialog {
    animation-delay: .1s;
    background: #fff;
    border-radius: 12px;
    color: #252525;
    display: none;
    font-size: .9rem;
    left: 0;
    max-width: 340px;
    min-height: 120px;
    padding: 0;
    position: absolute;
    top: 0;
    width: -moz-max-content;
    width: max-content;
    z-index: 9999
  }

  .tg-dialog .tg-dialog-header {
    align-items: center;
    display: flex;
    padding: 25px 25px 0
  }

  .tg-dialog .tg-dialog-header .tg-dialog-title {
    font-size: 1rem;
    font-weight: 700;
    margin-right: auto
  }

  .tg-dialog .tg-dialog-header .tg-dialog-title+.tg-dialog-body {
    padding: 18.75px 25px
  }

  .tg-dialog .tg-dialog-header .tg-dialog-close-btn {
    cursor: pointer;
    height: 12px;
    margin-left: 10px;
    opacity: .4;
    white-space: nowrap;
    width: 12px
  }

  .tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus,
  .tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover {
    opacity: 1
  }

  .tg-dialog .tg-dialog-header .tg-dialog-spinner {
    animation: tg-spin 1s linear infinite;
    display: none;
    margin-top: -1px;
    opacity: .4
  }

  @keyframes tg-spin {
    0% {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(359deg)
    }
  }

  .tg-dialog .tg-dialog-progress-bar {
    background: #f1f1f1;
    display: block;
    height: 5px;
    margin-top: 18.75px;
    position: relative
  }

  .tg-dialog .tg-dialog-progress-bar>.tg-bar {
    background: #414144;
    display: block;
    height: 100%;
    left: 0;
    min-width: 4px;
    position: absolute;
    top: 0;
    transition: all .3s
  }

  .tg-dialog .tg-dialog-body {
    font-weight: 400;
    padding: 25px
  }

  .tg-dialog .tg-dialog-dots {
    align-items: center;
    border-bottom: 1px solid #dedee7;
    border-top: 1px solid #dedee7;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    padding: 15px 0
  }

  .tg-dialog .tg-dialog-dots>span.tg-dot {
    background: #c2c7ce;
    border-radius: 12px;
    display: inline-block;
    height: 9px;
    margin: 0 4px;
    width: 9px
  }

  .tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active {
    background: #5362d9
  }

  .tg-dialog .tg-dialog-footer {
    align-items: center;
    display: flex;
    padding: 12.5px 25px 25px
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn {
    border: 1px solid #cbcfd5;
    border-radius: 4px;
    color: #6f727e;
    font-size: .82rem;
    font-weight: 500;
    padding: 5px 10px;
    white-space: nowrap
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn+button {
    margin-left: auto
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled {
    opacity: .6;
    pointer-events: none
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
    border: 1px solid #b5b7c2;
    box-shadow: none;
    color: #464852;
    outline: none
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus {
    box-shadow: none;
    outline: none
  }

  .tg-dialog .tg-dialog-footer button.tg-dialog-btn:active {
    background: #f1f2ff;
    border: 1px solid #5362d9;
    box-shadow: none;
    color: #4655cb;
    outline: none
  }

  .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
    line-height: 1;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center
  }

  .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 auto;
    opacity: .4
  }

  .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots {
    border: none;
    margin: 0;
    padding: 0
  }

  .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots>span.tg-dot {
    height: 8px;
    margin: 0 3px;
    width: 8px
  }

  .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress {
    font-size: .68rem;
    margin-top: 10px
  }

  .tg-dialog .tg-arrow {
    background: #fff;
    border-radius: 1px;
    height: 9px;
    position: absolute;
    transform: rotate(45deg);
    width: 9px
  }

  .tg-dialog.tg-dialog-fixed {
    animation-delay: 0s;
    transition: none
  }

  .tg-dialog.animate-position {
    transition: all .3s
  }

  .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title {
    opacity: .4
  }

  .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn {
    display: none
  }

  .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner {
    display: inline-block
  }

  .tg-dialog.tg-dialog-loading .tg-dialog-body,
  .tg-dialog.tg-dialog-loading .tg-dialog-footer {
    opacity: .4;
    pointer-events: none
  }

  .tg-no-interaction * {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
  }

  .tg-active-element *,
  .tg-dialog *,
  .tg-no-interaction .tg-active-element,
  .tg-no-interaction .tg-dialog {
    pointer-events: auto !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !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 {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
  }

  .animate__animated.animate__infinite {
    animation-iteration-count: infinite
  }

  .animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
  }

  .animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
  }

  .animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
  }

  .animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
  }

  .animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
  }

  .animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
  }

  .animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
  }

  .animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
  }

  .animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
  }

  .animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*.8)
  }

  .animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
  }

  .animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
  }

  @media (prefers-reduced-motion:reduce),
  print {
    .animate__animated {
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
      opacity: 0
    }
  }

  @keyframes bounce {

    0%,
    20%,
    53%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
      transform: translateZ(0)
    }

    40%,
    43% {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06);
      transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06);
      transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
      transform: translateZ(0) scaleY(.95);
      transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
      transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
  }

  .animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
  }

  @keyframes flash {

    0%,
    50%,
    to {
      opacity: 1
    }

    25%,
    75% {
      opacity: 0
    }
  }

  .animate__flash {
    animation-name: flash
  }

  .animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
  }

  @keyframes rubberBand {
    0% {
      transform: scaleX(1)
    }

    30% {
      transform: scale3d(1.25, .75, 1)
    }

    40% {
      transform: scale3d(.75, 1.25, 1)
    }

    50% {
      transform: scale3d(1.15, .85, 1)
    }

    65% {
      transform: scale3d(.95, 1.05, 1)
    }

    75% {
      transform: scale3d(1.05, .95, 1)
    }

    to {
      transform: scaleX(1)
    }
  }

  .animate__rubberBand {
    animation-name: rubberBand
  }

  @keyframes shakeX {

    0%,
    to {
      transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
      transform: translate3d(10px, 0, 0)
    }
  }

  .animate__shakeX {
    animation-name: shakeX
  }

  @keyframes shakeY {

    0%,
    to {
      transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
      transform: translate3d(0, 10px, 0)
    }
  }

  .animate__shakeY {
    animation-name: shakeY
  }

  @keyframes headShake {
    0% {
      transform: translateX(0)
    }

    6.5% {
      transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
      transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
      transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
      transform: translateX(2px) rotateY(3deg)
    }

    50% {
      transform: translateX(0)
    }
  }

  .animate__headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out
  }

  @keyframes swing {
    20% {
      transform: rotate(15deg)
    }

    40% {
      transform: rotate(-10deg)
    }

    60% {
      transform: rotate(5deg)
    }

    80% {
      transform: rotate(-5deg)
    }

    to {
      transform: rotate(0deg)
    }
  }

  .animate__swing {
    animation-name: swing;
    transform-origin: top center
  }

  @keyframes tada {
    0% {
      transform: scaleX(1)
    }

    10%,
    20% {
      transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
      transform: scaleX(1)
    }
  }

  .animate__tada {
    animation-name: tada
  }

  @keyframes wobble {
    0% {
      transform: translateZ(0)
    }

    15% {
      transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
      transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
      transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
      transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
      transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__wobble {
    animation-name: wobble
  }

  @keyframes jello {

    0%,
    11.1%,
    to {
      transform: translateZ(0)
    }

    22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
      transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
      transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
      transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
  }

  .animate__jello {
    animation-name: jello;
    transform-origin: center
  }

  @keyframes heartBeat {
    0% {
      transform: scale(1)
    }

    14% {
      transform: scale(1.3)
    }

    28% {
      transform: scale(1)
    }

    42% {
      transform: scale(1.3)
    }

    70% {
      transform: scale(1)
    }
  }

  .animate__heartBeat {
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
  }

  @keyframes backInDown {
    0% {
      opacity: .7;
      transform: translateY(-1200px) scale(.7)
    }

    80% {
      opacity: .7;
      transform: translateY(0) scale(.7)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  .animate__backInDown {
    animation-name: backInDown
  }

  @keyframes backInLeft {
    0% {
      opacity: .7;
      transform: translateX(-2000px) scale(.7)
    }

    80% {
      opacity: .7;
      transform: translateX(0) scale(.7)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  .animate__backInLeft {
    animation-name: backInLeft
  }

  @keyframes backInRight {
    0% {
      opacity: .7;
      transform: translateX(2000px) scale(.7)
    }

    80% {
      opacity: .7;
      transform: translateX(0) scale(.7)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  .animate__backInRight {
    animation-name: backInRight
  }

  @keyframes backInUp {
    0% {
      opacity: .7;
      transform: translateY(1200px) scale(.7)
    }

    80% {
      opacity: .7;
      transform: translateY(0) scale(.7)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  .animate__backInUp {
    animation-name: backInUp
  }

  @keyframes backOutDown {
    0% {
      opacity: 1;
      transform: scale(1)
    }

    20% {
      opacity: .7;
      transform: translateY(0) scale(.7)
    }

    to {
      opacity: .7;
      transform: translateY(700px) scale(.7)
    }
  }

  .animate__backOutDown {
    animation-name: backOutDown
  }

  @keyframes backOutLeft {
    0% {
      opacity: 1;
      transform: scale(1)
    }

    20% {
      opacity: .7;
      transform: translateX(0) scale(.7)
    }

    to {
      opacity: .7;
      transform: translateX(-2000px) scale(.7)
    }
  }

  .animate__backOutLeft {
    animation-name: backOutLeft
  }

  @keyframes backOutRight {
    0% {
      opacity: 1;
      transform: scale(1)
    }

    20% {
      opacity: .7;
      transform: translateX(0) scale(.7)
    }

    to {
      opacity: .7;
      transform: translateX(2000px) scale(.7)
    }
  }

  .animate__backOutRight {
    animation-name: backOutRight
  }

  @keyframes backOutUp {
    0% {
      opacity: 1;
      transform: scale(1)
    }

    20% {
      opacity: .7;
      transform: translateY(0) scale(.7)
    }

    to {
      opacity: .7;
      transform: translateY(-700px) scale(.7)
    }
  }

  .animate__backOutUp {
    animation-name: backOutUp
  }

  @keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
    }

    20% {
      transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
      transform: scale3d(.9, .9, .9)
    }

    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
      transform: scale3d(.97, .97, .97)
    }

    to {
      opacity: 1;
      transform: scaleX(1)
    }
  }

  .animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceIn
  }

  @keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
      transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
      transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__bounceInDown {
    animation-name: bounceInDown
  }

  @keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
      transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
      transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__bounceInLeft {
    animation-name: bounceInLeft
  }

  @keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
      transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
      transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__bounceInRight {
    animation-name: bounceInRight
  }

  @keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
      transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
      transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__bounceInUp {
    animation-name: bounceInUp
  }

  @keyframes bounceOut {
    20% {
      transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
    }
  }

  .animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceOut
  }

  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0) scaleY(3)
    }
  }

  .animate__bounceOutDown {
    animation-name: bounceOutDown
  }

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
  }

  .animate__bounceOutLeft {
    animation-name: bounceOutLeft
  }

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0) scaleX(2)
    }
  }

  .animate__bounceOutRight {
    animation-name: bounceOutRight
  }

  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0) scaleY(3)
    }
  }

  .animate__bounceOutUp {
    animation-name: bounceOutUp
  }

  @keyframes fadeIn {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  .animate__fadeIn {
    animation-name: fadeIn
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInDown {
    animation-name: fadeInDown
  }

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translate3d(0, -2000px, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInDownBig {
    animation-name: fadeInDownBig
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInLeft {
    animation-name: fadeInLeft
  }

  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInRight {
    animation-name: fadeInRight
  }

  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInRightBig {
    animation-name: fadeInRightBig
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInUp {
    animation-name: fadeInUp
  }

  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInUpBig {
    animation-name: fadeInUpBig
  }

  @keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
  }

  @keyframes fadeInTopRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, -100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInTopRight {
    animation-name: fadeInTopRight
  }

  @keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
  }

  @keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 100%, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
  }

  @keyframes fadeOut {
    0% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  .animate__fadeOut {
    animation-name: fadeOut
  }

  @keyframes fadeOutDown {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0)
    }
  }

  .animate__fadeOutDown {
    animation-name: fadeOutDown
  }

  @keyframes fadeOutDownBig {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)
    }
  }

  .animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
  }

  @keyframes fadeOutLeft {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)
    }
  }

  .animate__fadeOutLeft {
    animation-name: fadeOutLeft
  }

  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0)
    }
  }

  .animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
  }

  @keyframes fadeOutRight {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0)
    }
  }

  .animate__fadeOutRight {
    animation-name: fadeOutRight
  }

  @keyframes fadeOutRightBig {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)
    }
  }

  .animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
  }

  @keyframes fadeOutUp {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0)
    }
  }

  .animate__fadeOutUp {
    animation-name: fadeOutUp
  }

  @keyframes fadeOutUpBig {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0)
    }
  }

  .animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
  }

  @keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      transform: translateZ(0)
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0)
    }
  }

  .animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
  }

  @keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      transform: translateZ(0)
    }

    to {
      opacity: 0;
      transform: translate3d(100%, -100%, 0)
    }
  }

  .animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
  }

  @keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      transform: translateZ(0)
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 100%, 0)
    }
  }

  .animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
  }

  @keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      transform: translateZ(0)
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0)
    }
  }

  .animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
  }

  @keyframes flip {
    0% {
      animation-timing-function: ease-out;
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
      animation-timing-function: ease-out;
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
      animation-timing-function: ease-in;
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
      animation-timing-function: ease-in;
      transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
      animation-timing-function: ease-in;
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
  }

  .animate__animated.animate__flip {
    animation-name: flip;
    backface-visibility: visible
  }

  @keyframes flipInX {
    0% {
      animation-timing-function: ease-in;
      opacity: 0;
      transform: perspective(400px) rotateX(90deg)
    }

    40% {
      animation-timing-function: ease-in;
      transform: perspective(400px) rotateX(-20deg)
    }

    60% {
      opacity: 1;
      transform: perspective(400px) rotateX(10deg)
    }

    80% {
      transform: perspective(400px) rotateX(-5deg)
    }

    to {
      transform: perspective(400px)
    }
  }

  .animate__flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important
  }

  @keyframes flipInY {
    0% {
      animation-timing-function: ease-in;
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
    }

    40% {
      animation-timing-function: ease-in;
      transform: perspective(400px) rotateY(-20deg)
    }

    60% {
      opacity: 1;
      transform: perspective(400px) rotateY(10deg)
    }

    80% {
      transform: perspective(400px) rotateY(-5deg)
    }

    to {
      transform: perspective(400px)
    }
  }

  .animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important
  }

  @keyframes flipOutX {
    0% {
      transform: perspective(400px)
    }

    30% {
      opacity: 1;
      transform: perspective(400px) rotateX(-20deg)
    }

    to {
      opacity: 0;
      transform: perspective(400px) rotateX(90deg)
    }
  }

  .animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutX;
    backface-visibility: visible !important
  }

  @keyframes flipOutY {
    0% {
      transform: perspective(400px)
    }

    30% {
      opacity: 1;
      transform: perspective(400px) rotateY(-15deg)
    }

    to {
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
    }
  }

  .animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutY;
    backface-visibility: visible !important
  }

  @keyframes lightSpeedInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
      opacity: 1;
      transform: skewX(20deg)
    }

    80% {
      transform: skewX(-5deg)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
  }

  @keyframes lightSpeedInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

    60% {
      opacity: 1;
      transform: skewX(-20deg)
    }

    80% {
      transform: skewX(5deg)
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
  }

  @keyframes lightSpeedOutRight {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) skewX(30deg)
    }
  }

  .animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
  }

  @keyframes lightSpeedOutLeft {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) skewX(-30deg)
    }
  }

  .animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
  }

  @keyframes rotateIn {
    0% {
      opacity: 0;
      transform: rotate(-200deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
  }

  @keyframes rotateInDownLeft {
    0% {
      opacity: 0;
      transform: rotate(-45deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
  }

  @keyframes rotateInDownRight {
    0% {
      opacity: 0;
      transform: rotate(45deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
  }

  @keyframes rotateInUpLeft {
    0% {
      opacity: 0;
      transform: rotate(45deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
  }

  @keyframes rotateInUpRight {
    0% {
      opacity: 0;
      transform: rotate(-90deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
  }

  @keyframes rotateOut {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: rotate(200deg)
    }
  }

  .animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
  }

  @keyframes rotateOutDownLeft {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: rotate(45deg)
    }
  }

  .animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
  }

  @keyframes rotateOutDownRight {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: rotate(-45deg)
    }
  }

  .animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
  }

  @keyframes rotateOutUpLeft {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: rotate(-45deg)
    }
  }

  .animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
  }

  @keyframes rotateOutUpRight {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: rotate(90deg)
    }
  }

  .animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
  }

  @keyframes hinge {
    0% {
      animation-timing-function: ease-in-out
    }

    20%,
    60% {
      animation-timing-function: ease-in-out;
      transform: rotate(80deg)
    }

    40%,
    80% {
      animation-timing-function: ease-in-out;
      opacity: 1;
      transform: rotate(60deg)
    }

    to {
      opacity: 0;
      transform: translate3d(0, 700px, 0)
    }
  }

  .animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
  }

  @keyframes jackInTheBox {
    0% {
      opacity: 0;
      transform: scale(.1) rotate(30deg);
      transform-origin: center bottom
    }

    50% {
      transform: rotate(-10deg)
    }

    70% {
      transform: rotate(3deg)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  .animate__jackInTheBox {
    animation-name: jackInTheBox
  }

  @keyframes rollIn {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .animate__rollIn {
    animation-name: rollIn
  }

  @keyframes rollOut {
    0% {
      opacity: 1
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate(120deg)
    }
  }

  .animate__rollOut {
    animation-name: rollOut
  }

  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
    }

    50% {
      opacity: 1
    }
  }

  .animate__zoomIn {
    animation-name: zoomIn
  }

  @keyframes zoomInDown {
    0% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
  }

  .animate__zoomInDown {
    animation-name: zoomInDown
  }

  @keyframes zoomInLeft {
    0% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
  }

  .animate__zoomInLeft {
    animation-name: zoomInLeft
  }

  @keyframes zoomInRight {
    0% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
  }

  .animate__zoomInRight {
    animation-name: zoomInRight
  }

  @keyframes zoomInUp {
    0% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
  }

  .animate__zoomInUp {
    animation-name: zoomInUp
  }

  @keyframes zoomOut {
    0% {
      opacity: 1
    }

    50% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
    }

    to {
      opacity: 0
    }
  }

  .animate__zoomOut {
    animation-name: zoomOut
  }

  @keyframes zoomOutDown {
    40% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
  }

  .animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
  }

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(-2000px, 0, 0)
    }
  }

  .animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
  }

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(2000px, 0, 0)
    }
  }

  .animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
  }

  @keyframes zoomOutUp {
    40% {
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
  }

  .animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
  }

  @keyframes slideInDown {
    0% {
      transform: translate3d(0, -100%, 0);
      visibility: visible
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__slideInDown {
    animation-name: slideInDown
  }

  @keyframes slideInLeft {
    0% {
      transform: translate3d(-100%, 0, 0);
      visibility: visible
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__slideInLeft {
    animation-name: slideInLeft
  }

  @keyframes slideInRight {
    0% {
      transform: translate3d(100%, 0, 0);
      visibility: visible
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__slideInRight {
    animation-name: slideInRight
  }

  @keyframes slideInUp {
    0% {
      transform: translate3d(0, 100%, 0);
      visibility: visible
    }

    to {
      transform: translateZ(0)
    }
  }

  .animate__slideInUp {
    animation-name: slideInUp
  }

  @keyframes slideOutDown {
    0% {
      transform: translateZ(0)
    }

    to {
      transform: translate3d(0, 100%, 0);
      visibility: hidden
    }
  }

  .animate__slideOutDown {
    animation-name: slideOutDown
  }

  @keyframes slideOutLeft {
    0% {
      transform: translateZ(0)
    }

    to {
      transform: translate3d(-100%, 0, 0);
      visibility: hidden
    }
  }

  .animate__slideOutLeft {
    animation-name: slideOutLeft
  }

  @keyframes slideOutRight {
    0% {
      transform: translateZ(0)
    }

    to {
      transform: translate3d(100%, 0, 0);
      visibility: hidden
    }
  }

  .animate__slideOutRight {
    animation-name: slideOutRight
  }

  @keyframes slideOutUp {
    0% {
      transform: translateZ(0)
    }

    to {
      transform: translate3d(0, -100%, 0);
      visibility: hidden
    }
  }

  .animate__slideOutUp {
    animation-name: slideOutUp
  }

  .choices {
    font-size: var(--choices-font-size-lg, 16px);
    margin-bottom: var(--choices-guttering, 24px);
    overflow: hidden;
    position: relative
  }

  .choices:focus {
    outline: 0
  }

  .choices:last-child {
    margin-bottom: 0
  }

  .choices.is-open {
    overflow: visible
  }

  .choices.is-disabled :is(.choices__inner, .choices__input) {
    background-color: var(--choices-bg-color-disabled, #eaeaea);
    cursor: not-allowed !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .choices.is-disabled .choices__item {
    color: var(--choices-item-disabled-color, #fff);
    cursor: not-allowed
  }

  .choices [hidden] {
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute
  }

  .choices[data-type*=select-one] {
    cursor: pointer
  }

  .choices[data-type*=select-one] .choices__inner {
    padding-bottom: var(--choices-inner-one-padding, 7.5px)
  }

  .choices[data-type*=select-one] .choices__input {
    background-color: var(--choices-bg-color-dropdown, #fff);
    border-bottom: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);
    display: block;
    margin: 0;
    padding: var(--choices-dropdown-item-padding, 10px);
    width: var(--choices-width, 100%)
  }

  .choices[data-type*=select-one] .choices__button {
    background-image: var(--choices-icon-cross-inverse, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));
    background-size: 8px;
    border-radius: 10em;
    height: 20px;
    margin-right: 25px;
    margin-top: -10px;
    opacity: .25;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px
  }

  .choices[data-type*=select-one] .choices__button:is(:hover, :focus) {
    opacity: var(--choices-button-opacity-hover, 1)
  }

  .choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px var(--choices-highlight-color, #005f75)
  }

  .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
    display: none
  }

  .choices[data-type*=select-one]:after {
    border-color: var(--choices-text-color, #333) transparent transparent transparent;
    border-style: solid;
    border-width: var(--choices-arrow-size, 5px);
    content: "";
    height: 0;
    margin-top: var(--choices-arrow-margin-top, -2.5px);
    pointer-events: none;
    position: absolute;
    right: var(--choices-arrow-right, 11.5px);
    top: 50%;
    width: 0
  }

  .choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent var(--choices-text-color, #333);
    margin-top: var(--choices-arrow-margin-top-open, -7.5px)
  }

  .choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
  }

  .choices[data-type*=select-one][dir=rtl] .choices__button {
    left: 0;
    margin-left: 25px;
    margin-right: 0;
    right: auto
  }

  .choices:is([data-type*=select-multiple], [data-type*=text]) .choices__inner {
    cursor: text
  }

  .choices:is([data-type*=select-multiple], [data-type*=text]) .choices__button {
    border-left: 1px solid var(--choices-primary-color, #005f75);
    display: inline-block;
    margin: 0 calc(var(--choices-button-offset, 8px)*-.5)0 var(--choices-button-offset, 8px);
    padding-left: calc(var(--choices-button-offset, 8px)*2);
    position: relative;

    @supports (color:color-mix(in lab, red, red)) {
      border-left-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000));
      border-left-style: solid;
      border-left-width: 1px
    }

    background-image:var(--choices-icon-cross, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));
    background-size:var(--choices-button-dimension, 8px);
    border-radius:var(--choices-button-border-radius, 0);
    line-height:var(--choices-button-line-height, 1);
    opacity:var(--choices-button-opacity, .75);
    width:var(--choices-button-dimension, 8px)
  }

  .choices:is([data-type*=select-multiple], [data-type*=text]) .choices__button:is(:hover, :focus) {
    --choices-button-opacity: var(--choices-button-opacity-hover, 1)
  }

  .choices__inner {
    background-color: var(--choices-bg-color, #f9f9f9);
    border: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);
    border-radius: var(--choices-border-radius, 2.5px);
    display: inline-block;
    font-size: var(--choices-font-size-md, 14px);
    min-height: var(--choices-input-height, 44px);
    overflow: hidden;
    padding: var(--choices-inner-padding, 7.5px 7.5px 3.75px);
    vertical-align: top;
    width: var(--choices-width, 100%)
  }

  .is-focused .choices__inner,
  .is-open .choices__inner {
    border-color: var(--choices-keyline-color, #ddd);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--choices-keyline-color, #ddd) 85%, var(--choices-darken, #000))
    }
  }

  .is-open .choices__inner {
    border-radius: var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)0 0
  }

  .is-invalid .choices__inner {
    border-color: var(--choices-invalid-color, #d33141)
  }

  .is-flipped.is-open .choices__inner {
    border-radius: 0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)
  }

  .choices__list {
    list-style: none;
    margin: 0;
    padding-left: 0
  }

  .choices__list--single {
    display: inline-block;
    padding: var(--choices-list-single-padding, 4px 16px 4px 4px)
  }

  [dir=rtl] .choices__list--single {
    padding-left: 16px;
    padding-right: 4px
  }

  .choices__list--single,
  .choices__list--single .choices__item {
    width: var(--choices-width, 100%)
  }

  .choices__list--multiple {
    display: inline
  }

  .choices__list--multiple .choices__item {
    background-color: var(--choices-primary-color, #005f75);
    border: 1px solid var(--choices-primary-color, #005f75);
    border-radius: var(--choices-border-radius-item, 20px);
    display: inline-block;
    font-size: var(--choices-font-size-sm, 12px);
    font-weight: 500;
    margin-bottom: var(--choices-multiple-item-margin, 3.75px);
    margin-right: var(--choices-multiple-item-margin, 3.75px);
    padding: var(--choices-multiple-item-padding, 4px 10px);
    vertical-align: middle;

    @supports (color:color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000));
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000));
      border-left-style: solid;
      border-left-width: 1px;
      border-right-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000));
      border-right-style: solid;
      border-right-width: 1px;
      border-top-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000));
      border-top-style: solid;
      border-top-width: 1px
    }

    box-sizing:border-box;
    color:var(--choices-item-color, #fff);
    word-break:break-all
  }

  .choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
  }

  [dir=rtl] .choices__list--multiple .choices__item {
    margin-left: var(--choices-multiple-item-margin, 3.75px);
    margin-right: 0
  }

  .choices__list--multiple .choices__item.is-highlighted {
    background-color: var(--choices-primary-color, #005f75);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000))
    }

    border:1px solid var(--choices-primary-color, #005f75);

    @supports (color:color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000));
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000));
      border-left-style: solid;
      border-left-width: 1px;
      border-right-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000));
      border-right-style: solid;
      border-right-width: 1px;
      border-top-color: color-mix(in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000));
      border-top-style: solid;
      border-top-width: 1px
    }
  }

  .is-disabled .choices__list--multiple .choices__item {
    background-color: var(--choices-disabled-color, #eaeaea);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--choices-disabled-color, #eaeaea) 75%, var(--choices-darken, #000))
    }

    border:1px solid var(--choices-disabled-color, #eaeaea);

    @supports (color:color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000));
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color: color-mix(in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000));
      border-left-style: solid;
      border-left-width: 1px;
      border-right-color: color-mix(in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000));
      border-right-style: solid;
      border-right-width: 1px;
      border-top-color: color-mix(in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000));
      border-top-style: solid;
      border-top-width: 1px
    }
  }

  .choices__list--dropdown,
  .choices__list[aria-expanded] {
    background-color: var(--choices-bg-color-dropdown, #fff);
    border: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);
    border-bottom-left-radius: var(--choices-border-radius, 2.5px);
    border-bottom-right-radius: var(--choices-border-radius, 2.5px);
    display: none;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: var(--choices-width, 100%);
    word-break: break-all;
    z-index: var(--choices-z-index, 1)
  }

  .is-active.choices__list--dropdown,
  .is-active.choices__list[aria-expanded] {
    display: block
  }

  .is-open .choices__list--dropdown,
  .is-open .choices__list[aria-expanded] {
    border-color: var(--choices-keyline-color, #ddd);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--choices-keyline-color, #ddd) 85%, var(--choices-darken, #000))
    }
  }

  .is-flipped .choices__list--dropdown,
  .is-flipped .choices__list[aria-expanded] {
    border-radius: .25rem .25rem 0 0;
    bottom: 100%;
    margin-bottom: -1px;
    margin-top: 0;
    top: auto
  }

  .choices__list--dropdown .choices__list,
  .choices__list[aria-expanded] .choices__list {
    max-height: 300px;
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
  }

  .choices__list--dropdown .choices__item,
  .choices__list[aria-expanded] .choices__item {
    font-size: var(--choices-font-size-md, 14px);
    padding: var(--choices-dropdown-item-padding, 10px);
    position: relative
  }

  [dir=rtl] .choices__list--dropdown .choices__item,
  [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
  }

  @media (min-width:640px) {

    .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text] {
      padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]:after,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]:after {
      content: attr(data-select-text);
      font-size: var(--choices-font-size-sm, 12px);
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text] {
      padding-left: 100px;
      padding-right: 10px;
      text-align: right
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]:after,
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]:after {
      left: 10px;
      right: auto
    }
  }

  .choices__list--dropdown .choices__item--selectable.is-selected:after,
  .choices__list[aria-expanded] .choices__item--selectable.is-selected:after {
    content: none !important
  }

  .choices__list--dropdown .choices__item--selectable.is-highlighted,
  .choices__list--dropdown .choices__item--selectable.is-selected,
  .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
  .choices__list[aria-expanded] .choices__item--selectable.is-selected {
    background-color: var(--choices-highlighted-color, #f2f2f2)
  }

  .choices__item {
    cursor: default
  }

  .choices__item--selectable {
    cursor: pointer
  }

  .choices__item--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .choices__heading {
    border-bottom: 1px solid var(--choices-keyline-color, #ddd);
    font-size: 12px;
    font-weight: 600;
    padding: 10px;

    @supports (color:color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--choices-keyline-color, #ddd) 90%, var(--choices-lighten, #fff));
      border-bottom-style: solid;
      border-bottom-width: 1px
    }

    color:gray
  }

  .choices__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    text-indent: -9999px
  }

  .choices__button:focus,
  .choices__input:focus {
    outline: 0
  }

  .choices__input {
    background-color: var(--choices-bg-color, #f9f9f9);
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: var(--choices-font-size-md, 14px);
    margin-bottom: var(--choices-input-margin-bottom, 5px);
    max-width: var(--choices-width, 100%);
    padding: var(--choices-input-padding, 4px 0 4px 2px);
    vertical-align: baseline
  }

  .choices__input::-webkit-search-cancel-button,
  .choices__input::-webkit-search-decoration,
  .choices__input::-webkit-search-results-button,
  .choices__input::-webkit-search-results-decoration {
    display: none
  }

  .choices__input::-ms-clear,
  .choices__input::-ms-reveal {
    display: none;
    height: 0;
    width: 0
  }

  [dir=rtl] .choices__input {
    padding-left: 0;
    padding-right: 2px
  }

  .choices__placeholder {
    opacity: var(--choices-placeholder-opacity, .5)
  }

  :root {
    --dtfc_background: #fff;
    --dtfc-thead-cell_background: var(--dtfc_background);
    --dtfc-tbody-cell_background: var(--dtfc_background)
  }

  :root.dark {
    --dtfc_background: #212529
  }

  table.dataTable tfoot tr>.dtfc-fixed-end,
  table.dataTable tfoot tr>.dtfc-fixed-start,
  table.dataTable thead tr>.dtfc-fixed-end,
  table.dataTable thead tr>.dtfc-fixed-start {
    background-color: var(--dtfc-thead-cell_background);
    bottom: 0;
    top: 0;
    z-index: 3
  }

  table.dataTable tbody tr>.dtfc-fixed-end,
  table.dataTable tbody tr>.dtfc-fixed-start {
    background-color: var(--dtfc-tbody-cell_background);
    z-index: 1
  }

  table.dataTable tr>.dtfc-fixed-left:after,
  table.dataTable tr>.dtfc-fixed-right:after {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: box-shadow .3s;
    width: 10px
  }

  table.dataTable tr>.dtfc-fixed-left:after {
    right: 0;
    transform: translateX(100%)
  }

  table.dataTable tr>.dtfc-fixed-right:after {
    left: 0;
    transform: translateX(-80%)
  }

  table.dataTable.dtfc-scrolling-left tr>.dtfc-fixed-left:after {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .2)
  }

  table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right:after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .2)
  }

  table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right+.dtfc-fixed-right:after {
    box-shadow: none
  }

  div.dt-scroll,
  div.dtfh-floatingparent {
    position: relative
  }

  div.dt-scroll div.dtfc-bottom-blocker,
  div.dt-scroll div.dtfc-top-blocker,
  div.dtfh-floatingparent div.dtfc-bottom-blocker,
  div.dtfh-floatingparent div.dtfc-top-blocker {
    background-color: var(--dtfc-thead-cell_background);
    position: absolute
  }

  html.dark table.dataTable.dtfc-scrolling-left tbody>tr>.dtfc-fixed-left:after {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .3)
  }

  html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right:after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .3)
  }

  html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right+.dtfc-fixed-right:after {
    box-shadow: none
  }

  table.fixedHeader-floating,
  table.fixedHeader-locked {
    background-color: var(--dt-html-background);
    position: relative !important
  }

  @media print {

    table.fixedHeader-floating,
    table.fixedHeader-locked {
      display: none
    }
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default !important
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before {
    display: none !important
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    cursor: pointer
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    margin-right: .5em
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right:before {
    border-color: transparent rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 5px 10px 5px 0
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
  }

  table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,
  table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control {
    padding-left: .333em
  }

  table.dataTable.dtr-column>tbody>tr>td.control,
  table.dataTable.dtr-column>tbody>tr>td.dtr-control,
  table.dataTable.dtr-column>tbody>tr>th.control,
  table.dataTable.dtr-column>tbody>tr>th.dtr-control {
    cursor: pointer
  }

  table.dataTable.dtr-column>tbody>tr>td.control:before,
  table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
  table.dataTable.dtr-column>tbody>tr>th.control:before,
  table.dataTable.dtr-column>tbody>tr>th.dtr-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block
  }

  table.dataTable.dtr-column>tbody>tr>td.control.arrow-right:before,
  table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right:before,
  table.dataTable.dtr-column>tbody>tr>th.control.arrow-right:before,
  table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right:before {
    border-color: transparent rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 5px 10px 5px 0
  }

  table.dataTable.dtr-column>tbody>tr.dtr-expanded td.control:before,
  table.dataTable.dtr-column>tbody>tr.dtr-expanded td.dtr-control:before,
  table.dataTable.dtr-column>tbody>tr.dtr-expanded th.control:before,
  table.dataTable.dtr-column>tbody>tr.dtr-expanded th.dtr-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
  }

  table.dataTable>tbody>tr.child {
    padding: .5em 1em
  }

  table.dataTable>tbody>tr.child:hover {
    background: transparent !important
  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
  }

  table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
  }

  table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
  }

  table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none;
    padding-bottom: 0
  }

  table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    font-weight: 700;
    min-width: 75px
  }

  div.dtr-modal {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 10em 1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
  }

  div.dtr-modal div.dtr-modal-display {
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    bottom: 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    max-height: 75%;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 102
  }

  div.dtr-modal div.dtr-modal-content {
    padding: 2.5em;
    position: relative
  }

  div.dtr-modal div.dtr-modal-content h2 {
    margin-top: 0
  }

  div.dtr-modal div.dtr-modal-close {
    border-radius: 3px;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 22px;
    z-index: 12
  }

  div.dtr-modal div.dtr-modal-background {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 101
  }

  @media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
      width: 95%
    }
  }

  html.dark table.dataTable>tbody>tr>td.dtr-control:before,
  html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control:before {
    border-left-color: hsla(0, 0%, 100%, .5) !important
  }

  html.dark table.dataTable>tbody>tr>td.dtr-control.arrow-right:before,
  html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control.arrow-right:before {
    border-right-color: hsla(0, 0%, 100%, .5) !important
  }

  html.dark table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,
  html.dark table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before,
  html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,
  html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: hsla(0, 0%, 100%, .5) !important
  }

  html.dark table.dataTable>tbody>tr.child ul.dtr-details>li,
  html[data-bs-theme=dark] table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom-color: #404346
  }

  html.dark div.dtr-modal div.dtr-modal-display,
  html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
    background-color: #212529;
    border: 1px solid hsla(0, 0%, 100%, .15)
  }

  table.dataTable>tbody>tr>.selected {
    background-color: rgba(13, 110, 253, .9);
    color: rgb(var(--dt-row-selected-text))
  }

  div.dt-container span.select-info,
  div.dt-container span.select-item {
    margin-left: .5em
  }

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

    div.dt-container span.select-info,
    div.dt-container span.select-item {
      display: block;
      margin-left: 0
    }
  }

  table.dataTable>tbody>tr>.dt-select,
  table.dataTable>thead>tr>.dt-select {
    text-align: center;
    vertical-align: middle
  }

  table.dataTable>thead>tr>.dt-select input.dt-select-checkbox {
    margin-left: auto;
    margin-right: auto
  }

  table.dataTable input.dt-select-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-radius: 3px;
    color: inherit;
    display: inline-block;
    font-size: 20px;
    height: 12px;
    line-height: 1em;
    margin-top: 1px;
    position: relative;
    vertical-align: middle;
    width: 12px
  }

  table.dataTable input.dt-select-checkbox:checked:after {
    content: "✓";
    display: block;
    margin-top: -8px
  }

  table.dataTable input.dt-select-checkbox:indeterminate:after {
    background-color: #000;
    border-radius: 2px;
    content: " ";
    display: block;
    height: 4px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 4px
  }

  table.dataTable>tbody>tr.selected input.dt-select-checkbox:checked {
    border: 1px solid
  }

  table.dataTable>tbody>tr>td.select-checkbox,
  table.dataTable>tbody>tr>th.select-checkbox {
    position: relative
  }

  table.dataTable>tbody>tr>td.select-checkbox:before,
  table.dataTable>tbody>tr>th.select-checkbox:before {
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    content: " ";
    display: block;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 12px
  }

  table.dataTable>tbody>tr.selected>td.select-checkbox:before,
  table.dataTable>tbody>tr.selected>th.select-checkbox:before {
    border: 1px solid;
    content: "✓";
    font-size: 20px;
    line-height: 6px;
    text-align: center
  }

  table.dataTable.compact>tbody>tr>td.select-checkbox:before,
  table.dataTable.compact>tbody>tr>th.select-checkbox:before {
    margin-top: -12px
  }

  table.dataTable.compact>tbody>tr.selected>td.select-checkbox:after,
  table.dataTable.compact>tbody>tr.selected>th.select-checkbox:after {
    margin-top: -16px
  }

  html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
  html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after {
    background-color: #fff
  }

  .daterangepicker {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: arial;
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
  }

  .daterangepicker:after,
  .daterangepicker:before {
    border-bottom-color: rgba(0, 0, 0, .2);
    content: "";
    display: inline-block;
    position: absolute
  }

  .daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px
  }

  .daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px
  }

  .daterangepicker.opensleft:before {
    right: 9px
  }

  .daterangepicker.opensleft:after {
    right: 10px
  }

  .daterangepicker.openscenter:after,
  .daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
  }

  .daterangepicker.opensright:before {
    left: 9px
  }

  .daterangepicker.opensright:after {
    left: 10px
  }

  .daterangepicker.drop-up {
    margin-top: -7px
  }

  .daterangepicker.drop-up:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
  }

  .daterangepicker.drop-up:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
  }

  .daterangepicker.single .daterangepicker .ranges,
  .daterangepicker.single .drp-calendar {
    float: none
  }

  .daterangepicker.single .drp-selected {
    display: none
  }

  .daterangepicker.show-calendar .drp-buttons,
  .daterangepicker.show-calendar .drp-calendar {
    display: block
  }

  .daterangepicker.auto-apply .drp-buttons {
    display: none
  }

  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
  }

  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
  }

  .daterangepicker .drp-calendar.right {
    padding: 8px
  }

  .daterangepicker .drp-calendar.single .calendar-table {
    border: none
  }

  .daterangepicker .calendar-table .next span,
  .daterangepicker .calendar-table .prev span {
    border: solid #000;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    padding: 3px
  }

  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
  }

  .daterangepicker .calendar-table td,
  .daterangepicker .calendar-table th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 32px
  }

  .daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
  }

  .daterangepicker .calendar-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
  }

  .daterangepicker td.available:hover,
  .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
  }

  .daterangepicker td.week,
  .daterangepicker th.week {
    color: #ccc;
    font-size: 80%
  }

  .daterangepicker td.off,
  .daterangepicker td.off.end-date,
  .daterangepicker td.off.in-range,
  .daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
  }

  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000
  }

  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
  }

  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
  }

  .daterangepicker td.start-date.end-date {
    border-radius: 4px
  }

  .daterangepicker td.active,
  .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
  }

  .daterangepicker th.month {
    width: auto
  }

  .daterangepicker option.disabled,
  .daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
  }

  .daterangepicker select.monthselect,
  .daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
  }

  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
  }

  .daterangepicker select.yearselect {
    width: 40%
  }

  .daterangepicker select.ampmselect,
  .daterangepicker select.hourselect,
  .daterangepicker select.minuteselect,
  .daterangepicker select.secondselect {
    background: #eee;
    border: 1px solid #eee;
    font-size: 12px;
    margin: 0 auto;
    outline: 0;
    padding: 2px;
    width: 50px
  }

  .daterangepicker .calendar-time {
    line-height: 30px;
    margin: 4px auto 0;
    position: relative;
    text-align: center
  }

  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
  }

  .daterangepicker .drp-buttons {
    border-top: 1px solid #ddd;
    clear: both;
    display: none;
    line-height: 12px;
    padding: 8px;
    text-align: right;
    vertical-align: middle
  }

  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
  }

  .daterangepicker .drp-buttons .btn {
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    padding: 4px 8px
  }

  .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
  }

  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
  }

  .daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
  }

  .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
  }

  .daterangepicker .ranges {
    float: none;
    margin: 0;
    text-align: left
  }

  .daterangepicker.show-calendar .ranges {
    margin-top: 8px
  }

  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
  }

  .daterangepicker .ranges li {
    cursor: pointer;
    font-size: 12px;
    padding: 8px 12px
  }

  .daterangepicker .ranges li:hover {
    background-color: #eee
  }

  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
  }

  @media (min-width:564px) {
    .daterangepicker {
      width: auto
    }

    .daterangepicker .ranges ul {
      width: 140px
    }

    .daterangepicker.single .ranges ul {
      width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
      clear: none
    }

    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
      float: left
    }

    .daterangepicker {
      direction: ltr;
      text-align: left
    }

    .daterangepicker .drp-calendar.left {
      clear: left;
      margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
      border-bottom-right-radius: 0;
      border-right: none;
      border-top-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
      margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
      border-bottom-left-radius: 0;
      border-left: none;
      border-top-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 8px
    }

    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
      float: left
    }
  }

  @media (min-width:730px) {
    .daterangepicker .ranges {
      float: left;
      width: auto
    }

    .daterangepicker.rtl .ranges {
      float: right
    }

    .daterangepicker .drp-calendar.left {
      clear: none !important
    }
  }

  @keyframes passing-through {
    0% {
      opacity: 0;
      transform: translateY(40px)
    }

    30%,
    70% {
      opacity: 1;
      transform: translateY(0)
    }

    to {
      opacity: 0;
      transform: translateY(-40px)
    }
  }

  @keyframes slide-in {
    0% {
      opacity: 0;
      transform: translateY(40px)
    }

    30% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  .dropzone,
  .dropzone * {
    box-sizing: border-box
  }

  .dropzone {
    border: 1px solid rgba(0, 0, 0, .8);
    border-radius: 5px;
    min-height: 150px;
    padding: 20px
  }

  .dropzone.dz-clickable {
    cursor: pointer
  }

  .dropzone.dz-clickable * {
    cursor: default
  }

  .dropzone.dz-clickable .dz-message,
  .dropzone.dz-clickable .dz-message * {
    cursor: pointer
  }

  .dropzone.dz-started .dz-message {
    display: none
  }

  .dropzone.dz-drag-hover {
    border-style: solid
  }

  .dropzone.dz-drag-hover .dz-message {
    opacity: .5
  }

  .dropzone .dz-message {
    margin: 3em 0;
    text-align: center
  }

  .dropzone .dz-message .dz-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
  }

  .dropzone .dz-preview {
    display: inline-block;
    margin: 16px;
    min-height: 100px;
    position: relative;
    vertical-align: top
  }

  .dropzone .dz-preview:hover {
    z-index: 1000
  }

  .dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd);
    border-radius: 20px
  }

  .dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
  }

  .dropzone .dz-preview.dz-image-preview {
    background: #fff
  }

  .dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
  }

  .dropzone .dz-preview .dz-remove {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center
  }

  .dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
  }

  .dropzone .dz-preview:hover .dz-details {
    opacity: 1
  }

  .dropzone .dz-preview .dz-details {
    color: rgba(0, 0, 0, .9);
    font-size: 13px;
    left: 0;
    line-height: 150%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20
  }

  .dropzone .dz-preview .dz-details .dz-size {
    font-size: 16px;
    margin-bottom: 1em
  }

  .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
  }

  .dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: hsla(0, 0%, 100%, .8);
    border: 1px solid hsla(0, 0%, 78%, .8)
  }

  .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
  }

  .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
  }

  .dropzone .dz-preview .dz-details .dz-filename span,
  .dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 3px;
    padding: 0 .4em
  }

  .dropzone .dz-preview:hover .dz-image img {
    filter: blur(8px);
    transform: scale(1.05)
  }

  .dropzone .dz-preview .dz-image {
    border-radius: 20px;
    display: block;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px;
    z-index: 10
  }

  .dropzone .dz-preview .dz-image img {
    display: block
  }

  .dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
  }

  .dropzone .dz-preview.dz-error .dz-error-mark {
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    opacity: 1
  }

  .dropzone .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark {
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    display: block;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 500
  }

  .dropzone .dz-preview .dz-error-mark svg,
  .dropzone .dz-preview .dz-success-mark svg {
    display: block;
    fill: #fff;
    height: 54px;
    width: 54px
  }

  .dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
  }

  .dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
  }

  .dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
  }

  .dropzone .dz-preview .dz-progress {
    background: rgba(0, 0, 0, .8);
    border: 3px solid rgba(0, 0, 0, .8);
    border-radius: 10px;
    height: 20px;
    left: 15%;
    margin-top: -10px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 15%;
    top: 50%;
    z-index: 1000
  }

  .dropzone .dz-preview .dz-progress .dz-upload {
    background: #fff;
    border-radius: 17px;
    display: block;
    height: 100%;
    position: relative;
    transition: width .3s ease-in-out;
    width: 0
  }

  .dropzone .dz-preview.dz-error .dz-error-message {
    display: block
  }

  .dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
  }

  .dropzone .dz-preview .dz-error-message {
    background: #b10606;
    border-radius: 8px;
    color: #fff;
    display: block;
    display: none;
    font-size: 13px;
    left: -10px;
    opacity: 0;
    padding: .5em 1em;
    pointer-events: none;
    position: absolute;
    top: 130px;
    transition: opacity .3s ease;
    width: 140px;
    z-index: 1000
  }

  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #b10606;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    left: 64px;
    position: absolute;
    top: -6px;
    width: 0
  }

  /*!
 * FilePondPluginImagePreview 4.6.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
  .filepond--image-preview-markup {
    left: 0;
    position: absolute;
    top: 0
  }

  .filepond--image-preview-wrapper {
    z-index: 2
  }

  .filepond--image-preview-overlay {
    display: block;
    left: 0;
    margin: 0;
    max-height: 7rem;
    min-height: 5rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
  }

  .filepond--image-preview-overlay svg {
    color: inherit;
    height: auto;
    max-height: inherit;
    width: 100%
  }

  .filepond--image-preview-overlay-idle {
    color: rgba(40, 40, 40, .85);
    mix-blend-mode: multiply
  }

  .filepond--image-preview-overlay-success {
    color: #369763;
    mix-blend-mode: normal
  }

  .filepond--image-preview-overlay-failure {
    color: #c44e47;
    mix-blend-mode: normal
  }

  @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
    .filepond--image-preview-overlay-idle {
      mix-blend-mode: normal
    }
  }

  .filepond--image-preview-wrapper {
    background: rgba(0, 0, 0, .01);
    border-radius: .45em;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .filepond--image-preview {
    align-items: center;
    background: #222;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform, opacity;
    z-index: 1
  }

  .filepond--image-clip {
    margin: 0 auto;
    overflow: hidden;
    position: relative
  }

  .filepond--image-clip[data-transparency-indicator=grid] canvas,
  .filepond--image-clip[data-transparency-indicator=grid] img {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eee' viewBox='0 0 100 100'%3E%3Cpath d='M0 0h50v50H0m50 0h50v50H50'/%3E%3C/svg%3E");
    background-size: 1.25em 1.25em
  }

  .filepond--image-bitmap,
  .filepond--image-vector {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
  }

  .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
    border-radius: 0
  }

  .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
    border-radius: 99999rem
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
    bottom: 0;
    top: auto;
    transform: scaleY(-1)
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
    margin-bottom: .325em
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
    left: calc(50% - 3em)
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
    right: calc(50% - 3em)
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
  .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
    margin-bottom: .5125em
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
    margin-bottom: .1875em;
    margin-left: .1875em;
    margin-top: 0
  }

  /*!
 * FilePond 4.32.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
  .filepond--assistant {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
  }

  .filepond--browser.filepond--browser {
    font-size: 0;
    left: 1em;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 1.75em;
    width: calc(100% - 2em)
  }

  .filepond--data {
    border: none;
    contain: strict;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 0
  }

  .filepond--data,
  .filepond--drip {
    pointer-events: none;
    position: absolute
  }

  .filepond--drip {
    background: rgba(0, 0, 0, .01);
    border-radius: .5em;
    bottom: 0;
    left: 0;
    opacity: .1;
    overflow: hidden;
    right: 0;
    top: 0
  }

  .filepond--drip-blob {
    background: #292625;
    border-radius: 50%;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    transform-origin: center center;
    width: 8em
  }

  .filepond--drip-blob,
  .filepond--drop-label {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform, opacity
  }

  .filepond--drop-label {
    align-items: center;
    color: #4f4f4f;
    display: flex;
    height: 0;
    justify-content: center;
    margin: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: .5em
  }

  .filepond--drop-label label {
    cursor: default;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center
  }

  .filepond--label-action {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    cursor: pointer;
    text-decoration-color: #a7a4a4;
    text-decoration-skip-ink: auto
  }

  .filepond--root[data-disabled] .filepond--drop-label label {
    opacity: .5
  }

  .filepond--file-action-button.filepond--file-action-button {
    border: none;
    font-family: inherit;
    font-size: 1em;
    height: 1.625em;
    line-height: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    width: 1.625em;
    will-change: transform, opacity
  }

  .filepond--file-action-button.filepond--file-action-button span {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
  }

  .filepond--file-action-button.filepond--file-action-button svg {
    height: 100%;
    width: 100%
  }

  .filepond--file-action-button.filepond--file-action-button:after {
    bottom: -.75em;
    content: "";
    left: -.75em;
    position: absolute;
    right: -.75em;
    top: -.75em
  }

  .filepond--file-action-button {
    background-color: rgba(0, 0, 0, .5);
    background-image: none;
    border-radius: 50%;
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
    color: #fff;
    cursor: auto;
    transition: box-shadow .25s ease-in
  }

  .filepond--file-action-button:focus,
  .filepond--file-action-button:hover {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .9)
  }

  .filepond--file-action-button[disabled] {
    background-color: rgba(0, 0, 0, .25);
    color: hsla(0, 0%, 100%, .5)
  }

  .filepond--file-action-button[hidden] {
    display: none
  }

  .filepond--action-edit-item.filepond--action-edit-item {
    height: 2em;
    padding: .1875em;
    width: 2em
  }

  .filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
    margin-left: -.1875em
  }

  .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
    margin-bottom: -.1875em
  }

  .filepond--action-edit-item-alt {
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    margin: 0 0 0 .25em;
    outline: none;
    padding: 0;
    pointer-events: all;
    position: absolute
  }

  .filepond--action-edit-item-alt svg {
    height: 1.3125em;
    width: 1.3125em
  }

  .filepond--action-edit-item-alt span {
    font-size: 0;
    opacity: 0
  }

  .filepond--file-info {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 .5em 0 0;
    min-width: 0;
    pointer-events: none;
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform, opacity
  }

  .filepond--file-info * {
    margin: 0
  }

  .filepond--file-info .filepond--file-info-main {
    font-size: .75em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
  }

  .filepond--file-info .filepond--file-info-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out;
    white-space: nowrap
  }

  .filepond--file-info .filepond--file-info-sub:empty {
    display: none
  }

  .filepond--file-status {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    pointer-events: none;
    position: static;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform, opacity
  }

  .filepond--file-status * {
    margin: 0;
    white-space: nowrap
  }

  .filepond--file-status .filepond--file-status-main {
    font-size: .75em;
    line-height: 1.2
  }

  .filepond--file-status .filepond--file-status-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out
  }

  .filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    height: 100%;
    margin: 0;
    min-width: 0;
    padding: 0
  }

  .filepond--file-wrapper.filepond--file-wrapper>legend {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
  }

  .filepond--file {
    align-items: flex-start;
    border-radius: .5em;
    color: #fff;
    display: flex;
    height: 100%;
    padding: .5625em;
    position: static
  }

  .filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em
  }

  .filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 3
  }

  .filepond--file .filepond--file-action-button,
  .filepond--file .filepond--processing-complete-indicator,
  .filepond--file .filepond--progress-indicator {
    position: absolute
  }

  .filepond--file [data-align*=left] {
    left: .5625em
  }

  .filepond--file [data-align*=right] {
    right: .5625em
  }

  .filepond--file [data-align*=center] {
    left: calc(50% - .8125em)
  }

  .filepond--file [data-align*=bottom] {
    bottom: 1.125em
  }

  .filepond--file [data-align=center] {
    top: calc(50% - .8125em)
  }

  .filepond--file .filepond--progress-indicator {
    margin-top: .1875em
  }

  .filepond--file .filepond--progress-indicator[data-align*=right] {
    margin-right: .1875em
  }

  .filepond--file .filepond--progress-indicator[data-align*=left] {
    margin-left: .1875em
  }

  [data-filepond-item-state*=error] .filepond--file-info,
  [data-filepond-item-state*=invalid] .filepond--file-info,
  [data-filepond-item-state=cancelled] .filepond--file-info {
    margin-right: 2.25em
  }

  [data-filepond-item-state~=processing] .filepond--file-status-sub {
    opacity: 0
  }

  [data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
  }

  [data-filepond-item-state=processing-error] .filepond--file-status-sub {
    opacity: 0
  }

  [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
  }

  [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
    animation: fall .5s linear .125s both
  }

  [data-filepond-item-state=processing-complete] .filepond--file-status-sub {
    opacity: .5
  }

  [data-filepond-item-state=processing-complete] .filepond--file-info-sub,
  [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub {
    opacity: 0
  }

  [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
    opacity: .5
  }

  [data-filepond-item-state*=error] .filepond--file-wrapper,
  [data-filepond-item-state*=error] .filepond--panel,
  [data-filepond-item-state*=invalid] .filepond--file-wrapper,
  [data-filepond-item-state*=invalid] .filepond--panel {
    animation: shake .65s linear both
  }

  [data-filepond-item-state*=busy] .filepond--progress-indicator svg {
    animation: spin 1s linear infinite
  }

  @keyframes shake {

    10%,
    90% {
      transform: translateX(-.0625em)
    }

    20%,
    80% {
      transform: translateX(.125em)
    }

    30%,
    50%,
    70% {
      transform: translateX(-.25em)
    }

    40%,
    60% {
      transform: translateX(.25em)
    }
  }

  @keyframes fall {
    0% {
      animation-timing-function: ease-out;
      opacity: 0;
      transform: scale(.5)
    }

    70% {
      animation-timing-function: ease-in-out;
      opacity: 1;
      transform: scale(1.1)
    }

    to {
      animation-timing-function: ease-out;
      transform: scale(1)
    }
  }

  .filepond--hopper[data-hopper-state=drag-over]>* {
    pointer-events: none
  }

  .filepond--hopper[data-hopper-state=drag-over]:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
  }

  .filepond--progress-indicator {
    z-index: 103
  }

  .filepond--file-action-button {
    z-index: 102
  }

  .filepond--file-status {
    z-index: 101
  }

  .filepond--file-info {
    z-index: 100
  }

  .filepond--item {
    left: 0;
    margin: .25em;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: auto;
    will-change: transform, opacity;
    z-index: 1
  }

  .filepond--item>.filepond--panel {
    z-index: -1
  }

  .filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: 0 .0625em .125em -.0625em rgba(0, 0, 0, .25)
  }

  .filepond--item>.filepond--file-wrapper,
  .filepond--item>.filepond--panel {
    transition: opacity .15s ease-out
  }

  .filepond--item[data-drag-state] {
    cursor: grab
  }

  .filepond--item[data-drag-state]>.filepond--panel {
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .125s ease-in-out
  }

  .filepond--item[data-drag-state=drag] {
    cursor: grabbing
  }

  .filepond--item[data-drag-state=drag]>.filepond--panel {
    box-shadow: 0 .125em .3125em rgba(0, 0, 0, .325)
  }

  .filepond--item[data-drag-state]:not([data-drag-state=idle]) {
    z-index: 2
  }

  .filepond--item-panel {
    background-color: #64605e
  }

  [data-filepond-item-state=processing-complete] .filepond--item-panel {
    background-color: #369763
  }

  [data-filepond-item-state*=error] .filepond--item-panel,
  [data-filepond-item-state*=invalid] .filepond--item-panel {
    background-color: #c44e47
  }

  .filepond--item-panel {
    border-radius: .5em;
    transition: background-color .25s
  }

  .filepond--list-scroller {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
  }

  .filepond--list-scroller[data-state=overflow] .filepond--list {
    bottom: 0;
    right: 0
  }

  .filepond--list-scroller[data-state=overflow] {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
    mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent)
  }

  .filepond--list-scroller::-webkit-scrollbar {
    background: transparent
  }

  .filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em
  }

  .filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0
  }

  .filepond--list-scroller::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: rgba(0, 0, 0, .3);
    border: .3125em solid transparent;
    border-radius: 99999px
  }

  .filepond--list.filepond--list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    will-change: transform
  }

  .filepond--list {
    left: .75em;
    right: .75em
  }

  .filepond--root[data-style-panel-layout~=integrated] {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100%
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
    border-radius: 0
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* {
    display: none
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    align-items: center;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: center;
    z-index: 7
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
    display: none
  }

  .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden
  }

  .filepond--root[data-style-panel-layout~=compact] .filepond--list,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--list {
    height: 100%;
    left: 0;
    right: 0
  }

  .filepond--root[data-style-panel-layout~=compact] .filepond--item,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--item {
    margin: 0
  }

  .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
    height: 100%
  }

  .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
  .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    z-index: 7
  }

  .filepond--root[data-style-panel-layout~=circle] {
    border-radius: 99999rem;
    overflow: hidden
  }

  .filepond--root[data-style-panel-layout~=circle]>.filepond--panel {
    border-radius: inherit
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--file-info,
  .filepond--root[data-style-panel-layout~=circle] .filepond--file-status,
  .filepond--root[data-style-panel-layout~=circle]>.filepond--panel>* {
    display: none
  }

  .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important
  }

  @media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
      .filepond--root[data-style-panel-layout~=circle] {
        will-change: transform
      }
    }
  }

  .filepond--panel-root {
    background-color: #f1f0ef;
    border-radius: .5em
  }

  .filepond--panel {
    height: 100% !important;
    left: 0;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
  }

  .filepond-panel:not([data-scalable=false]) {
    height: auto !important
  }

  .filepond--panel[data-scalable=false]>div {
    display: none
  }

  .filepond--panel[data-scalable=true] {
    background-color: transparent !important;
    border: none !important;
    transform-style: preserve-3d
  }

  .filepond--panel-bottom,
  .filepond--panel-center,
  .filepond--panel-top {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .filepond--panel-bottom,
  .filepond--panel-top {
    height: .5em
  }

  .filepond--panel-top {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .filepond--panel-top:after {
    background-color: inherit;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
  }

  .filepond--panel-bottom,
  .filepond--panel-center {
    backface-visibility: hidden;
    transform: translate3d(0, .5em, 0);
    transform-origin: left top;
    will-change: transform
  }

  .filepond--panel-bottom {
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .filepond--panel-bottom:before {
    background-color: inherit;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px
  }

  .filepond--panel-center {
    border-bottom: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    height: 100px !important
  }

  .filepond--panel-center:not([style]) {
    visibility: hidden
  }

  .filepond--progress-indicator {
    color: #fff;
    height: 1.25em;
    margin: 0;
    pointer-events: none;
    position: static;
    width: 1.25em;
    will-change: transform, opacity
  }

  .filepond--progress-indicator svg {
    height: 100%;
    transform-box: fill-box;
    vertical-align: top;
    width: 100%
  }

  .filepond--progress-indicator path {
    fill: none;
    stroke: currentColor
  }

  .filepond--list-scroller {
    z-index: 6
  }

  .filepond--drop-label {
    z-index: 5
  }

  .filepond--drip {
    z-index: 3
  }

  .filepond--root>.filepond--panel {
    z-index: 2
  }

  .filepond--browser {
    z-index: 1
  }

  .filepond--root {
    box-sizing: border-box;
    contain: layout style size;
    direction: ltr;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 1em;
    position: relative;
    text-align: left;
    text-rendering: optimizeLegibility
  }

  .filepond--root * {
    box-sizing: inherit;
    line-height: inherit
  }

  .filepond--root :not(text) {
    font-size: inherit
  }

  .filepond--root[data-disabled] {
    pointer-events: none
  }

  .filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all
  }

  .filepond--root[data-disabled] .filepond--list {
    pointer-events: none
  }

  .filepond--root .filepond--drop-label {
    min-height: 4.75em
  }

  .filepond--root .filepond--list-scroller {
    margin-bottom: 1em;
    margin-top: 1em
  }

  .filepond--root .filepond--credits {
    bottom: -14px;
    color: inherit;
    font-size: 11px;
    line-height: .85;
    opacity: .4;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 3
  }

  .filepond--root .filepond--credits[style] {
    bottom: auto;
    margin-top: 14px;
    top: 0
  }

  .flatpickr-calendar {
    animation: none;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    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, .08);
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 14px;
    line-height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    touch-action: manipulation;
    visibility: hidden;
    width: 307.875px
  }

  .flatpickr-calendar.inline,
  .flatpickr-calendar.open {
    max-height: 640px;
    opacity: 1;
    visibility: visible
  }

  .flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
  }

  .flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s 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 {
    display: block;
    z-index: 999
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
  }

  .flatpickr-calendar .hasTime .dayContainer,
  .flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
  }

  .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px
  }

  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
  }

  .flatpickr-calendar:after,
  .flatpickr-calendar:before {
    border: solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 22px;
    pointer-events: none;
    position: absolute;
    width: 0
  }

  .flatpickr-calendar.arrowRight:after,
  .flatpickr-calendar.arrowRight:before,
  .flatpickr-calendar.rightMost:after,
  .flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
  }

  .flatpickr-calendar.arrowCenter:after,
  .flatpickr-calendar.arrowCenter:before {
    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:after,
  .flatpickr-calendar.arrowTop:before {
    bottom: 100%
  }

  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
  }

  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
  }

  .flatpickr-calendar.arrowBottom:after,
  .flatpickr-calendar.arrowBottom:before {
    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 {
    display: inline-block;
    position: relative
  }

  .flatpickr-months {
    display: flex
  }

  .flatpickr-months .flatpickr-month {
    background: transparent;
    flex: 1;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center
  }

  .flatpickr-months .flatpickr-month,
  .flatpickr-months .flatpickr-next-month,
  .flatpickr-months .flatpickr-prev-month {
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .flatpickr-months .flatpickr-next-month,
  .flatpickr-months .flatpickr-prev-month {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 3
  }

  .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
  }

  .flatpickr-months .flatpickr-next-month i,
  .flatpickr-months .flatpickr-prev-month i {
    position: relative
  }

  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
  }

  .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
  }

  .flatpickr-months .flatpickr-next-month:hover,
  .flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
  }

  .flatpickr-months .flatpickr-next-month:hover svg,
  .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
  }

  .flatpickr-months .flatpickr-next-month svg,
  .flatpickr-months .flatpickr-prev-month svg {
    height: 14px;
    width: 14px
  }

  .flatpickr-months .flatpickr-next-month svg path,
  .flatpickr-months .flatpickr-prev-month svg path {
    fill: inherit;
    transition: fill .1s
  }

  .numInputWrapper {
    height: auto;
    position: relative
  }

  .numInputWrapper input,
  .numInputWrapper span {
    display: inline-block
  }

  .numInputWrapper input {
    width: 100%
  }

  .numInputWrapper input::-ms-clear {
    display: none
  }

  .numInputWrapper input::-webkit-inner-spin-button,
  .numInputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  .numInputWrapper span {
    border: 1px solid rgba(57, 57, 57, .15);
    box-sizing: border-box;
    cursor: pointer;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    padding: 0 4px 0 2px;
    position: absolute;
    right: 0;
    width: 14px
  }

  .numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
  }

  .numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
  }

  .numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute
  }

  .numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0
  }

  .numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    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, .6);
    top: 40%
  }

  .numInputWrapper span svg {
    height: auto;
    width: inherit
  }

  .numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
  }

  .numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
  }

  .numInputWrapper:hover span {
    opacity: 1
  }

  .flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    width: 75%
  }

  .flatpickr-current-month span.cur-month {
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    margin-left: .5ch;
    padding: 0
  }

  .flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
  }

  .flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
  }

  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
  }

  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
  }

  .flatpickr-current-month input.cur-year {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 .5ch;
    vertical-align: initial
  }

  .flatpickr-current-month input.cur-year:focus {
    outline: 0
  }

  .flatpickr-current-month input.cur-year[disabled],
  .flatpickr-current-month input.cur-year[disabled]:hover {
    background: transparent;
    color: rgba(0, 0, 0, .5);
    font-size: 100%;
    pointer-events: none
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    width: auto
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months:active,
  .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
  }

  .flatpickr-weekdays {
    align-items: center;
    background: transparent;
    display: flex;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%
  }

  .flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
  }

  span.flatpickr-weekday {
    background: transparent;
    color: rgba(0, 0, 0, .54);
    cursor: default;
    display: block;
    flex: 1;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center
  }

  .dayContainer,
  .flatpickr-weeks {
    padding: 1px 0 0
  }

  .flatpickr-days {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px
  }

  .flatpickr-days:focus {
    outline: 0
  }

  .dayContainer {
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    transform: translateZ(0);
    width: 307.875px
  }

  .dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
  }

  .flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%
  }

  .flatpickr-day.inRange,
  .flatpickr-day.nextMonthDay.inRange,
  .flatpickr-day.nextMonthDay.today.inRange,
  .flatpickr-day.nextMonthDay:focus,
  .flatpickr-day.nextMonthDay:hover,
  .flatpickr-day.prevMonthDay.inRange,
  .flatpickr-day.prevMonthDay.today.inRange,
  .flatpickr-day.prevMonthDay:focus,
  .flatpickr-day.prevMonthDay:hover,
  .flatpickr-day.today.inRange,
  .flatpickr-day:focus,
  .flatpickr-day:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
    cursor: pointer;
    outline: 0
  }

  .flatpickr-day.today {
    border-color: #959ea9
  }

  .flatpickr-day.today:focus,
  .flatpickr-day.today:hover {
    background: #959ea9;
    border-color: #959ea9;
    color: #fff
  }

  .flatpickr-day.endRange,
  .flatpickr-day.endRange.inRange,
  .flatpickr-day.endRange.nextMonthDay,
  .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-day.endRange:focus,
  .flatpickr-day.endRange:hover,
  .flatpickr-day.selected,
  .flatpickr-day.selected.inRange,
  .flatpickr-day.selected.nextMonthDay,
  .flatpickr-day.selected.prevMonthDay,
  .flatpickr-day.selected:focus,
  .flatpickr-day.selected:hover,
  .flatpickr-day.startRange,
  .flatpickr-day.startRange.inRange,
  .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-day.startRange:focus,
  .flatpickr-day.startRange:hover {
    background: #569ff7;
    border-color: #569ff7;
    box-shadow: none;
    color: #fff
  }

  .flatpickr-day.endRange.startRange,
  .flatpickr-day.selected.startRange,
  .flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
  }

  .flatpickr-day.endRange.endRange,
  .flatpickr-day.selected.endRange,
  .flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
  }

  .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
  .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
  .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569ff7
  }

  .flatpickr-day.endRange.startRange.endRange,
  .flatpickr-day.selected.startRange.endRange,
  .flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
  }

  .flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
  }

  .flatpickr-day.flatpickr-disabled,
  .flatpickr-day.flatpickr-disabled:hover,
  .flatpickr-day.nextMonthDay,
  .flatpickr-day.notAllowed,
  .flatpickr-day.notAllowed.nextMonthDay,
  .flatpickr-day.notAllowed.prevMonthDay,
  .flatpickr-day.prevMonthDay {
    background: transparent;
    border-color: transparent;
    color: rgba(57, 57, 57, .3);
    cursor: default
  }

  .flatpickr-day.flatpickr-disabled,
  .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57, 57, 57, .1);
    cursor: not-allowed
  }

  .flatpickr-day.week.selected {
    border-radius: 0;
    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 {
    box-shadow: 1px 0 0 #e6e6e6;
    padding: 0 12px
  }

  .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    line-height: 28px;
    width: 100%
  }

  .flatpickr-weekwrapper span.flatpickr-day,
  .flatpickr-weekwrapper span.flatpickr-day:hover {
    background: transparent;
    border: none;
    color: rgba(57, 57, 57, .3);
    cursor: default;
    display: block;
    max-width: none;
    width: 100%
  }

  .flatpickr-innerContainer {
    box-sizing: border-box;
    display: block;
    display: flex;
    overflow: hidden
  }

  .flatpickr-rContainer {
    box-sizing: border-box;
    display: inline-block;
    padding: 0
  }

  .flatpickr-time {
    box-sizing: border-box;
    display: block;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center
  }

  .flatpickr-time:after {
    clear: both;
    content: "";
    display: table
  }

  .flatpickr-time .numInputWrapper {
    flex: 1;
    float: left;
    height: 40px;
    width: 40%
  }

  .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 {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #393939;
    font-size: 14px;
    height: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
  }

  .flatpickr-time input.flatpickr-hour {
    font-weight: 700
  }

  .flatpickr-time input.flatpickr-minute,
  .flatpickr-time input.flatpickr-second {
    font-weight: 400
  }

  .flatpickr-time input:focus {
    border: 0;
    outline: 0
  }

  .flatpickr-time .flatpickr-am-pm,
  .flatpickr-time .flatpickr-time-separator {
    align-self: center;
    color: #393939;
    float: left;
    font-weight: 700;
    height: inherit;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2%
  }

  .flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    font-weight: 400;
    outline: 0;
    text-align: center;
    width: 18%
  }

  .flatpickr-time .flatpickr-am-pm:focus,
  .flatpickr-time .flatpickr-am-pm:hover,
  .flatpickr-time input:focus,
  .flatpickr-time input:hover {
    background: #eee
  }

  .flatpickr-input[readonly] {
    cursor: pointer
  }

  @keyframes fpFadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -20px, 0)
    }

    to {
      opacity: 1;
      transform: translateZ(0)
    }
  }

  .jstree-children,
  .jstree-container-ul,
  .jstree-node {
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0
  }

  .jstree-anchor,
  .jstree-node {
    white-space: nowrap
  }

  .jstree-anchor {
    color: #000;
    display: inline-block;
    margin: 0;
    padding: 0 4px 0 1px;
    vertical-align: top
  }

  .jstree-anchor:focus {
    outline: 0
  }

  .jstree-anchor,
  .jstree-anchor:active,
  .jstree-anchor:hover,
  .jstree-anchor:link,
  .jstree-anchor:visited {
    color: inherit;
    text-decoration: none
  }

  .jstree-icon,
  .jstree-icon:empty {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top
  }

  .jstree-ocl {
    cursor: pointer
  }

  .jstree-leaf>.jstree-ocl {
    cursor: default
  }

  .jstree .jstree-open>.jstree-children {
    display: block
  }

  .jstree .jstree-closed>.jstree-children,
  .jstree .jstree-leaf>.jstree-children {
    display: none
  }

  .jstree-anchor>.jstree-themeicon {
    margin-right: 2px
  }

  .jstree-anchor>.jstree-themeicon-hidden,
  .jstree-hidden,
  .jstree-no-icons .jstree-themeicon,
  .jstree-node.jstree-hidden {
    display: none
  }

  .jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px
  }

  .jstree-rtl .jstree-anchor>.jstree-themeicon {
    margin-left: 2px;
    margin-right: 0
  }

  .jstree-rtl .jstree-node {
    margin-left: 0
  }

  .jstree-rtl .jstree-container-ul>.jstree-node {
    margin-right: 0
  }

  .jstree-wholerow-ul {
    display: inline-block;
    min-width: 100%;
    position: relative
  }

  .jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
    cursor: pointer
  }

  .jstree-wholerow-ul .jstree-anchor,
  .jstree-wholerow-ul .jstree-icon {
    position: relative
  }

  .jstree-wholerow-ul .jstree-wholerow {
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
  }

  .jstree-contextmenu .jstree-anchor {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    user-select: none
  }

  .vakata-context {
    display: none
  }

  .vakata-context,
  .vakata-context ul {
    background: #f5f5f5;
    border: 1px solid #979797;
    box-shadow: 2px 2px 2px #999;
    margin: 0;
    padding: 2px;
    position: absolute
  }

  .vakata-context ul {
    left: 100%;
    list-style: none;
    margin-left: -4px;
    margin-top: -2.7em
  }

  .vakata-context .vakata-context-right ul {
    left: auto;
    margin-left: auto;
    margin-right: -4px;
    right: 100%
  }

  .vakata-context li {
    list-style: none
  }

  .vakata-context li>a {
    border-radius: 1px;
    color: #000;
    display: block;
    line-height: 2.4em;
    padding: 0 2em;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    white-space: nowrap;
    width: auto
  }

  .vakata-context li>a:hover {
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1;
    position: relative
  }

  .vakata-context li>a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
    background-position: 100%;
    background-repeat: no-repeat
  }

  .vakata-context li>a:focus {
    outline: 0
  }

  .vakata-context .vakata-context-no-icons {
    margin-left: 0
  }

  .vakata-context .vakata-context-hover>a {
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1;
    position: relative
  }

  .vakata-context .vakata-context-separator>a,
  .vakata-context .vakata-context-separator>a:hover {
    background: #fff;
    border: 0;
    border-left: 1px solid #e0e0e0;
    border-radius: 0;
    border-top: 1px solid #e2e3e3;
    box-shadow: 0 0 0 transparent;
    height: 1px;
    margin: 0 0 0 2.4em;
    max-height: 1px;
    min-height: 1px;
    padding: 0;
    text-shadow: 0 0 0 transparent
  }

  .vakata-context .vakata-contextmenu-disabled a,
  .vakata-context .vakata-contextmenu-disabled a:hover {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0;
    color: silver
  }

  .vakata-context .vakata-contextmenu-disabled>a>i {
    filter: grayscale(100%)
  }

  .vakata-context li>a>i {
    background: transparent;
    display: inline-block;
    height: 2.4em;
    margin: 0 0 0 -2em;
    text-align: center;
    text-decoration: none;
    vertical-align: top
  }

  .vakata-context li>a>i,
  .vakata-context li>a>i:empty {
    line-height: 2.4em;
    width: 2.4em
  }

  .vakata-context li>a .vakata-contextmenu-sep {
    background: #fff;
    border-left: 1px solid #e2e3e3;
    display: inline-block;
    height: 2.4em;
    margin: 0 .5em 0 0;
    width: 1px
  }

  .vakata-context .vakata-contextmenu-shortcut {
    color: silver;
    display: none;
    font-size: .8em;
    opacity: .5
  }

  .vakata-context-rtl ul {
    left: auto;
    margin-left: auto;
    margin-right: -4px;
    right: 100%
  }

  .vakata-context-rtl li>a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
    background-position: 0;
    background-repeat: no-repeat
  }

  .vakata-context-rtl .vakata-context-separator>a {
    border-left: 0;
    border-right: 1px solid #e2e3e3;
    margin: 0 2.4em 0 0
  }

  .vakata-context-rtl .vakata-context-left ul {
    left: 100%;
    margin-left: -4px;
    margin-right: auto;
    right: auto
  }

  .vakata-context-rtl li>a>i {
    margin: 0 -2em 0 0
  }

  .vakata-context-rtl li>a .vakata-contextmenu-sep {
    background: #e2e3e3;
    border-left-color: #fff;
    margin: 0 0 0 .5em
  }

  #jstree-marker {
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    border-right: 0;
    border-top: 5px solid transparent;
    font-size: 0;
    height: 0;
    left: 0;
    line-height: 0;
    margin: -5px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 0
  }

  #jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px
  }

  #jstree-dnd .jstree-copy,
  #jstree-dnd .jstree-icon {
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 0;
    padding: 0;
    text-decoration: none;
    width: 16px
  }

  #jstree-dnd .jstree-ok {
    background: green
  }

  #jstree-dnd .jstree-er {
    background: red
  }

  #jstree-dnd .jstree-copy {
    margin: 0 2px
  }

  .jstree-default .jstree-icon,
  .jstree-default .jstree-node {
    background-color: transparent;
    background-repeat: no-repeat
  }

  .jstree-default .jstree-anchor,
  .jstree-default .jstree-animated,
  .jstree-default .jstree-wholerow {
    transition: background-color .15s, box-shadow .15s
  }

  .jstree-default .jstree-context,
  .jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
  }

  .jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999
  }

  .jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
    display: none
  }

  .jstree-default .jstree-disabled {
    color: #666
  }

  .jstree-default .jstree-disabled.jstree-hovered {
    box-shadow: none
  }

  .jstree-default .jstree-disabled>.jstree-icon {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .8
  }

  .jstree-default .jstree-search {
    color: #8b0000;
    font-style: italic;
    font-weight: 700
  }

  .jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important
  }

  .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    box-shadow: none
  }

  .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
    background: #e7f4f9
  }

  .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent
  }

  .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
    background: #e7f4f9
  }

  .jstree-default>.jstree-striped {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") 0 0 repeat;
    display: inline-block;
    min-width: 100%
  }

  .jstree-default>.jstree-wholerow-ul .jstree-clicked,
  .jstree-default>.jstree-wholerow-ul .jstree-hovered {
    background: transparent;
    border-radius: 0;
    box-shadow: none
  }

  .jstree-default .jstree-wholerow {
    box-sizing: border-box
  }

  .jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9
  }

  .jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: linear-gradient(180deg, #beebff 0, #a8e4ff)
  }

  .jstree-default .jstree-node {
    line-height: 24px;
    margin-left: 24px;
    min-height: 24px;
    min-width: 24px
  }

  .jstree-default .jstree-anchor {
    height: 24px;
    line-height: 24px
  }

  .jstree-default .jstree-icon,
  .jstree-default .jstree-icon:empty {
    height: 24px;
    line-height: 24px;
    width: 24px
  }

  .jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px
  }

  .jstree-default .jstree-wholerow {
    height: 24px
  }

  .jstree-default .jstree-icon,
  .jstree-default .jstree-node {
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png)
  }

  .jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y
  }

  .jstree-default .jstree-last {
    background-image: none
  }

  .jstree-default .jstree-open>.jstree-ocl {
    background-position: -132px -4px
  }

  .jstree-default .jstree-closed>.jstree-ocl {
    background-position: -100px -4px
  }

  .jstree-default .jstree-leaf>.jstree-ocl {
    background-position: -68px -4px
  }

  .jstree-default .jstree-themeicon {
    background-position: -260px -4px
  }

  .jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -4px
  }

  .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -4px
  }

  .jstree-default .jstree-disabled,
  .jstree-default .jstree-disabled.jstree-hovered {
    background: transparent
  }

  .jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
  }

  .jstree-default .jstree-checkbox {
    background-position: -164px -4px
  }

  .jstree-default .jstree-checkbox:hover {
    background-position: -164px -36px
  }

  .jstree-default .jstree-checked>.jstree-checkbox,
  .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -228px -4px
  }

  .jstree-default .jstree-checked>.jstree-checkbox:hover,
  .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -228px -36px
  }

  .jstree-default .jstree-anchor>.jstree-undetermined {
    background-position: -196px -4px
  }

  .jstree-default .jstree-anchor>.jstree-undetermined:hover {
    background-position: -196px -36px
  }

  .jstree-default .jstree-checkbox-disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .8
  }

  .jstree-default>.jstree-striped {
    background-size: auto 48px
  }

  .jstree-default.jstree-rtl .jstree-node {
    background-position: 100% 1px;
    background-repeat: repeat-y
  }

  .jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -132px -36px
  }

  .jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -100px -36px
  }

  .jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -68px -36px
  }

  .jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default.jstree-rtl>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -36px
  }

  .jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -36px
  }

  .jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
  }

  .jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat
  }

  .jstree-default .jstree-file {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -100px -68px no-repeat
  }

  .jstree-default .jstree-folder {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -260px -4px no-repeat
  }

  .jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
  }

  #jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px
  }

  #jstree-dnd.jstree-default .jstree-er,
  #jstree-dnd.jstree-default .jstree-ok {
    background-color: transparent;
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png);
    background-repeat: no-repeat
  }

  #jstree-dnd.jstree-default i {
    background: transparent;
    height: 24px;
    line-height: 24px;
    width: 24px
  }

  #jstree-dnd.jstree-default .jstree-ok {
    background-position: -4px -68px
  }

  #jstree-dnd.jstree-default .jstree-er {
    background-position: -36px -68px
  }

  .jstree-default .jstree-ellipsis {
    overflow: hidden
  }

  .jstree-default .jstree-ellipsis .jstree-anchor {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 19px)
  }

  .jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==")
  }

  .jstree-default.jstree-rtl .jstree-last {
    background-image: none
  }

  .jstree-default-small .jstree-node {
    line-height: 18px;
    margin-left: 18px;
    min-height: 18px;
    min-width: 18px
  }

  .jstree-default-small .jstree-anchor {
    height: 18px;
    line-height: 18px
  }

  .jstree-default-small .jstree-icon,
  .jstree-default-small .jstree-icon:empty {
    height: 18px;
    line-height: 18px;
    width: 18px
  }

  .jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px
  }

  .jstree-default-small .jstree-wholerow {
    height: 18px
  }

  .jstree-default-small .jstree-icon,
  .jstree-default-small .jstree-node {
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png)
  }

  .jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y
  }

  .jstree-default-small .jstree-last {
    background-image: none
  }

  .jstree-default-small .jstree-open>.jstree-ocl {
    background-position: -135px -7px
  }

  .jstree-default-small .jstree-closed>.jstree-ocl {
    background-position: -103px -7px
  }

  .jstree-default-small .jstree-leaf>.jstree-ocl {
    background-position: -71px -7px
  }

  .jstree-default-small .jstree-themeicon {
    background-position: -263px -7px
  }

  .jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default-small>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -7px
  }

  .jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -7px
  }

  .jstree-default-small .jstree-disabled,
  .jstree-default-small .jstree-disabled.jstree-hovered {
    background: transparent
  }

  .jstree-default-small .jstree-disabled.jstree-clicked {
    background: #efefef
  }

  .jstree-default-small .jstree-checkbox {
    background-position: -167px -7px
  }

  .jstree-default-small .jstree-checkbox:hover {
    background-position: -167px -39px
  }

  .jstree-default-small .jstree-checked>.jstree-checkbox,
  .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -231px -7px
  }

  .jstree-default-small .jstree-checked>.jstree-checkbox:hover,
  .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -231px -39px
  }

  .jstree-default-small .jstree-anchor>.jstree-undetermined {
    background-position: -199px -7px
  }

  .jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
    background-position: -199px -39px
  }

  .jstree-default-small .jstree-checkbox-disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .8
  }

  .jstree-default-small>.jstree-striped {
    background-size: auto 36px
  }

  .jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y
  }

  .jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -135px -39px
  }

  .jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -103px -39px
  }

  .jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -71px -39px
  }

  .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -39px
  }

  .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -39px
  }

  .jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
  }

  .jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat
  }

  .jstree-default-small .jstree-file {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -103px -71px no-repeat
  }

  .jstree-default-small .jstree-folder {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -263px -7px no-repeat
  }

  .jstree-default-small>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
  }

  #jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px
  }

  #jstree-dnd.jstree-default-small .jstree-er,
  #jstree-dnd.jstree-default-small .jstree-ok {
    background-color: transparent;
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png);
    background-repeat: no-repeat
  }

  #jstree-dnd.jstree-default-small i {
    background: transparent;
    height: 18px;
    line-height: 18px;
    width: 18px
  }

  #jstree-dnd.jstree-default-small .jstree-ok {
    background-position: -7px -71px
  }

  #jstree-dnd.jstree-default-small .jstree-er {
    background-position: -39px -71px
  }

  .jstree-default-small .jstree-ellipsis {
    overflow: hidden
  }

  .jstree-default-small .jstree-ellipsis .jstree-anchor {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 13px)
  }

  .jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==")
  }

  .jstree-default-small.jstree-rtl .jstree-last {
    background-image: none
  }

  .jstree-default-large .jstree-node {
    line-height: 32px;
    margin-left: 32px;
    min-height: 32px;
    min-width: 32px
  }

  .jstree-default-large .jstree-anchor {
    height: 32px;
    line-height: 32px
  }

  .jstree-default-large .jstree-icon,
  .jstree-default-large .jstree-icon:empty {
    height: 32px;
    line-height: 32px;
    width: 32px
  }

  .jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px
  }

  .jstree-default-large .jstree-wholerow {
    height: 32px
  }

  .jstree-default-large .jstree-icon,
  .jstree-default-large .jstree-node {
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png)
  }

  .jstree-default-large .jstree-node {
    background-position: -288px 0;
    background-repeat: repeat-y
  }

  .jstree-default-large .jstree-last {
    background-image: none
  }

  .jstree-default-large .jstree-open>.jstree-ocl {
    background-position: -128px 0
  }

  .jstree-default-large .jstree-closed>.jstree-ocl {
    background-position: -96px 0
  }

  .jstree-default-large .jstree-leaf>.jstree-ocl {
    background-position: -64px 0
  }

  .jstree-default-large .jstree-themeicon {
    background-position: -256px 0
  }

  .jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default-large>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px 0
  }

  .jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 0
  }

  .jstree-default-large .jstree-disabled,
  .jstree-default-large .jstree-disabled.jstree-hovered {
    background: transparent
  }

  .jstree-default-large .jstree-disabled.jstree-clicked {
    background: #efefef
  }

  .jstree-default-large .jstree-checkbox {
    background-position: -160px 0
  }

  .jstree-default-large .jstree-checkbox:hover {
    background-position: -160px -32px
  }

  .jstree-default-large .jstree-checked>.jstree-checkbox,
  .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -224px 0
  }

  .jstree-default-large .jstree-checked>.jstree-checkbox:hover,
  .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -224px -32px
  }

  .jstree-default-large .jstree-anchor>.jstree-undetermined {
    background-position: -192px 0
  }

  .jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
    background-position: -192px -32px
  }

  .jstree-default-large .jstree-checkbox-disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .8
  }

  .jstree-default-large>.jstree-striped {
    background-size: auto 64px
  }

  .jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y
  }

  .jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -128px -32px
  }

  .jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -96px -32px
  }

  .jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -64px -32px
  }

  .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
  .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node {
    background: transparent
  }

  .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px -32px
  }

  .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 -32px
  }

  .jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
  }

  .jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat
  }

  .jstree-default-large .jstree-file {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -96px -64px no-repeat
  }

  .jstree-default-large .jstree-folder {
    background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -256px 0 no-repeat
  }

  .jstree-default-large>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
  }

  #jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px
  }

  #jstree-dnd.jstree-default-large .jstree-er,
  #jstree-dnd.jstree-default-large .jstree-ok {
    background-color: transparent;
    background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png);
    background-repeat: no-repeat
  }

  #jstree-dnd.jstree-default-large i {
    background: transparent;
    height: 32px;
    line-height: 32px;
    width: 32px
  }

  #jstree-dnd.jstree-default-large .jstree-ok {
    background-position: 0 -64px
  }

  #jstree-dnd.jstree-default-large .jstree-er {
    background-position: -32px -64px
  }

  .jstree-default-large .jstree-ellipsis {
    overflow: hidden
  }

  .jstree-default-large .jstree-ellipsis .jstree-anchor {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 27px)
  }

  .jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==")
  }

  .jstree-default-large.jstree-rtl .jstree-last {
    background-image: none
  }

  @media (max-width:768px) {
    #jstree-dnd.jstree-dnd-responsive {
      font-size: 1.1em;
      font-weight: 700;
      line-height: 40px;
      text-shadow: 1px 1px #fff
    }

    #jstree-dnd.jstree-dnd-responsive>i {
      background: transparent;
      height: 40px;
      width: 40px
    }

    #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
      background-position: 0 -200px
    }

    #jstree-dnd.jstree-dnd-responsive>.jstree-er,
    #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
      background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png);
      background-size: 120px 240px
    }

    #jstree-dnd.jstree-dnd-responsive>.jstree-er {
      background-position: -40px -200px
    }

    #jstree-marker.jstree-dnd-responsive {
      border-bottom-width: 10px;
      border-left-width: 10px;
      border-top-width: 10px;
      margin-top: -10px
    }

    .jstree-default-responsive .jstree-icon {
      background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png)
    }

    .jstree-default-responsive .jstree-leaf>.jstree-ocl,
    .jstree-default-responsive .jstree-node {
      background: transparent
    }

    .jstree-default-responsive .jstree-node {
      line-height: 40px;
      margin-left: 40px;
      min-height: 40px;
      min-width: 40px;
      white-space: nowrap
    }

    .jstree-default-responsive .jstree-anchor {
      height: 40px;
      line-height: 40px
    }

    .jstree-default-responsive .jstree-icon,
    .jstree-default-responsive .jstree-icon:empty {
      height: 40px;
      line-height: 40px;
      width: 40px
    }

    .jstree-default-responsive.jstree-rtl .jstree-node {
      background: transparent;
      margin-left: 0;
      margin-right: 40px
    }

    .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
      margin-right: 0
    }

    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-ocl,
    .jstree-default-responsive .jstree-themeicon {
      background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-leaf>.jstree-ocl,
    .jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl {
      background: transparent
    }

    .jstree-default-responsive .jstree-open>.jstree-ocl {
      background-position: 0 0 !important
    }

    .jstree-default-responsive .jstree-closed>.jstree-ocl {
      background-position: 0 -40px !important
    }

    .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
      background-position: -40px 0 !important
    }

    .jstree-default-responsive .jstree-themeicon {
      background-position: -40px -40px
    }

    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-checkbox:hover {
      background-position: -40px -80px
    }

    .jstree-default-responsive .jstree-checked>.jstree-checkbox,
    .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover,
    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
      background-position: 0 -80px
    }

    .jstree-default-responsive .jstree-anchor>.jstree-undetermined,
    .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
      background-position: 0 -120px
    }

    .jstree-default-responsive .jstree-anchor {
      font-size: 1.1em;
      font-weight: 700;
      text-shadow: 1px 1px #fff
    }

    .jstree-default-responsive>.jstree-striped {
      background: transparent
    }

    .jstree-default-responsive .jstree-wholerow {
      background: #ebebeb;
      border-bottom: 1px solid rgba(64, 64, 64, .2);
      border-top: 1px solid hsla(0, 0%, 100%, .7);
      height: 40px
    }

    .jstree-default-responsive .jstree-wholerow-hovered {
      background: #e7f4f9
    }

    .jstree-default-responsive .jstree-wholerow-clicked {
      background: #beebff
    }

    .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
      box-shadow: inset 0 -6px 3px -5px #666
    }

    .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
      border-top: 0;
      box-shadow: inset 0 6px 3px -5px #666
    }

    .jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
      box-shadow: none
    }

    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-icon,
    .jstree-default-responsive .jstree-node,
    .jstree-default-responsive .jstree-node>.jstree-ocl,
    .jstree-default-responsive .jstree-themeicon {
      background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png);
      background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-node {
      background-position: -80px 0;
      background-repeat: repeat-y
    }

    .jstree-default-responsive .jstree-last {
      background-image: none
    }

    .jstree-default-responsive .jstree-leaf>.jstree-ocl {
      background-position: -40px -120px
    }

    .jstree-default-responsive .jstree-last>.jstree-ocl {
      background-position: -40px -160px
    }

    .jstree-default-responsive .jstree-themeicon-custom {
      background-color: transparent;
      background-image: none;
      background-position: 0 0
    }

    .jstree-default-responsive .jstree-file {
      background: url(../../../node_modules/jstree/dist/themes/default/40px.png) 0 -160px no-repeat;
      background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-folder {
      background: url(../../../node_modules/jstree/dist/themes/default/40px.png) -40px -40px no-repeat;
      background-size: 120px 240px
    }

    .jstree-default-responsive>.jstree-container-ul>.jstree-node {
      margin-left: 0;
      margin-right: 0
    }
  }

  :root {
    --jvm-border-color: #e5e6e7;
    --jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --jvm-tooltip-font-size: 0.9rem;
    --jvm-tooltip-bg-color: #337ffa;
    --jvm-tooltip-color: #fff;
    --jvm-tooltip-padding: 3px 5px;
    --jvm-tooltip-shadow: var(--jvm-box-shadow);
    --jvm-tooltip-radius: 3px;
    --jvm-zoom-btn-bg-color: #292929;
    --jvm-zoom-btn-color: #fff;
    --jvm-zoom-btn-size: 15px;
    --jvm-zoom-btn-radius: 3px;
    --jvm-series-container-right: 15px;
    --jvm-legend-bg-color: #fff;
    --jvm-legend-radius: 0.15rem;
    --jvm-legend-margin-left: 0.75rem;
    --jvm-legend-padding: 0.6rem;
    --jvm-legend-title-padding-bottom: 0.5rem;
    --jvm-legend-title-margin-bottom: 0.575rem;
    --jvm-legend-tick-margin-top: 0.575rem;
    --jvm-legend-tick-sample-radius: 0;
    --jvm-legend-tick-sample-height: 12px;
    --jvm-legend-tick-sample-width: 30px;
    --jvm-legend-tick-text-font-size: 12px;
    --jvm-legend-tick-text-margin-top: 3px
  }

  .jvm-zoom-btn,
  image,
  text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .jvm-container {
    height: 100%;
    position: relative;
    width: 100%
  }

  .jvm-tooltip {
    background-color: var(--jvm-tooltip-bg-color);
    border-radius: var(--jvm-tooltip-radius);
    box-shadow: var(--jvm-tooltip-shadow);
    color: var(--jvm-tooltip-color);
    display: none;
    font-size: var(--jvm-tooltip-font-size);
    padding: var(--jvm-tooltip-padding);
    position: absolute;
    white-space: nowrap
  }

  .jvm-tooltip.active {
    display: block
  }

  .jvm-zoom-btn {
    background-color: var(--jvm-zoom-btn-bg-color);
    border-radius: var(--jvm-zoom-btn-radius);
    box-sizing: border-box;
    color: var(--jvm-zoom-btn-color);
    cursor: pointer;
    height: var(--jvm-zoom-btn-size);
    left: 10px;
    line-height: var(--jvm-zoom-btn-size);
    position: absolute;
    text-align: center;
    width: var(--jvm-zoom-btn-size)
  }

  .jvm-zoom-btn.jvm-zoomin {
    top: var(--jvm-zoom-btn-size)
  }

  .jvm-zoom-btn.jvm-zoomout {
    top: calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)
  }

  .jvm-series-container {
    position: absolute;
    right: var(--jvm-series-container-right)
  }

  .jvm-series-container.jvm-series-h {
    bottom: 15px
  }

  .jvm-series-container.jvm-series-v {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    top: 15px
  }

  .jvm-legend {
    background-color: var(--jvm-legend-bg-color);
    border: 1px solid var(--jvm-border-color);
    border-radius: var(--jvm-legend-radius);
    box-shadow: var(--jvm-box-shadow);
    margin-left: var(--jvm-legend-margin-left);
    padding: var(--jvm-legend-padding)
  }

  .jvm-legend-title {
    border-bottom: 1px solid var(--jvm-border-color);
    line-height: 1;
    margin-bottom: var(--jvm-legend-title-margin-bottom);
    padding-bottom: var(--jvm-legend-title-padding-bottom);
    text-align: left
  }

  .jvm-legend-tick {
    align-items: center;
    display: flex;
    min-width: 40px
  }

  .jvm-legend-tick:not(:first-child) {
    margin-top: var(--jvm-legend-tick-margin-top)
  }

  .jvm-legend-tick-sample {
    border-radius: var(--jvm-legend-tick-sample-radius);
    height: var(--jvm-legend-tick-sample-height);
    margin-right: .45rem;
    width: var(--jvm-legend-tick-sample-width)
  }

  .jvm-legend-tick-text {
    font-size: var(--jvm-legend-tick-text-font-size);
    line-height: 1;
    text-align: center
  }

  .jvm-line[animation=true] {
    animation: jvm-line-animation 10s linear infinite forwards
  }

  @keyframes jvm-line-animation {
    0% {
      stroke-dashoffset: 250
    }
  }

  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .noUi-target {
    position: relative
  }

  .noUi-base,
  .noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
  }

  .noUi-connects {
    overflow: hidden;
    z-index: 0
  }

  .noUi-connect,
  .noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
  }

  .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 {
    backface-visibility: hidden;
    position: absolute
  }

  .noUi-touch-area {
    height: 100%;
    width: 100%
  }

  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    transition: transform .3s
  }

  .noUi-state-drag * {
    cursor: inherit !important
  }

  .noUi-horizontal {
    height: 18px
  }

  .noUi-horizontal .noUi-handle {
    height: 28px;
    right: -17px;
    top: -6px;
    width: 34px
  }

  .noUi-vertical {
    width: 18px
  }

  .noUi-vertical .noUi-handle {
    bottom: -17px;
    height: 34px;
    right: -6px;
    width: 28px
  }

  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
  }

  .noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
  }

  .noUi-connects {
    border-radius: 3px
  }

  .noUi-connect {
    background: #3fb8af
  }

  .noUi-draggable {
    cursor: ew-resize
  }

  .noUi-vertical .noUi-draggable {
    cursor: ns-resize
  }

  .noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    cursor: default
  }

  .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 {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
  }

  .noUi-handle:after {
    left: 17px
  }

  .noUi-vertical .noUi-handle:after,
  .noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 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 * {
    box-sizing: border-box
  }

  .noUi-pips {
    color: #999;
    position: absolute
  }

  .noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
  }

  .noUi-value-sub {
    color: #ccc;
    font-size: 10px
  }

  .noUi-marker {
    background: #ccc;
    position: absolute
  }

  .noUi-marker-large,
  .noUi-marker-sub {
    background: #aaa
  }

  .noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
  }

  .noUi-value-horizontal {
    transform: translate(-50%, 50%)
  }

  .noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
  }

  .noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
  }

  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
  }

  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px
  }

  .noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
  }

  .noUi-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
  }

  .noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
  }

  .noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
  }

  .noUi-marker-vertical.noUi-marker-sub {
    width: 10px
  }

  .noUi-marker-vertical.noUi-marker-large {
    width: 15px
  }

  .noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
  }

  .noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
  }

  .noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
  }

  .noUi-horizontal .noUi-origin>.noUi-tooltip {
    bottom: 10px;
    left: auto;
    transform: translate(50%)
  }

  .noUi-vertical .noUi-origin>.noUi-tooltip {
    right: 28px;
    top: auto;
    transform: translateY(-18px)
  }

  @keyframes plyr-progress {
    to {
      background-position: 25px 0;
      background-position: var(--plyr-progress-loading-size, 25px) 0
    }
  }

  @keyframes plyr-popup {
    0% {
      opacity: .5;
      transform: translateY(10px)
    }

    to {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes plyr-fade-in {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  .plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
  }

  .plyr audio,
  .plyr iframe,
  .plyr video {
    display: block;
    height: 100%;
    width: 100%
  }

  .plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
  }

  .plyr:focus {
    outline: 0
  }

  .plyr--full-ui {
    box-sizing: border-box
  }

  .plyr--full-ui *,
  .plyr--full-ui :after,
  .plyr--full-ui :before {
    box-sizing: inherit
  }

  .plyr--full-ui a,
  .plyr--full-ui button,
  .plyr--full-ui input,
  .plyr--full-ui label {
    touch-action: manipulation
  }

  .plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
  }

  .plyr--full-ui ::-webkit-media-text-track-container {
    display: none
  }

  .plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
  }

  .plyr__captions span:empty {
    display: none
  }

  @media (min-width:480px) {
    .plyr__captions {
      font-size: 15px;
      font-size: var(--plyr-font-size-base, 15px);
      padding: 20px;
      padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
  }

  @media (min-width:768px) {
    .plyr__captions {
      font-size: 18px;
      font-size: var(--plyr-font-size-large, 18px)
    }
  }

  .plyr--captions-active .plyr__captions {
    display: block
  }

  .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
  }

  .plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
  }

  .plyr__caption div {
    display: inline
  }

  .plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .1s ease-in-out
  }

  .plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
  }

  .plyr__control:focus {
    outline: 0
  }

  .plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
  }

  a.plyr__control {
    text-decoration: none
  }

  .plyr__control.plyr__control--pressed .icon--not-pressed,
  .plyr__control.plyr__control--pressed .label--not-pressed,
  .plyr__control:not(.plyr__control--pressed) .icon--pressed,
  .plyr__control:not(.plyr__control--pressed) .label--pressed,
  a.plyr__control:after,
  a.plyr__control:before {
    display: none
  }

  .plyr--full-ui ::-webkit-media-controls {
    display: none
  }

  .plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
  }

  .plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
  }

  .plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
  }

  .plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
  }

  .plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
  }

  .plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
  }

  .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
  .plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
  .plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
  }

  .plyr [data-plyr=airplay],
  .plyr [data-plyr=captions],
  .plyr [data-plyr=fullscreen],
  .plyr [data-plyr=pip],
  .plyr__controls:empty {
    display: none
  }

  .plyr--airplay-supported [data-plyr=airplay],
  .plyr--captions-enabled [data-plyr=captions],
  .plyr--fullscreen-enabled [data-plyr=fullscreen],
  .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
  }

  .plyr__menu {
    display: flex;
    position: relative
  }

  .plyr__menu .plyr__control svg {
    transition: transform .3s ease
  }

  .plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
  }

  .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
  }

  .plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
  }

  .plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
  }

  .plyr__menu__container:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-arrow-size, 4px) solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
  }

  .plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
  }

  .plyr__menu__container [role=menuitem],
  .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
  }

  .plyr__menu__container [role=menuitem]:first-child,
  .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
  }

  .plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
  }

  .plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
  }

  .plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }

  .plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
  }

  .plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
  }

  .plyr__menu__container .plyr__control--forward:focus-visible:after,
  .plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
  }

  .plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
  }

  .plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
  }

  .plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
  }

  .plyr__menu__container .plyr__control--back:focus-visible:after,
  .plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
  }

  .plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
  }

  .plyr__menu__container .plyr__control[role=menuitemradio]:after,
  .plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
  }

  .plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
  }

  .plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
  }

  .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
  }

  .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
  }

  .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
  .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
  }

  .plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
  }

  .plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
  }

  .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
  }

  .plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
  }

  .plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
  }

  .plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
  }

  .plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
  }

  .plyr--full-ui input[type=range]::-ms-track {
    color: #0000
  }

  .plyr--full-ui input[type=range]::-ms-fill-upper,
  .plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
  }

  .plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
  }

  .plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
  }

  .plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
  }

  .plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
  }

  .plyr--full-ui input[type=range]:focus {
    outline: 0
  }

  .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
  }

  .plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
  }

  .plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
  }

  .plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
  }

  .plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
  }

  .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
  }

  .plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
  }

  .plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
  }

  @media (max-width:767px) {
    .plyr__time+.plyr__time {
      display: none
    }
  }

  .plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
  }

  .plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
  }

  .plyr .plyr__control:focus-visible .plyr__tooltip,
  .plyr .plyr__control:hover .plyr__tooltip,
  .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
  }

  .plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
  }

  .plyr__controls>.plyr__control:first-child .plyr__tooltip,
  .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
  }

  .plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
  .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
  }

  .plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
  }

  .plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
  }

  .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
  .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
  .plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
  .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
  .plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
  .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
  .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
  .plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
  .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
  }

  .plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
  }

  .plyr__progress input[type=range],
  .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
  }

  .plyr__progress input[type=range] {
    position: relative;
    z-index: 2
  }

  .plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
  }

  .plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
  }

  .plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
  }

  .plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
  }

  .plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
  }

  .plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
  }

  .plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
  }

  .plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
  }

  .plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
  }

  .plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
  }

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

  .plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
  }

  .plyr--audio {
    display: block
  }

  .plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
  }

  .plyr--audio .plyr__control:focus-visible,
  .plyr--audio .plyr__control:hover,
  .plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
  }

  .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
  }

  .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
  }

  .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
  }

  .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
  }

  .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
  }

  .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
  }

  .plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
  }

  .plyr--video {
    overflow: hidden
  }

  .plyr--video.plyr--menu-open {
    overflow: visible
  }

  .plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
  }

  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
  }

  @supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
      height: 0;
      padding-bottom: 56.25%;
      position: relative
    }
  }

  .plyr__video-embed iframe,
  .plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
  }

  .plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
  }

  @media (min-width:480px) {
    .plyr--video .plyr__controls {
      padding: 10px;
      padding: var(--plyr-control-spacing, 10px);
      padding-top: 35px;
      padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
  }

  .plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
  }

  .plyr--video .plyr__control:focus-visible,
  .plyr--video .plyr__control:hover,
  .plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
  }

  .plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
  }

  .plyr__control--overlaid svg {
    left: 2px;
    position: relative
  }

  .plyr__control--overlaid:focus,
  .plyr__control--overlaid:hover {
    opacity: 1
  }

  .plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
  }

  .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
  }

  .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
  }

  .plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
  }

  .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
  }

  .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
  }

  .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
  }

  .plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
  }

  .plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
  }

  .plyr:fullscreen video {
    height: 100%
  }

  .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
  }

  .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
  }

  .plyr:fullscreen.plyr--hide-controls {
    cursor: none
  }

  @media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px)
    }
  }

  .plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    inset: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 10000000
  }

  .plyr--fullscreen-fallback video {
    height: 100%
  }

  .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
  }

  .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
  }

  .plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
  }

  @media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px)
    }
  }

  .plyr__ads {
    border-radius: inherit;
    cursor: pointer;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
  }

  .plyr__ads>div,
  .plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
  }

  .plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
  }

  .plyr__ads:empty:after {
    display: none
  }

  .plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
  }

  .plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
  }

  .plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
  }

  .plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
  }

  .plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
  }

  .plyr__preview-thumb__image-container img,
  .plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
  }

  .plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
  }

  .plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
  }

  .plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
  }

  .plyr__preview-scrubbing {
    filter: blur(1px);
    height: 100%;
    inset: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
  }

  .plyr__preview-scrubbing--is-shown {
    opacity: 1
  }

  .plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
  }

  .plyr--no-transition {
    transition: none !important
  }

  .plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
  }

  .plyr [hidden] {
    display: none !important
  }

  /*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
  .ql-bubble .ql-toolbar:after,
  .ql-bubble.ql-toolbar:after {
    clear: both;
    content: "";
    display: table
  }

  .ql-bubble .ql-toolbar button,
  .ql-bubble.ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
  }

  .ql-bubble .ql-toolbar button svg,
  .ql-bubble.ql-toolbar button svg {
    float: left;
    height: 100%
  }

  .ql-bubble .ql-toolbar button:active:hover,
  .ql-bubble.ql-toolbar button:active:hover {
    outline: none
  }

  .ql-bubble .ql-toolbar input.ql-image[type=file],
  .ql-bubble.ql-toolbar input.ql-image[type=file] {
    display: none
  }

  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected,
  .ql-bubble .ql-toolbar .ql-picker-item:hover,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble .ql-toolbar .ql-picker-label:hover,
  .ql-bubble .ql-toolbar button.ql-active,
  .ql-bubble .ql-toolbar button:focus,
  .ql-bubble .ql-toolbar button:hover,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
  .ql-bubble.ql-toolbar .ql-picker-item:hover,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble.ql-toolbar .ql-picker-label:hover,
  .ql-bubble.ql-toolbar button.ql-active,
  .ql-bubble.ql-toolbar button:focus,
  .ql-bubble.ql-toolbar button:hover {
    color: #fff
  }

  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button:hover .ql-fill,
  .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #fff
  }

  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:focus .ql-stroke,
  .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover .ql-stroke,
  .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar button:focus .ql-stroke,
  .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble.ql-toolbar button:hover .ql-stroke,
  .ql-bubble.ql-toolbar button:hover .ql-stroke-miter {
    stroke: #fff
  }

  @media (pointer:coarse) {

    .ql-bubble .ql-toolbar button:hover:not(.ql-active),
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) {
      color: #ccc
    }

    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #ccc
    }

    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #ccc
    }
  }

  .ql-bubble,
  .ql-bubble * {
    box-sizing: border-box
  }

  .ql-bubble .ql-hidden {
    display: none
  }

  .ql-bubble .ql-out-bottom,
  .ql-bubble .ql-out-top {
    visibility: hidden
  }

  .ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
  }

  .ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
  }

  .ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px)
  }

  .ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle
  }

  .ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table
  }

  .ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
  }

  .ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2
  }

  .ql-bubble .ql-fill,
  .ql-bubble .ql-stroke.ql-fill {
    fill: #ccc
  }

  .ql-bubble .ql-empty {
    fill: none
  }

  .ql-bubble .ql-even {
    fill-rule: evenodd
  }

  .ql-bubble .ql-stroke.ql-thin,
  .ql-bubble .ql-thin {
    stroke-width: 1
  }

  .ql-bubble .ql-transparent {
    opacity: .4
  }

  .ql-bubble .ql-direction svg:last-child {
    display: none
  }

  .ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline
  }

  .ql-bubble .ql-direction.ql-active svg:first-child {
    display: none
  }

  .ql-bubble .ql-editor h1 {
    font-size: 2em
  }

  .ql-bubble .ql-editor h2 {
    font-size: 1.5em
  }

  .ql-bubble .ql-editor h3 {
    font-size: 1.17em
  }

  .ql-bubble .ql-editor h4 {
    font-size: 1em
  }

  .ql-bubble .ql-editor h5 {
    font-size: .83em
  }

  .ql-bubble .ql-editor h6 {
    font-size: .67em
  }

  .ql-bubble .ql-editor a {
    text-decoration: underline
  }

  .ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
  }

  .ql-bubble .ql-editor .ql-code-block-container,
  .ql-bubble .ql-editor code {
    background-color: #f0f0f0;
    border-radius: 3px
  }

  .ql-bubble .ql-editor .ql-code-block-container {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
  }

  .ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
  }

  .ql-bubble .ql-editor .ql-code-block-container {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
  }

  .ql-bubble .ql-editor img {
    max-width: 100%
  }

  .ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
  }

  .ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
  }

  .ql-bubble .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
  }

  .ql-bubble .ql-picker-options {
    background-color: #444;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
  }

  .ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
  }

  .ql-bubble .ql-color-picker,
  .ql-bubble .ql-icon-picker {
    width: 28px
  }

  .ql-bubble .ql-color-picker .ql-picker-label,
  .ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
  }

  .ql-bubble .ql-color-picker .ql-picker-label svg,
  .ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px
  }

  .ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0
  }

  .ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    padding: 2px 4px;
    width: 24px
  }

  .ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
  }

  .ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
  }

  .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    margin-top: -9px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
  }

  .ql-bubble .ql-picker.ql-header {
    width: 98px
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
  }

  .ql-bubble .ql-picker.ql-font {
    width: 108px
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item:before,
  .ql-bubble .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
  }

  .ql-bubble .ql-picker.ql-size {
    width: 98px
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item:before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
  }

  .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
  }

  .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
  }

  .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0
  }

  .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px
  }

  .ql-bubble .ql-color-picker svg {
    margin: 1px
  }

  .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
  .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff
  }

  .ql-bubble .ql-tooltip {
    background-color: #444;
    border-radius: 25px;
    color: #fff
  }

  .ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute
  }

  .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px
  }

  .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px
  }

  .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block
  }

  .ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden
  }

  .ql-bubble .ql-tooltip-editor {
    display: none
  }

  .ql-bubble .ql-tooltip-editor input[type=text] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%
  }

  .ql-bubble .ql-tooltip-editor a {
    position: absolute;
    right: 20px;
    top: 10px
  }

  .ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "\00D7";
    font-size: 16px;
    font-weight: 700
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
    position: relative;
    white-space: nowrap
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before {
    background-color: #444;
    border-radius: 15px;
    color: #fff;
    content: attr(href);
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    top: -5px;
    z-index: 1
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #444;
    content: " ";
    height: 0;
    top: 0;
    width: 0
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after,
  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%, -100%);
    transition: visibility 0s ease .2s;
    visibility: hidden
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after,
  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before {
    visibility: visible
  }

  /*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
  /*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
  .ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
  }

  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
  }

  .ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,
  .ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui {
    cursor: pointer
  }

  .ql-clipboard {
    height: 1px;
    left: -100000px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
  }

  .ql-clipboard p {
    margin: 0;
    padding: 0
  }

  .ql-editor {
    box-sizing: border-box;
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    height: 100%;
    line-height: 1.42;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
  }

  .ql-editor>* {
    cursor: text
  }

  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6,
  .ql-editor ol,
  .ql-editor p,
  .ql-editor pre {
    margin: 0;
    padding: 0
  }

  @supports (counter-set:none) {

    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6,
    .ql-editor p {
      counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {

    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6,
    .ql-editor p {
      counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor table {
    border-collapse: collapse
  }

  .ql-editor td {
    border: 1px solid #000;
    padding: 2px 5px
  }

  .ql-editor li,
  .ql-editor ol {
    padding-left: 1.5em
  }

  .ql-editor li {
    list-style-type: none;
    position: relative
  }

  .ql-editor li>.ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
  }

  .ql-editor li[data-list=checked]>.ql-ui,
  .ql-editor li[data-list=unchecked]>.ql-ui {
    color: #777
  }

  .ql-editor li[data-list=bullet]>.ql-ui:before {
    content: "\2022"
  }

  .ql-editor li[data-list=checked]>.ql-ui:before {
    content: "\2611"
  }

  .ql-editor li[data-list=unchecked]>.ql-ui:before {
    content: "\2610"
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list] {
      counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list] {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered] {
    counter-increment: list-0
  }

  .ql-editor li[data-list=ordered]>.ql-ui:before {
    content: counter(list-0, decimal) ". "
  }

  .ql-editor li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1
  }

  .ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before {
    content: counter(list-1, lower-alpha) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2
  }

  .ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before {
    content: counter(list-2, lower-roman) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3
  }

  .ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before {
    content: counter(list-3, decimal) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-set: list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4
  }

  .ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before {
    content: counter(list-4, lower-alpha) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-set: list-5 list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-reset: list-5 list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-5 {
    counter-increment: list-5
  }

  .ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before {
    content: counter(list-5, lower-roman) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-set: list-6 list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-reset: list-6 list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-6 {
    counter-increment: list-6
  }

  .ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before {
    content: counter(list-6, decimal) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-set: list-7 list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-reset: list-7 list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-7 {
    counter-increment: list-7
  }

  .ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before {
    content: counter(list-7, lower-alpha) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-set: list-8 list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-reset: list-8 list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-8 {
    counter-increment: list-8
  }

  .ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before {
    content: counter(list-8, lower-roman) ". "
  }

  @supports (counter-set:none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-set: list-9
    }
  }

  @supports not (counter-set:none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-reset: list-9
    }
  }

  .ql-editor li[data-list=ordered].ql-indent-9 {
    counter-increment: list-9
  }

  .ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before {
    content: counter(list-9, decimal) ". "
  }

  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
  }

  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
  }

  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
  }

  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
  }

  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
  }

  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
  }

  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
  }

  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
  }

  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
  }

  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
  }

  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
  }

  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
  }

  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
  }

  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
  }

  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
  }

  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
  }

  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
  }

  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
  }

  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
  }

  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
  }

  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
  }

  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
  }

  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
  }

  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
  }

  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
  }

  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
  }

  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
  }

  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
  }

  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
  }

  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
  }

  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
  }

  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
  }

  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
  }

  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
  }

  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
  }

  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
  }

  .ql-editor li.ql-direction-rtl {
    padding-right: 1.5em
  }

  .ql-editor li.ql-direction-rtl>.ql-ui:before {
    margin-left: .3em;
    margin-right: -1.5em;
    text-align: left
  }

  .ql-editor table {
    table-layout: fixed;
    width: 100%
  }

  .ql-editor table td {
    outline: none
  }

  .ql-editor .ql-code-block-container {
    font-family: monospace
  }

  .ql-editor .ql-video {
    display: block;
    max-width: 100%
  }

  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto
  }

  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
  }

  .ql-editor .ql-bg-black {
    background-color: #000
  }

  .ql-editor .ql-bg-red {
    background-color: #e60000
  }

  .ql-editor .ql-bg-orange {
    background-color: #f90
  }

  .ql-editor .ql-bg-yellow {
    background-color: #ff0
  }

  .ql-editor .ql-bg-green {
    background-color: #008a00
  }

  .ql-editor .ql-bg-blue {
    background-color: #06c
  }

  .ql-editor .ql-bg-purple {
    background-color: #93f
  }

  .ql-editor .ql-color-white {
    color: #fff
  }

  .ql-editor .ql-color-red {
    color: #e60000
  }

  .ql-editor .ql-color-orange {
    color: #f90
  }

  .ql-editor .ql-color-yellow {
    color: #ff0
  }

  .ql-editor .ql-color-green {
    color: #008a00
  }

  .ql-editor .ql-color-blue {
    color: #06c
  }

  .ql-editor .ql-color-purple {
    color: #93f
  }

  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
  }

  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
  }

  .ql-editor .ql-size-small {
    font-size: .75em
  }

  .ql-editor .ql-size-large {
    font-size: 1.5em
  }

  .ql-editor .ql-size-huge {
    font-size: 2.5em
  }

  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
  }

  .ql-editor .ql-align-center {
    text-align: center
  }

  .ql-editor .ql-align-justify {
    text-align: justify
  }

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

  .ql-editor .ql-ui {
    position: absolute
  }

  .ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .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 .ql-picker-item.ql-selected,
  .ql-snow .ql-toolbar .ql-picker-item:hover,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active,
  .ql-snow .ql-toolbar .ql-picker-label:hover,
  .ql-snow .ql-toolbar button.ql-active,
  .ql-snow .ql-toolbar button:focus,
  .ql-snow .ql-toolbar button:hover,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  .ql-snow.ql-toolbar .ql-picker-item:hover,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  .ql-snow.ql-toolbar .ql-picker-label:hover,
  .ql-snow.ql-toolbar button.ql-active,
  .ql-snow.ql-toolbar button:focus,
  .ql-snow.ql-toolbar button:hover {
    color: #06c
  }

  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:hover .ql-fill,
  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #06c
  }

  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar button:focus .ql-stroke,
  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover .ql-stroke,
  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar button:focus .ql-stroke,
  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow.ql-toolbar button:hover .ql-stroke,
  .ql-snow.ql-toolbar button:hover .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-stroke.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 {
      fill: #444
    }

    .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,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #444
    }
  }

  .ql-snow,
  .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-stroke.ql-thin,
  .ql-snow .ql-thin {
    stroke-width: 1
  }

  .ql-snow .ql-transparent {
    opacity: .4
  }

  .ql-snow .ql-direction svg:last-child {
    display: none
  }

  .ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
  }

  .ql-snow .ql-direction.ql-active svg:first-child {
    display: none
  }

  .ql-snow .ql-editor h1 {
    font-size: 2em
  }

  .ql-snow .ql-editor h2 {
    font-size: 1.5em
  }

  .ql-snow .ql-editor h3 {
    font-size: 1.17em
  }

  .ql-snow .ql-editor h4 {
    font-size: 1em
  }

  .ql-snow .ql-editor h5 {
    font-size: .83em
  }

  .ql-snow .ql-editor h6 {
    font-size: .67em
  }

  .ql-snow .ql-editor a {
    text-decoration: underline
  }

  .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
  }

  .ql-snow .ql-editor .ql-code-block-container,
  .ql-snow .ql-editor code {
    background-color: #f0f0f0;
    border-radius: 3px
  }

  .ql-snow .ql-editor .ql-code-block-container {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
  }

  .ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
  }

  .ql-snow .ql-editor .ql-code-block-container {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
  }

  .ql-snow .ql-editor img {
    max-width: 100%
  }

  .ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
  }

  .ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
  }

  .ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
  }

  .ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
  }

  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
  }

  .ql-snow .ql-color-picker,
  .ql-snow .ql-icon-picker {
    width: 28px
  }

  .ql-snow .ql-color-picker .ql-picker-label,
  .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
  }

  .ql-snow .ql-color-picker .ql-picker-label svg,
  .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
  }

  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
  }

  .ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    padding: 2px 4px;
    width: 24px
  }

  .ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
  }

  .ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
  }

  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    margin-top: -9px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item[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-header .ql-picker-item[data-label]:not([data-label=""]):before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[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-item:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
  }

  .ql-snow .ql-picker.ql-font {
    width: 108px
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item:before,
  .ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
  .ql-snow .ql-picker.ql-font .ql-picker-label[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-item:before,
  .ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
  }

  .ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
  }

  .ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
  }

  .ql-code-block-container {
    position: relative
  }

  .ql-code-block-container .ql-ui {
    right: 5px;
    top: 5px
  }

  .ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
  }

  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
  }

  .ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
  }

  .ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
  }

  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
  }

  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
  }

  .ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0
  }

  .ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
  }

  .ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
  }

  .ql-snow .ql-tooltip input[type=text] {
    border: 1px solid #ccc;
    display: none;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
  }

  .ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
  }

  .ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
  }

  .ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
  }

  .ql-snow .ql-tooltip a {
    line-height: 26px
  }

  .ql-snow .ql-tooltip.ql-editing a.ql-preview,
  .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
  }

  .ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
  }

  .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
  }

  .ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
  }

  .ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
  }

  .ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
  }

  .ql-snow a {
    color: #06c
  }

  .ql-container.ql-snow {
    border: 1px solid #ccc
  }

  .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;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
  }

  .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
  }

  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
  }

  .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
  }

  .select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
  }

  .select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 100%;
    height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    resize: none;
    vertical-align: bottom;
    word-break: keep-all
  }

  .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
  }

  .select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
  }

  .select2-results {
    display: block
  }

  .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
  }

  .select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
  }

  .select2-results__option--selectable {
    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 {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
  }

  .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
  }

  .select2-search--dropdown.select2-search--hide {
    display: none
  }

  .select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
  }

  .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !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: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
  }

  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    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;
    border-width: 0 4px 5px
  }

  .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
  }

  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    right: 0
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
  }

  .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__display {
    padding-left: 5px;
    padding-right: 2px
  }

  .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
  }

  .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    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--multiple,
  .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    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 {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
  }

  .select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
  }

  .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--group {
    padding: 0
  }

  .select2-container--default .select2-results__option--disabled {
    color: #999
  }

  .select2-container--default .select2-results__option--selected {
    background-color: #ddd
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
  }

  .select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
  }

  .select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
    outline: 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: 700;
    height: 26px;
    margin-right: 20px
  }

  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
  }

  .select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    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-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-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;
    border-width: 0 4px 5px
  }

  .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
  }

  .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
  }

  .select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
  }

  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
  }

  .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;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
  }

  .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
  }

  .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
  }

  .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
  }

  .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 {
    box-shadow: none;
    outline: 0
  }

  .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--group {
    padding: 0
  }

  .select2-container--classic .select2-results__option--disabled {
    color: grey
  }

  .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    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
  }
}

@layer theme, base, components, utilities;

@layer theme {

  :host,
  :root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-xs: 0.8125rem;
    --text-xs--line-height: 1.5;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.5;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.5;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.5;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.5;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.5;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.5;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.5;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, .03);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --aspect-video: 16/9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --shadow: 0px 1px 4px 0px rgba(130, 143, 163, .15);
    --radius: 4px;
    --font-body: "Nunito", sans-serif;
    --font-secondary: "Public Sans", sans-serif;
    --text-body: 0.875rem;
    --color-body-bg: #f5f6f8;
    --color-body-color: #4c4c5c;
    --color-card: var(--color-white);
    --color-primary: #6658dd;
    --color-secondary: #4a81d4;
    --color-success: #0acf97;
    --color-info: #43bfe5;
    --color-warning: #f7b84b;
    --color-danger: #f1556c;
    --color-purple: #6b5eae;
    --color-light: #eef2f7;
    --color-dark: #313a46;
    --color-primary-hover: #564bc2;
    --color-secondary-hover: #3f6db3;
    --color-success-hover: #0ab082;
    --color-info-hover: #39a3c2;
    --color-warning-hover: #d39c3f;
    --color-danger-hover: #cf4a5c;
    --color-light-hover: #8a969c;
    --color-dark-hover: #343a40;
    --color-default-50: var(--color-slate-50);
    --color-default-100: #f6f7fb;
    --color-default-200: #eef2f7;
    --color-default-300: #e7e9eb;
    --color-default-400: #9ba6b7;
    --color-default-500: #a1a9b1;
    --color-default-600: #8a969c;
    --color-default-700: #6c757d;
    --color-default-800: #343a40;
    --color-default-900: #313a46;
    --text-2xs: 11px;
    --text-md: 15px;
    --text-2xs--line-height: 1.5;
    --text-md--line-height: 1.5;
    --tw-shadow: var(--shadow);
    --spacing-base: 24px;
    --topbar-height: 70px;
    --logo-lg-height: 22px;
    --logo-sm-height: 26px;
    --sidenav-width: 240px;
    --sidenav-width-md: 180px;
    --sidenav-width-sm: 75px;
    --sidenav-link-padding-x: 12px;
    --sidenav-link-padding-y: 8px;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-font-size: 0.875rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: 0.875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
  }
}

@layer base {

  *,
  ::backdrop,
  ::file-selector-button,
  :after,
  :before {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0
  }

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

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

  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;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

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

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

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

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  menu,
  ol,
  ul {
    list-style: none
  }

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

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

  ::file-selector-button,
  button,
  input,
  optgroup,
  select,
  textarea {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::-moz-placeholder {
    opacity: 1
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
    ::-moz-placeholder {
      color: currentcolor;

      @supports (color:color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }

    ::placeholder {
      color: currentcolor;

      @supports (color:color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-meridiem-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

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

  ::file-selector-button,
  button,
  input:where([type=button], [type=reset], [type=submit]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
  }

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

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

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto
  }

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

  .collapse {
    visibility: collapse
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .sr-only {
    border-width: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 1px
  }

  .absolute,
  .sr-only {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing)*0)
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing)*0)
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing)*0)
  }

  .start {
    inset-inline-start: var(--spacing)
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing)*0)
  }

  .start-1\/2 {
    inset-inline-start: 50%
  }

  .start-3 {
    inset-inline-start: calc(var(--spacing)*3)
  }

  .start-5 {
    inset-inline-start: calc(var(--spacing)*5)
  }

  .start-full {
    inset-inline-start: 100%
  }

  .-end-1 {
    inset-inline-end: calc(var(--spacing)*-1)
  }

  .-end-2 {
    inset-inline-end: calc(var(--spacing)*-2)
  }

  .-end-px {
    inset-inline-end: -1px
  }

  .end {
    inset-inline-end: var(--spacing)
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing)*0)
  }

  .end-1\/2 {
    inset-inline-end: 50%
  }

  .end-5 {
    inset-inline-end: calc(var(--spacing)*5)
  }

  .end-6 {
    inset-inline-end: calc(var(--spacing)*6)
  }

  .-top-1 {
    top: calc(var(--spacing)*-1)
  }

  .-top-2 {
    top: calc(var(--spacing)*-2)
  }

  .-top-3 {
    top: calc(var(--spacing)*-3)
  }

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

  .top-0 {
    top: calc(var(--spacing)*0)
  }

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

  .top-2 {
    top: calc(var(--spacing)*2)
  }

  .top-8 {
    top: calc(var(--spacing)*8)
  }

  .top-20 {
    top: calc(var(--spacing)*20)
  }

  .top-25 {
    top: calc(var(--spacing)*25)
  }

  .top-45 {
    top: calc(var(--spacing)*45)
  }

  .top-\[calc\(var\(--topbar-height\)\+1\.5rem\)\] {
    top: calc(var(--topbar-height) + 1.5rem)
  }

  .top-full {
    top: 100%
  }

  .right-3 {
    right: calc(var(--spacing)*3)
  }

  .right-9 {
    right: calc(var(--spacing)*9)
  }

  .bottom-0 {
    bottom: calc(var(--spacing)*0)
  }

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

  .bottom-3 {
    bottom: calc(var(--spacing)*3)
  }

  .left-3 {
    left: calc(var(--spacing)*3)
  }

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

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-70 {
    z-index: 70
  }

  .z-80 {
    z-index: 80
  }

  .z-90 {
    z-index: 90
  }

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

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

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

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

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

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

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

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

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

  .row-1 {
    grid-row: 1
  }

  .row-2 {
    grid-row: 2
  }

  .row-3 {
    grid-row: 3
  }

  .row-4 {
    grid-row: 4
  }

  .row-5 {
    grid-row: 5
  }

  .row-6 {
    grid-row: 6
  }

  .row-7 {
    grid-row: 7
  }

  .row-8 {
    grid-row: 8
  }

  .row-9 {
    grid-row: 9
  }

  .row-10 {
    grid-row: 10
  }

  .float-end {
    float: inline-end
  }

  .\!container {
    width: 100% !important;

    @media (width >=40rem) {
      max-width: 40rem !important
    }

    @media (width >=48rem) {
      max-width: 48rem !important
    }

    @media (width >=64rem) {
      max-width: 64rem !important
    }

    @media (width >=80rem) {
      max-width: 80rem !important
    }

    @media (width >=96rem) {
      max-width: 96rem !important
    }
  }

  .container {
    width: 100%;

    @media (width >=40rem) {
      max-width: 40rem
    }

    @media (width >=48rem) {
      max-width: 48rem
    }

    @media (width >=64rem) {
      max-width: 64rem
    }

    @media (width >=80rem) {
      max-width: 80rem
    }

    @media (width >=96rem) {
      max-width: 96rem
    }
  }

  .m-0 {
    margin: calc(var(--spacing)*0)
  }

  .m-0\.75 {
    margin: calc(var(--spacing)*.75)
  }

  .m-1 {
    margin: calc(var(--spacing)*1)
  }

  .m-3 {
    margin: calc(var(--spacing)*3)
  }

  .m-5 {
    margin: calc(var(--spacing)*5)
  }

  .m-6 {
    margin: calc(var(--spacing)*6)
  }

  .m-9 {
    margin: calc(var(--spacing)*9)
  }

  .m-18 {
    margin: calc(var(--spacing)*18)
  }

  .m-32 {
    margin: calc(var(--spacing)*32)
  }

  .m-48 {
    margin: calc(var(--spacing)*48)
  }

  .m-64 {
    margin: calc(var(--spacing)*64)
  }

  .m-101 {
    margin: calc(var(--spacing)*101)
  }

  .m-104\.5 {
    margin: calc(var(--spacing)*104.5)
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing)*-1.5)
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing)*-3)
  }

  .mx-auto {
    margin-inline: auto
  }

  .-my-1\.5 {
    margin-block: calc(var(--spacing)*-1.5)
  }

  .my-1 {
    margin-block: calc(var(--spacing)*1)
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing)*1.5)
  }

  .my-1\.25 {
    margin-block: calc(var(--spacing)*1.25)
  }

  .my-2 {
    margin-block: calc(var(--spacing)*2)
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing)*2.5)
  }

  .my-3 {
    margin-block: calc(var(--spacing)*3)
  }

  .my-4 {
    margin-block: calc(var(--spacing)*4)
  }

  .my-5 {
    margin-block: calc(var(--spacing)*5)
  }

  .my-6 {
    margin-block: calc(var(--spacing)*6)
  }

  .my-7\.5 {
    margin-block: calc(var(--spacing)*7.5)
  }

  .my-8 {
    margin-block: calc(var(--spacing)*8)
  }

  .my-9 {
    margin-block: calc(var(--spacing)*9)
  }

  .-ms-px {
    margin-inline-start: -1px
  }

  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing)*.5)
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing)*1)
  }

  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing)*1.5)
  }

  .ms-1\.25 {
    margin-inline-start: calc(var(--spacing)*1.25)
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing)*2)
  }

  .ms-2\.5 {
    margin-inline-start: calc(var(--spacing)*2.5)
  }

  .ms-3 {
    margin-inline-start: calc(var(--spacing)*3)
  }

  .ms-6 {
    margin-inline-start: calc(var(--spacing)*6)
  }

  .ms-8 {
    margin-inline-start: calc(var(--spacing)*8)
  }

  .ms-10 {
    margin-inline-start: calc(var(--spacing)*10)
  }

  .ms-auto {
    margin-inline-start: auto
  }

  .me-1 {
    margin-inline-end: calc(var(--spacing)*1)
  }

  .me-1\.5 {
    margin-inline-end: calc(var(--spacing)*1.5)
  }

  .me-1\.25 {
    margin-inline-end: calc(var(--spacing)*1.25)
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing)*2)
  }

  .me-2\.5 {
    margin-inline-end: calc(var(--spacing)*2.5)
  }

  .me-3 {
    margin-inline-end: calc(var(--spacing)*3)
  }

  .me-4 {
    margin-inline-end: calc(var(--spacing)*4)
  }

  .me-5 {
    margin-inline-end: calc(var(--spacing)*5)
  }

  .me-6 {
    margin-inline-end: calc(var(--spacing)*6)
  }

  .me-auto {
    margin-inline-end: auto
  }

  .me-base {
    margin-inline-end: var(--spacing-base)
  }

  .-mt-7\.5 {
    margin-top: calc(var(--spacing)*-7.5)
  }

  .-mt-12 {
    margin-top: calc(var(--spacing)*-12)
  }

  .mt-0 {
    margin-top: calc(var(--spacing)*0)
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing)*.5)
  }

  .mt-1 {
    margin-top: calc(var(--spacing)*1)
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
  }

  .mt-1\.25 {
    margin-top: calc(var(--spacing)*1.25)
  }

  .mt-2 {
    margin-top: calc(var(--spacing)*2)
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing)*2.5)
  }

  .mt-3 {
    margin-top: calc(var(--spacing)*3)
  }

  .mt-4 {
    margin-top: calc(var(--spacing)*4)
  }

  .mt-5 {
    margin-top: calc(var(--spacing)*5)
  }

  .mt-6 {
    margin-top: calc(var(--spacing)*6)
  }

  .mt-7 {
    margin-top: calc(var(--spacing)*7)
  }

  .mt-7\.5 {
    margin-top: calc(var(--spacing)*7.5)
  }

  .mt-8 {
    margin-top: calc(var(--spacing)*8)
  }

  .mt-9 {
    margin-top: calc(var(--spacing)*9)
  }

  .mt-10 {
    margin-top: calc(var(--spacing)*10)
  }

  .mt-15 {
    margin-top: calc(var(--spacing)*15)
  }

  .mt-18 {
    margin-top: calc(var(--spacing)*18)
  }

  .mt-24 {
    margin-top: calc(var(--spacing)*24)
  }

  .mt-base {
    margin-top: var(--spacing-base)
  }

  .-mb-4 {
    margin-bottom: calc(var(--spacing)*-4)
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing)*0)
  }

  .mb-0\! {
    margin-bottom: calc(var(--spacing)*0) !important
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing)*1)
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing)*1.5)
  }

  .mb-1\.25 {
    margin-bottom: calc(var(--spacing)*1.25)
  }

  .mb-1\.75 {
    margin-bottom: calc(var(--spacing)*1.75)
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing)*2)
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing)*2.5)
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing)*3)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
  }

  .mb-4\.5 {
    margin-bottom: calc(var(--spacing)*4.5)
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing)*5)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
  }

  .mb-6\.5 {
    margin-bottom: calc(var(--spacing)*6.5)
  }

  .mb-7\.5 {
    margin-bottom: calc(var(--spacing)*7.5)
  }

  .mb-9 {
    margin-bottom: calc(var(--spacing)*9)
  }

  .mb-15 {
    margin-bottom: calc(var(--spacing)*15)
  }

  .mb-18 {
    margin-bottom: calc(var(--spacing)*18)
  }

  .mb-base {
    margin-bottom: var(--spacing-base)
  }

  .form-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: oklch(55.1% .027 264.364);
    border-width: 1px;
    color: oklch(54.6% .245 262.881);
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000;
    border-radius: 0;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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)
    }

    &:checked {
      background-color: currentColor;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      border-color: transparent
    }

    &: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 0'/%3E%3C/svg%3E");

      @media (forced-colors:active) {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
      }
    }

    &:checked:focus,
    &:checked:hover {
      background-color: currentColor;
      border-color: transparent
    }

    &:indeterminate {
      background-color: currentColor;
      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-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      border-color: transparent;

      @media (forced-colors:active) {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
      }
    }

    &:indeterminate:hover {
      background-color: currentColor;
      border-color: transparent
    }

    &:indeterminate:focus {
      background-color: currentColor;
      border-color: transparent
    }
  }

  .form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: oklch(55.1% .027 264.364);
    border-width: 1px;
    color: oklch(54.6% .245 262.881);
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000;
    border-radius: 100%;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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)
    }

    &:checked {
      background-color: currentColor;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      border-color: transparent
    }

    &: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");

      @media (forced-colors:active) {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
      }
    }

    &:checked:focus,
    &:checked:hover {
      background-color: currentColor;
      border-color: transparent
    }
  }

  .iconify {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
  }

  .form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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);
      border-color: oklch(54.6% .245 262.881);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    &::-moz-placeholder {
      color: oklch(55.1% .027 264.364);
      opacity: 1
    }

    &::placeholder {
      color: oklch(55.1% .027 264.364);
      opacity: 1
    }

    &::-webkit-datetime-edit-fields-wrapper {
      padding: 0
    }

    &::-webkit-date-and-time-value {
      min-height: 1.5em;
      text-align: inherit
    }

    &::-webkit-datetime-edit {
      display: inline-flex
    }

    &::-webkit-datetime-edit,
    &::-webkit-datetime-edit-year-field {
      padding-bottom: 0;
      padding-top: 0
    }

    &::-webkit-datetime-edit-day-field,
    &::-webkit-datetime-edit-month-field {
      padding-bottom: 0;
      padding-top: 0
    }

    &::-webkit-datetime-edit-hour-field,
    &::-webkit-datetime-edit-minute-field {
      padding-bottom: 0;
      padding-top: 0
    }

    &::-webkit-datetime-edit-millisecond-field,
    &::-webkit-datetime-edit-second-field {
      padding-bottom: 0;
      padding-top: 0
    }

    &::-webkit-datetime-edit-meridiem-field {
      padding-bottom: 0;
      padding-top: 0
    }
  }

  .block {
    display: block
  }

  .block\! {
    display: block !important
  }

  .flex {
    display: flex
  }

  .flex\! {
    display: flex !important
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .table {
    display: table
  }

  .aspect-4\/3 {
    aspect-ratio: 4/3
  }

  .aspect-21\/9 {
    aspect-ratio: 21/9
  }

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

  .aspect-video {
    aspect-ratio: var(--aspect-video)
  }

  .size-0 {
    height: calc(var(--spacing)*0);
    width: calc(var(--spacing)*0)
  }

  .size-2\.75 {
    height: calc(var(--spacing)*2.75);
    width: calc(var(--spacing)*2.75)
  }

  .size-3 {
    height: calc(var(--spacing)*3);
    width: calc(var(--spacing)*3)
  }

  .size-3\.5 {
    height: calc(var(--spacing)*3.5);
    width: calc(var(--spacing)*3.5)
  }

  .size-3\.25 {
    height: calc(var(--spacing)*3.25);
    width: calc(var(--spacing)*3.25)
  }

  .size-3\.75 {
    height: calc(var(--spacing)*3.75);
    width: calc(var(--spacing)*3.75)
  }

  .size-4 {
    height: calc(var(--spacing)*4);
    width: calc(var(--spacing)*4)
  }

  .size-4\.5 {
    height: calc(var(--spacing)*4.5);
    width: calc(var(--spacing)*4.5)
  }

  .size-4\.25 {
    height: calc(var(--spacing)*4.25);
    width: calc(var(--spacing)*4.25)
  }

  .size-4\.25\! {
    height: calc(var(--spacing)*4.25) !important;
    width: calc(var(--spacing)*4.25) !important
  }

  .size-5 {
    height: calc(var(--spacing)*5);
    width: calc(var(--spacing)*5)
  }

  .size-5\! {
    height: calc(var(--spacing)*5) !important;
    width: calc(var(--spacing)*5) !important
  }

  .size-5\.5 {
    height: calc(var(--spacing)*5.5);
    width: calc(var(--spacing)*5.5)
  }

  .size-6 {
    height: calc(var(--spacing)*6);
    width: calc(var(--spacing)*6)
  }

  .size-6\! {
    height: calc(var(--spacing)*6) !important;
    width: calc(var(--spacing)*6) !important
  }

  .size-6\.25\! {
    height: calc(var(--spacing)*6.25) !important;
    width: calc(var(--spacing)*6.25) !important
  }

  .size-7 {
    height: calc(var(--spacing)*7);
    width: calc(var(--spacing)*7)
  }

  .size-7\.5 {
    height: calc(var(--spacing)*7.5);
    width: calc(var(--spacing)*7.5)
  }

  .size-7\.25 {
    height: calc(var(--spacing)*7.25);
    width: calc(var(--spacing)*7.25)
  }

  .size-7\.75 {
    height: calc(var(--spacing)*7.75);
    width: calc(var(--spacing)*7.75)
  }

  .size-7\.75\! {
    height: calc(var(--spacing)*7.75) !important;
    width: calc(var(--spacing)*7.75) !important
  }

  .size-8 {
    height: calc(var(--spacing)*8);
    width: calc(var(--spacing)*8)
  }

  .size-8\! {
    height: calc(var(--spacing)*8) !important;
    width: calc(var(--spacing)*8) !important
  }

  .size-8\.5\! {
    height: calc(var(--spacing)*8.5) !important;
    width: calc(var(--spacing)*8.5) !important
  }

  .size-8\.75 {
    height: calc(var(--spacing)*8.75);
    width: calc(var(--spacing)*8.75)
  }

  .size-9 {
    height: calc(var(--spacing)*9);
    width: calc(var(--spacing)*9)
  }

  .size-9\.5 {
    height: calc(var(--spacing)*9.5);
    width: calc(var(--spacing)*9.5)
  }

  .size-9\.25 {
    height: calc(var(--spacing)*9.25);
    width: calc(var(--spacing)*9.25)
  }

  .size-9\.25\! {
    height: calc(var(--spacing)*9.25) !important;
    width: calc(var(--spacing)*9.25) !important
  }

  .size-10 {
    height: calc(var(--spacing)*10);
    width: calc(var(--spacing)*10)
  }

  .size-10\.5 {
    height: calc(var(--spacing)*10.5);
    width: calc(var(--spacing)*10.5)
  }

  .size-11 {
    height: calc(var(--spacing)*11);
    width: calc(var(--spacing)*11)
  }

  .size-11\.25 {
    height: calc(var(--spacing)*11.25);
    width: calc(var(--spacing)*11.25)
  }

  .size-12 {
    height: calc(var(--spacing)*12);
    width: calc(var(--spacing)*12)
  }

  .size-12\.5 {
    height: calc(var(--spacing)*12.5);
    width: calc(var(--spacing)*12.5)
  }

  .size-15 {
    height: calc(var(--spacing)*15);
    width: calc(var(--spacing)*15)
  }

  .size-16 {
    height: calc(var(--spacing)*16);
    width: calc(var(--spacing)*16)
  }

  .size-18 {
    height: calc(var(--spacing)*18);
    width: calc(var(--spacing)*18)
  }

  .size-19\.5 {
    height: calc(var(--spacing)*19.5);
    width: calc(var(--spacing)*19.5)
  }

  .size-20 {
    height: calc(var(--spacing)*20);
    width: calc(var(--spacing)*20)
  }

  .size-37\.5 {
    height: calc(var(--spacing)*37.5);
    width: calc(var(--spacing)*37.5)
  }

  .size-45 {
    height: calc(var(--spacing)*45);
    width: calc(var(--spacing)*45)
  }

  .size-full {
    height: 100%;
    width: 100%
  }

  .h-0\.5 {
    height: calc(var(--spacing)*.5)
  }

  .h-0\.75 {
    height: calc(var(--spacing)*.75)
  }

  .h-1 {
    height: calc(var(--spacing)*1)
  }

  .h-1\.5 {
    height: calc(var(--spacing)*1.5)
  }

  .h-1\.25 {
    height: calc(var(--spacing)*1.25)
  }

  .h-1\/2 {
    height: 50%
  }

  .h-1\/4 {
    height: 25%
  }

  .h-2 {
    height: calc(var(--spacing)*2)
  }

  .h-2\.5 {
    height: calc(var(--spacing)*2.5)
  }

  .h-2\.75 {
    height: calc(var(--spacing)*2.75)
  }

  .h-3 {
    height: calc(var(--spacing)*3)
  }

  .h-3\.5 {
    height: calc(var(--spacing)*3.5)
  }

  .h-3\.25 {
    height: calc(var(--spacing)*3.25)
  }

  .h-3\.75 {
    height: calc(var(--spacing)*3.75)
  }

  .h-3\/4 {
    height: 75%
  }

  .h-4 {
    height: calc(var(--spacing)*4)
  }

  .h-4\.5 {
    height: calc(var(--spacing)*4.5)
  }

  .h-4\.75 {
    height: calc(var(--spacing)*4.75)
  }

  .h-5\.5 {
    height: calc(var(--spacing)*5.5)
  }

  .h-6 {
    height: calc(var(--spacing)*6)
  }

  .h-6\.5 {
    height: calc(var(--spacing)*6.5)
  }

  .h-7 {
    height: calc(var(--spacing)*7)
  }

  .h-7\.5 {
    height: calc(var(--spacing)*7.5)
  }

  .h-8 {
    height: calc(var(--spacing)*8)
  }

  .h-10 {
    height: calc(var(--spacing)*10)
  }

  .h-10\.5 {
    height: calc(var(--spacing)*10.5)
  }

  .h-12\! {
    height: calc(var(--spacing)*12) !important
  }

  .h-15 {
    height: calc(var(--spacing)*15)
  }

  .h-20 {
    height: calc(var(--spacing)*20)
  }

  .h-25 {
    height: calc(var(--spacing)*25)
  }

  .h-55 {
    height: calc(var(--spacing)*55)
  }

  .h-62\.5 {
    height: calc(var(--spacing)*62.5)
  }

  .h-63\.75 {
    height: calc(var(--spacing)*63.75)
  }

  .h-75 {
    height: calc(var(--spacing)*75)
  }

  .h-91 {
    height: calc(var(--spacing)*91)
  }

  .h-93 {
    height: calc(var(--spacing)*93)
  }

  .h-95 {
    height: calc(var(--spacing)*95)
  }

  .h-150 {
    height: calc(var(--spacing)*150)
  }

  .h-160 {
    height: calc(var(--spacing)*160)
  }

  .h-\[calc\(100\%-100px\)\] {
    height: calc(100% - 100px)
  }

  .h-\[calc\(100vh-190px\)\] {
    height: calc(100vh - 190px)
  }

  .h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px)
  }

  .h-\[calc\(100vh-333px\)\] {
    height: calc(100vh - 333px)
  }

  .h-\[calc\(100vh-360px\)\] {
    height: calc(100vh - 360px)
  }

  .h-\[calc\(100vh-420px\)\] {
    height: calc(100vh - 420px)
  }

  .h-auto {
    height: auto
  }

  .h-auto\! {
    height: auto !important
  }

  .h-full {
    height: 100%
  }

  .h-full\! {
    height: 100% !important
  }

  .h-px {
    height: 1px
  }

  .h-screen {
    height: 100vh
  }

  .max-h-50 {
    max-height: calc(var(--spacing)*50)
  }

  .max-h-60 {
    max-height: calc(var(--spacing)*60)
  }

  .max-h-73 {
    max-height: calc(var(--spacing)*73)
  }

  .max-h-75 {
    max-height: calc(var(--spacing)*75)
  }

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

  .min-h-0 {
    min-height: calc(var(--spacing)*0)
  }

  .min-h-20 {
    min-height: calc(var(--spacing)*20)
  }

  .min-h-37\.5 {
    min-height: calc(var(--spacing)*37.5)
  }

  .min-h-87\.5 {
    min-height: calc(var(--spacing)*87.5)
  }

  .min-h-90 {
    min-height: calc(var(--spacing)*90)
  }

  .min-h-116 {
    min-height: calc(var(--spacing)*116)
  }

  .min-h-\[calc\(100\%-56px\)\] {
    min-height: calc(100% - 56px)
  }

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

  .w-1 {
    width: calc(var(--spacing)*1)
  }

  .w-7 {
    width: calc(var(--spacing)*7)
  }

  .w-7\.5 {
    width: calc(var(--spacing)*7.5)
  }

  .w-8 {
    width: calc(var(--spacing)*8)
  }

  .w-11\.25 {
    width: calc(var(--spacing)*11.25)
  }

  .w-12 {
    width: calc(var(--spacing)*12)
  }

  .w-14 {
    width: calc(var(--spacing)*14)
  }

  .w-15 {
    width: calc(var(--spacing)*15)
  }

  .w-20 {
    width: calc(var(--spacing)*20)
  }

  .w-30 {
    width: calc(var(--spacing)*30)
  }

  .w-40 {
    width: calc(var(--spacing)*40)
  }

  .w-44 {
    width: calc(var(--spacing)*44)
  }

  .w-45 {
    width: calc(var(--spacing)*45)
  }

  .w-46 {
    width: calc(var(--spacing)*46)
  }

  .w-55 {
    width: calc(var(--spacing)*55)
  }

  .w-56\.5 {
    width: calc(var(--spacing)*56.5)
  }

  .w-57\.5 {
    width: calc(var(--spacing)*57.5)
  }

  .w-60 {
    width: calc(var(--spacing)*60)
  }

  .w-62\.5 {
    width: calc(var(--spacing)*62.5)
  }

  .w-65 {
    width: calc(var(--spacing)*65)
  }

  .w-70 {
    width: calc(var(--spacing)*70)
  }

  .w-80 {
    width: calc(var(--spacing)*80)
  }

  .w-81 {
    width: calc(var(--spacing)*81)
  }

  .w-85 {
    width: calc(var(--spacing)*85)
  }

  .w-100 {
    width: calc(var(--spacing)*100)
  }

  .w-130 {
    width: calc(var(--spacing)*130)
  }

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

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

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

  .w-auto {
    width: auto
  }

  .w-full {
    width: 100%
  }

  .w-xs {
    width: var(--container-xs)
  }

  .max-w-3xl {
    max-width: var(--container-3xl)
  }

  .max-w-32\.5 {
    max-width: calc(var(--spacing)*32.5)
  }

  .max-w-40 {
    max-width: calc(var(--spacing)*40)
  }

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

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

  .max-w-sm {
    max-width: var(--container-sm)
  }

  .max-w-xs {
    max-width: var(--container-xs)
  }

  .min-w-0 {
    min-width: calc(var(--spacing)*0)
  }

  .min-w-12\.5 {
    min-width: calc(var(--spacing)*12.5)
  }

  .min-w-44 {
    min-width: calc(var(--spacing)*44)
  }

  .min-w-48 {
    min-width: calc(var(--spacing)*48)
  }

  .min-w-75 {
    min-width: calc(var(--spacing)*75)
  }

  .min-w-80 {
    min-width: calc(var(--spacing)*80)
  }

  .min-w-84 {
    min-width: calc(var(--spacing)*84)
  }

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

  .flex-1 {
    flex: 1
  }

  .flex-none {
    flex: none
  }

  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .basis-0 {
    flex-basis: calc(var(--spacing)*0)
  }

  .basis-full {
    flex-basis: 100%
  }

  .caption-bottom {
    caption-side: bottom
  }

  .border-collapse {
    border-collapse: collapse
  }

  .origin-top-left {
    transform-origin: 0 0
  }

  .-translate-1\/2 {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%
  }

  .-translate-1\/2,
  .-translate-x-1\/2 {
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%
  }

  .-translate-x-full {
    --tw-translate-x: -100%
  }

  .-translate-x-full,
  .translate-x-full {
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-x-full {
    --tw-translate-x: 100%
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%
  }

  .-translate-y-1\/2,
  .-translate-y-full {
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-full {
    --tw-translate-y: -100%
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%
  }

  .scale-0,
  .scale-95 {
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%
  }

  .scale-100,
  .scale-x-\[-1\] {
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1
  }

  .rotate-0 {
    rotate: 0deg
  }

  .rotate-90 {
    rotate: 90deg
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
  }

  .animate-\[preloader_1s_ease_forwards\] {
    animation: preloader 1s ease forwards
  }

  .animate-\[spinner-grow_0\.75s_linear_infinite\] {
    animation: spinner-grow .75s linear infinite
  }

  .animate-ping {
    animation: var(--animate-ping)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .animate-spin {
    animation: var(--animate-spin)
  }

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

  .cursor-pointer {
    cursor: pointer
  }

  .cursor-wait {
    cursor: wait
  }

  .resize {
    resize: both
  }

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

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

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

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

  .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    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='oklch(55.1%25 0.027 264.364)' 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: .5rem 2.5rem .5rem .75rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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);
      border-color: oklch(54.6% .245 262.881);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    &:where([size]:not([size="1"])) {
      background-image: none;
      background-position: 0 0;
      background-repeat: unset;
      background-size: initial;
      padding-right: .75rem;
      -webkit-print-color-adjust: unset;
      print-color-adjust: unset
    }
  }

  .form-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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);
      border-color: oklch(54.6% .245 262.881);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    &::-moz-placeholder {
      color: oklch(55.1% .027 264.364);
      opacity: 1
    }

    &::placeholder {
      color: oklch(55.1% .027 264.364);
      opacity: 1
    }
  }

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

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

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

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

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

  .flex-col {
    flex-direction: column
  }

  .flex-row {
    flex-direction: row
  }

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

  .flex-nowrap {
    flex-wrap: nowrap
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .place-items-center {
    place-items: center
  }

  .items-center {
    align-items: center
  }

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

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

  .items-stretch {
    align-items: stretch
  }

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

  .justify-center {
    justify-content: center
  }

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

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

  .gap-0 {
    gap: calc(var(--spacing)*0)
  }

  .gap-1 {
    gap: calc(var(--spacing)*1)
  }

  .gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
  }

  .gap-1\.25 {
    gap: calc(var(--spacing)*1.25)
  }

  .gap-2 {
    gap: calc(var(--spacing)*2)
  }

  .gap-2\.5 {
    gap: calc(var(--spacing)*2.5)
  }

  .gap-2\.25 {
    gap: calc(var(--spacing)*2.25)
  }

  .gap-3 {
    gap: calc(var(--spacing)*3)
  }

  .gap-4 {
    gap: calc(var(--spacing)*4)
  }

  .gap-5 {
    gap: calc(var(--spacing)*5)
  }

  .gap-6 {
    gap: calc(var(--spacing)*6)
  }

  .gap-7\.5 {
    gap: calc(var(--spacing)*7.5)
  }

  .gap-9 {
    gap: calc(var(--spacing)*9)
  }

  .gap-12 {
    gap: calc(var(--spacing)*12)
  }

  .gap-18 {
    gap: calc(var(--spacing)*18)
  }

  .gap-base {
    gap: var(--spacing-base)
  }

  .space-y-0 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*0*var(--tw-space-y-reverse))
    }
  }

  .space-y-0\.5 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*.5*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*.5*var(--tw-space-y-reverse))
    }
  }

  .space-y-1 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*1*var(--tw-space-y-reverse))
    }
  }

  .space-y-2 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*2*var(--tw-space-y-reverse))
    }
  }

  .space-y-2\.5 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*2.5*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*2.5*var(--tw-space-y-reverse))
    }
  }

  .space-y-3 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*3*var(--tw-space-y-reverse))
    }
  }

  .space-y-4 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*4*var(--tw-space-y-reverse))
    }
  }

  .space-y-5 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*5*var(--tw-space-y-reverse))
    }
  }

  .space-y-6 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*6*var(--tw-space-y-reverse))
    }
  }

  .space-y-base {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing-base)*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing-base)*var(--tw-space-y-reverse))
    }
  }

  .gap-x-1 {
    -moz-column-gap: calc(var(--spacing)*1);
    column-gap: calc(var(--spacing)*1)
  }

  .gap-x-1\.5 {
    -moz-column-gap: calc(var(--spacing)*1.5);
    column-gap: calc(var(--spacing)*1.5)
  }

  .gap-x-1\.25 {
    -moz-column-gap: calc(var(--spacing)*1.25);
    column-gap: calc(var(--spacing)*1.25)
  }

  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing)*2);
    column-gap: calc(var(--spacing)*2)
  }

  .gap-x-3 {
    -moz-column-gap: calc(var(--spacing)*3);
    column-gap: calc(var(--spacing)*3)
  }

  .gap-x-3\.5 {
    -moz-column-gap: calc(var(--spacing)*3.5);
    column-gap: calc(var(--spacing)*3.5)
  }

  .gap-x-4 {
    -moz-column-gap: calc(var(--spacing)*4);
    column-gap: calc(var(--spacing)*4)
  }

  .gap-x-5 {
    -moz-column-gap: calc(var(--spacing)*5);
    column-gap: calc(var(--spacing)*5)
  }

  .gap-x-base {
    -moz-column-gap: var(--spacing-base);
    column-gap: var(--spacing-base)
  }

  .-space-x-2 {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*-2*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*-2*var(--tw-space-x-reverse))
    }
  }

  .-space-x-3 {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*-3*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*-3*var(--tw-space-x-reverse))
    }
  }

  .-space-x-px {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(-1px*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(-1px*var(--tw-space-x-reverse))
    }
  }

  .space-x-1 {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*1*var(--tw-space-x-reverse))
    }
  }

  .space-x-2 {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*2*var(--tw-space-x-reverse))
    }
  }

  .space-x-4 {
    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*4*var(--tw-space-x-reverse))
    }
  }

  .gap-y-1\.25 {
    row-gap: calc(var(--spacing)*1.25)
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing)*2)
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing)*2.5)
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing)*3)
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing)*5)
  }

  .gap-y-7\.5 {
    row-gap: calc(var(--spacing)*7.5)
  }

  .divide-x {
    :where(&>:not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-end-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
      border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
      border-inline-style: var(--tw-border-style)
    }
  }

  .divide-y {
    :where(&>:not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px*var(--tw-divide-y-reverse))
    }
  }

  .divide-dashed {
    :where(&>:not(:last-child)) {
      --tw-border-style: dashed;
      border-style: dashed
    }
  }

  .divide-default-300 {
    :where(&>:not(:last-child)) {
      border-color: var(--color-default-300)
    }
  }

  .self-center {
    align-self: center
  }

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

  .overflow-auto {
    overflow: auto
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-scroll {
    overflow: scroll
  }

  .overflow-visible {
    overflow: visible
  }

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

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

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

  .rounded {
    border-radius: var(--radius)
  }

  .rounded\! {
    border-radius: var(--radius) !important
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl)
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl)
  }

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

  .rounded-full {
    border-radius: calc(infinity*1px)
  }

  .rounded-full\! {
    border-radius: calc(infinity*1px) !important
  }

  .rounded-lg {
    border-radius: var(--radius-lg)
  }

  .rounded-md {
    border-radius: var(--radius-md)
  }

  .rounded-none {
    border-radius: 0
  }

  .rounded-none\! {
    border-radius: 0 !important
  }

  .rounded-xl {
    border-radius: var(--radius-xl)
  }

  .rounded-s-full {
    border-end-start-radius: calc(infinity*1px);
    border-start-start-radius: calc(infinity*1px)
  }

  .rounded-s-full\! {
    border-end-start-radius: calc(infinity*1px) !important;
    border-start-start-radius: calc(infinity*1px) !important
  }

  .rounded-s-md {
    border-end-start-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
  }

  .rounded-s-none {
    border-end-start-radius: 0;
    border-start-start-radius: 0
  }

  .rounded-s-none\! {
    border-end-start-radius: 0 !important;
    border-start-start-radius: 0 !important
  }

  .rounded-s-sm {
    border-end-start-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm)
  }

  .rounded-e {
    border-end-end-radius: var(--radius);
    border-start-end-radius: var(--radius)
  }

  .rounded-e-full {
    border-end-end-radius: calc(infinity*1px);
    border-start-end-radius: calc(infinity*1px)
  }

  .rounded-e-md {
    border-end-end-radius: var(--radius-md);
    border-start-end-radius: var(--radius-md)
  }

  .rounded-e-none {
    border-end-end-radius: 0;
    border-start-end-radius: 0
  }

  .rounded-e-none\! {
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important
  }

  .rounded-e-sm {
    border-end-end-radius: var(--radius-sm);
    border-start-end-radius: var(--radius-sm)
  }

  .rounded-t {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius)
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl)
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md)
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm)
  }

  .rounded-b-md {
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md)
  }

  .rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  .\!border-\[3px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 3px !important
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-5 {
    border-style: var(--tw-border-style);
    border-width: 5px
  }

  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px
  }

  .border-s\! {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 1px !important
  }

  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0
  }

  .border-s-3 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 3px
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
  }

  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .border-none {
    --tw-border-style: none;
    border-style: none
  }

  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid
  }

  .\!border-danger {
    border-color: var(--color-danger) !important
  }

  .\!border-success {
    border-color: var(--color-success) !important
  }

  .border-\(--topbar-search-border\)\! {
    border-color: var(--topbar-search-border) !important
  }

  .border-card {
    border-color: var(--color-card)
  }

  .border-current {
    border-color: currentcolor
  }

  .border-danger {
    border-color: var(--color-danger)
  }

  .border-danger\! {
    border-color: var(--color-danger) !important
  }

  .border-danger\/15 {
    border-color: color-mix(in srgb, #f1556c 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 15%, transparent)
    }
  }

  .border-danger\/40 {
    border-color: color-mix(in srgb, #f1556c 40%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 40%, transparent)
    }
  }

  .border-dark {
    border-color: var(--color-dark)
  }

  .border-dark\/15 {
    border-color: color-mix(in srgb, #313a46 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-dark) 15%, transparent)
    }
  }

  .border-default-200 {
    border-color: var(--color-default-200)
  }

  .border-default-300 {
    border-color: var(--color-default-300)
  }

  .border-default-600 {
    border-color: var(--color-default-600)
  }

  .border-default-800 {
    border-color: var(--color-default-800)
  }

  .border-default-900\/10 {
    border-color: color-mix(in srgb, #313a46 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-default-900) 10%, transparent)
    }
  }

  .border-info {
    border-color: var(--color-info)
  }

  .border-info\/15 {
    border-color: color-mix(in srgb, #43bfe5 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-info) 15%, transparent)
    }
  }

  .border-info\/25 {
    border-color: color-mix(in srgb, #43bfe5 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-info) 25%, transparent)
    }
  }

  .border-light {
    border-color: var(--color-light)
  }

  .border-light\/15 {
    border-color: color-mix(in srgb, #eef2f7 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-light) 15%, transparent)
    }
  }

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

  .border-primary\/10 {
    border-color: color-mix(in srgb, #6658dd 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
    }
  }

  .border-primary\/15 {
    border-color: color-mix(in srgb, #6658dd 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
    }
  }

  .border-primary\/25 {
    border-color: color-mix(in srgb, #6658dd 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 25%, transparent)
    }
  }

  .border-primary\/50 {
    border-color: color-mix(in srgb, #6658dd 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent)
    }
  }

  .border-primary\/75 {
    border-color: color-mix(in srgb, #6658dd 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 75%, transparent)
    }
  }

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

  .border-secondary\/15 {
    border-color: color-mix(in srgb, #4a81d4 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
    }
  }

  .border-secondary\/20 {
    border-color: color-mix(in srgb, #4a81d4 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
    }
  }

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

  .border-success\! {
    border-color: var(--color-success) !important
  }

  .border-success\/15 {
    border-color: color-mix(in srgb, #0acf97 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-success) 15%, transparent)
    }
  }

  .border-success\/20 {
    border-color: color-mix(in srgb, #0acf97 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-success) 20%, transparent)
    }
  }

  .border-transparent {
    border-color: transparent
  }

  .border-transparent\! {
    border-color: transparent !important
  }

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

  .border-warning\/15 {
    border-color: color-mix(in srgb, #f7b84b 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-warning) 15%, transparent)
    }
  }

  .border-white {
    border-color: var(--color-white)
  }

  .border-t-transparent {
    border-top-color: transparent
  }

  .\!bg-dark {
    background-color: var(--color-dark) !important
  }

  .\!bg-primary {
    background-color: var(--color-primary) !important
  }

  .bg-\(--sidenav-bg\) {
    background-color: var(--sidenav-bg)
  }

  .bg-\(--topbar-search-bg\)\! {
    background-color: var(--topbar-search-bg) !important
  }

  .bg-\[\#1e1f27\] {
    background-color: #1e1f27
  }

  .bg-\[\#313a46\] {
    background-color: #313a46
  }

  .bg-card {
    background-color: var(--color-card)
  }

  .bg-danger {
    background-color: var(--color-danger)
  }

  .bg-danger\/10 {
    background-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }

  .bg-danger\/15 {
    background-color: color-mix(in srgb, #f1556c 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 15%, transparent)
    }
  }

  .bg-danger\/25 {
    background-color: color-mix(in srgb, #f1556c 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 25%, transparent)
    }
  }

  .bg-danger\/60 {
    background-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  .bg-danger\/70 {
    background-color: color-mix(in srgb, #f1556c 70%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-danger) 70%, transparent)
    }
  }

  .bg-dark {
    background-color: var(--color-dark)
  }

  .bg-dark\/10 {
    background-color: color-mix(in srgb, #313a46 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 10%, transparent)
    }
  }

  .bg-dark\/15 {
    background-color: color-mix(in srgb, #313a46 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 15%, transparent)
    }
  }

  .bg-dark\/25 {
    background-color: color-mix(in srgb, #313a46 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 25%, transparent)
    }
  }

  .bg-dark\/50 {
    background-color: color-mix(in srgb, #313a46 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 50%, transparent)
    }
  }

  .bg-dark\/60 {
    background-color: color-mix(in srgb, #313a46 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 60%, transparent)
    }
  }

  .bg-dark\/70 {
    background-color: color-mix(in srgb, #313a46 70%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 70%, transparent)
    }
  }

  .bg-dark\/75 {
    background-color: color-mix(in srgb, #313a46 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 75%, transparent)
    }
  }

  .bg-default-50 {
    background-color: var(--color-default-50)
  }

  .bg-default-50\! {
    background-color: var(--color-default-50) !important
  }

  .bg-default-100 {
    background-color: var(--color-default-100)
  }

  .bg-default-100\! {
    background-color: var(--color-default-100) !important
  }

  .bg-default-100\/20 {
    background-color: color-mix(in srgb, #f6f7fb 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-100) 20%, transparent)
    }
  }

  .bg-default-100\/50 {
    background-color: color-mix(in srgb, #f6f7fb 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-100) 50%, transparent)
    }
  }

  .bg-default-200 {
    background-color: var(--color-default-200)
  }

  .bg-default-200\! {
    background-color: var(--color-default-200) !important
  }

  .bg-default-300 {
    background-color: var(--color-default-300)
  }

  .bg-default-400 {
    background-color: var(--color-default-400)
  }

  .bg-default-400\/20 {
    background-color: color-mix(in srgb, #9ba6b7 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-400) 20%, transparent)
    }
  }

  .bg-default-800 {
    background-color: var(--color-default-800)
  }

  .bg-default-900 {
    background-color: var(--color-default-900)
  }

  .bg-default-900\/50 {
    background-color: color-mix(in srgb, #313a46 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-900) 50%, transparent)
    }
  }

  .bg-info {
    background-color: var(--color-info)
  }

  .bg-info\! {
    background-color: var(--color-info) !important
  }

  .bg-info\/10 {
    background-color: color-mix(in srgb, #43bfe5 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 10%, transparent)
    }
  }

  .bg-info\/15 {
    background-color: color-mix(in srgb, #43bfe5 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 15%, transparent)
    }
  }

  .bg-info\/60 {
    background-color: color-mix(in srgb, #43bfe5 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 60%, transparent)
    }
  }

  .bg-info\/85 {
    background-color: color-mix(in srgb, #43bfe5 85%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 85%, transparent)
    }
  }

  .bg-light {
    background-color: var(--color-light)
  }

  .bg-light\/15 {
    background-color: color-mix(in srgb, #eef2f7 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 15%, transparent)
    }
  }

  .bg-light\/20 {
    background-color: color-mix(in srgb, #eef2f7 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 20%, transparent)
    }
  }

  .bg-light\/25 {
    background-color: color-mix(in srgb, #eef2f7 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 25%, transparent)
    }
  }

  .bg-light\/30 {
    background-color: color-mix(in srgb, #eef2f7 30%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 30%, transparent)
    }
  }

  .bg-light\/40 {
    background-color: color-mix(in srgb, #eef2f7 40%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 40%, transparent)
    }
  }

  .bg-light\/50 {
    background-color: color-mix(in srgb, #eef2f7 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 50%, transparent)
    }
  }

  .bg-light\/50\! {
    background-color: color-mix(in srgb, #eef2f7 50%, transparent) !important;

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 50%, transparent) !important
    }
  }

  .bg-light\/60 {
    background-color: color-mix(in srgb, #eef2f7 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 60%, transparent)
    }
  }

  .bg-light\/90 {
    background-color: color-mix(in srgb, #eef2f7 90%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 90%, transparent)
    }
  }

  .bg-primary {
    background-color: var(--color-primary)
  }

  .bg-primary\! {
    background-color: var(--color-primary) !important
  }

  .bg-primary\/10 {
    background-color: color-mix(in srgb, #6658dd 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
    }
  }

  .bg-primary\/15 {
    background-color: color-mix(in srgb, #6658dd 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
    }
  }

  .bg-primary\/25 {
    background-color: color-mix(in srgb, #6658dd 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 25%, transparent)
    }
  }

  .bg-primary\/50 {
    background-color: color-mix(in srgb, #6658dd 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 50%, transparent)
    }
  }

  .bg-primary\/60 {
    background-color: color-mix(in srgb, #6658dd 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 60%, transparent)
    }
  }

  .bg-primary\/70 {
    background-color: color-mix(in srgb, #6658dd 70%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 70%, transparent)
    }
  }

  .bg-primary\/75 {
    background-color: color-mix(in srgb, #6658dd 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 75%, transparent)
    }
  }

  .bg-primary\/85 {
    background-color: color-mix(in srgb, #6658dd 85%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 85%, transparent)
    }
  }

  .bg-primary\/90 {
    background-color: color-mix(in srgb, #6658dd 90%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 90%, transparent)
    }
  }

  .bg-purple {
    background-color: var(--color-purple)
  }

  .bg-red-100 {
    background-color: var(--color-red-100)
  }

  .bg-secondary {
    background-color: var(--color-secondary)
  }

  .bg-secondary\/10 {
    background-color: color-mix(in srgb, #4a81d4 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent)
    }
  }

  .bg-secondary\/15 {
    background-color: color-mix(in srgb, #4a81d4 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
    }
  }

  .bg-secondary\/20 {
    background-color: color-mix(in srgb, #4a81d4 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
    }
  }

  .bg-secondary\/60 {
    background-color: color-mix(in srgb, #4a81d4 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent)
    }
  }

  .bg-secondary\/90 {
    background-color: color-mix(in srgb, #4a81d4 90%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent)
    }
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100)
  }

  .bg-success {
    background-color: var(--color-success)
  }

  .bg-success\! {
    background-color: var(--color-success) !important
  }

  .bg-success\/10 {
    background-color: color-mix(in srgb, #0acf97 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 10%, transparent)
    }
  }

  .bg-success\/15 {
    background-color: color-mix(in srgb, #0acf97 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 15%, transparent)
    }
  }

  .bg-success\/25 {
    background-color: color-mix(in srgb, #0acf97 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 25%, transparent)
    }
  }

  .bg-success\/50 {
    background-color: color-mix(in srgb, #0acf97 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 50%, transparent)
    }
  }

  .bg-success\/60 {
    background-color: color-mix(in srgb, #0acf97 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 60%, transparent)
    }
  }

  .bg-transparent {
    background-color: transparent
  }

  .bg-transparent\! {
    background-color: transparent !important
  }

  .bg-warning {
    background-color: var(--color-warning)
  }

  .bg-warning\/10 {
    background-color: color-mix(in srgb, #f7b84b 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent)
    }
  }

  .bg-warning\/15 {
    background-color: color-mix(in srgb, #f7b84b 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warning) 15%, transparent)
    }
  }

  .bg-warning\/60 {
    background-color: color-mix(in srgb, #f7b84b 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warning) 60%, transparent)
    }
  }

  .bg-warning\/70 {
    background-color: color-mix(in srgb, #f7b84b 70%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warning) 70%, transparent)
    }
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
    }
  }

  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent)
    }
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;

    @supports (background-image:linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab
    }

    background-image:linear-gradient(var(--tw-gradient-stops))
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;

    @supports (background-image:linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab
    }

    background-image:linear-gradient(var(--tw-gradient-stops))
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;

    @supports (background-image:linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab
    }

    background-image:linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-\[linear-gradient\(90deg\,\#6658dd_0\%\,\#f1556c_100\%\)\] {
    background-image: linear-gradient(90deg, #6658dd, #f1556c)
  }

  .bg-\[url\(\'\.\.\/images\/auth\.jpg\'\)\] {
    background-image: url(../images/auth.jpg)
  }

  .bg-\[url\(\'\.\.\/images\/landing-cta\.jpg\'\)\] {
    background-image: url(../images/landing-cta.jpg)
  }

  .bg-\[url\(\'\.\.\/images\/profile-bg\.jpg\'\)\] {
    background-image: url(../images/profile-bg.jpg)
  }

  .bg-\[url\(\.\.\/images\/settings-bg\.png\)\] {
    background-image: url(../images/settings-bg.png)
  }

  .bg-\[url\(\.\.\/images\/user-bg-pattern\.svg\)\] {
    background-image: url(../images/user-bg-pattern.svg)
  }

  .from-\[\#313A46\],
  .from-\[\#313a46\] {
    --tw-gradient-from: #313a46;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-default-400 {
    --tw-gradient-from: var(--color-default-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-default-800 {
    --tw-gradient-from: var(--color-default-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-pink-500 {
    --tw-gradient-from: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-purple-600 {
    --tw-gradient-from: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-red-200 {
    --tw-gradient-from: var(--color-red-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-teal-200 {
    --tw-gradient-from: var(--color-teal-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-zinc-800 {
    --tw-gradient-from: var(--color-zinc-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .via-\[\#313a46cc\] {
    --tw-gradient-via: #313a46cc;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-default-300 {
    --tw-gradient-via: var(--color-default-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-default-800\/80 {
    --tw-gradient-via: color-mix(in srgb, #343a40 80%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-default-800) 80%, transparent)
    }

    --tw-gradient-via-stops:var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }

  .via-red-300 {
    --tw-gradient-via: var(--color-red-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-zinc-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(27.4% 0.006 286.033) 80%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-zinc-800) 80%, transparent)
    }

    --tw-gradient-via-stops:var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }

  .to-\[\#313a4680\] {
    --tw-gradient-to: #313a4680;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-danger {
    --tw-gradient-to: var(--color-danger);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-default-300 {
    --tw-gradient-to: var(--color-default-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-default-800\/50 {
    --tw-gradient-to: color-mix(in srgb, #343a40 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-default-800) 50%, transparent)
    }

    --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-lime-200 {
    --tw-gradient-to: var(--color-lime-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-orange-400 {
    --tw-gradient-to: var(--color-orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-pink-500 {
    --tw-gradient-to: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-yellow-200 {
    --tw-gradient-to: var(--color-yellow-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-zinc-800\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-zinc-800) 50%, transparent)
    }

    --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .bg-cover {
    background-size: cover
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }

  .bg-center {
    background-position: 50%
  }

  .bg-no-repeat {
    background-repeat: no-repeat
  }

  .fill-danger {
    fill: var(--color-danger)
  }

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

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

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

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

  .object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
  }

  .p-0 {
    padding: calc(var(--spacing)*0)
  }

  .p-0\! {
    padding: calc(var(--spacing)*0) !important
  }

  .p-1 {
    padding: calc(var(--spacing)*1)
  }

  .p-1\! {
    padding: calc(var(--spacing)*1) !important
  }

  .p-1\.5 {
    padding: calc(var(--spacing)*1.5)
  }

  .p-1\.25 {
    padding: calc(var(--spacing)*1.25)
  }

  .p-2 {
    padding: calc(var(--spacing)*2)
  }

  .p-2\.5 {
    padding: calc(var(--spacing)*2.5)
  }

  .p-3 {
    padding: calc(var(--spacing)*3)
  }

  .p-4 {
    padding: calc(var(--spacing)*4)
  }

  .p-5 {
    padding: calc(var(--spacing)*5)
  }

  .p-6 {
    padding: calc(var(--spacing)*6)
  }

  .p-7\.5 {
    padding: calc(var(--spacing)*7.5)
  }

  .p-9 {
    padding: calc(var(--spacing)*9)
  }

  .p-10 {
    padding: calc(var(--spacing)*10)
  }

  .p-12\.5 {
    padding: calc(var(--spacing)*12.5)
  }

  .p-18 {
    padding: calc(var(--spacing)*18)
  }

  .p-20 {
    padding: calc(var(--spacing)*20)
  }

  .px-0\.75 {
    padding-inline: calc(var(--spacing)*.75)
  }

  .px-1\.25 {
    padding-inline: calc(var(--spacing)*1.25)
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2)
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing)*2.5)
  }

  .px-2\.5\! {
    padding-inline: calc(var(--spacing)*2.5) !important
  }

  .px-2\.25 {
    padding-inline: calc(var(--spacing)*2.25)
  }

  .px-2\.75 {
    padding-inline: calc(var(--spacing)*2.75)
  }

  .px-3 {
    padding-inline: calc(var(--spacing)*3)
  }

  .px-3\! {
    padding-inline: calc(var(--spacing)*3) !important
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing)*3.5)
  }

  .px-3\.75 {
    padding-inline: calc(var(--spacing)*3.75)
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4)
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing)*4.5)
  }

  .px-4\.75 {
    padding-inline: calc(var(--spacing)*4.75)
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6)
  }

  .px-7\.5 {
    padding-inline: calc(var(--spacing)*7.5)
  }

  .px-7\.5\! {
    padding-inline: calc(var(--spacing)*7.5) !important
  }

  .px-9 {
    padding-inline: calc(var(--spacing)*9)
  }

  .px-15 {
    padding-inline: calc(var(--spacing)*15)
  }

  .px-18 {
    padding-inline: calc(var(--spacing)*18)
  }

  .py-0 {
    padding-block: calc(var(--spacing)*0)
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1)
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
  }

  .py-1\.25 {
    padding-block: calc(var(--spacing)*1.25)
  }

  .py-1\.75 {
    padding-block: calc(var(--spacing)*1.75)
  }

  .py-2 {
    padding-block: calc(var(--spacing)*2)
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
  }

  .py-2\.25 {
    padding-block: calc(var(--spacing)*2.25)
  }

  .py-3 {
    padding-block: calc(var(--spacing)*3)
  }

  .py-3\! {
    padding-block: calc(var(--spacing)*3) !important
  }

  .py-3\.25 {
    padding-block: calc(var(--spacing)*3.25)
  }

  .py-3\.75 {
    padding-block: calc(var(--spacing)*3.75)
  }

  .py-4 {
    padding-block: calc(var(--spacing)*4)
  }

  .py-4\! {
    padding-block: calc(var(--spacing)*4) !important
  }

  .py-5 {
    padding-block: calc(var(--spacing)*5)
  }

  .py-6 {
    padding-block: calc(var(--spacing)*6)
  }

  .py-12 {
    padding-block: calc(var(--spacing)*12)
  }

  .py-18 {
    padding-block: calc(var(--spacing)*18)
  }

  .ps-0 {
    padding-inline-start: calc(var(--spacing)*0)
  }

  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing)*1.5)
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing)*2)
  }

  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing)*2.5)
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing)*3)
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing)*4)
  }

  .ps-4\.5 {
    padding-inline-start: calc(var(--spacing)*4.5)
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing)*5)
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing)*6)
  }

  .ps-7 {
    padding-inline-start: calc(var(--spacing)*7)
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing)*8)
  }

  .ps-10 {
    padding-inline-start: calc(var(--spacing)*10)
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing)*1)
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing)*2)
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing)*3)
  }

  .pe-4\.5 {
    padding-inline-end: calc(var(--spacing)*4.5)
  }

  .pe-6 {
    padding-inline-end: calc(var(--spacing)*6)
  }

  .pe-28 {
    padding-inline-end: calc(var(--spacing)*28)
  }

  .pt-0 {
    padding-top: calc(var(--spacing)*0)
  }

  .pt-2 {
    padding-top: calc(var(--spacing)*2)
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing)*2.5)
  }

  .pt-3 {
    padding-top: calc(var(--spacing)*3)
  }

  .pt-3\.75 {
    padding-top: calc(var(--spacing)*3.75)
  }

  .pt-4 {
    padding-top: calc(var(--spacing)*4)
  }

  .pt-4\.5 {
    padding-top: calc(var(--spacing)*4.5)
  }

  .pt-5 {
    padding-top: calc(var(--spacing)*5)
  }

  .pt-6 {
    padding-top: calc(var(--spacing)*6)
  }

  .pt-7\.5 {
    padding-top: calc(var(--spacing)*7.5)
  }

  .pt-12 {
    padding-top: calc(var(--spacing)*12)
  }

  .pt-18 {
    padding-top: calc(var(--spacing)*18)
  }

  .pt-\[56\.25\%\] {
    padding-top: 56.25%
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing)*0)
  }

  .pb-0\! {
    padding-bottom: calc(var(--spacing)*0) !important
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing)*1)
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing)*2)
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing)*2.5)
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing)*3)
  }

  .pb-3\! {
    padding-bottom: calc(var(--spacing)*3) !important
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing)*4)
  }

  .pb-4\.5 {
    padding-bottom: calc(var(--spacing)*4.5)
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing)*5)
  }

  .pb-7\.5 {
    padding-bottom: calc(var(--spacing)*7.5)
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing)*9)
  }

  .pb-15 {
    padding-bottom: calc(var(--spacing)*15)
  }

  .pb-16\.5 {
    padding-bottom: calc(var(--spacing)*16.5)
  }

  .pb-18 {
    padding-bottom: calc(var(--spacing)*18)
  }

  .pb-\[56\.25\%\] {
    padding-bottom: 56.25%
  }

  .pb-base {
    padding-bottom: var(--spacing-base)
  }

  .text-center {
    text-align: center
  }

  .text-end {
    text-align: end
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .text-start {
    text-align: start
  }

  .align-baseline {
    vertical-align: baseline
  }

  .align-middle {
    vertical-align: middle
  }

  .font-secondary {
    font-family: var(--font-secondary)
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .text-2xs {
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height))
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height))
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height))
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height))
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height))
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height))
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .text-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important
  }

  .text-md {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height))
  }

  .text-sm {
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .text-sm,
  .text-sm\/6 {
    font-size: var(--text-sm)
  }

  .text-sm\/6 {
    line-height: calc(var(--spacing)*6)
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

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

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

  .leading-0 {
    --tw-leading: calc(var(--spacing)*0);
    line-height: calc(var(--spacing)*0)
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6)
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }

  .text-nowrap {
    text-wrap: nowrap
  }

  .text-wrap {
    text-wrap: wrap
  }

  .whitespace-normal {
    white-space: normal
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .\!text-danger {
    color: var(--color-danger) !important
  }

  .\!text-dark {
    color: var(--color-dark) !important
  }

  .\!text-info {
    color: var(--color-info) !important
  }

  .\!text-primary {
    color: var(--color-primary) !important
  }

  .\!text-secondary {
    color: var(--color-secondary) !important
  }

  .\!text-success {
    color: var(--color-success) !important
  }

  .\!text-warning {
    color: var(--color-warning) !important
  }

  .text-\(--topbar-item-color\)\! {
    color: var(--topbar-item-color) !important
  }

  .text-\(--topbar-item-color\)\/50\! {
    color: var(--topbar-item-color) !important;

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--topbar-item-color) 50%, transparent) !important
    }
  }

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

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

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

  .text-danger\! {
    color: var(--color-danger) !important
  }

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

  .text-default-50 {
    color: var(--color-default-50)
  }

  .text-default-100 {
    color: var(--color-default-100)
  }

  .text-default-300 {
    color: var(--color-default-300)
  }

  .text-default-400 {
    color: var(--color-default-400)
  }

  .text-default-500 {
    color: var(--color-default-500)
  }

  .text-default-600 {
    color: var(--color-default-600)
  }

  .text-default-700 {
    color: var(--color-default-700)
  }

  .text-default-800 {
    color: var(--color-default-800)
  }

  .text-default-900 {
    color: var(--color-default-900)
  }

  .text-gray-900 {
    color: var(--color-gray-900)
  }

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

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

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

  .text-primary\/25 {
    color: color-mix(in srgb, #6658dd 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 25%, transparent)
    }
  }

  .text-primary\/50 {
    color: color-mix(in srgb, #6658dd 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 50%, transparent)
    }
  }

  .text-primary\/75 {
    color: color-mix(in srgb, #6658dd 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 75%, transparent)
    }
  }

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

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

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

  .text-transparent {
    color: transparent
  }

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

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

  .text-white\/50 {
    color: color-mix(in srgb, #fff 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent)
    }
  }

  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent)
    }
  }

  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent)
    }
  }

  .lowercase {
    text-transform: lowercase
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .line-through {
    text-decoration-line: line-through
  }

  .underline {
    text-decoration-line: underline
  }

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

  .decoration-dark {
    text-decoration-color: var(--color-dark)
  }

  .decoration-info {
    text-decoration-color: var(--color-info)
  }

  .decoration-light {
    text-decoration-color: var(--color-light)
  }

  .decoration-primary {
    text-decoration-color: var(--color-primary)
  }

  .decoration-primary\/0 {
    text-decoration-color: color-mix(in srgb, #6658dd 0%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 0%, transparent)
    }
  }

  .decoration-primary\/15 {
    text-decoration-color: color-mix(in srgb, #6658dd 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
    }
  }

  .decoration-primary\/25 {
    text-decoration-color: color-mix(in srgb, #6658dd 25%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 25%, transparent)
    }
  }

  .decoration-primary\/50 {
    text-decoration-color: color-mix(in srgb, #6658dd 50%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 50%, transparent)
    }
  }

  .decoration-primary\/75 {
    text-decoration-color: color-mix(in srgb, #6658dd 75%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 75%, transparent)
    }
  }

  .decoration-secondary {
    text-decoration-color: var(--color-secondary)
  }

  .decoration-success {
    text-decoration-color: var(--color-success)
  }

  .decoration-warning {
    text-decoration-color: var(--color-warning)
  }

  .decoration-2 {
    text-decoration-thickness: 2px
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .underline-offset-3 {
    text-underline-offset: 3px
  }

  .underline-offset-4 {
    text-underline-offset: 4px
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-10 {
    opacity: 10%
  }

  .opacity-25 {
    opacity: 25%
  }

  .opacity-50 {
    opacity: 50%
  }

  .opacity-70 {
    opacity: 70%
  }

  .opacity-75 {
    opacity: 75%
  }

  .opacity-100 {
    opacity: 100%
  }

  .shadow {
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15))
  }

  .shadow,
  .shadow-2xs {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, .05))
  }

  .shadow-lg {
    --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, .03))
  }

  .shadow-lg,
  .shadow-none {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000
  }

  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .shadow-sm {
    --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03))
  }

  .ring,
  .shadow-sm {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
  }

  .shadow {
    box-shadow: var(--shadow)
  }

  .shadow-sm {
    box-shadow: var(--shadow-sm)
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .blur {
    --tw-blur: blur(8px)
  }

  .blur,
  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
  }

  .transition {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-\[height\] {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-\[opacity\,margin\] {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-\[scale\,background\] {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: scale, background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-all {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-opacity {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .transition-transform {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: .1s
  }

  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: .2s
  }

  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: .3s
  }

  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: .5s
  }

  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: .7s
  }

  .duration-\[0\.1ms\] {
    --tw-duration: 0.1ms;
    transition-duration: .1ms
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

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

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

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

  .\[--adaptive\:none\] {
    --adaptive: none
  }

  .\[--auto-close\:false\] {
    --auto-close: false
  }

  .\[--auto-close\:inside\] {
    --auto-close: inside
  }

  .\[--auto-close\:lg\] {
    --auto-close: lg
  }

  .\[--auto-close\:outside\] {
    --auto-close: outside
  }

  .\[--body-scroll\:true\] {
    --body-scroll: true
  }

  .\[--is-collapse\:true\] {
    --is-collapse: true
  }

  .\[--overlay-backdrop\:false\] {
    --overlay-backdrop: false
  }

  .\[--overlay-backdrop\:static\] {
    --overlay-backdrop: static
  }

  .\[--placement\:\*\] {
    --placement: *
  }

  .\[--placement\:bottom-end\] {
    --placement: bottom-end
  }

  .\[--placement\:bottom-left\] {
    --placement: bottom-left
  }

  .\[--placement\:bottom-right\] {
    --placement: bottom-right
  }

  .\[--placement\:bottom\] {
    --placement: bottom
  }

  .\[--placement\:left-start\] {
    --placement: left-start
  }

  .\[--placement\:left\] {
    --placement: left
  }

  .\[--placement\:right-end\] {
    --placement: right-end
  }

  .\[--placement\:right\] {
    --placement: right
  }

  .\[--placement\:top-left\] {
    --placement: top-left
  }

  .\[--placement\:top\] {
    --placement: top
  }

  .\[--scrollspy-offset\:220\] {
    --scrollspy-offset: 220
  }

  .\[--strategy\:static\] {
    --strategy: static
  }

  .\[--trigger\:click\] {
    --trigger: click
  }

  .\[--trigger\:hover\] {
    --trigger: hover
  }

  .lucide--activity {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E")
  }

  .lucide--alarm-clock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6m20 0-3-3M6.38 18.7 4 21m13.64-2.33L20 21'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--alert-triangle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E")
  }

  .lucide--archive {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--arrow-down {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m7-7-7 7-7-7'/%3E%3C/svg%3E")
  }

  .lucide--arrow-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 19-7-7 7-7m7 7H5'/%3E%3C/svg%3E")
  }

  .lucide--arrow-right {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E")
  }

  .lucide--arrow-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 7-7 7 7m-7 7V5'/%3E%3C/svg%3E")
  }

  .lucide--badge-dollar-sign {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8m4 2V6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--badge-percent {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76M15 9l-6 6m0-6h.01M15 15h.01'/%3E%3C/svg%3E")
  }

  .lucide--badge-question-mark {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--ban {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M4.929 4.929 19.07 19.071'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--banknote-arrow-down {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5m-6 6 3 3 3-3m-4-7h.01m.99 4v6M6 12h.01'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--bell {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E")
  }

  .lucide--bell-off {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742M2 2l20 20M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05'/%3E%3C/svg%3E")
  }

  .lucide--bell-ring {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M22 8c0-2.3-.8-4.3-2-6M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326M4 2C2.8 3.7 2 5.7 2 8'/%3E%3C/svg%3E")
  }

  .lucide--bluetooth {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7 10 10-5 5V2l5 5L7 17'/%3E%3C/svg%3E")
  }

  .lucide--bold {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8'/%3E%3C/svg%3E")
  }

  .lucide--bolt {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--book {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E")
  }

  .lucide--book-open {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")
  }

  .lucide--book-open-text {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m4-9h2m-2-4h2M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3zm3-6h2M6 8h2'/%3E%3C/svg%3E")
  }

  .lucide--box {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--briefcase {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--brush {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m11 10 3 3m-7.5 8A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z'/%3E%3Cpath d='M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--bug {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--building {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10h.01M12 14h.01M12 6h.01M16 10h.01M16 14h.01M16 6h.01M8 10h.01M8 14h.01M8 6h.01M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--calendar {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--calendar-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M9 16l2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--calendar-clock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 14v2.2l1.6 1M16 2v4m5 1.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5M3 10h5m0-8v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--camera {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--cannabis {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22v-4m-5-6c-1.5 0-4.5 1.5-5 3 3.5 1.5 6 1 6 1-1.5 1.5-2 3.5-2 5 2.5 0 4.5-1.5 6-3 1.5 1.5 3.5 3 6 3 0-1.5-.5-3.5-2-5 0 0 2.5.5 6-1-.5-1.5-3.5-3-5-3 1.5-1 4-4 4-6-2.5 0-5.5 1.5-7 3 0-2.5-.5-5-2-7-1.5 2-2 4.5-2 7-1.5-1.5-4.5-3-7-3 0 2 2.5 5 4 6'/%3E%3C/svg%3E")
  }

  .lucide--chart-line {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--chart-pie {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z'/%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
  }

  .lucide--check-circle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--chevron-down {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
  }

  .lucide--chevron-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
  }

  .lucide--chevron-right {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
  }

  .lucide--chevron-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15-6-6-6 6'/%3E%3C/svg%3E")
  }

  .lucide--circle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E")
  }

  .lucide--circle-alert {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--circle-plus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8m-4-4v8'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--circle-small {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E")
  }

  .lucide--circle-user {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--circle-user-round {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--clipboard-type {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M9 12v-1h6v1m-4 5h2m-1-6v6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--clock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--clock-fading {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E")
  }

  .lucide--cloud {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9'/%3E%3C/svg%3E")
  }

  .lucide--cloud-upload {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--code {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E")
  }

  .lucide--compass {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--component {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E")
  }

  .lucide--copy {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--corner-up-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--cpu {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2'/%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='8' height='8' x='8' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--credit-card {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--database {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--dollar-sign {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")
  }

  .lucide--download {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--earth {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3 2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2 2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--ellipsis {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--ellipsis-vertical {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--eye {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--eye-off {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--figma {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5M12 2h3.5a3.5 3.5 0 1 1 0 7H12z'/%3E%3Cpath d='M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0m-7 7A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0m0-7A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--file {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--file-text {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--film {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--flag {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E")
  }

  .lucide--folder {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E")
  }

  .lucide--folder-open-dot {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'/%3E%3Ccircle cx='14' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--forward {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17 5-5-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--gamepad-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5'/%3E%3C/svg%3E")
  }

  .lucide--globe {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--graduation-cap {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--grip-horizontal {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='1'/%3E%3Ccircle cx='19' cy='9' r='1'/%3E%3Ccircle cx='5' cy='9' r='1'/%3E%3Ccircle cx='12' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--hand {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2m0 4V4a2 2 0 0 0-2-2 2 2 0 0 0-2 2v2m0 4.5V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--handshake {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3M3 4h8'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--headphones {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E")
  }

  .lucide--headset {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--heart {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E")
  }

  .lucide--hourglass {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 22h14M5 2h14m-2 20v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E")
  }

  .lucide--house {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--house-wifi {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.5 13.866a4 4 0 0 1 5 .01M12 17h.01'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M7 10.754a8 8 0 0 1 10 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--image {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--image-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21'/%3E%3Cpath d='m14 19.5 3-3 3 3M17 22v-5.5'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--inbox {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--info {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--italic {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4h-9m4 16H5M15 4 9 20'/%3E%3C/svg%3E")
  }

  .lucide--kanban {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 3v14m7-14v8m7-8v18'/%3E%3C/svg%3E")
  }

  .lucide--key {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4m2-2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--layers {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--layout-dashboard {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--layout-grid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--layout-panel-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='18' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--leaf {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--lightbulb {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E")
  }

  .lucide--link {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--list-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 5H3m13 7H3m8 7H3m12-1 2 2 4-4'/%3E%3C/svg%3E")
  }

  .lucide--list-tree {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 5h13m-8 7h8m-8 7h8M3 10a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M3 5v12a2 2 0 0 0 2 2h3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--lock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--lock-keyhole {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3Crect width='18' height='12' x='3' y='10' rx='2'/%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--log-out {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17 5-5-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E")
  }

  .lucide--mail {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--mail-open {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--map {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15'/%3E%3C/svg%3E")
  }

  .lucide--map-pin {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--maximize {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")
  }

  .lucide--medal {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15M11 12 5.12 2.2M13 12l5.88-9.8M8 7h8'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 18v-2h-.5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--menu {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E")
  }

  .lucide--message-circle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/svg%3E")
  }

  .lucide--message-square {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")
  }

  .lucide--message-square-text {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zM7 11h10M7 15h6M7 7h8'/%3E%3C/svg%3E")
  }

  .lucide--mic {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 19v3m7-12v2a7 7 0 0 1-14 0v-2'/%3E%3Crect width='6' height='13' x='9' y='2' rx='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--minimize {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8 0v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E")
  }

  .lucide--minus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E")
  }

  .lucide--monitor {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--monitor-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 10 2 2 4-4'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M12 17v4m-4 0h8'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--moon {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E")
  }

  .lucide--music {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--octagon-alert {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16h.01M12 8v4m3.312-10a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z'/%3E%3C/svg%3E")
  }

  .lucide--package {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7 12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--palette {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='%23000'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='%23000'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='%23000'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--panel-left-dashed {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 14v1m0 4v2M9 3v2m0 4v1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--panel-top-dashed {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M14 9h1m4 0h2M3 9h2m4 0h1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--paperclip {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E")
  }

  .lucide--pencil {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E")
  }

  .lucide--pencil-ruler {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13m1-7 2-2m8 12 2-2m-3-3 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E")
  }

  .lucide--phone {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E")
  }

  .lucide--phone-call {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E")
  }

  .lucide--pin {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17v5M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E")
  }

  .lucide--plane {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2'/%3E%3C/svg%3E")
  }

  .lucide--play {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E")
  }

  .lucide--plug {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22v-5m3-9V2m2 6a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1zM9 8V2'/%3E%3C/svg%3E")
  }

  .lucide--plus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E")
  }

  .lucide--printer {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--quote {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E")
  }

  .lucide--receipt-text {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16H8m6-8H8m8 4H8M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/svg%3E")
  }

  .lucide--refresh-ccw {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--rocket {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09'/%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--rss {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--save {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--scissors {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12m8-8L8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--search {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--send-horizontal {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904zM6 12h16'/%3E%3C/svg%3E")
  }

  .lucide--settings {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--share {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9-4-4-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E")
  }

  .lucide--share-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98m-.01-10.98-6.82 3.98'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--shield {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E")
  }

  .lucide--shield-half {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1zm-8 9V2'/%3E%3C/svg%3E")
  }

  .lucide--shield-user {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M6.376 18.91a6 6 0 0 1 11.249.003'/%3E%3Ccircle cx='12' cy='11' r='4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--shopping-basket {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 11-1 9m5-9-4-7M2 11h20M3.5 11l1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4M4.5 15.5h15M5 11l4-7m0 7 1 9'/%3E%3C/svg%3E")
  }

  .lucide--shopping-cart {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--shuffle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m18 14 4 4-4 4m0-20 4 4-4 4'/%3E%3Cpath d='M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22M2 6h1.972a4 4 0 0 1 3.6 2.2M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--smile {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--speaker {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M12 6h.01'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M12 14h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--square-pen {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--star {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")
  }

  .lucide--sun {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--sun-moon {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3-1.256 1.256M20 12h2'/%3E%3C/svg%3E")
  }

  .lucide--table-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18'/%3E%3C/svg%3E")
  }

  .lucide--tablet {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--tag {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--ticket {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Zm11-4v2m0 10v2m0-8v2'/%3E%3C/svg%3E")
  }

  .lucide--trash-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E")
  }

  .lucide--trending-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--truck {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--upload {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7-5-5-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E")
  }

  .lucide--usb {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='4' cy='20' r='1'/%3E%3Cpath d='M4.7 19.3 19 5m2-2-3 1 2 2ZM9.26 7.68 5 12l2 5m3-3 5 2 3.5-3.5'/%3E%3Cpath d='m18 12 1-1 1 1-1 1Z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--user {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--user-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11 2 2 4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--user-lock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 16v-2a2 2 0 0 0-4 0v2m-5.5-1H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Crect width='8' height='5' x='13' y='16' rx='.899'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--user-plus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--users {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--users-round {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--video {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--volume-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6m3.364 3.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E")
  }

  .lucide--wallet {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--wand-sparkles {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E")
  }

  .lucide--watch {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10v2.2l1.6 1m2.53-5.54-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .lucide--wifi {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20h.01M2 8.82a15 15 0 0 1 20 0M5 12.859a10 10 0 0 1 14 0m-10.5 3.57a5 5 0 0 1 7 0'/%3E%3C/svg%3E")
  }

  .lucide--x {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")
  }

  .lucide--zap {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E")
  }

  .lucide--zoom-in {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35M11 8v6m-3-3h6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--ad-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.933 5H5v16h13v-8m-4 4H9'/%3E%3Cpath d='M9 13h5V9H9zm6-8V3m3 3 2-2m-1 5h2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--arrow-down {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6-6 6m-6-6 6 6'/%3E%3C/svg%3E")
  }

  .tabler--arrow-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6 6-6'/%3E%3C/svg%3E")
  }

  .tabler--arrow-right {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6 6-6m-6-6 6 6'/%3E%3C/svg%3E")
  }

  .tabler--arrow-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8-6-6m-6 6 6-6'/%3E%3C/svg%3E")
  }

  .tabler--basket {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 14a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3Cpath d='M5.001 8H19a2 2 0 0 1 1.977 2.304l-1.255 7.152A3 3 0 0 1 16.756 20H7.244a3 3 0 0 1-2.965-2.544l-1.255-7.152A2 2 0 0 1 5.001 8M17 10l-2-6m-8 6 2-6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--bell {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0 7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E")
  }

  .tabler--bell-plus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 17H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6 2 2 0 1 1 4 0 7 7 0 0 1 4 6v1m-9 5v1a3 3 0 0 0 3.51 2.957M16 19h6m-3-3v6'/%3E%3C/svg%3E")
  }

  .tabler--bluetooth {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8 10 8-5 4V4l5 4-10 8'/%3E%3C/svg%3E")
  }

  .tabler--book {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E")
  }

  .tabler--brand-facebook {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3V3h-3a5 5 0 0 0-5 5v2z'/%3E%3C/svg%3E")
  }

  .tabler--brand-instagram {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0m7.5-4.5v.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--brand-whatsapp {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 21 1.65-3.8a9 9 0 1 1 3.4 2.9z'/%3E%3Cpath d='M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--brand-x {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4 11.733 16H20L8.267 4zm0 16 6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E")
  }

  .tabler--briefcase {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01'/%3E%3Cpath d='M3 13a20 20 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--brush {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21v-4a4 4 0 1 1 4 4z'/%3E%3Cpath d='M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8'/%3E%3Cpath d='M10.6 9a9 9 0 0 1 4.4 4.4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--bulb {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E")
  }

  .tabler--camera {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2-2 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2'/%3E%3Cpath d='M9 13a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--caret-right-filled {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 6c0-.852.986-1.297 1.623-.783l.084.076 6 6a1 1 0 0 1 .083 1.32l-.083.094-6 6-.094.083-.077.054-.096.054-.036.017-.067.027-.108.032-.053.01-.06.01-.057.004L10 19l-.059-.002-.058-.005-.06-.009-.052-.01-.108-.032-.067-.027-.132-.07-.09-.065-.081-.073-.083-.094-.054-.077-.054-.096-.017-.036-.027-.067-.032-.108-.01-.053-.01-.06-.004-.057z'/%3E%3C/svg%3E")
  }

  .tabler--chart-bar {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm12-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14'/%3E%3C/svg%3E")
  }

  .tabler--chart-pie-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v9h9'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 5 5L20 7'/%3E%3C/svg%3E")
  }

  .tabler--checklist {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.615 20H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8m-3 5 2 2 4-4M9 8h4m-4 4h2'/%3E%3C/svg%3E")
  }

  .tabler--chevron-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15 6-6 6 6'/%3E%3C/svg%3E")
  }

  .tabler--circle-filled {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E")
  }

  .tabler--clipboard-list {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h.01M13 12h2m-6 4h.01M13 16h2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--clock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--clock-hour-4 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0m9 0 3 2m-3-7v5'/%3E%3C/svg%3E")
  }

  .tabler--cloud {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773 1.88-.572 3.956-.193 5.444 1 1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657'/%3E%3C/svg%3E")
  }

  .tabler--cloud-upload {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 18a4.6 4.4 0 0 1 0-9 5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1'/%3E%3Cpath d='m9 15 3-3 3 3m-3-3v9'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--credit-card {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2'/%3E%3C/svg%3E")
  }

  .tabler--database {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--device-desktop {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3C/svg%3E")
  }

  .tabler--device-gamepad {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 4h4m-2-2v4m7-3v.01M18 13v.01'/%3E%3C/svg%3E")
  }

  .tabler--device-speaker {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 14a3 3 0 1 0 6 0 3 3 0 1 0-6 0m3-7v.01'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--device-tablet {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z'/%3E%3Cpath d='M11 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--device-watch {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm3 9v3h6v-3M9 6V3h6v3'/%3E%3C/svg%3E")
  }

  .tabler--dots-vertical {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0 1 1 0 1 0-2 0'/%3E%3C/svg%3E")
  }

  .tabler--file {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--file-export {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3 3 3-3 3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--file-upload {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5 12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--folder {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
  }

  .tabler--headphones {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--headset {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 14v-3a8 8 0 1 1 16 0v3m-2 5c0 1.657-2.686 3-6 3'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--home {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9 9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--key {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16.555 3.843 3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01'/%3E%3C/svg%3E")
  }

  .tabler--link {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15 6-6m-4-3 .463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5-.397.534a5.07 5.07 0 0 1-7.127 0 4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E")
  }

  .tabler--lock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--mail {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--map-pin {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657 13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--message-dots {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v.01M8 11v.01m8-.01v.01M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E")
  }

  .tabler--microphone {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5a3 3 0 0 1 3-3 3 3 0 0 1 3 3v5a3 3 0 0 1-3 3 3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--movie {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4'/%3E%3C/svg%3E")
  }

  .tabler--music {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3Cpath d='M9 17V4h10v13M9 8h10'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--paperclip {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 7-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13'/%3E%3C/svg%3E")
  }

  .tabler--phone {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
  }

  .tabler--phone-call {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2m10 3a2 2 0 0 1 2 2m-2-6a6 6 0 0 1 6 6'/%3E%3C/svg%3E")
  }

  .tabler--plus {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E")
  }

  .tabler--printer {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M7 15a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--refresh {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E")
  }

  .tabler--report-analytics {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 12v-5m3 5v-1m3 1v-3'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--rotate-clockwise-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01m.57 4.09v.01m2.53 3.26v.01M11 19.94v.01'/%3E%3C/svg%3E")
  }

  .tabler--search {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0m18 11-6-6'/%3E%3C/svg%3E")
  }

  .tabler--send-2 {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.698 4.034 21 12 4.698 19.966a.5.5 0 0 1-.546-.124.56.56 0 0 1-.12-.568L6.5 12 4.032 4.726a.56.56 0 0 1 .12-.568.5.5 0 0 1 .546-.124M6.5 12H21'/%3E%3C/svg%3E")
  }

  .tabler--settings {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37 1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--share {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a3 3 0 1 0 6 0 3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0 3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0 3 3 0 1 0-6 0m-6.3-7.3 6.6-3.4m-6.6 6 6.6 3.4'/%3E%3C/svg%3E")
  }

  .tabler--shield {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21 12 12 0 0 1 3.5 6 12 12 0 0 0 12 3'/%3E%3C/svg%3E")
  }

  .tabler--shopping-cart {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0 2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5 14 1-1 7H6'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--speakerphone {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 8a3 3 0 0 1 0 6m-8-6v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5'/%3E%3Cpath d='m12 8 4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--star {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75-6.172 3.245 1.179-6.873-5-4.867 6.9-1 3.086-6.253 3.086 6.253 6.9 1-5 4.867 1.179 6.873z'/%3E%3C/svg%3E")
  }

  .tabler--star-filled {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m8.243 7.34-6.38.925-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499-1.09 6.355-.013.11a1 1 0 0 0 1.464.944l5.706-3 5.693 3 .1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355 4.624-4.5.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E")
  }

  .tabler--star-half-filled {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a1 1 0 0 1 .823.443l.067.116 2.852 5.781 6.38.925c.741.108 1.08.94.703 1.526l-.07.095-.078.086-4.624 4.499 1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035-.101-.046-5.693-3-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11 1.09-6.355-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036.114-.023 6.379-.925 2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036.112.05 4.363 2.299-.836-4.873a1 1 0 0 1 .136-.696l.07-.099.082-.09 3.546-3.453-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097-.06-.106z'/%3E%3C/svg%3E")
  }

  .tabler--trending-up {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--usb {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 19a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-2V5.5M7 10v3l5 3m0-1.5 5-2V10m-1 0h2V8h-2z'/%3E%3Cpath d='M6 9a1 1 0 1 0 2 0 1 1 0 1 0-2 0m4-3.5h4L12 3z'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--user {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E")
  }

  .tabler--user-circle {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0 3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--user-cog {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h2.5m4.501 4a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25-1.299.75m-3.463 2-1.3.75m0-3.5 1.3.75m3.463 2 1.3.75'/%3E%3C/svg%3E")
  }

  .tabler--users {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0 4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E")
  }

  .tabler--wifi {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18h.01m-2.838-2.828a4 4 0 0 1 5.656 0m-8.485-2.829a8 8 0 0 1 11.314 0'/%3E%3Cpath d='M3.515 9.515c4.686-4.687 12.284-4.687 17 0'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--world {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E")
  }

  .tabler--x {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")
  }

  .transform-3d {
    transform-style: preserve-3d
  }

  .\*\:flex {
    :is(&>*) {
      display: flex
    }
  }

  .\*\:text-white\! {
    :is(&>*) {
      color: var(--color-white) !important
    }
  }

  .not-placeholder-shown\:pt-6 {
    &:not(:-moz-placeholder) {
      padding-top: calc(var(--spacing)*6)
    }

    &:not(:placeholder-shown) {
      padding-top: calc(var(--spacing)*6)
    }
  }

  .not-placeholder-shown\:pb-2 {
    &:not(:-moz-placeholder) {
      padding-bottom: calc(var(--spacing)*2)
    }

    &:not(:placeholder-shown) {
      padding-bottom: calc(var(--spacing)*2)
    }
  }

  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover:hover) {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  }

  .group-hover\:bg-primary-hover {
    &:is(:where(.group):hover *) {
      @media (hover:hover) {
        background-color: var(--color-primary-hover)
      }
    }
  }

  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover:hover) {
        color: var(--color-primary)
      }
    }
  }

  .group-\[\.fullscreen-active\]\:hidden {
    &:is(:where(.group):is(.fullscreen-active) *) {
      display: none
    }
  }

  .group-\[\.fullscreen-active\]\:inline-block {
    &:is(:where(.group):is(.fullscreen-active) *) {
      display: inline-block
    }
  }

  .peer-not-placeholder-shown\:translate-x-0\.5 {
    &:is(:where(.peer):not(:-moz-placeholder)~*) {
      --tw-translate-x: calc(var(--spacing)*0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    &:is(:where(.peer):not(:placeholder-shown)~*) {
      --tw-translate-x: calc(var(--spacing)*0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .peer-not-placeholder-shown\:-translate-y-1\.5 {
    &:is(:where(.peer):not(:-moz-placeholder)~*) {
      --tw-translate-y: calc(var(--spacing)*-1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    &:is(:where(.peer):not(:placeholder-shown)~*) {
      --tw-translate-y: calc(var(--spacing)*-1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .peer-not-placeholder-shown\:scale-90 {
    &:is(:where(.peer):not(:-moz-placeholder)~*) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    &:is(:where(.peer):not(:placeholder-shown)~*) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  }

  .peer-not-placeholder-shown\:text-default-500 {
    &:is(:where(.peer):not(:-moz-placeholder)~*) {
      color: var(--color-default-500)
    }

    &:is(:where(.peer):not(:placeholder-shown)~*) {
      color: var(--color-default-500)
    }
  }

  .peer-checked\:bg-default-100 {
    &:is(:where(.peer):checked~*) {
      background-color: var(--color-default-100)
    }
  }

  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked~*) {
      background-color: var(--color-primary)
    }
  }

  .peer-checked\:bg-secondary {
    &:is(:where(.peer):checked~*) {
      background-color: var(--color-secondary)
    }
  }

  .peer-checked\:bg-warning {
    &:is(:where(.peer):checked~*) {
      background-color: var(--color-warning)
    }
  }

  .peer-checked\:text-white {
    &:is(:where(.peer):checked~*) {
      color: var(--color-white)
    }
  }

  .peer-placeholder-shown\:top-3\.5 {
    &:is(:where(.peer):-moz-placeholder~*) {
      top: calc(var(--spacing)*3.5)
    }

    &:is(:where(.peer):placeholder-shown~*) {
      top: calc(var(--spacing)*3.5)
    }
  }

  .peer-placeholder-shown\:text-sm {
    &:is(:where(.peer):-moz-placeholder~*) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    &:is(:where(.peer):placeholder-shown~*) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }
  }

  .peer-placeholder-shown\:text-default-400 {
    &:is(:where(.peer):-moz-placeholder~*) {
      color: var(--color-default-400)
    }

    &:is(:where(.peer):placeholder-shown~*) {
      color: var(--color-default-400)
    }
  }

  .peer-focus\:top-1\.5 {
    &:is(:where(.peer):focus~*) {
      top: calc(var(--spacing)*1.5)
    }
  }

  .peer-focus\:translate-x-0\.5 {
    &:is(:where(.peer):focus~*) {
      --tw-translate-x: calc(var(--spacing)*0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .peer-focus\:-translate-y-1\.5 {
    &:is(:where(.peer):focus~*) {
      --tw-translate-y: calc(var(--spacing)*-1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .peer-focus\:scale-90 {
    &:is(:where(.peer):focus~*) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  }

  .peer-focus\:border-0 {
    &:is(:where(.peer):focus~*) {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  }

  .peer-focus\:text-xs {
    &:is(:where(.peer):focus~*) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height))
    }
  }

  .peer-focus\:text-default-500 {
    &:is(:where(.peer):focus~*) {
      color: var(--color-default-500)
    }
  }

  .peer-focus\:ring-0 {
    &:is(:where(.peer):focus~*) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .file\:me-4 {
    &::file-selector-button {
      margin-inline-end: calc(var(--spacing)*4)
    }
  }

  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  }

  .file\:bg-default-100 {
    &::file-selector-button {
      background-color: var(--color-default-100)
    }
  }

  .file\:px-3 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing)*3)
    }
  }

  .file\:py-2 {
    &::file-selector-button {
      padding-block: calc(var(--spacing)*2)
    }
  }

  .placeholder\:text-transparent {
    &::-moz-placeholder {
      color: transparent
    }

    &::placeholder {
      color: transparent
    }
  }

  .placeholder\:opacity-50 {
    &::-moz-placeholder {
      opacity: 50%
    }

    &::placeholder {
      opacity: 50%
    }
  }

  .before\:absolute {
    &:before {
      content: var(--tw-content);
      position: absolute
    }
  }

  .before\:start-0 {
    &:before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing)*0)
    }
  }

  .before\:-end-5 {
    &:before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing)*-5)
    }
  }

  .before\:-top-4 {
    &:before {
      content: var(--tw-content);
      top: calc(var(--spacing)*-4)
    }
  }

  .before\:top-0 {
    &:before {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }
  }

  .before\:hidden {
    &:before {
      content: var(--tw-content);
      display: none
    }
  }

  .before\:h-4\.5 {
    &:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*4.5)
    }
  }

  .before\:h-5 {
    &:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*5)
    }
  }

  .before\:h-full {
    &:before {
      content: var(--tw-content);
      height: 100%
    }
  }

  .before\:w-5 {
    &:before {
      content: var(--tw-content);
      width: calc(var(--spacing)*5)
    }
  }

  .before\:w-full {
    &:before {
      content: var(--tw-content);
      width: 100%
    }
  }

  .before\:w-px {
    &:before {
      content: var(--tw-content);
      width: 1px
    }
  }

  .before\:bg-default-700\/35 {
    &:before {
      background-color: color-mix(in srgb, #6c757d 35%, transparent);
      content: var(--tw-content);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-default-700) 35%, transparent)
      }
    }
  }

  .before\:content-\[\'\'\] {
    &:before {
      --tw-content: "";
      content: var(--tw-content)
    }
  }

  .after\:absolute {
    &:after {
      content: var(--tw-content);
      position: absolute
    }
  }

  .after\:inset-0 {
    &:after {
      content: var(--tw-content);
      inset: calc(var(--spacing)*0)
    }
  }

  .after\:start-1\/2 {
    &:after {
      content: var(--tw-content);
      inset-inline-start: 50%
    }
  }

  .after\:start-2 {
    &:after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing)*2)
    }
  }

  .after\:top-0 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }
  }

  .after\:top-1 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*1)
    }
  }

  .after\:top-3 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*3)
    }
  }

  .after\:top-4 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*4)
    }
  }

  .after\:top-7 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*7)
    }
  }

  .after\:top-8 {
    &:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*8)
    }
  }

  .after\:bottom-0 {
    &:after {
      bottom: calc(var(--spacing)*0);
      content: var(--tw-content)
    }
  }

  .after\:h-\[calc\(100\%-4px\)\] {
    &:after {
      content: var(--tw-content);
      height: calc(100% - 4px)
    }
  }

  .after\:w-0\.5 {
    &:after {
      content: var(--tw-content);
      width: calc(var(--spacing)*.5)
    }
  }

  .after\:w-px {
    &:after {
      content: var(--tw-content);
      width: 1px
    }
  }

  .after\:border {
    &:after {
      border-style: var(--tw-border-style);
      border-width: 1px;
      content: var(--tw-content)
    }
  }

  .after\:border-e {
    &:after {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
      content: var(--tw-content)
    }
  }

  .after\:border-dashed {
    &:after {
      content: var(--tw-content);
      --tw-border-style: dashed;
      border-style: dashed
    }
  }

  .after\:border-default-300 {
    &:after {
      border-color: var(--color-default-300);
      content: var(--tw-content)
    }
  }

  .after\:bg-gray-100 {
    &:after {
      background-color: var(--color-gray-100);
      content: var(--tw-content)
    }
  }

  .first\:rounded-s-md {
    &:first-child {
      border-end-start-radius: var(--radius-md);
      border-start-start-radius: var(--radius-md)
    }
  }

  .last\:rounded-e-md {
    &:last-child {
      border-end-end-radius: var(--radius-md);
      border-start-end-radius: var(--radius-md)
    }
  }

  .last\:after\:hidden {
    &:last-child {
      &:after {
        content: var(--tw-content);
        display: none
      }
    }
  }

  .odd\:bg-default-100 {
    &:nth-child(odd) {
      background-color: var(--color-default-100)
    }
  }

  .checked\:bg-danger\! {
    &:checked {
      background-color: var(--color-danger) !important
    }
  }

  .checked\:bg-dark\! {
    &:checked {
      background-color: var(--color-dark) !important
    }
  }

  .checked\:bg-info\! {
    &:checked {
      background-color: var(--color-info) !important
    }
  }

  .checked\:bg-primary\! {
    &:checked {
      background-color: var(--color-primary) !important
    }
  }

  .checked\:bg-secondary\! {
    &:checked {
      background-color: var(--color-secondary) !important
    }
  }

  .checked\:bg-success\! {
    &:checked {
      background-color: var(--color-success) !important
    }
  }

  .checked\:bg-warning\! {
    &:checked {
      background-color: var(--color-warning) !important
    }
  }

  .autofill\:pt-6 {
    &:-webkit-autofill {
      padding-top: calc(var(--spacing)*6)
    }

    &:autofill {
      padding-top: calc(var(--spacing)*6)
    }
  }

  .autofill\:pb-2 {
    &:-webkit-autofill {
      padding-bottom: calc(var(--spacing)*2)
    }

    &:autofill {
      padding-bottom: calc(var(--spacing)*2)
    }
  }

  .hover\:z-10 {
    &:hover {
      @media (hover:hover) {
        z-index: 10
      }
    }
  }

  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover:hover) {
        --tw-translate-y: calc(var(--spacing)*-0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  }

  .hover\:-translate-y-1 {
    &:hover {
      @media (hover:hover) {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  }

  .hover\:border-default-400 {
    &:hover {
      @media (hover:hover) {
        border-color: var(--color-default-400)
      }
    }
  }

  .hover\:border-default-400\/50 {
    &:hover {
      @media (hover:hover) {
        border-bottom-color: color-mix(in srgb, #9ba6b7 50%, transparent);
        border-left-color: color-mix(in srgb, #9ba6b7 50%, transparent);
        border-right-color: color-mix(in srgb, #9ba6b7 50%, transparent);
        border-top-color: color-mix(in srgb, #9ba6b7 50%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-default-400) 50%, transparent)
        }
      }
    }
  }

  .hover\:border-default-400\/75 {
    &:hover {
      @media (hover:hover) {
        border-bottom-color: color-mix(in srgb, #9ba6b7 75%, transparent);
        border-left-color: color-mix(in srgb, #9ba6b7 75%, transparent);
        border-right-color: color-mix(in srgb, #9ba6b7 75%, transparent);
        border-top-color: color-mix(in srgb, #9ba6b7 75%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-default-400) 75%, transparent)
        }
      }
    }
  }

  .hover\:border-primary {
    &:hover {
      @media (hover:hover) {
        border-color: var(--color-primary)
      }
    }
  }

  .hover\:bg-danger {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-danger)
      }
    }
  }

  .hover\:bg-danger-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-danger-hover)
      }
    }
  }

  .hover\:bg-danger\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #f1556c 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-danger) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-dark {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-dark)
      }
    }
  }

  .hover\:bg-dark-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-dark-hover)
      }
    }
  }

  .hover\:bg-dark\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #313a46 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-dark) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-default-50 {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-default-50)
      }
    }
  }

  .hover\:bg-default-100 {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-default-100)
      }
    }
  }

  .hover\:bg-default-800 {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-default-800)
      }
    }
  }

  .hover\:bg-emerald-500 {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-emerald-500)
      }
    }
  }

  .hover\:bg-info {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-info)
      }
    }
  }

  .hover\:bg-info-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-info-hover)
      }
    }
  }

  .hover\:bg-info\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #43bfe5 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-info) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-light {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-light)
      }
    }
  }

  .hover\:bg-light-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-light-hover)
      }
    }
  }

  .hover\:bg-light\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #eef2f7 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-light) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-primary {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-primary)
      }
    }
  }

  .hover\:bg-primary-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-primary-hover)
      }
    }
  }

  .hover\:bg-primary-hover\! {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-primary-hover) !important
      }
    }
  }

  .hover\:bg-primary\/15 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #6658dd 15%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
        }
      }
    }
  }

  .hover\:bg-primary\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #6658dd 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-secondary {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-secondary)
      }
    }
  }

  .hover\:bg-secondary-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-secondary-hover)
      }
    }
  }

  .hover\:bg-secondary\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #4a81d4 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-success {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-success)
      }
    }
  }

  .hover\:bg-success-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-success-hover)
      }
    }
  }

  .hover\:bg-success\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #0acf97 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-success) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-warning {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-warning)
      }
    }
  }

  .hover\:bg-warning-hover {
    &:hover {
      @media (hover:hover) {
        background-color: var(--color-warning-hover)
      }
    }
  }

  .hover\:bg-warning\/40 {
    &:hover {
      @media (hover:hover) {
        background-color: color-mix(in srgb, #f7b84b 40%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-warning) 40%, transparent)
        }
      }
    }
  }

  .hover\:bg-linear-to-bl {
    &:hover {
      @media (hover:hover) {
        --tw-gradient-position: to bottom left;

        @supports (background-image:linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to bottom left in oklab
        }

        background-image:linear-gradient(var(--tw-gradient-stops))
      }
    }
  }

  .hover\:bg-linear-to-l {
    &:hover {
      @media (hover:hover) {
        --tw-gradient-position: to left;

        @supports (background-image:linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to left in oklab
        }

        background-image:linear-gradient(var(--tw-gradient-stops))
      }
    }
  }

  .hover\:text-danger {
    &:hover {
      @media (hover:hover) {
        color: var(--color-danger)
      }
    }
  }

  .hover\:text-danger-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-danger-hover)
      }
    }
  }

  .hover\:text-dark {
    &:hover {
      @media (hover:hover) {
        color: var(--color-dark)
      }
    }
  }

  .hover\:text-dark-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-dark-hover)
      }
    }
  }

  .hover\:text-default-50 {
    &:hover {
      @media (hover:hover) {
        color: var(--color-default-50)
      }
    }
  }

  .hover\:text-default-500 {
    &:hover {
      @media (hover:hover) {
        color: var(--color-default-500)
      }
    }
  }

  .hover\:text-info-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-info-hover)
      }
    }
  }

  .hover\:text-light-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-light-hover)
      }
    }
  }

  .hover\:text-primary {
    &:hover {
      @media (hover:hover) {
        color: var(--color-primary)
      }
    }
  }

  .hover\:text-primary-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-primary-hover)
      }
    }
  }

  .hover\:text-secondary {
    &:hover {
      @media (hover:hover) {
        color: var(--color-secondary)
      }
    }
  }

  .hover\:text-secondary-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-secondary-hover)
      }
    }
  }

  .hover\:text-success {
    &:hover {
      @media (hover:hover) {
        color: var(--color-success)
      }
    }
  }

  .hover\:text-success-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-success-hover)
      }
    }
  }

  .hover\:text-warning-hover {
    &:hover {
      @media (hover:hover) {
        color: var(--color-warning-hover)
      }
    }
  }

  .hover\:text-white {
    &:hover {
      @media (hover:hover) {
        color: var(--color-white)
      }
    }
  }

  .hover\:underline {
    &:hover {
      @media (hover:hover) {
        text-decoration-line: underline
      }
    }
  }

  .hover\:opacity-10 {
    &:hover {
      @media (hover:hover) {
        opacity: 10%
      }
    }
  }

  .hover\:opacity-25 {
    &:hover {
      @media (hover:hover) {
        opacity: 25%
      }
    }
  }

  .hover\:opacity-50 {
    &:hover {
      @media (hover:hover) {
        opacity: 50%
      }
    }
  }

  .hover\:opacity-75 {
    &:hover {
      @media (hover:hover) {
        opacity: 75%
      }
    }
  }

  .hover\:opacity-100 {
    &:hover {
      @media (hover:hover) {
        opacity: 100%
      }
    }
  }

  .hover\:shadow-lg {
    &:hover {
      @media (hover:hover) {
        --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, .03));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }
    }
  }

  .\*\:hover\:bg-default-100 {
    :is(&>*) {
      &:hover {
        @media (hover:hover) {
          background-color: var(--color-default-100)
        }
      }
    }
  }

  .focus\:border-0 {
    &:focus {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  }

  .focus\:border-0\! {
    &:focus {
      border-style: var(--tw-border-style) !important;
      border-width: 0 !important
    }
  }

  .focus\:border-default-500 {
    &:focus {
      border-color: var(--color-default-500)
    }
  }

  .focus\:bg-default-100 {
    &:focus {
      background-color: var(--color-default-100)
    }
  }

  .focus\:pt-6 {
    &:focus {
      padding-top: calc(var(--spacing)*6)
    }
  }

  .focus\:pb-2 {
    &:focus {
      padding-bottom: calc(var(--spacing)*2)
    }
  }

  .focus\:text-primary {
    &:focus {
      color: var(--color-primary)
    }
  }

  .focus\:underline {
    &:focus {
      text-decoration-line: underline
    }
  }

  .focus\:opacity-80 {
    &:focus {
      opacity: 80%
    }
  }

  .focus\:opacity-100 {
    &:focus {
      opacity: 100%
    }
  }

  .focus\:ring {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .focus\:ring-default-300 {
    &:focus {
      --tw-ring-color: var(--color-default-300)
    }
  }

  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;

      @media (forced-colors:active) {
        outline: 2px solid transparent;
        outline-offset: 2px
      }
    }
  }

  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none
    }
  }

  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%
    }
  }

  .sm\:mx-auto {
    @media (width >=40rem) {
      margin-inline: auto
    }
  }

  .sm\:mt-0 {
    @media (width >=40rem) {
      margin-top: calc(var(--spacing)*0)
    }
  }

  .sm\:inline {
    @media (width >=40rem) {
      display: inline
    }
  }

  .sm\:inline-flex {
    @media (width >=40rem) {
      display: inline-flex
    }
  }

  .sm\:h-auto {
    @media (width >=40rem) {
      height: auto
    }
  }

  .sm\:max-h-none {
    @media (width >=40rem) {
      max-height: none
    }
  }

  .sm\:w-2\/3 {
    @media (width >=40rem) {
      width: 66.66667%
    }
  }

  .sm\:w-full {
    @media (width >=40rem) {
      width: 100%
    }
  }

  .sm\:max-w-full {
    @media (width >=40rem) {
      max-width: 100%
    }
  }

  .sm\:max-w-lg {
    @media (width >=40rem) {
      max-width: var(--container-lg)
    }
  }

  .sm\:text-sm {
    @media (width >=40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }
  }

  .md\:end-full {
    @media (width >=48rem) {
      inset-inline-end: 100%
    }
  }

  .md\:top-0 {
    @media (width >=48rem) {
      top: calc(var(--spacing)*0)
    }
  }

  .md\:col-span-1 {
    @media (width >=48rem) {
      grid-column: span 1/span 1
    }
  }

  .md\:col-span-2 {
    @media (width >=48rem) {
      grid-column: span 2/span 2
    }
  }

  .md\:col-span-3 {
    @media (width >=48rem) {
      grid-column: span 3/span 3
    }
  }

  .md\:col-span-4 {
    @media (width >=48rem) {
      grid-column: span 4/span 4
    }
  }

  .md\:col-span-5 {
    @media (width >=48rem) {
      grid-column: span 5/span 5
    }
  }

  .md\:col-span-6 {
    @media (width >=48rem) {
      grid-column: span 6/span 6
    }
  }

  .md\:col-span-12 {
    @media (width >=48rem) {
      grid-column: span 12/span 12
    }
  }

  .md\:col-start-2 {
    @media (width >=48rem) {
      grid-column-start: 2
    }
  }

  .md\:mx-2\.5\! {
    @media (width >=48rem) {
      margin-inline: calc(var(--spacing)*2.5) !important
    }
  }

  .md\:mx-auto {
    @media (width >=48rem) {
      margin-inline: auto
    }
  }

  .md\:ms-auto {
    @media (width >=48rem) {
      margin-inline-start: auto
    }
  }

  .md\:mt-0 {
    @media (width >=48rem) {
      margin-top: calc(var(--spacing)*0)
    }
  }

  .md\:mt-2 {
    @media (width >=48rem) {
      margin-top: calc(var(--spacing)*2)
    }
  }

  .md\:mt-7\.5 {
    @media (width >=48rem) {
      margin-top: calc(var(--spacing)*7.5)
    }
  }

  .md\:mt-15 {
    @media (width >=48rem) {
      margin-top: calc(var(--spacing)*15)
    }
  }

  .md\:mb-0 {
    @media (width >=48rem) {
      margin-bottom: calc(var(--spacing)*0)
    }
  }

  .md\:mb-7\.5 {
    @media (width >=48rem) {
      margin-bottom: calc(var(--spacing)*7.5)
    }
  }

  .md\:block {
    @media (width >=48rem) {
      display: block
    }
  }

  .md\:flex {
    @media (width >=48rem) {
      display: flex
    }
  }

  .md\:hidden {
    @media (width >=48rem) {
      display: none
    }
  }

  .md\:inline-flex {
    @media (width >=48rem) {
      display: inline-flex
    }
  }

  .md\:size-16 {
    @media (width >=48rem) {
      height: calc(var(--spacing)*16);
      width: calc(var(--spacing)*16)
    }
  }

  .md\:size-64 {
    @media (width >=48rem) {
      height: calc(var(--spacing)*64);
      width: calc(var(--spacing)*64)
    }
  }

  .md\:h-auto {
    @media (width >=48rem) {
      height: auto
    }
  }

  .md\:max-h-none {
    @media (width >=48rem) {
      max-height: none
    }
  }

  .md\:w-1\/2 {
    @media (width >=48rem) {
      width: 50%
    }
  }

  .md\:w-1\/3 {
    @media (width >=48rem) {
      width: 33.33333%
    }
  }

  .md\:w-2xl {
    @media (width >=48rem) {
      width: var(--container-2xl)
    }
  }

  .md\:w-3\/4 {
    @media (width >=48rem) {
      width: 75%
    }
  }

  .md\:w-5\/6 {
    @media (width >=48rem) {
      width: 83.33333%
    }
  }

  .md\:w-25 {
    @media (width >=48rem) {
      width: calc(var(--spacing)*25)
    }
  }

  .md\:w-48 {
    @media (width >=48rem) {
      width: calc(var(--spacing)*48)
    }
  }

  .md\:w-52 {
    @media (width >=48rem) {
      width: calc(var(--spacing)*52)
    }
  }

  .md\:w-80 {
    @media (width >=48rem) {
      width: calc(var(--spacing)*80)
    }
  }

  .md\:w-auto {
    @media (width >=48rem) {
      width: auto
    }
  }

  .md\:w-full {
    @media (width >=48rem) {
      width: 100%
    }
  }

  .md\:w-lg {
    @media (width >=48rem) {
      width: var(--container-lg)
    }
  }

  .md\:max-w-2xl {
    @media (width >=48rem) {
      max-width: var(--container-2xl)
    }
  }

  .md\:max-w-118 {
    @media (width >=48rem) {
      max-width: calc(var(--spacing)*118)
    }
  }

  .md\:max-w-lg {
    @media (width >=48rem) {
      max-width: var(--container-lg)
    }
  }

  .md\:max-w-xl {
    @media (width >=48rem) {
      max-width: var(--container-xl)
    }
  }

  .md\:min-w-3xl {
    @media (width >=48rem) {
      min-width: var(--container-3xl)
    }
  }

  .md\:min-w-106 {
    @media (width >=48rem) {
      min-width: calc(var(--spacing)*106)
    }
  }

  .md\:min-w-160 {
    @media (width >=48rem) {
      min-width: calc(var(--spacing)*160)
    }
  }

  .md\:grid-cols-1 {
    @media (width >=48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
  }

  .md\:grid-cols-2 {
    @media (width >=48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .md\:grid-cols-3 {
    @media (width >=48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  .md\:grid-cols-4 {
    @media (width >=48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  .md\:grid-cols-6 {
    @media (width >=48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }
  }

  .md\:grid-cols-12 {
    @media (width >=48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
    }
  }

  .md\:flex-nowrap {
    @media (width >=48rem) {
      flex-wrap: nowrap
    }
  }

  .md\:items-center {
    @media (width >=48rem) {
      align-items: center
    }
  }

  .md\:justify-between {
    @media (width >=48rem) {
      justify-content: space-between
    }
  }

  .md\:justify-center {
    @media (width >=48rem) {
      justify-content: center
    }
  }

  .md\:justify-end {
    @media (width >=48rem) {
      justify-content: flex-end
    }
  }

  .md\:gap-0 {
    @media (width >=48rem) {
      gap: calc(var(--spacing)*0)
    }
  }

  .md\:gap-7\.5 {
    @media (width >=48rem) {
      gap: calc(var(--spacing)*7.5)
    }
  }

  .md\:rounded-lg {
    @media (width >=48rem) {
      border-radius: var(--radius-lg)
    }
  }

  .md\:rounded-none {
    @media (width >=48rem) {
      border-radius: 0
    }
  }

  .md\:rounded-xl {
    @media (width >=48rem) {
      border-radius: var(--radius-xl)
    }
  }

  .md\:rounded-s-none {
    @media (width >=48rem) {
      border-end-start-radius: 0;
      border-start-start-radius: 0
    }
  }

  .md\:rounded-s-sm {
    @media (width >=48rem) {
      border-end-start-radius: var(--radius-sm);
      border-start-start-radius: var(--radius-sm)
    }
  }

  .md\:rounded-e-none {
    @media (width >=48rem) {
      border-end-end-radius: 0;
      border-start-end-radius: 0
    }
  }

  .md\:rounded-e-sm {
    @media (width >=48rem) {
      border-end-end-radius: var(--radius-sm);
      border-start-end-radius: var(--radius-sm)
    }
  }

  .md\:border {
    @media (width >=48rem) {
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      border-style: var(--tw-border-style);
      border-top-width: 1px
    }
  }

  .md\:border-0 {
    @media (width >=48rem) {
      border-bottom-width: 0;
      border-left-width: 0;
      border-right-width: 0;
      border-style: var(--tw-border-style);
      border-top-width: 0
    }
  }

  .md\:border-e {
    @media (width >=48rem) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px
    }
  }

  .md\:bg-white {
    @media (width >=48rem) {
      background-color: var(--color-white)
    }
  }

  .md\:p-5 {
    @media (width >=48rem) {
      padding: calc(var(--spacing)*5)
    }
  }

  .md\:p-6 {
    @media (width >=48rem) {
      padding: calc(var(--spacing)*6)
    }
  }

  .md\:p-7\.5 {
    @media (width >=48rem) {
      padding: calc(var(--spacing)*7.5)
    }
  }

  .md\:px-6 {
    @media (width >=48rem) {
      padding-inline: calc(var(--spacing)*6)
    }
  }

  .md\:ps-1 {
    @media (width >=48rem) {
      padding-inline-start: calc(var(--spacing)*1)
    }
  }

  .md\:pe-2 {
    @media (width >=48rem) {
      padding-inline-end: calc(var(--spacing)*2)
    }
  }

  .md\:pe-40 {
    @media (width >=48rem) {
      padding-inline-end: calc(var(--spacing)*40)
    }
  }

  .md\:pb-0 {
    @media (width >=48rem) {
      padding-bottom: calc(var(--spacing)*0)
    }
  }

  .md\:text-\[33px\] {
    @media (width >=48rem) {
      font-size: 33px
    }
  }

  .md\:shadow-2xs {
    @media (width >=48rem) {
      --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, .05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .md\:shadow-md {
    @media (width >=48rem) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, .1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .md\:duration-\[150ms\] {
    @media (width >=48rem) {
      --tw-duration: 150ms;
      transition-duration: .15s
    }
  }

  .md\:\[--adaptive\:adaptive\] {
    @media (width >=48rem) {
      --adaptive: adaptive
    }
  }

  .md\:\[--is-collapse\:false\] {
    @media (width >=48rem) {
      --is-collapse: false
    }
  }

  .md\:\[--scrollspy-offset\:70\] {
    @media (width >=48rem) {
      --scrollspy-offset: 70
    }
  }

  .md\:\[--strategy\:absolute\] {
    @media (width >=48rem) {
      --strategy: absolute
    }
  }

  .md\:\[--strategy\:fixed\] {
    @media (width >=48rem) {
      --strategy: fixed
    }
  }

  .md\:\[--trigger\:hover\] {
    @media (width >=48rem) {
      --trigger: hover
    }
  }

  .md\:before\:block {
    @media (width >=48rem) {
      &:before {
        content: var(--tw-content);
        display: block
      }
    }
  }

  .md\:after\:hidden {
    @media (width >=48rem) {
      &:after {
        content: var(--tw-content);
        display: none
      }
    }
  }

  .lg\:static {
    @media (width >=64rem) {
      position: static
    }
  }

  .lg\:sticky {
    @media (width >=64rem) {
      position: sticky
    }
  }

  .lg\:end-auto {
    @media (width >=64rem) {
      inset-inline-end: auto
    }
  }

  .lg\:top-22 {
    @media (width >=64rem) {
      top: calc(var(--spacing)*22)
    }
  }

  .lg\:bottom-0 {
    @media (width >=64rem) {
      bottom: calc(var(--spacing)*0)
    }
  }

  .lg\:z-10 {
    @media (width >=64rem) {
      z-index: 10
    }
  }

  .lg\:order-1 {
    @media (width >=64rem) {
      order: 1
    }
  }

  .lg\:order-2 {
    @media (width >=64rem) {
      order: 2
    }
  }

  .lg\:col-span-1 {
    @media (width >=64rem) {
      grid-column: span 1/span 1
    }
  }

  .lg\:col-span-2 {
    @media (width >=64rem) {
      grid-column: span 2/span 2
    }
  }

  .lg\:col-span-3 {
    @media (width >=64rem) {
      grid-column: span 3/span 3
    }
  }

  .lg\:col-span-4 {
    @media (width >=64rem) {
      grid-column: span 4/span 4
    }
  }

  .lg\:col-span-5 {
    @media (width >=64rem) {
      grid-column: span 5/span 5
    }
  }

  .lg\:col-span-6 {
    @media (width >=64rem) {
      grid-column: span 6/span 6
    }
  }

  .lg\:col-span-7 {
    @media (width >=64rem) {
      grid-column: span 7/span 7
    }
  }

  .lg\:mx-auto {
    @media (width >=64rem) {
      margin-inline: auto
    }
  }

  .lg\:ms-24 {
    @media (width >=64rem) {
      margin-inline-start: calc(var(--spacing)*24)
    }
  }

  .lg\:ms-56 {
    @media (width >=64rem) {
      margin-inline-start: calc(var(--spacing)*56)
    }
  }

  .lg\:ms-auto {
    @media (width >=64rem) {
      margin-inline-start: auto
    }
  }

  .lg\:me-3 {
    @media (width >=64rem) {
      margin-inline-end: calc(var(--spacing)*3)
    }
  }

  .lg\:mt-0 {
    @media (width >=64rem) {
      margin-top: calc(var(--spacing)*0)
    }
  }

  .lg\:mt-7\.5 {
    @media (width >=64rem) {
      margin-top: calc(var(--spacing)*7.5)
    }
  }

  .lg\:mb-0 {
    @media (width >=64rem) {
      margin-bottom: calc(var(--spacing)*0)
    }
  }

  .lg\:block {
    @media (width >=64rem) {
      display: block
    }
  }

  .lg\:block\! {
    @media (width >=64rem) {
      display: block !important
    }
  }

  .lg\:flex {
    @media (width >=64rem) {
      display: flex
    }
  }

  .lg\:hidden {
    @media (width >=64rem) {
      display: none
    }
  }

  .lg\:hidden\! {
    @media (width >=64rem) {
      display: none !important
    }
  }

  .lg\:inline-block {
    @media (width >=64rem) {
      display: inline-block
    }
  }

  .lg\:inline-flex {
    @media (width >=64rem) {
      display: inline-flex
    }
  }

  .lg\:size-9 {
    @media (width >=64rem) {
      height: calc(var(--spacing)*9);
      width: calc(var(--spacing)*9)
    }
  }

  .lg\:h-\[calc\(100vh-190px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 190px)
    }
  }

  .lg\:h-\[calc\(100vh-192px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 192px)
    }
  }

  .lg\:h-\[calc\(100vh-200px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 200px)
    }
  }

  .lg\:h-\[calc\(100vh-265px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 265px)
    }
  }

  .lg\:h-\[calc\(100vh-270px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 270px)
    }
  }

  .lg\:h-\[calc\(100vh-275px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 275px)
    }
  }

  .lg\:h-\[calc\(100vh-334px\)\] {
    @media (width >=64rem) {
      height: calc(100vh - 334px)
    }
  }

  .lg\:h-auto {
    @media (width >=64rem) {
      height: auto
    }
  }

  .lg\:max-h-none {
    @media (width >=64rem) {
      max-height: none
    }
  }

  .lg\:min-h-120 {
    @media (width >=64rem) {
      min-height: calc(var(--spacing)*120)
    }
  }

  .lg\:w-1\/2 {
    @media (width >=64rem) {
      width: 50%
    }
  }

  .lg\:w-2\/3 {
    @media (width >=64rem) {
      width: 66.66667%
    }
  }

  .lg\:w-3\/4 {
    @media (width >=64rem) {
      width: 75%
    }
  }

  .lg\:w-3xl {
    @media (width >=64rem) {
      width: var(--container-3xl)
    }
  }

  .lg\:w-10\/12 {
    @media (width >=64rem) {
      width: 83.33333%
    }
  }

  .lg\:w-11\/12 {
    @media (width >=64rem) {
      width: 91.66667%
    }
  }

  .lg\:w-72 {
    @media (width >=64rem) {
      width: calc(var(--spacing)*72)
    }
  }

  .lg\:w-75 {
    @media (width >=64rem) {
      width: calc(var(--spacing)*75)
    }
  }

  .lg\:w-187\.75 {
    @media (width >=64rem) {
      width: calc(var(--spacing)*187.75)
    }
  }

  .lg\:w-auto {
    @media (width >=64rem) {
      width: auto
    }
  }

  .lg\:w-full {
    @media (width >=64rem) {
      width: 100%
    }
  }

  .lg\:w-sm {
    @media (width >=64rem) {
      width: var(--container-sm)
    }
  }

  .lg\:max-w-3xl {
    @media (width >=64rem) {
      max-width: var(--container-3xl)
    }
  }

  .lg\:max-w-5xl {
    @media (width >=64rem) {
      max-width: var(--container-5xl)
    }
  }

  .lg\:max-w-full {
    @media (width >=64rem) {
      max-width: 100%
    }
  }

  .lg\:max-w-lg {
    @media (width >=64rem) {
      max-width: var(--container-lg)
    }
  }

  .lg\:max-w-xs {
    @media (width >=64rem) {
      max-width: var(--container-xs)
    }
  }

  .lg\:min-w-auto {
    @media (width >=64rem) {
      min-width: auto
    }
  }

  .lg\:translate-x-0 {
    @media (width >=64rem) {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .lg\:grid-cols-1 {
    @media (width >=64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-2 {
    @media (width >=64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-3 {
    @media (width >=64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-4 {
    @media (width >=64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-5 {
    @media (width >=64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-6 {
    @media (width >=64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }
  }

  .lg\:grid-cols-12 {
    @media (width >=64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
    }
  }

  .lg\:flex-row {
    @media (width >=64rem) {
      flex-direction: row
    }
  }

  .lg\:flex-nowrap {
    @media (width >=64rem) {
      flex-wrap: nowrap
    }
  }

  .lg\:items-center {
    @media (width >=64rem) {
      align-items: center
    }
  }

  .lg\:justify-end {
    @media (width >=64rem) {
      justify-content: flex-end
    }
  }

  .lg\:justify-start {
    @media (width >=64rem) {
      justify-content: flex-start
    }
  }

  .lg\:gap-1\.25 {
    @media (width >=64rem) {
      gap: calc(var(--spacing)*1.25)
    }
  }

  .lg\:gap-3 {
    @media (width >=64rem) {
      gap: calc(var(--spacing)*3)
    }
  }

  .lg\:gap-9 {
    @media (width >=64rem) {
      gap: calc(var(--spacing)*9)
    }
  }

  .lg\:gap-base {
    @media (width >=64rem) {
      gap: var(--spacing-base)
    }
  }

  .lg\:rounded-xl {
    @media (width >=64rem) {
      border-radius: var(--radius-xl)
    }
  }

  .lg\:border {
    @media (width >=64rem) {
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      border-style: var(--tw-border-style);
      border-top-width: 1px
    }
  }

  .lg\:p-0 {
    @media (width >=64rem) {
      padding: calc(var(--spacing)*0)
    }
  }

  .lg\:p-2 {
    @media (width >=64rem) {
      padding: calc(var(--spacing)*2)
    }
  }

  .lg\:py-26 {
    @media (width >=64rem) {
      padding-block: calc(var(--spacing)*26)
    }
  }

  .lg\:pe-7\.5 {
    @media (width >=64rem) {
      padding-inline-end: calc(var(--spacing)*7.5)
    }
  }

  .lg\:pt-26 {
    @media (width >=64rem) {
      padding-top: calc(var(--spacing)*26)
    }
  }

  .lg\:text-\[40px\] {
    @media (width >=64rem) {
      font-size: 40px
    }
  }

  .lg\:shadow-2xs {
    @media (width >=64rem) {
      --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, .05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .lg\:\[--adaptive\:adaptive\] {
    @media (width >=64rem) {
      --adaptive: adaptive
    }
  }

  .lg\:\[--placement\:bottom-right\] {
    @media (width >=64rem) {
      --placement: bottom-right
    }
  }

  .lg\:\[--strategy\:fixed\] {
    @media (width >=64rem) {
      --strategy: fixed
    }
  }

  .xl\:col-span-2 {
    @media (width >=80rem) {
      grid-column: span 2/span 2
    }
  }

  .xl\:col-span-3 {
    @media (width >=80rem) {
      grid-column: span 3/span 3
    }
  }

  .xl\:col-span-5 {
    @media (width >=80rem) {
      grid-column: span 5/span 5
    }
  }

  .xl\:col-span-7 {
    @media (width >=80rem) {
      grid-column: span 7/span 7
    }
  }

  .xl\:col-span-9 {
    @media (width >=80rem) {
      grid-column: span 9/span 9
    }
  }

  .xl\:mx-auto {
    @media (width >=80rem) {
      margin-inline: auto
    }
  }

  .xl\:mt-0 {
    @media (width >=80rem) {
      margin-top: calc(var(--spacing)*0)
    }
  }

  .xl\:flex {
    @media (width >=80rem) {
      display: flex
    }
  }

  .xl\:inline-flex {
    @media (width >=80rem) {
      display: inline-flex
    }
  }

  .xl\:h-auto {
    @media (width >=80rem) {
      height: auto
    }
  }

  .xl\:max-h-none {
    @media (width >=80rem) {
      max-height: none
    }
  }

  .xl\:w-1\/2 {
    @media (width >=80rem) {
      width: 50%
    }
  }

  .xl\:max-w-lg {
    @media (width >=80rem) {
      max-width: var(--container-lg)
    }
  }

  .xl\:max-w-xl {
    @media (width >=80rem) {
      max-width: var(--container-xl)
    }
  }

  .xl\:grid-cols-1 {
    @media (width >=80rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
  }

  .xl\:grid-cols-2 {
    @media (width >=80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .xl\:grid-cols-3 {
    @media (width >=80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  .xl\:grid-cols-4 {
    @media (width >=80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  .xl\:grid-cols-6 {
    @media (width >=80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }
  }

  .xl\:grid-cols-12 {
    @media (width >=80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr))
    }
  }

  .xl\:rounded-xl {
    @media (width >=80rem) {
      border-radius: var(--radius-xl)
    }
  }

  .xl\:border {
    @media (width >=80rem) {
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      border-style: var(--tw-border-style);
      border-top-width: 1px
    }
  }

  .xl\:shadow-2xs {
    @media (width >=80rem) {
      --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, .05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  .\32 xl\:col-span-3 {
    @media (width >=96rem) {
      grid-column: span 3/span 3
    }
  }

  .\32 xl\:hidden {
    @media (width >=96rem) {
      display: none
    }
  }

  .\32 xl\:w-4\/10 {
    @media (width >=96rem) {
      width: 40%
    }
  }

  .\32 xl\:w-5\/6 {
    @media (width >=96rem) {
      width: 83.33333%
    }
  }

  .\32 xl\:w-10\/12 {
    @media (width >=96rem) {
      width: 83.33333%
    }
  }

  .\32 xl\:grid-cols-2 {
    @media (width >=96rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .\32 xl\:grid-cols-4 {
    @media (width >=96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  .rtl\:-translate-x-full {
    &:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
      rotate: 180deg
    }
  }

  .dark\:flex {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: flex
    }
  }

  .dark\:hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: none
    }
  }

  .dark\:scale-0 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  }

  .dark\:scale-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  }

  .dark\:-rotate-90 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      rotate: -90deg
    }
  }

  .dark\:rotate-0 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      rotate: 0deg
    }
  }

  .dark\:divide-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      :where(&>:not(:last-child)) {
        border-color: var(--color-neutral-700)
      }
    }
  }

  .dark\:bg-body-bg {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-body-bg)
    }
  }

  .dark\:bg-default-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-default-100)
    }
  }

  .dark\:bg-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-800)
    }
  }

  .dark\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-white)
    }
  }

  .dark\:after\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:after {
        background-color: var(--color-neutral-700);
        content: var(--tw-content)
      }
    }
  }

  .dark\:md\:bg-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      @media (width >=48rem) {
        background-color: var(--color-neutral-800)
      }
    }
  }

  .print\:flex {
    @media print {
      display: flex
    }
  }

  .print\:hidden {
    @media print {
      display: none
    }
  }

  .hs-dropdown-open\:rotate-180 {

    &.hs-dropdown-menu.open,
    .hs-dropdown.open>&,
    .hs-dropdown.open>.hs-dropdown-menu>&,
    .hs-dropdown.open>.hs-dropdown-toggle & {
      rotate: 180deg
    }
  }

  .hs-dropdown-open\:opacity-100 {

    &.hs-dropdown-menu.open,
    .hs-dropdown.open>&,
    .hs-dropdown.open>.hs-dropdown-menu>&,
    .hs-dropdown.open>.hs-dropdown-toggle & {
      opacity: 100%
    }
  }

  .hs-removing\:translate-x-5 {
    &.hs-removing {
      --tw-translate-x: calc(var(--spacing)*5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .hs-removing\:opacity-0 {
    &.hs-removing {
      opacity: 0
    }
  }

  .hs-tooltip-shown\:visible {

    &.hs-tooltip-content.show,
    .hs-tooltip.show & {
      visibility: visible
    }
  }

  .hs-tooltip-shown\:opacity-100 {

    &.hs-tooltip-content.show,
    .hs-tooltip.show & {
      opacity: 100%
    }
  }

  .hs-accordion-active\:flex {

    &.hs-accordion.active,
    .hs-accordion.active>&,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle &,
    .hs-accordion.active>.hs-accordion-toggle & {
      display: flex
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>& {
        display: flex
      }
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>.hs-accordion-heading>& {
        display: flex
      }
    }

    &.hs-accordion-force-active {
      .hs-accordion.active & {
        display: flex
      }
    }
  }

  .hs-accordion-active\:hidden {

    &.hs-accordion.active,
    .hs-accordion.active>&,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle &,
    .hs-accordion.active>.hs-accordion-toggle & {
      display: none
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>& {
        display: none
      }
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>.hs-accordion-heading>& {
        display: none
      }
    }

    &.hs-accordion-force-active {
      .hs-accordion.active & {
        display: none
      }
    }
  }

  .hs-accordion-active\:rotate-180 {

    &.hs-accordion.active,
    .hs-accordion.active>&,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle &,
    .hs-accordion.active>.hs-accordion-toggle & {
      rotate: 180deg
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>& {
        rotate: 180deg
      }
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>.hs-accordion-heading>& {
        rotate: 180deg
      }
    }

    &.hs-accordion-force-active {
      .hs-accordion.active & {
        rotate: 180deg
      }
    }
  }

  .hs-accordion-active\:bg-default-100 {

    &.hs-accordion.active,
    .hs-accordion.active>&,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle &,
    .hs-accordion.active>.hs-accordion-toggle & {
      background-color: var(--color-default-100)
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>& {
        background-color: var(--color-default-100)
      }
    }

    &.hs-accordion-toggle {
      .hs-accordion.active>.hs-accordion-heading>& {
        background-color: var(--color-default-100)
      }
    }

    &.hs-accordion-force-active {
      .hs-accordion.active & {
        background-color: var(--color-default-100)
      }
    }
  }

  .hs-collapse-open\:block {

    &.hs-collapse-toggle.open,
    &.hs-collapse.open,
    .hs-collapse-toggle.open &,
    .hs-collapse.open & {
      display: block
    }
  }

  .hs-collapse-open\:hidden {

    &.hs-collapse-toggle.open,
    &.hs-collapse.open,
    .hs-collapse-toggle.open &,
    .hs-collapse.open & {
      display: none
    }
  }

  .hs-collapse-open\:rotate-180 {

    &.hs-collapse-toggle.open,
    &.hs-collapse.open,
    .hs-collapse-toggle.open &,
    .hs-collapse.open & {
      rotate: 180deg
    }
  }

  .hs-tab-active\:border {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-style: var(--tw-border-style);
      border-width: 1px
    }
  }

  .hs-tab-active\:border-b {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
    }
  }

  .hs-tab-active\:border-danger {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-color: var(--color-danger)
    }
  }

  .hs-tab-active\:border-primary {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-color: var(--color-primary)
    }
  }

  .hs-tab-active\:border-success {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-color: var(--color-success)
    }
  }

  .hs-tab-active\:border-b-transparent {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      border-bottom-color: transparent
    }
  }

  .hs-tab-active\:bg-card {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      background-color: var(--color-card)
    }
  }

  .hs-tab-active\:bg-light\/45 {
    &[data-hs-tab].active {
      background-color: color-mix(in srgb, #eef2f7 45%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-light) 45%, transparent)
      }
    }

    [data-hs-tab].active & {
      background-color: color-mix(in srgb, #eef2f7 45%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-light) 45%, transparent)
      }
    }
  }

  .hs-tab-active\:bg-primary {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      background-color: var(--color-primary)
    }
  }

  .hs-tab-active\:bg-secondary {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      background-color: var(--color-secondary)
    }
  }

  .hs-tab-active\:text-danger {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      color: var(--color-danger)
    }
  }

  .hs-tab-active\:text-primary {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      color: var(--color-primary)
    }
  }

  .hs-tab-active\:text-success {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      color: var(--color-success)
    }
  }

  .hs-tab-active\:text-white {

    &[data-hs-tab].active,
    [data-hs-tab].active & {
      color: var(--color-white)
    }
  }

  .hs-overlay-open\:mt-0 {

    &.open,
    .open & {
      margin-top: calc(var(--spacing)*0)
    }
  }

  .hs-overlay-open\:flex {

    &.open,
    .open & {
      display: flex
    }
  }

  .hs-overlay-open\:translate-x-0 {

    &.open,
    .open & {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .hs-overlay-open\:translate-y-0 {

    &.open,
    .open & {
      --tw-translate-y: calc(var(--spacing)*0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  .hs-overlay-open\:scale-100 {

    &.open,
    .open & {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  }

  .hs-overlay-open\:opacity-100 {

    &.open,
    .open & {
      opacity: 100%
    }
  }

  .hs-overlay-open\:duration-500 {

    &.open,
    .open & {
      --tw-duration: 500ms;
      transition-duration: .5s
    }
  }

  .sm\:hs-overlay-open\:mt-10 {
    @media (width >=40rem) {

      &.open,
      .open & {
        margin-top: calc(var(--spacing)*10)
      }
    }
  }

  .md\:hs-overlay-open\:mt-10 {
    @media (width >=48rem) {

      &.open,
      .open & {
        margin-top: calc(var(--spacing)*10)
      }
    }
  }

  .lg\:hs-overlay-open\:mt-10 {
    @media (width >=64rem) {

      &.open,
      .open & {
        margin-top: calc(var(--spacing)*10)
      }
    }
  }

  .xl\:hs-overlay-open\:mt-10 {
    @media (width >=80rem) {

      &.open,
      .open & {
        margin-top: calc(var(--spacing)*10)
      }
    }
  }

  .hs-scrollspy-active\:bg-default-100 {
    &.active {
      background-color: var(--color-default-100)
    }
  }

  .hs-scrollspy-active\:bg-primary {
    &.active {
      background-color: var(--color-primary)
    }
  }

  .hs-scrollspy-active\:text-white {
    &.active {
      color: var(--color-white)
    }
  }

  .hs-carousel-active\:bg-dark {

    &.active,
    .active & {
      background-color: var(--color-dark)
    }
  }

  .hs-carousel-active\:bg-white {

    &.active,
    .active & {
      background-color: var(--color-white)
    }
  }

  .hs-carousel-active\:opacity-100 {

    &.active,
    .active & {
      opacity: 100%
    }
  }

  .hs-carousel-disabled\:pointer-events-none {

    &.disabled,
    .disabled & {
      pointer-events: none
    }
  }

  .hs-carousel-disabled\:opacity-50 {

    &.disabled,
    .disabled & {
      opacity: 50%
    }
  }

  .hs-password-active\:block {

    &.active,
    .active & {
      display: block
    }
  }

  .hs-password-active\:flex {

    &.active,
    .active & {
      display: flex
    }
  }

  .hs-password-active\:hidden {

    &.active,
    .active & {
      display: none
    }
  }

  .hs-stepper-active\:bg-default-50 {

    &.active,
    .active & {
      background-color: var(--color-default-50)
    }
  }

  .hs-stepper-active\:text-default-700 {

    &.active,
    .active & {
      color: var(--color-default-700)
    }
  }

  .hs-stepper-success\:border-s-3 {

    &.success,
    .success & {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 3px
    }
  }

  .hs-stepper-success\:border-success {

    &.success,
    .success & {
      border-color: var(--color-success)
    }
  }

  .hs-stepper-success\:bg-success\/10 {
    &.success {
      background-color: color-mix(in srgb, #0acf97 10%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-success) 10%, transparent)
      }
    }

    .success & {
      background-color: color-mix(in srgb, #0acf97 10%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-success) 10%, transparent)
      }
    }
  }

  .hs-stepper-success\:text-success {

    &.success,
    .success & {
      color: var(--color-success)
    }
  }

  .\[\.active\]\:bg-primary {
    &:is(.active) {
      background-color: var(--color-primary)
    }
  }

  .\[\.active\]\:text-white {
    &:is(.active) {
      color: var(--color-white)
    }
  }

  .\*\:\[\.active\]\:bg-default-100 {
    :is(&>*) {
      &:is(.active) {
        background-color: var(--color-default-100)
      }
    }
  }
}

:root {
  color-scheme: light;
  --color-chart-primary: #6658dd;
  --color-chart-secondary: #4a81d4;
  --color-chart-alpha: #1abc9c;
  --color-chart-beta: #f1556c;
  --color-chart-gamma: #f7b84b;
  --color-chart-delta: #43bfe5;
  --color-chart-zeta: #6b5eae;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #1a57a1;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1
}

[data-theme=dark] {
  color-scheme: dark;
  --color-body-bg: #17181e;
  --color-body-color: #aab8c5;
  --color-card: #1e1f27;
  --color-light: #252630;
  --color-light-hover: #8a969c;
  --color-dark: #4b4d5c;
  --color-dark-hover: #343a40;
  --color-chart-border-color: #242c31;
  --color-chart-gray: #40424f;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-50: #22232c;
  --color-default-100: #272832;
  --color-default-200: var(--color-zinc-800);
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-default-500: #a1a9b1;
  --color-default-600: var(--color-zinc-400);
  --color-default-700: var(--color-zinc-300);
  --color-default-800: var(--color-zinc-200);
  --color-default-900: var(--color-zinc-100);
  --color-default-950: var(--color-zinc-50);

  .text-dark {
    color: #dce0fb !important
  }
}

html[data-menu-color=light] {
  --sidenav-bg: #fff;
  --sidenav-border-color: var(--color-default-300);
  --sidenav-item-color: #667787;
  --sidenav-item-hover-color: var(--color-primary);
  --sidenav-item-hover-bg: transparent;
  --sidenav-item-active-color: var(--color-primary);
  --sidenav-item-active-bg: transparent
}

html[data-menu-color=dark] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #1e1f27;
  --sidenav-item-color: #7a8ea7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c
}

html[data-menu-color=gray] {
  --sidenav-bg: #f1f2f7;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: var(--color-primary);
  --sidenav-item-hover-bg: #e8f7f4;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e8e8ed
}

html[data-menu-color=gradient] {
  --sidenav-bg: linear-gradient(135deg, #195274, #3b215c);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: rgba(219, 236, 255, .05)
}

html[data-menu-color=image] {
  --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: rgba(219, 236, 255, .05)
}

html[data-theme=dark][data-menu-color=dark],
html[data-theme=dark][data-menu-color=gray],
html[data-theme=dark][data-menu-color=light] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c
}

html[data-topbar-color=light] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: var(--color-primary);
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb
}

html[data-topbar-color=gray] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: var(--color-primary);
  --topbar-search-bg: #ecedf3;
  --topbar-search-border: #ecedf3
}

html[data-topbar-color=dark] {
  --topbar-bg: #38414a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #3f4952;
  --topbar-search-border: #3f4952
}

html[data-topbar-color=gradient] {
  --topbar-bg: linear-gradient(180deg, #1a455f, #262549);
  --topbar-item-color: hsla(0, 0%, 100%, .7);
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: hsla(0, 0%, 100%, .1);
  --topbar-search-border: hsla(0, 0%, 100%, .1)
}

html[data-theme=dark][data-topbar-color=dark],
html[data-theme=dark][data-topbar-color=gray],
html[data-theme=dark][data-topbar-color=light] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c
}

html[data-skin=minimal] {
  --font-body: "IBM Plex Sans", sans-serif;
  --font-secondary: "IBM Plex Sans", sans-serif;
  --text-body: 0.875rem;
  --color-body-bg: #fff;
  --color-card: #fff;
  --color-primary: #5a9eea;
  --color-secondary: #b38bfa;
  --color-success: #63e6c9;
  --color-info: #8adce5;
  --color-warning: #f6b23d;
  --color-danger: #e03a46;
  --color-purple: #9d3cfe;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #4f8bce;
  --color-secondary-hover: #9d7adc;
  --color-success-hover: #57cab1;
  --color-info-hover: #79c2c9;
  --color-warning-hover: #d89d36;
  --color-danger-hover: #c5333e;
  --color-purple-hover: #8a35e0;
  --color-light-hover: #d1d5d9;
  --color-dark-hover: #2b333e;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 13px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: 0.925rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #5a9eea;
  --color-chart-secondary: #b38bfa;
  --color-chart-alpha: #63e6c9;
  --color-chart-beta: #8adce5;
  --color-chart-gamma: #f6b23d;
  --color-chart-delta: #e03a46;
  --color-chart-zeta: #9d3cfe;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: var(--color-default-200);
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #5a9eea;
    --sidenav-item-hover-bg: #f7f7fb;
    --sidenav-item-active-color: #5a9eea;
    --sidenav-item-active-bg: #f7f7fb
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #f6f8fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #5a9eea;
    --sidenav-item-hover-bg: #f1f0f5;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #f1f0f5
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #5a9eea;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #f1f2f7;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #5a9eea;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=minimal] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --color-light-hover: #8a969c;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-border-color: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31
}

html[data-skin=minimal] {
  .card {
    border: 1px solid var(--color-default-200)
  }
}

html[data-skin=modern] {
  --font-body: "Poppins", sans-serif;
  --font-secondary: "Poppins", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f7f6f7;
  --color-card: #fff;
  --color-primary: #4f46e5;
  --color-secondary: #06b6d4;
  --color-success: #16a34a;
  --color-info: #0ea5e9;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-purple: #8b5cf6;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #463eca;
  --color-secondary-hover: #05a0ba;
  --color-success-hover: #138f41;
  --color-info-hover: #0c91cd;
  --color-warning-hover: #d78909;
  --color-danger-hover: #d23c3c;
  --color-purple-hover: #7a51d8;
  --color-light-hover: #d1d5d9;
  --color-dark-hover: #2b333e;
  --shadow: 0 2px 4px rgba(56, 65, 74, .2);
  --text-sm: 13px;
  --radius: 4px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 0.8125rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 0.8125rem;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #4f46e5;
  --color-chart-secondary: #06b6d4;
  --color-chart-alpha: #16a34a;
  --color-chart-beta: #ef4444;
  --color-chart-gamma: #f59e0b;
  --color-chart-delta: #0ea5e9;
  --color-chart-zeta: #8b5cf6;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4f46e5;
    --sidenav-item-hover-bg: #eaf2ff;
    --sidenav-item-active-color: #4f46e5;
    --sidenav-item-active-bg: #eaf2ff
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #e9ebef;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4f46e5;
    --sidenav-item-hover-bg: #e8f7f4;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #23303c;
    --sidenav-border-color: #23303c;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #1c262f
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #1e4258, #313144);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #2f4358
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4f46e5;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #e9ebef;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4f46e5;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #38414a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #3f4952;
    --topbar-search-border: #3f4952
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #1e4258, #313144);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=modern] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  .card,
  .hs-dropdown-menu {
    border: 1px solid #293036 !important
  }
}

html[data-skin=modern] {
  .card {
    box-shadow: 0 1px 2px rgba(57, 62, 80, .15);
    position: relative;

    .card-title {
      font-size: 15px
    }
  }

  .pro-username {
    font-size: 13px
  }
}

html[data-skin=material] {
  --font-body: "Roboto", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f5f6f8;
  --color-card: #fff;
  --color-primary: #3475db;
  --color-secondary: #6c63ff;
  --color-success: #15b092;
  --color-info: #20bfc0;
  --color-warning: #f7a34b;
  --color-danger: #d25555;
  --color-purple: #7e5fc7;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #2d67c0;
  --color-secondary-hover: #5f57e0;
  --color-success-hover: #129a80;
  --color-info-hover: #1ca8a9;
  --color-warning-hover: #d99142;
  --color-danger-hover: #b94a4a;
  --color-purple-hover: #6f54af;
  --color-light-hover: #d1d5d9;
  --color-dark-hover: #2b333e;
  --shadow: 1px 0.1rem 0.5rem 0 rgba(48, 45, 59, .15);
  --text-sm: 13px;
  --radius: 3px;
  --font-weight-medium: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 0.875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.85rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #3475db;
  --color-chart-secondary: #6c63ff;
  --color-chart-alpha: #15b092;
  --color-chart-beta: #d25555;
  --color-chart-gamma: #f7a34b;
  --color-chart-delta: #20bfc0;
  --color-chart-zeta: #7e5fc7;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #f8f2fa;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #3475db;
    --sidenav-item-hover-bg: #eaf2ff;
    --sidenav-item-active-color: #3475db;
    --sidenav-item-active-bg: #eaf2ff
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #e9ebef;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #3475db;
    --sidenav-item-hover-bg: #e8f7f4;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #28293c;
    --sidenav-border-color: #28293c;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #242534
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #2f434e), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #1e3447
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fefbff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3475db;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #e9ebef;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3475db;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #3c4752;
    --topbar-item-color: #e9ecf1;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #475460;
    --topbar-search-border: #475460
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #6750a4, #3a3052);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=material] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31
}

html[data-skin=material] {
  .card {
    box-shadow: 1px .15rem .5rem 0 rgba(48, 45, 59, .07)
  }
}

html[data-skin=saas] {
  --font-body: "Inter", sans-serif;
  --font-secondary: "Inter", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f9fbfd;
  --color-card: #fff;
  --color-primary: #6366f1;
  --color-secondary: #0ea5e9;
  --color-success: #10b981;
  --color-info: #3b82f6;
  --color-warning: #fbbf24;
  --color-danger: #ef4444;
  --color-purple: #a855f7;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #575ad4;
  --color-secondary-hover: #0c91cd;
  --color-success-hover: #0ea373;
  --color-info-hover: #3472d8;
  --color-warning-hover: #dda820;
  --color-danger-hover: #d23c3c;
  --color-purple-hover: #944be0;
  --color-light-hover: #d1d5d9;
  --color-dark-hover: #2b333e;
  --shadow: 0 1px 2px rgba(57, 62, 80, .15);
  --text-sm: 13px;
  --radius: 4px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.25rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 0.825rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.825rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #6366f1;
  --color-chart-secondary: #0ea5e9;
  --color-chart-alpha: #10b981;
  --color-chart-beta: #ef4444;
  --color-chart-gamma: #fbbf24;
  --color-chart-delta: #3b82f6;
  --color-chart-zeta: #a855f7;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6366f1;
    --sidenav-item-hover-bg: #f4f0ff;
    --sidenav-item-active-color: #6366f1;
    --sidenav-item-active-bg: #f4f0ff
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #f1f2f7;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6366f1;
    --sidenav-item-hover-bg: #f4f0ff;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #1e3447
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6366f1;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #f1f2f7;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6366f1;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #1a455f, #262549);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=saas] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #17171b;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  .card,
  .hs-dropdown-menu {
    border: 1px solid #293036 !important
  }

  .hs-dropdown-menu {
    background-color: #1b1c22
  }
}

html[data-skin=saas] {
  .card {
    border: 1px solid var(--color-default-200);
    box-shadow: 0 .5rem 1.5rem rgba(18, 38, 36, .03)
  }

  .app-menu {
    border-inline-end: 1px solid var(--sidenav-border-color)
  }
}

html[data-skin=flat] {
  --font-body: "Nunito", sans-serif;
  --font-secondary: "Nunito", sans-serif;
  --text-body: 0.875rem;
  --color-body-bg: #fff;
  --color-card: #fbfbfd;
  --color-primary: #4f46e5;
  --color-secondary: #06b6d4;
  --color-success: #22c55e;
  --color-info: #0ea5e9;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-purple: #a855f7;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #433cc2;
  --color-secondary-hover: #059ab4;
  --color-success-hover: #1dac50;
  --color-info-hover: #0c8cc6;
  --color-warning-hover: #d08b09;
  --color-danger-hover: #cb3a3a;
  --color-purple-hover: #8f48d2;
  --color-light-hover: #cad1d2;
  --color-dark-hover: #2a313b;
  --color-default-300: #edf2f9;
  --font-weight-medium: 500;
  --font-weight-semibold: 700;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 0.875rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 5px;
  --color-chart-primary: #4f46e5;
  --color-chart-secondary: #06b6d4;
  --color-chart-alpha: #22c55e;
  --color-chart-beta: #ef4444;
  --color-chart-gamma: #f59e0b;
  --color-chart-delta: #0ea5e9;
  --color-chart-zeta: #a855f7;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #46348b;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #1ab394;
    --sidenav-item-hover-bg: #f7f7fb;
    --sidenav-item-active-color: #1ab394;
    --sidenav-item-active-bg: #f7f7fb
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #f1f2f7;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #1ab394;
    --sidenav-item-hover-bg: #f4f0ff;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1e4258, #313144);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #2f4358
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #2f434e), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #253542;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #253542
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #1ab394;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #f1f2f7;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #1ab394;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #1e4258, #313144);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }

  .card,
  .hs-dropdown-menu {
    border: 1px solid var(--color-default-300);
    box-shadow: 0 1px 3px 0 rgba(130, 143, 163, .09)
  }
}

html[data-theme=dark][data-skin=flat] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31
}

html[data-skin=flat] {
  .card {
    box-shadow: none
  }
}

html[data-skin=galaxy] {
  --font-body: "Outfit", sans-serif;
  --font-secondary: "Outfit", sans-serif;
  --text-body: 14px;
  --color-body-bg: #fdfdfd;
  --color-card: #fff;
  --color-primary: #6a11cb;
  --color-secondary: #2575fc;
  --color-success: #00c9a7;
  --color-info: #00b4d8;
  --color-warning: #fca311;
  --color-danger: #e63946;
  --color-purple: #9d3cfe;
  --color-light: #eef2f7;
  --color-dark: #313a46;
  --color-primary-hover: #5a0ea8;
  --color-secondary-hover: #1f63d6;
  --color-success-hover: #00ab8e;
  --color-info-hover: #0099b7;
  --color-warning-hover: #d68b0e;
  --color-danger-hover: #c32f3c;
  --color-purple-hover: #8533d8;
  --color-light-hover: #cad1d2;
  --color-dark-hover: #2a313b;
  --shadow: 2px 8px 16px rgba(57, 62, 80, .07);
  --color-default-300: #edf2f9;
  --text-sm: 13px;
  --radius: 2px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: 0.9125rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #6a11cb;
  --color-chart-secondary: #2575fc;
  --color-chart-alpha: #00c9a7;
  --color-chart-beta: #e63946;
  --color-chart-gamma: #fca311;
  --color-chart-delta: #00b4d8;
  --color-chart-zeta: #c17b52;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6a11cb;
    --sidenav-item-hover-bg: #eaf2ff;
    --sidenav-item-active-color: #6a11cb;
    --sidenav-item-active-bg: #f3f5ff
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #f1f2f7;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6a11cb;
    --sidenav-item-hover-bg: #e8f7f4;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #1a2b41;
    --sidenav-border-color: #1a2b41;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #1f3149;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #1f3149
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #193146, #1e5262);
    --sidenav-border-color: null;
    --sidenav-item-color: #7e92a3;
    --sidenav-item-hover-color: #aac4cf;
    --sidenav-item-hover-bg: rgba(219, 236, 255, .05);
    --sidenav-item-active-color: #aac4cf;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #262c3a), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1a1c2e;
    --sidenav-border-color: hsla(0, 0%, 100%, .03);
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: hsla(0, 0%, 100%, .02);
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: hsla(0, 0%, 100%, .02)
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6a11cb;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #f3eff3;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6a11cb;
    --topbar-search-bg: #ebe7eb;
    --topbar-search-border: #ebe7eb
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #0f2139;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #1b2c42;
    --topbar-search-border: #1b2c42
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #193146, #1e5262);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #0f1329;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: rgba(229, 243, 255, .1);
    --topbar-search-border: rgba(229, 243, 255, .1)
  }

  .btn {
    font-weight: 400
  }

  .card,
  .hs-dropdown-menu {
    border: 1px solid var(--color-default-300);
    box-shadow: 2px 8px 16px rgba(57, 62, 80, .07)
  }
}

html[data-theme=dark][data-skin=galaxy] {
  --color-body-bg: #17181e;
  --color-card: #192033;
  --color-light: #2c3340;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-100: rgba(229, 243, 255, .05);
  --color-default-300: rgba(229, 243, 255, .09);
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  body {
    background: linear-gradient(180deg, rgba(11, 14, 40, .9), rgba(3, 6, 22, .9)), url(../images/galaxy.jpg) 50%/cover no-repeat;
    background-attachment: fixed
  }

  .card,
  .card-bg,
  .choices__inner,
  .dropzone,
  .filepond--panel-root,
  .footer,
  .form-input,
  .form-select,
  .form-textarea,
  .select2-container .select2-selection--multiple,
  .select2-container .select2-selection--single {
    background-color: hsla(0, 0%, 100%, .05)
  }

  .card {
    border-style: dashed
  }

  .app-menu {
    .logo-box {
      background: transparent !important
    }
  }

  .app-header {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &[data-sidenav-size=default] {
    .app-menu {
      background-color: hsla(0, 0%, 100%, .05);
      border-inline-end: 1px dashed hsla(0, 0%, 100%, .05)
    }
  }
}

html[data-skin=galaxy] {
  body {
    background-attachment: fixed
  }

  .card {
    .card-title {
      font-size: 14px
    }
  }
}

html[data-skin=retro] {
  --font-body: "Alan Sans", sans-serif;
  --font-secondary: "Alan Sans", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f8f7f1;
  --color-card: #f8f7f1;
  --color-primary: #8a5a44;
  --color-secondary: #c9a27c;
  --color-success: #7b8b6f;
  --color-info: #6c7a89;
  --color-warning: #e6b566;
  --color-danger: #b85c5c;
  --color-purple: #9d3cfe;
  --color-light: #f3e9dc;
  --color-dark: #313a46;
  --color-primary-hover: #764c39;
  --color-secondary-hover: #ab8a6a;
  --color-success-hover: #68765e;
  --color-info-hover: #5c6874;
  --color-warning-hover: #c39a57;
  --color-danger-hover: #9c4e4e;
  --color-purple-hover: #8533d8;
  --color-light-hover: #cec6bb;
  --color-dark-hover: #2a313b;
  --shadow: 0 4px 9px rgba(34, 7, 31, .05);
  --color-default-300: #e3e3e1;
  --text-sm: 14px;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: 0.875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #8a5a44;
  --color-chart-secondary: #c9a27c;
  --color-chart-alpha: #7b8b6f;
  --color-chart-beta: #b85c5c;
  --color-chart-gamma: #e6b566;
  --color-chart-delta: #6c7a89;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #e9e8e3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8a5a44;
    --sidenav-item-hover-bg: #f3f3f0;
    --sidenav-item-active-color: #8a5a44;
    --sidenav-item-active-bg: #f3f3f0
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #efeee9;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8a5a44;
    --sidenav-item-hover-bg: #e5e5e5;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e5e5e5
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #2c2c2c;
    --sidenav-border-color: #2c2c2c;
    --sidenav-item-color: #718088;
    --sidenav-item-hover-color: #e3f5ff;
    --sidenav-item-hover-bg: #8a5a44;
    --sidenav-item-active-color: #e3f5ff;
    --sidenav-item-active-bg: #8a5a44
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #405586, #1f5a58);
    --sidenav-border-color: null;
    --sidenav-item-color: #97b5b3;
    --sidenav-item-hover-color: #d5efed;
    --sidenav-item-hover-bg: rgba(219, 236, 255, .05);
    --sidenav-item-active-color: #d5efed;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #8a5a44), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #f3f2ee;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8a5a44;
    --topbar-search-bg: #e9e8e3;
    --topbar-search-border: #e9e8e3
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #ebe9e1;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8a5a44;
    --topbar-search-bg: #e1e0d9;
    --topbar-search-border: #e1e0d9
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #353638;
    --topbar-item-color: #aaafb9;
    --topbar-item-hover-color: #dde6f9;
    --topbar-search-bg: #434448;
    --topbar-search-border: #494a4e
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #8a5a44, #262549);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=retro] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  .card,
  .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
  }

  .hs-dropdown-menu {
    background-color: #1b1c22
  }
}

html[data-skin=retro] {

  .app-header,
  .app-menu,
  .card {
    box-shadow: none
  }

  .card {
    background-color: var(--color-body-bg);
    border: 1px solid var(--color-default-300)
  }

  .hs-dropdown-menu {
    background-color: #fff
  }

  .btn {
    font-weight: 400
  }
}

html[data-skin=neon] {
  --font-body: "Outfit", sans-serif;
  --font-secondary: "Outfit", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f7f5f2;
  --color-card: #fff;
  --color-primary: #ff7043;
  --color-secondary: #7a49a8;
  --color-success: #7ec192;
  --color-info: #74a8d3;
  --color-warning: #f8d371;
  --color-danger: #ee676d;
  --color-primary-hover: #d95f39;
  --color-secondary-hover: #683e8f;
  --color-success-hover: #6ba47c;
  --color-info-hover: #638fb4;
  --color-warning-hover: #d3b35f;
  --color-danger-hover: #ca575d;
  --shadow: 0 1px 2px rgba(57, 62, 80, .1);
  --text-sm: 14px;
  --radius: 12px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: 0.875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #ff7043;
  --color-chart-secondary: #7a49a8;
  --color-chart-alpha: #7ec192;
  --color-chart-beta: #ee676d;
  --color-chart-gamma: #f8d371;
  --color-chart-delta: #74a8d3;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #312a2f;
    --sidenav-item-hover-bg: #f6f6f6;
    --sidenav-item-active-color: #312a2f;
    --sidenav-item-active-bg: #f6f6f6
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #ff7043;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #371949;
    --sidenav-border-color: #371949;
    --sidenav-item-color: #a789b9;
    --sidenav-item-hover-color: #ebdaf5;
    --sidenav-item-hover-bg: #30394d;
    --sidenav-item-active-color: #ebdaf5;
    --sidenav-item-active-bg: #471f5e
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #654385, #4f306c);
    --sidenav-border-color: null;
    --sidenav-item-color: #af91cb;
    --sidenav-item-hover-color: #debffb;
    --sidenav-item-hover-bg: rgba(219, 236, 255, .05);
    --sidenav-item-active-color: #debffb;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #4f306c), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #bb9adb;
    --sidenav-item-hover-color: #f0dfff;
    --sidenav-item-hover-bg: rgba(219, 236, 255, .05);
    --sidenav-item-active-color: #f0dfff;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #ff7043;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #ff7043;
    --topbar-search-bg: #eceef5;
    --topbar-search-border: #eceef5
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #371949;
    --topbar-item-color: #a789b9;
    --topbar-item-hover-color: #ebdaf5;
    --topbar-search-bg: #47265a;
    --topbar-search-border: #47265a
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #654385, #4f306c);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=neon] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  .card,
  .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
  }

  .hs-dropdown-menu {
    background-color: #1b1c22
  }
}

html[data-skin=neon] {
  .footer {
    background-color: transparent;
    border: none;
    padding-inline: calc(var(--spacing)*4)
  }

  .card {
    box-shadow: 0 1px 2px rgba(57, 62, 80, .05);

    .card-title {
      font-size: 16px;
      font-weight: 600
    }
  }

  .btn {
    font-weight: 400
  }
}

html[data-skin=pixel] {
  --font-body: "Google Sans", sans-serif;
  --font-secondary: "Google Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #eff4f7;
  --color-card: #fff;
  --color-primary: #5c6bc0;
  --color-secondary: #2281bc;
  --color-success: #36c398;
  --color-info: #26c6da;
  --color-warning: #ffb810;
  --color-danger: #f65161;
  --color-primary-hover: #4e5ba3;
  --color-secondary-hover: #1d6d9f;
  --color-success-hover: #2ea685;
  --color-info-hover: #20a8b9;
  --color-warning-hover: #d99c0e;
  --color-danger-hover: #d14952;
  --shadow: 0 3px 6px rgba(34, 7, 31, .05);
  --color-default-300: #edf2f9;
  --text-sm: 14px;
  --radius: 3px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: 0.875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: 0.875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
  --color-chart-primary: #26c6da;
  --color-chart-secondary: #5c6bc0;
  --color-chart-alpha: #ffb810;
  --color-chart-beta: #f65161;
  --color-chart-gamma: #36c398;
  --color-chart-delta: #344bbd;
  --color-chart-zeta: #2281bc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;

  &[data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #2281bc;
    --sidenav-item-hover-bg: #eff4f7;
    --sidenav-item-active-color: #2281bc;
    --sidenav-item-active-bg: #eff4f7
  }

  &[data-menu-color=gray] {
    --sidenav-bg: #e3e8eb;
    --sidenav-border-color: #e3e8eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #2281bc;
    --sidenav-item-hover-bg: #dde2e5;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #dde2e5
  }

  &[data-menu-color=dark] {
    --sidenav-bg: #263238;
    --sidenav-border-color: #263238;
    --sidenav-item-color: #7f95a1;
    --sidenav-item-hover-color: #c4e0ef;
    --sidenav-item-hover-bg: #323e44;
    --sidenav-item-active-color: #c4e0ef;
    --sidenav-item-active-bg: #323e44
  }

  &[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #4f546c, #2a2a3e);
    --sidenav-border-color: null;
    --sidenav-item-color: #979db9;
    --sidenav-item-hover-color: #d7defd;
    --sidenav-item-hover-bg: rgba(219, 236, 255, .05);
    --sidenav-item-active-color: #d7defd;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, .85), #1f2650), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: rgba(219, 236, 255, .05)
  }

  &[data-theme=dark][data-menu-color=dark],
  &[data-theme=dark][data-menu-color=gray],
  &[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
  }

  &[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #2281bc;
    --topbar-search-bg: #f3f8fb;
    --topbar-search-border: #f3f8fb
  }

  &[data-topbar-color=gray] {
    --topbar-bg: #eff4f7;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #2281bc;
    --topbar-search-bg: #e0e8ed;
    --topbar-search-border: #e0e8ed
  }

  &[data-topbar-color=dark] {
    --topbar-bg: #37474f;
    --topbar-item-color: #95b3c3;
    --topbar-item-hover-color: #c4e0ef;
    --topbar-search-bg: #485962;
    --topbar-search-border: #485962
  }

  &[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(180deg, #535976, #2a2a3e);
    --topbar-item-color: hsla(0, 0%, 100%, .7);
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: hsla(0, 0%, 100%, .1);
    --topbar-search-border: hsla(0, 0%, 100%, .1)
  }

  &[data-theme=dark][data-topbar-color=dark],
  &[data-theme=dark][data-topbar-color=gray],
  &[data-theme=dark][data-topbar-color=light] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
  }
}

html[data-theme=dark][data-skin=pixel] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px rgba(0, 0, 0, .3);
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;

  .card,
  .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
  }

  .hs-dropdown-menu {
    background-color: #1b1c22
  }
}

html[data-skin=pixel] {
  .pro-username {
    font-size: 13px
  }

  .card {
    box-shadow: 0 2px 4px rgba(34, 7, 31, .05);

    .card-title {
      font-weight: 600
    }
  }
}

.wrapper {
  height: 100%;
  width: 100%
}

.page-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-inline-start: var(--sidenav-width);
  min-height: calc(100dvh - var(--topbar-height));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  --tw-duration: 300ms;
  transition-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-property: width, margin;
  transition-timing-function: var(--ease-in-out);

  main {
    flex-grow: 1;
    padding-inline: calc(var(--spacing)*6);
    padding-bottom: calc(var(--spacing)*6);
    width: 100%
  }
}

.logo-box {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: var(--topbar-height);
  padding-inline: calc(var(--spacing)*6);
  position: sticky;
  top: calc(var(--spacing)*0);
  --tw-backdrop-blur: blur(var(--blur-xs));
  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, );

  .logo-lg {
    img {
      height: var(--logo-lg-height)
    }
  }

  .logo-sm {
    img {
      height: var(--logo-sm-height)
    }
  }

  .logo-light,
  .logo-sm {
    display: none
  }
}

.page-main-title {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  color: var(--color-body-color);
  font-weight: var(--font-weight-bold)
}

.page-title-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing)*2);
  height: calc(var(--spacing)*17.5);
  width: 100%;

  @media (width >=48rem) {
    justify-content: space-between
  }
}

html[data-menu-color=dark],
html[data-menu-color=gradient],
html[data-menu-color=image],
html[data-menu-color=light][data-topbar-color=dark],
html[data-menu-color=light][data-topbar-color=gradient],
html[data-theme=dark] {
  .app-menu {
    .logo-box {
      .logo-light {
        display: block
      }

      .logo-dark {
        display: none
      }
    }
  }
}

html.sidebar-no-icons {
  .app-menu {
    .menu-icon {
      display: none
    }
  }
}

html.sidebar-with-line {
  .sub-menu {
    position: relative;

    &:before {
      border-left: 1px dashed var(--sidenav-item-color);
      bottom: calc(var(--sidenav-item-padding-x) + 4px);
      content: "";
      inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px);
      opacity: .5;
      position: absolute;
      top: 5px;
      width: 1px
    }

    .sub-menu {
      &:before {
        inset-inline-start: calc(var(--sidenav-item-icon-size) + 13px)
      }
    }

    .menu-link {
      &:before {
        border-top: 1px dashed var(--sidenav-item-color);
        height: 1px;
        inset-inline-start: calc(var(--sidenav-item-icon-size)*-.8);
        width: var(--sidenav-item-padding-x)
      }

      &:after,
      &:before {
        content: "";
        opacity: .5;
        position: absolute
      }

      &:after {
        background-color: var(--sidenav-item-color);
        border-radius: 50%;
        height: 4px;
        inset-inline-start: 0;
        width: 4px
      }
    }
  }
}

html[data-layout-width=boxed] {
  body {
    background-color: var(--color-default-100)
  }

  .wrapper {
    background-color: var(--color-body-bg);
    margin-inline: auto;
    max-width: calc(var(--spacing)*335);
    width: 100%;
    --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, .03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .app-header {
    margin-inline-end: -1px;
    position: sticky
  }
}

html[data-layout-position=scrollable] {
  .page-content {
    margin-top: 0;
    position: relative
  }

  .app-menu {
    height: 100%;
    min-height: 100%;
    position: absolute !important
  }

  .app-header,
  .logo-box {
    position: static
  }
}

.monochrome:before {
  backdrop-filter: grayscale(100%) opacity(.92);
  content: "";
  height: 100%;
  inset: 0;
  margin: 0;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 999999
}

html[dir=rtl] {
  .pagination svg {
    transform: scaleX(-1) !important
  }
}

.app-menu {
  bottom: calc(var(--spacing)*0);
  display: flex;
  flex-direction: column;
  font-family: var(--font-secondary);
  max-height: 100vh;
  min-width: var(--sidenav-width);
  position: fixed;
  top: calc(var(--spacing)*0);
  width: var(--sidenav-width);
  z-index: 40;
  --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow-sm);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  --tw-duration: 300ms;
  background: var(--sidenav-bg);
  border-inline-end: 1px solid var(--sidenav-border-color);
  transition-duration: .3s;
  transition-property: width, min-width, margin
}

.sidenav-user {
  background-size: cover !important;
  color: var(--sidenav-item-color);
  display: none;
  margin-bottom: calc(var(--spacing)*2.5);

  .sidenav-user-name {
    color: var(--sidenav-item-active-color)
  }
}

html[data-sidenav-user=true] {
  .sidenav-user {
    display: block
  }
}

.side-nav {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing)*1.25);
  width: 100%;

  .menu-title {
    color: var(--sidenav-item-color);
    cursor: default;
    font-size: calc(var(--sidenav-item-font-size)*.7);
    font-weight: var(--font-weight-bold);
    letter-spacing: .1em;
    margin-top: 10px;
    padding: var(--sidenav-item-padding-y) calc(var(--sidenav-item-padding-x)*1.16667);
    pointer-events: none;
    text-transform: uppercase;
    white-space: nowrap
  }

  .menu-item {
    .menu-link {
      align-items: center;
      background-color: transparent;
      border-radius: 5px;
      color: var(--sidenav-item-color);
      display: flex;
      font-family: var(--font-secondary);
      font-size: var(--sidenav-item-font-size);
      font-weight: var(--sidenav-item-font-weight);
      gap: var(--sidenav-item-gap);
      line-height: calc(var(--sidenav-item-font-size)*1.25);
      padding: var(--sidenav-item-padding-y) var(--sidenav-item-padding-x);
      position: relative;
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      white-space: nowrap;

      >.menu-icon {
        font-size: var(--sidenav-item-icon-size);
        height: var(--sidenav-item-icon-size);
        line-height: var(--sidenav-item-icon-size);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        width: var(--sidenav-item-icon-size);

        svg {
          height: var(--sidenav-item-icon-size);
          width: var(--sidenav-item-icon-size)
        }
      }

      >.menu-text {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        white-space: nowrap
      }

      >.menu-arrow {
        background-color: currentColor;
        font-size: var(--text-sm);
        height: 1em;
        line-height: var(--tw-leading, var(--text-sm--line-height));
        margin-inline-start: auto;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        width: 1em;

        &.hs-accordion.active,
        .hs-accordion.active>&,
        .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle &,
        .hs-accordion.active>.hs-accordion-toggle & {
          rotate: 180deg
        }

        &.hs-accordion-toggle {
          .hs-accordion.active>& {
            rotate: 180deg
          }
        }

        &.hs-accordion-toggle {
          .hs-accordion.active>.hs-accordion-heading>& {
            rotate: 180deg
          }
        }

        &.hs-accordion-force-active {
          .hs-accordion.active & {
            rotate: 180deg
          }
        }
      }

      &:is(.open, .active, :active, :focus) {
        color: var(--sidenav-item-active-color)
      }

      &:is(:hover) {
        color: var(--sidenav-item-hover-color)
      }

      .badge {
        align-items: center;
        display: flex;
        font-size: .75em;
        height: calc(var(--spacing)*4);
        justify-content: center;
        margin-inline-start: auto;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
      }
    }

    &.active .menu-link.active .menu-arrow {
      rotate: 180deg
    }
  }

  >.menu-item {
    >.menu-link {
      &:is(.open, .active, :active, :focus) {
        background-color: var(--sidenav-item-active-bg)
      }
    }

    &.active>.menu-link {
      background-color: var(--sidenav-item-active-bg);
      color: var(--sidenav-item-active-color)
    }
  }

  .sub-menu {
    overflow: hidden;
    padding-inline-start: calc(var(--spacing)*7.5);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    width: 100%;
    --tw-duration: 300ms;
    transition-duration: .3s;

    :where(&>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-end: calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));
      margin-block-start: calc(var(--spacing)*1*var(--tw-space-y-reverse))
    }

    .menu-link {
      font-size: var(--sidenav-sub-item-font-size);
      font-weight: var(--sidenav-sub-item-font-weight);
      padding: var(--sidenav-sub-item-padding-y) var(--sidenav-sub-item-padding-x)
    }

    .sub-menu {
      margin-inline-start: calc(var(--sidenav-item-icon-size)*-1)
    }

    .menu-link.active {
      background-color: transparent;
      color: var(--sidenav-item-hover-color);
      font-weight: var(--sidenav-item-font-weight)
    }
  }
}

#button-hover-toggle {
  align-items: center;
  color: var(--sidenav-item-color);
  display: none;
  height: var(--topbar-height);
  justify-content: center;
  position: relative;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  --tw-ease: var(--ease-in-out);
  font-size: 18px;
  transition-timing-function: var(--ease-in-out);

  .btn-on-hover-icon {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    position: relative;
    vertical-align: middle;
    width: 1em
  }
}

html[data-sidenav-size=on-hover] {
  .app-menu:not(:hover) {
    min-width: var(--sidenav-width-sm);
    width: var(--sidenav-width-sm);

    .logo-box {
      justify-content: flex-start !important;

      .logo-lg {
        display: none
      }

      .logo-sm {
        display: flex
      }
    }

    #button-hover-toggle {
      display: none
    }

    .menu-item {
      .menu-link {
        justify-content: center;

        .badge,
        .menu-arrow,
        .menu-text {
          display: none
        }

        .menu-icon {
          font-size: calc(var(--sidenav-item-icon-size)*1.15);
          height: calc(var(--sidenav-item-icon-size)*1.15);
          line-height: calc(var(--sidenav-item-icon-size)*1.15);
          width: calc(var(--sidenav-item-icon-size)*1.15);

          i {
            font-size: calc(var(--sidenav-item-icon-size)*1.15);
            line-height: calc(var(--sidenav-item-icon-size)*1.15)
          }

          svg {
            height: calc(var(--sidenav-item-icon-size)*1.15);
            width: calc(var(--sidenav-item-icon-size)*1.15)
          }
        }
      }

      .sub-menu {
        height: 0;
        margin-top: 0;
        visibility: hidden !important
      }
    }

    .menu-title {
      display: none
    }

    .simplebar-track.simplebar-vertical {
      visibility: hidden !important
    }

    .sidenav-user {
      display: none
    }
  }

  .app-menu {
    bottom: calc(var(--spacing)*0);
    position: fixed;

    .simplebar-track.simplebar-horizontal {
      visibility: hidden !important
    }
  }

  .page-content {
    margin-inline-start: var(--sidenav-width-sm)
  }

  #button-hover-toggle {
    display: flex
  }

  #button-toggle-menu {
    display: none
  }

  .logo-box {
    justify-content: flex-start !important
  }
}

html[data-sidenav-size=on-hover-active] {
  #button-toggle-menu {
    display: none
  }

  #button-hover-toggle {
    display: flex;

    .btn-on-hover-icon {
      &:before {
        background-color: currentColor;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 6px
      }
    }
  }

  .page-content {
    margin-inline-start: var(--sidenav-width)
  }

  .app-menu {
    bottom: calc(var(--spacing)*0);
    position: fixed
  }

  .logo-box {
    justify-content: flex-start !important
  }
}

html[data-sidenav-size=condensed] {
  .app-menu {
    height: unset;
    max-height: unset;
    min-width: var(--sidenav-width-sm);
    position: absolute;
    width: var(--sidenav-width-sm);

    .simplebar-content-wrapper,
    .simplebar-mask {
      overflow: visible !important
    }

    .logo-box {
      background: var(--sidenav-bg);
      z-index: 40;

      .logo-lg {
        display: none
      }

      .logo-sm {
        display: flex
      }
    }

    .sidenav-user {
      display: none
    }

    .side-nav {
      gap: 0;
      padding: 0;

      .menu-title {
        display: none
      }

      .menu-item {
        position: relative;

        >.menu-link {
          padding: calc(var(--sidenav-item-padding-y)*1.75) var(--sidenav-item-padding-x);
          transition: none;

          >.menu-icon {
            display: flex;
            font-size: calc(var(--sidenav-item-icon-size)*1.25);
            height: calc(var(--sidenav-item-icon-size)*1.25);
            justify-content: center;
            line-height: calc(var(--sidenav-item-icon-size)*1.25);
            min-width: calc(var(--sidenav-width-sm) - var(--sidenav-item-padding-x) - var(--sidenav-item-padding-x));
            width: calc(var(--sidenav-item-icon-size)*1.25);

            i {
              font-size: calc(var(--sidenav-item-icon-size)*1.25);
              line-height: calc(var(--sidenav-item-icon-size)*1.25)
            }

            svg {
              height: calc(var(--sidenav-item-icon-size)*1.25);
              width: calc(var(--sidenav-item-icon-size)*1.25)
            }
          }

          &:before,
          >.badge,
          >.menu-arrow,
          >.menu-text {
            display: none;
            transition: none
          }
        }

        .sub-menu {
          display: none !important;
          height: inherit !important;
          margin-top: 0
        }

        &:hover {
          >.sub-menu {
            background: var(--sidenav-bg);
            display: block !important;
            height: inherit !important;
            inset-inline-start: 100%;
            overflow: visible;
            padding-inline-start: 0;
            position: absolute;
            transition: none;
            width: calc(var(--sidenav-width) - var(--sidenav-width-sm)*.65);
            z-index: 90;
            --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--shadow);

            >.menu-item {
              margin-bottom: 0;

              >.menu-link {
                padding: calc(var(--sidenav-sub-item-padding-y)*1.5) calc(var(--sidenav-sub-item-padding-x)*1.5);
                z-index: 5;

                >.menu-arrow,
                >.menu-text {
                  display: block;
                  transition: color .25s ease-in-out
                }

                >.menu-arrow {
                  transform: rotate(-90deg)
                }
              }

              .sub-menu {
                margin-inline-start: calc(var(--spacing)*0);
                top: 0
              }
            }
          }
        }
      }

      >.menu-item {
        >.menu-link {
          background: var(--sidenav-bg)
        }

        &:hover {
          .menu-text {
            display: flex
          }

          >.menu-link {
            background-color: var(--sidenav-item-hover-bg);
            background: var(--sidenav-bg);
            color: var(--sidenav-item-hover-color);
            width: calc(var(--sidenav-width) + var(--sidenav-width-sm)*.35);
            --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--shadow)
          }
        }

        >.menu-link {
          &.hs-accordion-toggle {
            border-radius: 0;
            border-start-end-radius: var(--radius-md)
          }

          &:not(.hs-accordion-toggle) {
            >.menu-text {
              border-radius: var(--radius-md)
            }
          }
        }

        >.sub-menu {
          border-bottom-left-radius: var(--radius-md);
          border-bottom-right-radius: var(--radius-md);

          .sub-menu {
            border-radius: var(--radius-md)
          }
        }
      }
    }
  }

  .page-content {
    min-height: 2700px
  }
}

html[data-sidenav-size=compact] {
  .app-menu {
    min-width: var(--sidenav-width-md);
    width: var(--sidenav-width-md);

    .sidenav-user {
      .sidenav-user-set-icon {
        display: none
      }
    }

    .menu-arrow {
      display: none
    }
  }
}

html[data-sidenav-size=offcanvas] {
  .app-menu {
    margin-inline-start: calc(var(--sidenav-width)*-1);
    opacity: 0;
    position: fixed;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important
  }

  &.sidenav-enable {
    .app-menu {
      margin-inline-start: calc(var(--spacing)*0);
      opacity: 100%;
      z-index: 50
    }
  }
}

html[data-sidenav-size=hidden] {
  .app-menu {
    margin-inline-start: calc(var(--sidenav-width)*-1)
  }
}

html[data-layout=horizontal] {

  .app-header,
  .page-content {
    margin-inline-start: calc(var(--spacing)*0) !important
  }

  .app-header {
    z-index: 90;

    .logo-topbar {
      display: flex
    }
  }

  .container-fluid {
    @media (width >=96rem) {
      max-width: 85%
    }
  }

  .app-header {
    border-bottom: 0;
    box-shadow: none;
    margin: 0;
    z-index: 50;

    .logo-topbar {
      display: block;
      float: none
    }

    #button-toggle-menu {
      display: none
    }
  }

  .page-content {
    margin-inline-start: 0;
    min-height: calc(100vh - var(--topbar-height) - 47px)
  }

  .topnav {
    background: var(--sidenav-bg);
    box-shadow: var(--shadow);
    font-family: var(--font-secondary);
    position: sticky;
    top: var(--topbar-height);
    width: 100%;
    z-index: 40;

    .navbar-nav {
      display: flex;

      .nav-item {
        .nav-link {
          &:first-of-type {
            @media (width >=64rem) {
              padding-inline-start: calc(var(--spacing)*0)
            }
          }
        }
      }

      .nav-link {
        align-items: center;
        display: flex;
        font-size: var(--sidenav-item-font-size);
        font-weight: var(--sidenav-item-font-weight);
        line-height: var(--sidenav-item-font-size);
        padding: calc(var(--sidenav-item-padding-y)*1.25) calc(var(--sidenav-item-padding-x)*1.5);
        position: relative;

        .menu-icon {
          margin-inline-end: calc(var(--sidenav-item-icon-size)*.5);

          i {
            font-size: var(--sidenav-item-icon-size)
          }

          svg {
            height: var(--sidenav-item-icon-size);
            width: var(--sidenav-item-icon-size)
          }
        }

        .menu-arrow {
          margin-inline-start: calc(var(--sidenav-item-icon-size)*.5)
        }
      }

      .hs-dropdown {
        .hs-dropdown-menu {
          font-size: var(--sidenav-sub-item-font-size);

          .dropdown-item {
            align-items: center;
            display: flex;
            gap: 8px;
            padding: calc(var(--sidenav-item-padding-y)*.75) calc(var(--sidenav-item-padding-x)*1.5);

            i {
              font-size: calc(var(--sidenav-sub-item-font-size)*1.25)
            }
          }

          .menu-arrow {
            margin-inline-start: auto;
            transform: rotate(-90deg)
          }
        }
      }
    }

    .nav-item {

      .nav-link,
      >a {
        color: var(--sidenav-item-color);

        &:hover {
          color: var(--sidenav-item-hover-color)
        }
      }

      &.active {
        >a {
          color: var(--sidenav-item-hover-color)
        }
      }
    }

    .menu-arrow {
      background-color: currentColor;
      height: 1em;
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      width: 1em
    }

    .container-fluid {
      padding-inline: calc(var(--spacing)*5)
    }
  }

  .page-title-head {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    min-height: 60px
  }
}

.logo-topbar {
  .logo-box {
    padding-inline: calc(var(--spacing)*0)
  }
}

html[data-theme=dark],
html[data-topbar-color=dark] {
  .logo-topbar {
    .logo-light {
      display: block
    }

    .logo-dark {
      display: none
    }
  }
}

@media (min-width:992px) {
  .topnav {
    .hs-dropdown {
      .hs-dropdown-menu {
        .hs-dropdown {
          .hs-dropdown-menu {
            inset-inline-start: 100%;
            position: absolute;
            top: 0
          }
        }
      }

      &:hover {
        .nav-link {
          color: var(--sidenav-item-hover-color) !important
        }
      }
    }

    .hs-dropdown:hover>.hs-dropdown-menu>.hs-dropdown:hover {
      >.dropdown-item {
        color: var(--color-default-800) !important
      }
    }
  }
}

@media (max-width:991.98px) {
  html[data-layout=horizontal] {
    .topnav {
      max-height: 360px;
      overflow-y: auto;

      .navbar-nav {
        flex-direction: column;

        .nav-link {
          padding: calc(var(--sidenav-item-padding-y)*.8) calc(var(--sidenav-item-padding-x)*2)
        }
      }

      .hs-dropdown {
        .hs-dropdown-menu {
          background-color: transparent;
          border: none;
          box-shadow: none;
          margin-top: calc(var(--sidenav-item-padding-y)*-.75);
          padding-inline-start: calc(var(--sidenav-item-padding-x)*3);

          .hs-dropdown-menu {
            margin-top: calc(var(--sidenav-item-padding-y)*-.5);
            padding-inline-start: calc(var(--sidenav-item-padding-x)*1.5)
          }
        }

        .dropdown-item {
          background-color: transparent;
          position: relative
        }
      }

      .hs-dropdown {
        .dropdown-item {
          color: var(--sidenav-item-color);

          &.hover {
            color: var(--sidenav-item-hover-color)
          }

          &.active,
          &:active {
            color: var(--sidenav-item-active-color)
          }
        }
      }

      .hs-dropdown.active>a.dropdown-item {
        color: var(--sidenav-item-active-color)
      }
    }

    .topnav-toggle-button {
      display: block
    }
  }
}

.topnav-toggle-button {
  background-color: transparent;
  border: none;
  color: var(--topbar-item-color);
  cursor: pointer;
  display: none;
  float: left;
  padding: 0;
  position: relative
}

.dropdown-menu-columns {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 0;
  column-gap: 0;
  width: 500px;

  &>* {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }
}

@media (min-width:992px) {
  .dropdown-menu-columns {
    -moz-column-count: 2;
    column-count: 2;
    width: 350px
  }
}

.app-header {
  align-items: center;
  display: flex;
  inset-inline-end: calc(var(--spacing)*0);
  inset-inline-start: calc(var(--spacing)*0);
  margin-inline-start: var(--sidenav-width);
  min-height: var(--topbar-height);
  position: sticky;
  top: calc(var(--spacing)*0);
  z-index: 40;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  --tw-duration: 300ms;
  background: var(--topbar-bg);
  transition-duration: .3s;
  transition-property: width, min-width, margin;

  .topbar-item {
    align-items: center;
    display: flex;
    height: calc(var(--spacing)*14.5)
  }

  .topbar-link {
    align-items: center;
    border: none;
    color: var(--topbar-item-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding-inline: calc(var(--spacing)*1.5);
    position: relative;
    z-index: 1;

    &:active,
    &:focus,
    &:hover {
      color: var(--topbar-item-hover-color)
    }

    .topbar-link-icon {
      font-size: 20px
    }
  }

  .container-fluid {
    padding-inline: calc(var(--spacing)*5)
  }

  .logo-topbar {
    display: none
  }

  input::-moz-placeholder {
    color: currentcolor !important
  }

  input::placeholder {
    color: currentcolor !important
  }

  .pro-username {
    font-size: 14px;
    line-height: 14px !important
  }

  #button-toggle-menu {
    border-width: 1px;
    --tw-border-style: dashed;
    border-color: var(--color-default-300);
    border-style: dashed
  }
}

.btn-theme-setting {
  position: relative;

  &:before {
    animation: blinkDot 1.2s ease-in-out infinite;
    background-color: var(--color-danger);
    border-radius: 50%;
    content: "";
    height: 5px;
    inset-inline-end: 4px;
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    width: 5px;
    z-index: 5
  }
}

@keyframes blinkDot {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 60%, transparent)
  }

  70% {
    box-shadow: 0 0 0 6px color-mix(in oklab, var(--color-danger) 0%, transparent)
  }

  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 0%, transparent)
  }
}

@media (max-width:767.98px) {
  .logo-topbar {
    display: block;

    .logo-lg {
      display: none
    }

    .logo-sm {
      display: block
    }
  }
}

html[data-sidenav-size=condensed],
html[data-sidenav-size=on-hover] {

  .app-header,
  .page-content {
    margin-inline-start: var(--sidenav-width-sm)
  }
}

html[data-sidenav-size=compact] {

  .app-header,
  .page-content {
    margin-inline-start: var(--sidenav-width-md)
  }
}

html[data-sidenav-size=hidden],
html[data-sidenav-size=offcanvas] {

  .app-header,
  .page-content {
    margin-inline-start: calc(var(--spacing)*0)
  }
}

html[data-menu-color=light][data-topbar-color=dark],
html[data-menu-color=light][data-topbar-color=gradient] {
  .app-menu {
    .logo-box {
      background: var(--topbar-bg);
      width: calc(100% + 1px)
    }

    .sidenav-user {
      margin-top: 10px
    }

    #button-hover-toggle {
      color: #fff !important
    }
  }
}

html[data-topbar-color=dark],
html[data-topbar-color=gradient] {
  .app-header {
    #button-toggle-menu {
      --tw-border-style: dashed;
      border: 1px dashed color-mix(in srgb, #fff 10%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }

      background-color:color-mix(in srgb, #fff 3%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent)
      }

      color:var(--color-white)
    }
  }
}

.footer {
  align-items: center;
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  display: flex;
  margin-top: auto;
  padding-block: calc(var(--spacing)*3);
  padding-inline: calc(var(--spacing)*5)
}

@layer base {
  html {
    position: relative;
    scroll-behavior: smooth
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-secondary);
    line-height: 1.5 !important;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--color-body-bg);
    font-family: var(--font-body);
    font-size: var(--text-body);
    height: 100%;
    width: 100%;
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-body-color);
    font-weight: var(--font-weight-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  small {
    font-size: .85em
  }

  label {
    display: block
  }

  b,
  label,
  strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  [role=button]:not(:disabled),
  button:not(:disabled) {
    cursor: pointer
  }

  code {
    color: var(--color-rose-400)
  }

  svg.lucide {
    height: 1em;
    width: 1em
  }
}

.container {
  margin-inline: auto;
  max-width: calc(var(--spacing)*330);
  padding-inline: calc(var(--spacing)*3)
}

.container-fluid {
  margin-inline: auto;
  max-width: 100%;
  width: 100%
}

.animate-grow {
  animation: spinner-grow .75s linear infinite;
  opacity: 0
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

html[data-theme=light] {
  #theme .card-radio {
    [for=layout-color-light] {
      position: relative;

      &:after {
        background-color: currentColor;
        bottom: calc(var(--spacing)*2);
        color: var(--color-success);
        content: "";
        display: inline-block;
        height: 1em;
        height: calc(var(--spacing)*6);
        inset-inline-end: calc(var(--spacing)*2);
        margin-inline-start: auto;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        position: absolute;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        width: 1em;
        width: calc(var(--spacing)*6)
      }
    }
  }
}

html[data-theme=dark] {
  #theme .card-radio {
    [for=layout-color-dark] {
      position: relative;

      &:after {
        background-color: currentColor;
        bottom: calc(var(--spacing)*2);
        color: var(--color-success);
        content: "";
        display: inline-block;
        height: 1em;
        height: calc(var(--spacing)*6);
        inset-inline-end: calc(var(--spacing)*2);
        margin-inline-start: auto;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        position: absolute;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        width: 1em;
        width: calc(var(--spacing)*6)
      }
    }
  }
}

@layer components {
  .btn {
    align-items: center;
    border-color: transparent;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    -moz-column-gap: calc(var(--spacing)*2);
    column-gap: calc(var(--spacing)*2);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--text-sm);
    justify-content: center;
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: calc(var(--spacing)*1.75);
    padding-inline: calc(var(--spacing)*4);
    position: relative;
    text-align: center;
    z-index: 10;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    &.btn-lg {
      border-radius: var(--radius);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      padding-block: calc(var(--spacing)*2.25);
      padding-inline: calc(var(--spacing)*5)
    }

    &.btn-icon {
      height: calc(var(--spacing)*9.25);
      padding: calc(var(--spacing)*0);
      width: calc(var(--spacing)*9.25)
    }

    &.btn-sm {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      padding-block: calc(var(--spacing)*1.25);
      padding-inline: calc(var(--spacing)*3);

      &.btn-icon {
        height: calc(var(--spacing)*7.5);
        padding: calc(var(--spacing)*0);
        width: calc(var(--spacing)*7.5)
      }
    }
  }

  .btn[class*=size-] {
    padding: 0 !important
  }

  button:disabled {
    cursor: not-allowed;
    opacity: 50%
  }

  .badge {
    align-items: center;
    border-radius: var(--radius);
    display: inline-flex;
    font-size: .75em;
    gap: calc(var(--spacing)*1);
    justify-content: center;
    padding-block: .15em;
    padding-inline: .5em;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .badge.rounded-full {
    padding-inline: .75em
  }

  .badge-label {
    border-radius: 0;
    padding-block: calc(var(--spacing)*.5);
    padding-inline: .8em
  }
}

@layer components {}

@layer components {
  .card {
    background-clip: border-box;
    background-color: var(--color-card);
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    overflow-wrap: break-word;
    position: relative;
    --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);

    .card-header {
      border-bottom-width: 1px;
      --tw-border-style: dashed;
      border-color: var(--color-default-300);
      border-style: dashed;
      padding-inline: calc(var(--spacing)*6)
    }

    .card-footer,
    .card-header {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing)*3);
      justify-content: space-between;
      padding-block: calc(var(--spacing)*3.75)
    }

    .card-footer {
      border-color: var(--color-light);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      padding-inline: calc(var(--spacing)*5)
    }

    [data-action=card-toggle] i {
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      --tw-duration: 200ms;
      transition-duration: .2s
    }
  }

  .card-body {
    flex: auto;
    padding: calc(var(--spacing)*6);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 300ms;
    transition-duration: .3s
  }

  .card-title {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-semibold);
    color: var(--color-body-color);
    font-weight: var(--font-weight-semibold)
  }

  .card-body.collapsing {
    height: 0 !important;
    margin-block: calc(var(--spacing)*-5);
    opacity: 0
  }

  .card-collapse .card-header {
    border-bottom: 0
  }

  .card.card-collapsed {
    overflow: hidden;

    .card-header {
      border-bottom: 0
    }

    .card-body {
      margin-bottom: -2.5rem
    }

    .card-footer {
      margin-bottom: -1.875rem;
      margin-top: -1.875rem
    }

    [data-action=card-toggle] i {
      rotate: -180deg
    }
  }

  .card-overlay {
    align-items: center;
    background-color: color-mix(in srgb, #6658dd 15%, transparent);
    border-radius: var(--radius);
    display: none;
    inset: calc(var(--spacing)*0);
    justify-content: center;
    position: absolute;
    z-index: 10;

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
    }

    --tw-backdrop-blur:blur(2px);
    backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
  }

  .nav-tabs {
    align-items: center;
    -moz-column-gap: calc(var(--spacing)*2);
    column-gap: calc(var(--spacing)*2);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-block: calc(var(--spacing)*-3.75);
    margin-inline-end: calc(var(--spacing)*-3);

    .nav-link {
      border-bottom: 1px var(--tw-border-style);
      border-color: transparent;
      margin-bottom: calc(var(--spacing)*-1);
      padding-block: calc(var(--spacing)*3.75);
      padding-inline: calc(var(--spacing)*5);
      --tw-font-weight: var(--font-weight-medium);
      color: var(--color-body-color);
      font-weight: var(--font-weight-medium)
    }
  }
}

@layer components {
  .hs-dropdown-menu {
    border-width: 1px;
    margin-top: calc(var(--spacing)*2);
    z-index: 30;
    --tw-border-style: solid;
    background-color: var(--color-card);
    border-color: var(--color-default-300);
    border-radius: var(--radius);
    border-style: solid;
    display: none;
    min-width: calc(var(--spacing)*44);
    opacity: 0;
    padding: calc(var(--spacing)*1);
    text-wrap: wrap;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-property: opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    &.hs-dropdown-menu.open,
    .hs-dropdown.open>&,
    .hs-dropdown.open>.hs-dropdown-menu>&,
    .hs-dropdown.open>.hs-dropdown-toggle & {
      opacity: 100%
    }
  }

  .dropdown-item {
    align-items: center;
    border-radius: calc(var(--radius)*.5);
    color: var(--color-body-color);
    cursor: pointer;
    display: flex;
    gap: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*1.5);
    padding-inline: calc(var(--spacing)*3.75);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    width: 100%;

    &:hover {
      @media (hover:hover) {
        background-color: var(--color-default-100)
      }
    }

    &.active {
      background-color: var(--color-default-100)
    }
  }

  .dropdown-divider {
    border-color: transparent;
    border-top: 1px var(--tw-border-style) var(--color-default-300);
    margin-block: calc(var(--spacing)*1) !important;
    margin-inline: calc(var(--spacing)*-1);
    overflow: hidden
  }

  .\[--trigger\:hover\] .hs-dropdown-menu {
    &:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*4);
      inset-inline-start: calc(var(--spacing)*0);
      top: calc(var(--spacing)*-4);
      width: 100%
    }

    &:after,
    &:before {
      position: absolute
    }

    &:after {
      bottom: calc(var(--spacing)*-4);
      content: var(--tw-content);
      height: calc(var(--spacing)*4);
      inset-inline-start: calc(var(--spacing)*0);
      width: 100%
    }
  }
}

.form-input {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  color: var(--color-body-color);
  display: block;
  font-size: var(--text-sm);
  height: calc(var(--spacing)*9.25);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  padding-block: calc(var(--spacing)*0);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  width: 100%;

  &::-moz-placeholder {
    color: var(--color-default-400)
  }

  &::placeholder {
    color: var(--color-default-400)
  }

  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500) !important
    }
  }

  &:focus {
    border-color: var(--color-default-500) !important;
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &:focus-visible {
    border-color: var(--color-default-500)
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }
}

.is-invalid {
  border-color: var(--color-danger) !important;

  &:focus {
    border-color: var(--color-danger) !important
  }

  &:focus {
    --tw-ring-color: color-mix(in srgb, #f1556c 20%, transparent) !important;

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 20%, transparent) !important
    }
  }
}

.is-valid {
  border-color: var(--color-success) !important;

  &:focus {
    border-color: var(--color-success) !important
  }

  &:focus {
    --tw-ring-color: color-mix(in srgb, #0acf97 20%, transparent) !important;

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important
    }
  }
}

.form-input,
.form-select,
.form-textarea {
  &:disabled {
    background-color: var(--color-default-100);
    cursor: not-allowed;
    opacity: 70%
  }

  &:is([readonly]) {
    cursor: not-allowed
  }

  &:is([readonly]) {
    color: var(--color-body-color)
  }
}

.form-label {
  display: block;
  margin-bottom: calc(var(--spacing)*2);
  --tw-font-weight: var(--font-weight-semibold);
  color: var(--color-body-color);
  font-weight: var(--font-weight-semibold)
}

.form-input:not([class*=bg-]),
.form-select:not([class*=bg-]),
.form-textarea:not([class*=bg-]) {
  background-color: var(--color-card)
}

.form-input:not([class*=border-]),
.form-select:not([class*=border-]),
.form-textarea:not([class*=border-]) {
  border-color: var(--color-default-300)
}

.form-input-sm {
  font-size: var(--text-xs) !important;
  height: calc(var(--spacing)*7.5) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important
}

.form-input-lg {
  font-size: var(--text-base) !important;
  height: calc(var(--spacing)*11.75) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.form-select-sm {
  font-size: var(--text-xs) !important;
  height: calc(var(--spacing)*7.5) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important
}

.form-select-lg {
  font-size: var(--text-base) !important;
  height: calc(var(--spacing)*11.75) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.form-textarea {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  color: var(--color-body-color);
  display: block;
  font-size: var(--text-sm);
  height: auto !important;
  line-height: var(--tw-leading, var(--text-sm--line-height));
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  padding-block: calc(var(--spacing)*2);
  padding-inline: calc(var(--spacing)*3);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  width: 100%;

  &::-moz-placeholder {
    color: var(--color-default-400)
  }

  &::placeholder {
    color: var(--color-default-400)
  }

  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500)
    }
  }

  &:focus {
    border-color: var(--color-default-500);
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &:focus-visible {
    border-color: var(--color-default-500)
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }
}

.form-select {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  color: var(--color-body-color);
  display: block;
  font-size: var(--text-sm);
  height: calc(var(--spacing)*9.25);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  padding-block: calc(var(--spacing)*0);
  padding-inline-end: 2.31rem !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  width: 100%;

  &::-moz-placeholder {
    color: var(--color-body-color)
  }

  &::placeholder {
    color: var(--color-body-color)
  }

  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500)
    }
  }

  &:focus {
    border-color: var(--color-default-500);
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &:focus-visible {
    border-color: var(--color-default-500)
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 70%
  }

  &:is([readonly]) {
    cursor: not-allowed
  }

  &:is([readonly]) {
    color: var(--color-body-color)
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }

  &[multiple] {
    background-image: none;
    height: auto !important;
    padding-block: calc(var(--spacing)*2);
    padding-inline-end: 0 !important
  }
}

select[multiple] option {
  padding: 4px 6px
}

.form-checkbox,
.form-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: var(--color-default-300);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  flex-shrink: 0;
  height: calc(var(--spacing)*4.5);
  width: calc(var(--spacing)*4.5);
  --tw-ring-offset-color: var(--color-white);
  cursor: pointer;

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-ring-color: inherit
  }

  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 90%
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }

  &:checked {
    border-color: inherit
  }

  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:checked {
    background-color: var(--color-primary) !important;
    border-color: transparent !important
  }
}

.form-checkbox-light {
  border-color: color-mix(in srgb, #eef2f7 90%, transparent) !important;

  @supports (color:color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-light) 90%, transparent) !important
  }

  background-color:color-mix(in srgb, #eef2f7 90%, transparent) !important;

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-light) 90%, transparent) !important
  }

  box-shadow:inset 0 1px 2px rgba(var(--color-dark), .05)
}

.form-checkbox {
  border-radius: var(--radius-sm)
}

.form-checkbox:not([class*=size-]),
.form-radio:not([class*=size-]) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height))
}

.form-checkbox[class*=rounded-full] {
  border-radius: calc(infinity*1px)
}

.form-checkbox-sm,
.form-radio-sm {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height))
}

.form-radio-lg {
  height: calc(var(--spacing)*5.5);
  width: calc(var(--spacing)*5.5)
}

.form-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-default-200);
  border-color: var(--color-default-300);
  border-style: var(--tw-border-style) !important;
  border-style: var(--tw-border-style);
  border-width: 1px !important;
  border-width: 0;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  position: relative;

  &:checked {
    background-image: none
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-ring-color: var(--color-default-300)
  }

  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:focus-visible {
    --tw-ring-offset-color: var(--color-card)
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;

    @media (forced-colors:active) {
      outline: 2px solid transparent;
      outline-offset: 2px
    }
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 50%
  }

  &[aria-invalid=true] {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }

  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:before,
  &:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:before {
    display: block;
    inset-inline-start: calc(var(--spacing)*0);
    pointer-events: none;
    position: absolute;
    top: 50%;
    --tw-translate-x: calc(var(--spacing)*1);
    --tw-translate-y: -50%;
    background-color: color-mix(in oklab, var(--color-dark) 30%, transparent);
    border-radius: calc(infinity*1px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-content: "";
    content: var(--tw-content)
  }

  &:checked,
  &[aria-checked=true] {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;

    &:before {
      background-color: var(--color-white)
    }
  }
}

.form-switch {
  border-radius: calc(infinity*1px);
  height: calc(var(--spacing)*5);
  width: calc(var(--spacing)*7.5);

  &:before {
    height: calc(var(--spacing)*3);
    width: calc(var(--spacing)*3)
  }

  &:checked,
  &[aria-checked=true] {
    &:before {
      --tw-translate-x: calc(var(--spacing)*3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }
}

.form-switch-sm {
  border-radius: calc(infinity*1px);
  height: calc(var(--spacing)*4.5);
  width: calc(var(--spacing)*6.5);

  &:before {
    height: calc(var(--spacing)*2.5);
    width: calc(var(--spacing)*2.5)
  }

  &:checked,
  &[aria-checked=true] {
    &:before {
      --tw-translate-x: calc(var(--spacing)*3);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }
}

.form-switch-lg {
  border-radius: calc(infinity*1px);
  height: calc(var(--spacing)*5.5);
  width: calc(var(--spacing)*8.5);

  &:before {
    height: calc(var(--spacing)*3.5);
    width: calc(var(--spacing)*3.5)
  }

  &:checked,
  &[aria-checked=true] {
    &:before {
      --tw-translate-x: calc(var(--spacing)*4);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }
}

[dir=rtl] .form-switch {
  &:before {
    --tw-translate-x: calc(var(--spacing)*-1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  &:checked,
  &[aria-checked=true] {
    &:before {
      --tw-translate-x: calc(var(--spacing)*-3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  }

  &.form-switch-sm {

    &:checked,
    &[aria-checked=true] {
      &:before {
        --tw-translate-x: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  }

  &.form-switch-lg {

    &:checked,
    &[aria-checked=true] {
      &:before {
        --tw-translate-x: calc(var(--spacing)*-4);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  }
}

.card-radio {
  position: relative;

  label {
    cursor: pointer
  }

  .form-label {
    border-color: var(--color-default-300);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
  }

  input:checked+.form-label {
    position: relative;

    &:after {
      background-color: currentColor;
      bottom: calc(var(--spacing)*2);
      color: var(--color-success);
      content: "";
      display: inline-block;
      height: 1em;
      height: calc(var(--spacing)*6);
      inset-inline-end: calc(var(--spacing)*2);
      margin-inline-start: auto;
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      position: absolute;
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      width: 1em;
      width: calc(var(--spacing)*6)
    }
  }
}

input:checked+.form-label.btn {
  background-color: color-mix(in srgb, #6658dd 15%, transparent);

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
  }

  color:var(--color-primary)
}

@layer base {
  .input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative
  }
}

.input-group {

  >.form-input,
  >.form-select,
  >.form-textarea {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
  }

  .input-group-text {
    align-items: center;
    background-color: var(--color-default-100);
    border-color: var(--color-default-300);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    color: var(--color-default-600);
    display: flex;
    padding-inline: calc(var(--spacing)*3)
  }

  >:not(:last-child) {
    border-color: var(--color-default-300);
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  >:not(:first-child) {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    margin-inline-start: -1px
  }

  >.btn {
    position: relative;
    z-index: 2
  }

  .hs-dropdown {
    border-width: 0
  }
}

@layer base {
  .input-icon-group {
    align-items: stretch;
    display: flex;
    position: relative
  }
}

.input-icon-group {

  >.form-input,
  >.form-select {
    width: 100%
  }

  >.input-icon:first-child {
    inset-inline-start: calc(var(--spacing)*3);
    pointer-events: none;
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    color: var(--color-default-400);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  >.input-icon:first-child+.form-input,
  >.input-icon:first-child+.form-select {
    padding-inline-start: calc(var(--spacing)*10) !important
  }

  >.input-icon:last-child {
    inset-inline-end: calc(var(--spacing)*3);
    pointer-events: none;
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    color: var(--color-default-400);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  >.form-input:not(:last-child),
  >.form-select:not(:last-child) {
    padding-inline-end: calc(var(--spacing)*10)
  }

  >.form-select:not(:last-child) {
    background-size: 4rem 1.5rem
  }
}

.input-group[data-touchspin] {
  align-items: center;
  border-color: var(--color-default-300);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  display: inline-flex;
  gap: calc(var(--spacing)*2.5);
  padding: calc(var(--spacing)*1);

  >.btn {
    align-items: center;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    height: calc(var(--spacing)*7);
    justify-content: center;
    padding: calc(var(--spacing)*0);
    width: calc(var(--spacing)*7);
    --tw-leading: 1;
    line-height: 1;

    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-outline-style: none;
      outline-style: none
    }
  }

  >.form-input {
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0;
    font-size: var(--text-sm);
    height: auto;
    line-height: var(--tw-leading, var(--text-sm--line-height));
    margin: calc(var(--spacing)*0);
    padding: calc(var(--spacing)*0);
    text-align: center;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-outline-style: none;
      outline-style: none
    }
  }

  [data-icon] {
    align-items: center;
    display: inline-flex;
    font-size: var(--text-xs);
    justify-content: center;
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

  &:has(.form-input:disabled) {
    background-color: color-mix(in srgb, #eef2f7 15%, transparent);
    pointer-events: none;

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 15%, transparent)
    }
  }

  &:has(.form-input[readonly]) {
    pointer-events: none
  }
}

.form-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  cursor: pointer;
  width: 100%;

  &:focus {
    --tw-outline-style: none;
    outline-style: none;

    @media (forced-colors:active) {
      outline: 2px solid transparent;
      outline-offset: 2px
    }
  }

  &:disabled {
    opacity: 50%;
    pointer-events: none
  }

  &::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color-primary);
    border-radius: calc(infinity*1px);
    height: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*-.5);
    width: calc(var(--spacing)*2.5);
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
  }

  &::-moz-range-thumb {
    height: calc(var(--spacing)*2.5);
    width: calc(var(--spacing)*2.5)
  }

  &::-webkit-slider-thumb {
    --tw-duration: 150ms;
    transition-duration: .15s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  &::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 8px;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -moz-transition-property: all;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 150ms;
    transition-duration: .15s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  &::-webkit-slider-runnable-track {
    background-color: var(--color-default-100);
    height: calc(var(--spacing)*2);
    width: 100%
  }

  &::-moz-range-track {
    background-color: var(--color-default-100);
    border-radius: calc(infinity*1px);
    height: calc(var(--spacing)*2);
    width: 100%
  }

  &::-webkit-slider-runnable-track {
    border-radius: calc(infinity*1px)
  }
}

.form-input[type=file] {
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  padding: calc(var(--spacing)*0);

  &::file-selector-button {
    margin-inline-end: calc(var(--spacing)*3)
  }

  &::file-selector-button {
    height: 100%
  }

  &::file-selector-button {
    cursor: pointer
  }

  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  &::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
  }

  &::file-selector-button {
    border-color: var(--color-default-300)
  }

  &::file-selector-button {
    background-color: var(--color-default-100)
  }

  &::file-selector-button {
    padding-inline: calc(var(--spacing)*3)
  }

  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  &::file-selector-button {
    color: var(--color-default-700)
  }

  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500)
    }
  }

  &:hover {
    @media (hover:hover) {
      &::file-selector-button {
        border-color: var(--color-default-300)
      }
    }
  }

  &:focus {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &:focus-visible {
    border-color: var(--color-default-500)
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }
}

@media print {

  .app-header,
  .footer,
  aside.app-menu {
    display: none !important;
    width: calc(var(--spacing)*0)
  }

  .page-content,
  body {
    margin: 0;
    padding: 0
  }

  .card {
    box-shadow: none
  }
}

@layer components {
  .table-wrapper {
    overflow: auto;
    overflow-x: auto;
    position: relative;
    width: 100%
  }

  .table {
    border-collapse: collapse;
    caption-side: bottom;
    color: var(--color-body-color);
    vertical-align: bottom;
    width: 100%;

    tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-light)
    }

    caption {
      color: var(--color-default-400);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      margin-top: calc(var(--spacing)*4)
    }

    thead {
      & tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }

      th {
        padding-block: calc(var(--spacing)*3);
        padding-inline: calc(var(--spacing)*2.5);
        text-align: start;
        vertical-align: middle;
        --tw-font-weight: var(--font-weight-bold);
        color: var(--color-body-color);
        font-weight: var(--font-weight-bold)
      }
    }

    .thead-sm {
      th {
        padding: calc(var(--spacing)*2)
      }
    }

    td,
    th {
      &:first-child {
        padding-inline-start: calc(var(--spacing)*4.5)
      }

      &:last-child {
        padding-inline-end: calc(var(--spacing)*4.5)
      }
    }

    tbody {
      & tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      td {
        padding-block: calc(var(--spacing)*3);
        padding-inline: calc(var(--spacing)*2.5);
        vertical-align: middle
      }
    }

    tfoot {
      background-color: color-mix(in srgb, #9ba6b7 50%, transparent);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-default-400) 50%, transparent)
      }

      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium);

      &:last-child {
        &>tr {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 0
        }
      }

      th {
        color: var(--color-default-700);
        height: calc(var(--spacing)*10);
        padding-inline: calc(var(--spacing)*2.5);
        vertical-align: middle
      }
    }

    &.table-bordered {
      border-color: var(--color-light);
      border-style: var(--tw-border-style);
      border-width: 1px;

      & td,
      & th {
        border-color: var(--color-light);
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;

        &:last-child {
          border-inline-end-style: var(--tw-border-style);
          border-inline-end-width: 0
        }
      }
    }

    &.table-borderless {
      tr {
        --tw-border-style: none;
        border-style: none
      }
    }

    &.table-striped {
      tbody {
        tr {
          &:where(:nth-child(odd)) {
            background-color: color-mix(in srgb, #eef2f7 45%, transparent) !important;

            @supports (color:color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-light) 45%, transparent) !important
            }
          }
        }
      }
    }

    &.table-hover {
      tbody {
        tr:hover {
          background-color: color-mix(in srgb, #eef2f7 45%, transparent) !important;

          @supports (color:color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-light) 45%, transparent) !important
          }
        }
      }
    }

    &.table-sm {
      thead {
        th {
          padding: calc(var(--spacing)*2)
        }
      }

      tbody {
        td {
          padding: calc(var(--spacing)*2)
        }
      }
    }
  }

  .table:has(.form-checkbox:checked) {
    tr:has(.form-checkbox:checked) {
      background-color: color-mix(in srgb, #f7b84b 10%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-warning) 10%, transparent)
      }
    }
  }

  .table-custom th {
    white-space: nowrap
  }
}

@layer components {
  .pagination {
    align-items: center;
    display: inline-flex;

    :where(&>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-end: calc(var(--spacing)*1.5*(1 - var(--tw-space-x-reverse)));
      margin-inline-start: calc(var(--spacing)*1.5*var(--tw-space-x-reverse))
    }

    >.btn {
      border-color: var(--color-default-300);
      border-style: var(--tw-border-style);
      border-width: 1px;
      height: calc(var(--spacing)*7.5);
      padding-inline: calc(var(--spacing)*0);
      width: calc(var(--spacing)*7.5)
    }
  }

  .page-item .page-link {
    align-items: center;
    background-color: transparent;
    border-color: var(--color-default-300);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    display: flex;
    height: calc(var(--spacing)*7.5);
    justify-content: center;
    width: calc(var(--spacing)*7.5)
  }

  .page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
  }

  .page-item.disabled .page-link {
    opacity: 60%;
    pointer-events: none
  }
}

@keyframes strip {
  0% {
    background-position-x: 1rem
  }
}

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

.progress-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: 1rem 1rem
}

@keyframes progress-stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.animate-progress-stripes {
  animation: progress-stripes 1s linear infinite
}

.hs-overlay-animation-target {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  opacity: 0;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  --tw-duration: 200ms;
  transition-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);

  @media (width >=40rem) {
    margin-inline: auto
  }

  &.open,
  .open & {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  &.open,
  .open & {
    opacity: 100%
  }
}

.close-icon {
  background-color: currentColor;
  display: inline-block;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  width: 1em
}

.hs-overlay-backdrop {
  background-color: color-mix(in srgb, #313a46 50%, transparent) !important;

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-default-900) 50%, transparent) !important
  }
}

[data-simplebar] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative
}

.simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow: hidden;
  width: inherit
}

.simplebar-mask {
  direction: inherit;
  height: auto !important;
  inset-inline-end: 0;
  inset-inline-start: 0;
  overflow: hidden;
  width: auto !important;
  z-index: 0
}

.simplebar-mask,
.simplebar-offset {
  bottom: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0
}

.simplebar-offset {
  box-sizing: inherit !important;
  direction: inherit !important;
  inset-inline-end: 0 !important;
  inset-inline-start: 0 !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 0 !important;
  position: relative;
  scrollbar-width: none;
  visibility: visible;
  width: auto
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  width: 100%
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  float: inset-inline-start;
  height: 100%;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1;
  grow: inherit;
  flex-basis: 0;
  flex-shrink: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  height: 1000%;
  inset-inline-start: 0;
  min-height: 1px;
  min-width: 1px;
  opacity: 0;
  top: 0;
  width: 1000%;
  z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
  overflow: hidden;
  pointer-events: none;
  position: absolute
}

.simplebar-track {
  bottom: 0;
  inset-inline-end: 0;
  z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  inset-inline-end: 2px;
  min-height: 10px;
  position: absolute;
  width: 6px
}

.simplebar-scrollbar:before {
  background: #a2adb7;
  border-radius: 7px;
  content: "";
  inset-inline-end: 0;
  inset-inline-start: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  bottom: 2px;
  top: 2px
}

.simplebar-track.simplebar-horizontal {
  height: 11px;
  inset-inline-start: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  inset-inline-end: 2px;
  inset-inline-start: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 7px;
  inset-inline-end: auto;
  inset-inline-start: 0;
  min-height: 0;
  min-width: 10px;
  top: 2px;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  inset-inline-end: auto;
  inset-inline-start: 0
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  height: 500px;
  opacity: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  visibility: hidden;
  width: 500px
}

.simplebar-hide-scrollbar {
  inset-inline-start: 0;
  overflow-y: scroll;
  position: fixed;
  scrollbar-width: none;
  visibility: hidden
}

[data-simplebar-lg] {
  .simplebar-scrollbar {
    inset-inline-end: 1px;
    width: 10px
  }
}

[data-simplebar-primary] {
  .simplebar-scrollbar {
    &:before {
      background-color: var(--color-primary)
    }
  }
}

.flatpickr-calendar {
  &.arrowTop {

    &:after,
    &:before {
      border-bottom-color: var(--color-card)
    }
  }

  &.arrowBottom {

    &:after,
    &:before {
      border-top-color: var(--color-card)
    }
  }

  &.open {
    z-index: 1200
  }

  &.inline {
    display: block
  }
}

.flatpickr-day {

  &.endRange,
  &.endRange.inRange,
  &.endRange.nextMonthDay,
  &.endRange.prevMonthDay,
  &.endRange:focus,
  &.endRange:hover,
  &.selected,
  &.selected.inRange,
  &.selected.nextMonthDay,
  &.selected.prevMonthDay,
  &.selected:focus,
  &.selected:hover,
  &.startRange,
  &.startRange.inRange,
  &.startRange.nextMonthDay,
  &.startRange.prevMonthDay,
  &.startRange:focus,
  &.startRange:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
  }

  &.endRange.startRange+.endRange:not(:nth-child(7n+1)),
  &.selected.startRange+.endRange:not(:nth-child(7n+1)),
  &.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--color-primary)
  }
}

.flatpickr-time {

  .flatpickr-am-pm:focus,
  .flatpickr-am-pm:hover,
  input:focus,
  input:hover {
    background-color: var(--color-card);
    color: var(--color-default-700)
  }
}

.flatpickr-months {
  .flatpickr-month {
    height: 40px
  }

  .flatpickr-month,
  .flatpickr-next-month,
  .flatpickr-prev-month {
    color: var(--color-body-color);
    fill: var(--color-default-500);
    line-height: 16px
  }
}

.flatpickr-day {

  &.disabled,
  &.disabled:hover,
  &.nextMonthDay,
  &.notAllowed,
  &.notAllowed.nextMonthDay,
  &.notAllowed.prevMonthDay,
  &.prevMonthDay {
    color: var(--color-default-400)
  }

  &.inRange,
  &.nextMonthDay.inRange,
  &.nextMonthDay.today.inRange,
  &.nextMonthDay:focus,
  &.nextMonthDay:hover,
  &.prevMonthDay.inRange,
  &.prevMonthDay.today.inRange,
  &.prevMonthDay:focus,
  &.prevMonthDay:hover,
  &.today.inRange,
  &:focus,
  &:hover {
    background-color: var(--color-default-100);
    border-color: var(--color-default-100)
  }
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
  background: transparent;
  overflow: hidden !important;
  scrollbar-width: thin;

  &:hover {
    overflow: auto !important
  }
}

code[class*=language-],
pre[class*=language-] {
  background: none;
  color: #000;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 13px;
  text-align: start;
  text-shadow: 0 1px #fff;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  display: block;
  hyphens: none;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
  background: #b3d4fc;
  text-shadow: none
}

@media print {

  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none
  }
}

pre[class*=language-] {
  margin: 0;
  overflow: auto;
  padding: 1em
}

:not(pre)>code[class*=language-] {
  border-radius: .3em;
  padding: .1em;
  white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #708090
}

.token.punctuation {
  color: var(--color-primary)
}

.token.namespace {
  opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color: var(--color-primary)
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: var(--color-success)
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  background: transparent;
  color: #9a6e3a
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: var(--color-danger)
}

.token.class-name,
.token.function {
  color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
  color: #e90
}

.token.bold,
.token.important {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold)
}

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

code[class*=language-],
pre[class*=language-] {
  color: var(--color-gray-600);
  text-shadow: none;

  code:not(:last-of-type) {
    margin-bottom: 1rem
  }
}

.choices {
  &[data-type*=select-one] {
    cursor: pointer;

    .choices__input {
      background-color: var(--color-card);
      border-color: var(--color-default-300) !important;
      border-radius: var(--radius);
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
      color: var(--color-body-color);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      margin-bottom: 10px;
      min-height: calc(var(--spacing)*9.25);
      padding-inline: calc(var(--spacing)*3);

      &:hover {
        border-color: var(--color-default-300)
      }
    }

    &:after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
      border: 0;
      color: var(--color-light);
      content: "";
      font-size: 20px;
      height: 20px;
      inset-inline-end: 12px;
      inset-inline-start: auto;
      margin-top: 0;
      pointer-events: none;
      position: absolute;
      top: 18px;
      transform: translateY(-50%);
      transition: transform .2s ease-in-out;
      width: 20px
    }

    &.is-open:after {
      margin-top: 0;
      transform: translateY(-50%) rotate(-180deg)
    }

    .choices__button {
      inset-inline-end: 20px
    }
  }

  &[data-type*=select-multiple],
  &[data-type*=text] {
    .choices__inner {
      cursor: text;
      padding: .2266rem .385rem !important
    }

    .choices__button {
      border-left-color: color-mix(in srgb, #fff 50%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        border-left-color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }

      border-right:0
    }

    .choices__list--dropdown {
      padding-bottom: 10px;

      .choices__list {
        margin-bottom: 0
      }
    }
  }

  &[data-type*=select-multiple] {
    .choices__input {
      padding-top: 3px
    }
  }
}

.input-light {
  .choices__inner {
    background-color: var(--color-light);
    border: none
  }
}

.choices__inner {
  &:hover {
    border-color: var(--color-default-300)
  }

  .choices__list--single {
    padding: 0 !important
  }
}

.is-focused,
.is-open {
  .choices__inner {
    border-color: var(--color-default-400)
  }
}

.choices__list--multiple {
  .choices__item {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin: 2px 5px 2px 0;
    padding: 2px 7px;
    vertical-align: initial;
    --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);

    &.is-highlighted {
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary)
    }
  }
}

.is-disabled {
  .choices__list--multiple {
    .choices__item {
      background-color: var(--color-secondary);
      border: 1px solid var(--color-secondary)
    }
  }
}

.choices__list--dropdown {
  &.is-active {
    animation-name: DropDownSlideUp
  }

  .choices__item--selectable.is-highlighted {
    background-color: var(--color-default-100) !important
  }

  .choices__list {
    margin: 0 -10px -16px;
    scrollbar-width: thin
  }

  .has-no-results {
    font-style: italic;
    font-weight: 500
  }

  .choices__item--selectable:after {
    display: none
  }
}

.choices__list--dropdown {
  .choices__list {
    max-height: 300px
  }

  .choices__item {
    font-size: var(--text-body) !important;
    padding: .4rem 1.125rem .4rem 16px !important
  }
}

.choices__inner {
  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500)
    }
  }
}

.choices__input {
  &:focus {
    border-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &::-moz-placeholder {
    color: var(--color-default-400)
  }

  &::placeholder {
    color: var(--color-default-400)
  }
}

[data-theme=dark] {
  .choices[data-type*=select-one] {
    .choices__button {
      --tw-brightness: brightness(2);
      --tw-grayscale: grayscale(100%);
      --tw-invert: invert(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  }

  .choices {
    &[data-type*=select-one] {
      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E")
      }
    }
  }
}

.apex-charts {
  min-height: 10px !important;

  .apexcharts-canvas {
    margin: 0 auto
  }
}

.apex-charts text,
.apexcharts-datalabels text,
.apexcharts-legend-text,
.apexcharts-subtitle-text,
.apexcharts-title-text,
.apexcharts-tooltip *,
.apexcharts-tooltip-text,
.apexcharts-tooltip-title,
.apexcharts-xaxis text,
.apexcharts-xaxistooltip-text,
.apexcharts-yaxis text {
  font-family: var(--font-secondary) !important
}

.apexcharts-tooltip {
  background-color: var(--color-card) !important;
  border: 1px solid var(--color-default-300) !important;
  box-shadow: var(--shadow) !important;

  .apexcharts-tooltip-title {
    background-color: color-mix(in srgb, #eef2f7 75%, transparent) !important;

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light) 75%, transparent) !important
    }

    border-bottom:1px solid var(--color-default-300) !important
  }
}

.apexcharts-legend-series,
.apexcharts-legend-text {
  font-weight: 600
}

.apexcharts-gridline {
  pointer-events: none;
  stroke-dasharray: 3
}

.apexcharts-grid-borders .apexcharts-gridline+line,
.apexcharts-gridline,
.apexcharts-pie circle,
.apexcharts-pie line,
.apexcharts-radar-series line,
.apexcharts-radar-series polygon,
.apexcharts-xaxis-tick {
  stroke: var(--color-default-300)
}

.apexcharts-legend-text {
  color: var(--color-default-600) !important;
  font-size: 13px !important;
  vertical-align: middle
}

.apexcharts-legend-marker {
  margin-inline-end: 5px !important;
  top: 1px !important;
  vertical-align: middle
}

.apexcharts-pie-label {
  fill: #fff !important
}

.apexcharts-subtitle-text,
.apexcharts-title-text,
.apexcharts-xaxis text,
.apexcharts-yaxis text {
  fill: var(--color-default-400)
}

.apexcharts-yaxis-title {
  font-weight: 50
}

.apexcharts-annotation-rect {
  fill: var(--color-default-100) !important
}

.apexcharts-xaxis-annotations,
.apexcharts-yaxis-annotations {
  rect {
    stroke: none
  }
}

.apex-toolbar {
  .btn-light.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
  }
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  background-color: var(--color-card) !important;
  border-color: var(--color-default-300) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  color: var(--color-default-600) !important;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  box-shadow: var(--shadow) !important
}

.apexcharts-xaxistooltip-bottom {
  &:before {
    border-bottom-color: var(--color-default-200) !important
  }

  &:after {
    border-bottom-color: var(--color-card) !important
  }
}

.apexcharts-xaxistooltip-top {
  &:before {
    border-top-color: var(--color-default-200) !important
  }

  &:after {
    border-top-color: var(--color-card) !important
  }
}

.apexcharts-yaxistooltip-left {
  &:before {
    border-inline-start-color: var(--color-default-200) !important
  }

  &:after {
    border-left-color: var(--color-card) !important
  }
}

.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
  fill: var(--color-body-color) !important
}

.apexcharts-menu {
  background-color: var(--color-card) !important;
  border-color: var(--color-default-300) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  padding: calc(var(--spacing)*1) !important;
  text-align: center !important;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  box-shadow: var(--shadow) !important;

  .apexcharts-menu-item {
    &:hover {
      background-color: var(--color-default-100) !important;
      color: var(--color-default-700) !important
    }
  }
}

.apexcharts-track {
  path {
    stroke: var(--color-default-100)
  }
}

.apexcharts-marker {
  stroke: var(--color-body-bg)
}

.apexcharts-grid {
  rect {
    fill: none
  }
}

.apex-charts .apexcharts-bar-series path,
.apex-charts .apexcharts-heatmap-series rect,
.apex-charts .apexcharts-pie-series path,
.apex-charts .apexcharts-treemap rect {
  stroke: var(--color-card)
}

.apexcharts-data-labels {
  padding-inline-start: 10px !important
}

.apexcharts-svg:focus {
  outline: none !important
}

:root .fc {
  --fc-border-color: var(--color-default-300);
  --fc-non-business-color: var(--color-default-100);
  --fc-button-bg-color: var(--color-primary);
  --fc-button-border-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary);
  --fc-button-hover-border-color: var(--color-primary);
  --fc-button-active-bg-color: var(--color-primary);
  --fc-button-active-border-color: var(--color-primary);
  --fc-neutral-bg-color: var(--color-default-300);
  --fc-neutral-text-color: var(--color-default-700);
  --fc-page-bg-color: #fff
}

#external-events .fc-event,
.fc-event.fc-event-dragging {
  align-items: center;
  border-radius: var(--radius-sm);
  cursor: pointer;
  display: flex;
  padding: 8px 16px;
  text-align: start;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium)
}

.fc-daygrid-day-events {
  display: flex;
  flex-direction: column
}

.fc-event {
  background-color: currentcolor;

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, currentcolor 20%, transparent)
  }
}

.fc-event-draggable.fc-event {
  border-radius: var(--radius-sm);
  margin-top: calc(var(--spacing)*2);
  padding: 4px;
  --tw-border-style: none;
  border-style: none;
  padding-block: calc(var(--spacing)*1.5);
  padding-inline: calc(var(--spacing)*3);
  --tw-font-weight: var(--font-weight-medium);
  color: currentcolor;
  font-weight: var(--font-weight-medium)
}

.fc-daygrid-event-dot {
  border-color: currentcolor;
  display: none
}

.fc-event-main {
  color: currentcolor !important
}

.fc-button {
  align-items: center;
  display: flex !important;
  text-transform: capitalize !important
}

.fc .fc-button-primary:focus {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
}

.fc-toolbar-title {
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading, var(--text-lg--line-height)) !important
}

.pcr-app {
  background: var(--color-card);
  border: 1px solid var(--color-default-300);
  border-radius: 4px;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);

  .pcr-interaction {
    .pcr-type.active {
      background: var(--color-primary)
    }

    .pcr-result {
      background-color: var(--color-card);
      border: 1px solid var(--color-default-300);
      border-radius: .25rem;
      color: var(--color-body-color)
    }

    input {
      background-color: var(--color-light);
      border-radius: .25rem !important;

      &:focus {
        background-color: var(--color-card);
        border-color: color-mix(in srgb, #6658dd 15%, transparent);
        box-shadow: none;

        @supports (color:color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
        }
      }
    }

    .pcr-save {
      background: var(--color-success) !important
    }

    .pcr-cancel,
    .pcr-clear {
      background: var(--color-danger) !important
    }
  }
}

.pickr {
  .pcr-button {
    border-radius: .25rem;
    height: 36px;
    width: 150px;

    &:after,
    &:before {
      border-radius: .25rem
    }
  }
}

.pcr-app[data-theme=classic] {
  .pcr-selection {
    .pcr-color-preview {
      margin-inline-end: .75em;
      margin-inline-start: 0
    }

    .pcr-color-chooser,
    .pcr-color-opacity {
      margin-inline-end: 0;
      margin-inline-start: .75em
    }
  }
}

.pcr-app[data-theme=monolith] {
  .pcr-result {
    min-width: 100%
  }
}

.choices {
  &[data-type*=select-one] {
    cursor: pointer;

    .choices__input {
      background-color: var(--color-card);
      border-color: var(--color-default-300) !important;
      border-radius: var(--radius);
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
      color: var(--color-body-color);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      margin-bottom: 10px;
      min-height: calc(var(--spacing)*9.25);
      padding-inline: calc(var(--spacing)*3);

      &:hover {
        border-color: var(--color-default-300)
      }
    }

    &:after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
      border: 0;
      color: var(--color-light);
      content: "";
      font-size: 20px;
      height: 20px;
      inset-inline-end: 12px;
      inset-inline-start: auto;
      margin-top: 0;
      pointer-events: none;
      position: absolute;
      top: 18px;
      transform: translateY(-50%);
      transition: transform .2s ease-in-out;
      width: 20px
    }

    &.is-open:after {
      margin-top: 0;
      transform: translateY(-50%) rotate(-180deg)
    }

    .choices__button {
      inset-inline-end: 20px
    }
  }

  &[data-type*=select-multiple],
  &[data-type*=text] {
    .choices__inner {
      cursor: text;
      padding: .2266rem .385rem !important
    }

    .choices__button {
      border-left-color: color-mix(in srgb, #fff 50%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        border-left-color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }

      border-right:0
    }

    .choices__list--dropdown {
      padding-bottom: 10px;

      .choices__list {
        margin-bottom: 0
      }
    }
  }

  &[data-type*=select-multiple] {
    .choices__input {
      padding-top: 3px
    }
  }
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  margin-top: 0
}

.input-light {
  .choices__inner {
    background-color: var(--color-light);
    border: none
  }
}

.choices__inner {
  align-items: center;
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-radius: var(--radius) !important;
  border-style: var(--tw-border-style);
  border-width: 1px;
  color: var(--color-body-color);
  display: flex;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  min-height: calc(var(--spacing)*9.25);
  min-height: auto;
  padding-inline: calc(var(--spacing)*3);
  vertical-align: middle;

  &:hover {
    border-color: var(--color-default-300)
  }

  .choices__list--single {
    padding: 0 !important
  }
}

.is-focused,
.is-open {
  .choices__inner {
    border-color: var(--color-default-400)
  }
}

.choices__list--multiple {
  .choices__item {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin: 2px 5px 2px 0;
    padding: 2px 7px;
    vertical-align: initial;
    --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);

    &.is-highlighted {
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary)
    }
  }
}

.is-disabled {
  .choices__list--multiple {
    .choices__item {
      background-color: var(--color-secondary);
      border: 1px solid var(--color-secondary)
    }
  }
}

.choices__list--dropdown {
  background-color: var(--color-card) !important;
  border-radius: var(--radius);
  padding: 10px 10px 20px;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-name: DropDownSlideUp;
  border: 1px solid var(--color-default-300) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  will-change: transform;

  &.is-active {
    animation-name: DropDownSlideUp
  }

  .choices__item--selectable.is-highlighted {
    background-color: var(--color-default-100) !important
  }

  .choices__list {
    margin: 0 -10px -16px;
    scrollbar-width: thin
  }

  .has-no-results {
    font-style: italic;
    font-weight: 500
  }

  .choices__item--selectable:after {
    display: none
  }
}

.choices__list--dropdown {
  .choices__list {
    max-height: 300px
  }

  .choices__item {
    font-size: var(--text-body) !important;
    padding: .4rem 1.125rem .4rem 16px !important
  }
}

.choices__inner {
  &:hover {
    @media (hover:hover) {
      border-color: var(--color-default-500)
    }
  }
}

.choices__heading {
  border-bottom: 1px solid var(--color-default-300);
  color: var(--color-default-400);
  font-weight: 600;
  padding: 10px 16px
}

.choices__input {
  background-color: var(--color-card);
  color: var(--color-body-color);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  margin-bottom: 0;
  padding: 2px 0 2px 2px;

  &:focus {
    border-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  &::-moz-placeholder {
    color: var(--color-default-400)
  }

  &::placeholder {
    color: var(--color-default-400)
  }
}

.choices__placeholder {
  color: var(--color-default-400);
  opacity: 1
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: var(--color-default-100)
}

[data-theme=dark] {
  .choices[data-type*=select-one] {
    .choices__button {
      --tw-brightness: brightness(2);
      --tw-grayscale: grayscale(100%);
      --tw-invert: invert(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  }

  .choices {
    &[data-type*=select-one] {
      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E")
      }
    }
  }
}

.dt-scroll {
  width: 100%;

  .dt-scroll-body {
    border-bottom: none;

    tfoot tr,
    thead tr {
      height: 0
    }

    tfoot tr,
    thead tr {

      td,
      th {
        border-bottom-width: 0 !important;
        border-top-width: 0 !important;
        height: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;

        .dt-scroll-sizing {
          height: 0 !important;
          overflow: hidden !important
        }
      }
    }
  }
}

table.dataTable {

  tfoot>tr,
  thead>tr {

    td,
    th {
      .dt-column-order {
        opacity: 0
      }

      &.dt-ordering-asc,
      &.dt-ordering-desc,
      &:hover {
        .dt-column-order {
          opacity: 1
        }
      }

      &.dt-orderable-asc span.dt-column-order:before,
      &.dt-ordering-asc span.dt-column-order:before {
        bottom: calc(50% - 3px);
        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M6 15l6 -6l6 6'/></svg>");
        display: block;
        position: absolute
      }

      &.dt-orderable-desc span.dt-column-order:after,
      &.dt-ordering-desc span.dt-column-order:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23515964' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        display: block;
        position: absolute;
        top: calc(50% - 3px)
      }

      &.dt-orderable-asc,
      &.dt-orderable-desc,
      &.dt-ordering-asc,
      &.dt-ordering-desc {
        span.dt-column-order {
          height: 20px;
          position: relative;
          width: 12px;

          &:after,
          &:before {
            font-size: .8125rem;
            font-weight: 600;
            inset-inline-start: 0;
            line-height: 9px;
            opacity: .25
          }
        }
      }

      &.dt-ordering-asc span.dt-column-order:before,
      &.dt-ordering-desc span.dt-column-order:after {
        opacity: .6
      }

      &.sorting_asc_disabled span.dt-column-order:before,
      &.sorting_desc_disabled span.dt-column-order:after {
        display: none
      }

      &:active {
        outline: none
      }

      div.dt-column-footer,
      div.dt-column-header {
        align-items: center;
        display: flex;
        gap: 4px;
        justify-content: space-between;

        span.dt-column-title {
          grow: 0 !important;

          &:empty {
            display: none
          }
        }
      }
    }
  }

  tbody {

    >tr.selected,
    >tr>.selected {
      background-color: color-mix(in srgb, #f7b84b 10%, transparent);

      @supports (color:color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-warning) 10%, transparent)
      }

      box-shadow:none !important;
      color:inherit;

      td {
        background-color: color-mix(in srgb, #f7b84b 10%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-warning) 10%, transparent)
        }

        box-shadow:none !important;
        color:inherit
      }
    }

    tr:last-child {
      border-bottom-width: 1px
    }
  }
}

table.dataTable>thead>tr>td,
table.dataTable>thead>tr>th {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
  border-bottom-color: var(--color-default-300)
}

div.dt-scroll-body {
  >table.dataTable {

    >thead>tr>td,
    >thead>tr>th {
      overflow: hidden
    }
  }
}

.dt-processing {
  border: 1px solid var(--color-default-300);
  inset-inline-start: 50%;
  margin-inline-start: -50px;
  margin-top: -22px;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100px;
  z-index: 10;

  >div:last-child {
    height: 15px;
    margin: 1em auto;
    position: relative;
    width: 80px;

    >div {
      animation-timing-function: cubic-bezier(0, 1, 1, 0);
      background: var(--color-primary);
      border-radius: 50%;
      height: 13px;
      position: absolute;
      top: 0;
      width: 13px;

      &:first-child {
        animation: datatables-loader-1 .6s infinite;
        inset-inline-start: 8px
      }

      &:nth-child(2) {
        inset-inline-start: 8px
      }

      &:nth-child(2),
      &:nth-child(3) {
        animation: datatables-loader-2 .6s infinite
      }

      &:nth-child(3) {
        inset-inline-start: 32px
      }

      &:nth-child(4) {
        animation: datatables-loader-3 .6s infinite;
        inset-inline-start: 56px
      }
    }
  }
}

@keyframes preloader {
  0% {
    opacity: 1;
    pointer-events: all;
    visibility: visible
  }

  90% {
    opacity: 1
  }

  to {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
  }
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes datatables-loader-3 {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(0)
  }
}

@keyframes datatables-loader-2 {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(24px)
  }
}

table.dataTable {
  &.nowrap {

    td,
    th {
      white-space: nowrap
    }
  }

  td,
  th {
    box-sizing: border-box;

    &.dt-left {
      text-align: start;

      div.dt-column-footer,
      div.dt-column-header {
        flex-direction: row
      }
    }

    &.dt-center {
      text-align: center
    }

    &.dt-right {
      text-align: end;

      div.dt-column-footer,
      div.dt-column-header {
        flex-direction: row-reverse
      }
    }

    &.dt-justify {
      text-align: justify;

      div.dt-column-footer,
      div.dt-column-header {
        flex-direction: row
      }
    }

    &.dt-nowrap {
      white-space: nowrap
    }

    &.dt-empty {
      text-align: center;
      vertical-align: top
    }
  }

  tfoot,
  thead {

    td,
    th {
      text-align: start;

      &.dt-head-left {
        text-align: start;

        div.dt-column-footer,
        div.dt-column-header {
          flex-direction: row
        }
      }

      &.dt-head-center {
        text-align: center
      }

      &.dt-head-right {
        text-align: end;

        div.dt-column-footer,
        div.dt-column-header {
          flex-direction: row-reverse
        }
      }

      &.dt-head-justify {
        text-align: justify;

        div.dt-column-footer,
        div.dt-column-header {
          flex-direction: row
        }
      }

      &.dt-head-nowrap {
        white-space: nowrap
      }
    }
  }

  tbody {

    td,
    th {
      &.dt-body-left {
        text-align: start
      }

      &.dt-body-center {
        text-align: center
      }

      &.dt-body-right {
        text-align: end
      }

      &.dt-body-justify {
        text-align: justify
      }

      &.dt-body-nowrap {
        white-space: nowrap
      }
    }
  }
}

table.table.dataTable {
  border-spacing: 0;
  clear: both;
  margin-bottom: 0;
  max-width: none
}

.dt-container {
  position: relative;

  .dt-layout-start {
    >:not(:last-child) {
      margin-inline-end: 1em
    }
  }

  .dt-layout-end {
    >:not(:first-child) {
      margin-inline-start: 1em
    }
  }

  .dt-layout-full {
    width: 100%;

    >:only-child {
      margin-inline-end: auto;
      margin-inline-start: auto
    }
  }

  .dt-layout-table {
    >div {
      display: block !important
    }
  }

  .dt-length {
    label {
      font-weight: 400;
      text-align: start;
      white-space: nowrap
    }

    select {
      display: inline-block;
      margin-inline-end: .5em;
      width: auto
    }
  }

  .dt-search {
    text-align: end;

    label {
      font-weight: 400;
      text-align: start;
      white-space: nowrap
    }

    input {
      display: inline-block;
      margin-inline-start: .5em;
      width: auto
    }
  }

  .dt-paging {
    margin: 0;

    ul.pagination {
      flex-wrap: wrap;
      margin: 0;
      padding-top: .75rem
    }
  }

  .dt-row {
    position: relative
  }

  .dt-info {
    padding-top: .75rem
  }
}

table.dataTable.display>tbody>tr:nth-child(odd)>*,
table.dataTable.stripe>tbody>tr:nth-child(odd)>* {
  box-shadow: none
}

.dt-layout-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  margin-bottom: calc(var(--spacing)*4);
  margin-top: calc(var(--spacing)*0) !important;

  .dt-length,
  .dt-search {
    align-items: center !important;
    display: flex !important
  }
}

.dt-length,
.dt-search {
  align-items: center !important;
  display: flex !important
}

.dt-input {
  background-color: var(--color-card);
  border-color: var(--color-default-300) !important;
  border-radius: var(--radius);
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  color: var(--color-default-800);
  display: block;
  font-size: var(--text-xs);
  height: calc(var(--spacing)*7.5) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height));
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  padding-block: calc(var(--spacing)*0);
  padding-inline: calc(var(--spacing)*3);
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: all;
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  &::-moz-placeholder {
    color: var(--color-default-400)
  }

  &::placeholder {
    color: var(--color-default-400)
  }

  &:focus-visible {
    border-color: var(--color-default-300)
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, #e7e9eb 30%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-default-300) 30%, transparent)
    }
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  &:disabled {
    opacity: 70%
  }

  &:disabled,
  &[readonly] {
    cursor: not-allowed
  }

  &[readonly] {
    background-color: color-mix(in srgb, #f6f7fb 80%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-100) 80%, transparent)
    }
  }

  &[readonly] {
    color: color-mix(in srgb, #8a969c 80%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent)
    }
  }

  &::file-selector-button {
    height: 100%
  }

  &[type=file] {
    padding-block: calc(var(--spacing)*0)
  }

  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  &::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
  }

  &::file-selector-button {
    --tw-border-style: solid;
    border-style: solid
  }

  &::file-selector-button {
    border-color: var(--color-default-300)
  }

  &::file-selector-button {
    background-color: transparent
  }

  &::file-selector-button {
    padding: calc(var(--spacing)*0)
  }

  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  &::file-selector-button {
    color: var(--color-default-800)
  }

  &::file-selector-button {
    font-style: normal
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }
}

select.dt-input {
  padding-inline: calc(var(--spacing)*3) !important;
  width: calc(var(--spacing)*18) !important
}

table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover,
table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover {
  outline-style: var(--tw-outline-style);
  outline-width: 0
}

div.dt-paging {
  nav {
    align-items: center !important;
    display: flex !important;

    .dt-paging-button {
      align-items: center !important;
      background-color: var(--color-card) !important;
      border-color: var(--color-default-300) !important;
      border-radius: var(--radius) !important;
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
      color: var(--color-default-600);
      display: flex !important;
      height: calc(var(--spacing)*7.5) !important;
      justify-content: center !important;
      margin-inline: calc(var(--spacing)*.5) !important;
      padding: calc(var(--spacing)*0) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
      transition-property: all !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      width: calc(var(--spacing)*7.5) !important;

      svg {
        height: calc(var(--spacing)*3.5) !important;
        width: calc(var(--spacing)*3.5) !important
      }

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

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover,
div.dt-container .dt-paging .dt-paging-button:focus,
div.dt-container .dt-paging .dt-paging-button:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  --tw-gradient-position: to bottom !important;

  @supports (background-image:linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to bottom in oklab !important
  }

  background-image:linear-gradient(var(--tw-gradient-stops)) !important;
  --tw-gradient-from:var(--color-primary);
  --tw-gradient-to:var(--color-primary);
  --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color:#fff !important;
  fill:var(--color-white) !important;
  transition-duration:var(--tw-duration, var(--default-transition-duration));
  transition-property:all;
  transition-timing-function:var(--tw-ease, var(--default-transition-timing-function))
}

div.dt-container .dt-paging .dt-paging-button.disabled svg {
  color: var(--color-default-400) !important
}

div.dt-container .dt-search input {
  margin-inline-start: calc(var(--spacing)*2)
}

@media screen and (max-width:767px) {
  .dt-container {
    .dt-layout-start {
      >:not(:last-child) {
        margin-inline-end: 0
      }
    }

    .dt-layout-end {
      >:not(:first-child) {
        margin-inline-start: 0
      }
    }
  }
}

.dt-scroll-head {
  table.dataTable {
    margin-bottom: 0 !important
  }

  table.table-bordered {
    border-bottom-width: 0
  }
}

.dt-scroll-body {
  >table {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;

    >thead>tr {
      border-width: 0 !important
    }

    >tbody {
      >tr:first-child {
        border-top-width: 0
      }
    }
  }
}

.dt-scroll-foot {
  >.dt-scroll-footInner {
    box-sizing: content-box;

    >table {
      border-top: none;
      margin-top: 0 !important;

      >tfoot>tr:first-child {
        border-top-width: 0 !important
      }
    }
  }
}

@media screen and (max-width:767px) {
  .dt-container {

    div.dt-info,
    div.dt-length,
    div.dt-paging,
    div.dt-search {
      text-align: center
    }

    div.dt-paging {
      ul.pagination {
        justify-content: center !important
      }
    }
  }
}

.table-responsive {
  >.dt-container {
    >.row {
      margin: 0;

      >div[class^=col-] {
        &:first-child {
          padding-inline-start: 0
        }

        &:last-child {
          padding-inline-end: 0
        }
      }
    }
  }
}

.select-info {
  background-color: color-mix(in srgb, #f7b84b 10%, transparent);

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent)
  }

  --tw-font-weight:var(--font-weight-semibold);
  border-radius:3px;
  font-weight:var(--font-weight-semibold);
  padding:3px 6px;

  .select-item {
    margin: 0 !important
  }
}

div.dt-button-info {
  background-color: var(--color-primary);
  border: none;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  text-align: center;
  z-index: 21;

  h2 {
    background-color: rgba(white, .2);
    border-bottom: none;
    color: #fff
  }
}

.dtfh-floatingparent-head {
  top: var(--topbar-height) !important
}

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  background-color: var(--color-body-bg)
}

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

  div.dt-container div.dt-info,
  div.dt-container div.dt-length,
  div.dt-container div.dt-paging,
  div.dt-container div.dt-search {
    text-align: center
  }

  .dt-paging {
    .pagination {
      justify-content: center
    }
  }

  .dt-length {
    margin-bottom: 10px
  }
}

table.dataTable {

  tfoot,
  thead {
    tr {

      >.dtfc-fixed-end,
      >.dtfc-fixed-start {
        background-color: var(--color-card)
      }
    }
  }

  tbody {
    tr {

      >.dtfc-fixed-end,
      >.dtfc-fixed-start {
        background-color: var(--color-card)
      }
    }
  }
}

.dtfc-bottom-blocker,
.dtfc-top-blocker {
  background-color: var(--color-body-bg)
}

.dt-scroll-body {
  border-left-color: var(--color-body-color) !important
}

.dt-scroll-footInner,
.dt-scroll-headInner {
  table.table-bordered {
    tr {
      th:first-child {
        border-left-color: var(--color-default-300) !important
      }
    }
  }
}

.column-search-input-bar {
  .dt-column-order {
    display: none
  }
}

div.dt-button-collection {
  background-color: var(--color-card) !important;
  border-color: var(--color-default-300) !important;
  border-radius: var(--radius) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: calc(var(--spacing)*1) !important;
  position: absolute !important;
  width: calc(var(--spacing)*28) !important;
  --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  box-shadow: var(--shadow-sm) !important;

  .dt-button {
    border-radius: var(--radius);
    color: var(--color-default-800);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: calc(var(--spacing)*1);
    padding-inline: calc(var(--spacing)*3);
    text-align: left;
    width: 100%;

    &:hover {
      @media (hover:hover) {
        background-color: var(--color-default-100)
      }
    }
  }
}

.dt-control:before {
  display: none !important
}

table.dataTable>tbody>tr>td,
table.dataTable>tbody>tr>th {
  padding: 12px 10px
}

table.dataTable td.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-numeric div.dt-column-header {
  flex-direction: row !important
}

table.dataTable td.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable th.dt-type-numeric {
  text-align: start
}

table.dataTable input.dt-select-checkbox:checked:after,
table.dataTable input.dt-select-checkbox:indeterminate:after {
  display: none !important
}

table.dataTable input.dt-select-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-card) !important;
  background-color: currentcolor;
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: var(--color-default-300) !important;
  border-color: currentcolor;
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  flex-shrink: 0;
  height: calc(var(--spacing)*4.25);
  width: calc(var(--spacing)*4.25);
  --tw-ring-offset-color: var(--color-white);
  cursor: pointer;

  &:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important
  }

  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  &:focus-visible {
    --tw-ring-color: inherit
  }

  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 90%
  }

  &[aria-invalid=true] {
    border-color: color-mix(in srgb, #f1556c 60%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent)
    }
  }

  &[aria-invalid=true] {
    --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent)
    }
  }

  &:checked {
    border-color: inherit
  }

  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  &:checked {
    background-color: currentcolor;
    border-color: transparent
  }
}

table.dataTable input.dt-select-checkbox[type=checkbox]:indeterminate {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important
}

.daterangepicker {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-style: var(--tw-border-style);
  border-width: 1px;
  font-family: var(--font-body);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);

  .calendar-table {
    background-color: transparent;
    border: none;

    td,
    th {
      color: var(--color-body-color);
      text-transform: uppercase
    }

    .next,
    .prev {
      span {
        border-color: var(--color-body-color)
      }
    }
  }

  .ranges {
    li {
      &:hover {
        background-color: var(--color-default-100)
      }

      &.active {
        background-color: var(--color-primary)
      }
    }
  }

  td {
    &.in-range {
      background: var(--color-default-300);
      color: var(--color-body-color)
    }

    &.off,
    &.off.end-date,
    &.off.in-range,
    &.off.start-date {
      background-color: var(--color-card);
      color: var(--color-body-color);
      opacity: .5
    }

    &.active,
    &.active:hover {
      background-color: var(--color-primary);
      color: #fff
    }
  }

  td.active,
  td.active:hover,
  td.available:hover,
  th.available:hover {
    background-color: var(--color-primary);
    color: #fff;

    span {
      border-color: #fff
    }
  }

  &:after {
    border-bottom: 6px solid var(--color-card)
  }

  &:before {
    border-bottom: 7px solid var(--color-default-300)
  }

  .drp-buttons {
    border-top: 1px solid var(--color-default-300);

    .btn {
      font-weight: 500
    }
  }

  .monthselect,
  .yearselect {
    background-color: var(--color-card);
    border: 1px solid var(--color-default-300);
    border-radius: 4px;
    padding: 2px 8px
  }

  select {

    &.ampmselect,
    &.hourselect,
    &.minuteselect,
    &.secondselect {
      background: var(--color-default-100);
      border: 1px solid var(--color-default-300);
      border-radius: 4px;
      color: var(--color-body-color);
      padding: 3px 10px;
      width: auto
    }
  }

  &.show-ranges {
    .drp-calendar.left {
      border-inline-start-color: var(--color-default-200) !important;
      border-inline-start-style: var(--tw-border-style) !important;
      border-inline-start-width: 1px !important
    }
  }
}

.dropzone-close {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e45634' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  height: 16px;
  width: 16px
}

.filepond--root {
  margin-bottom: 0
}

.filepond--panel-root {
  background: var(--color-card);
  border-bottom: 2px dashed var(--color-default-300)
}

.filepond--drop-label {
  color: var(--color-body-color);

  .filepond--label-action {
    font-weight: 500
  }
}

.filepond--credits {
  display: none
}

.filepond--item-panel {
  background-color: var(--color-primary) !important
}

.filepond-uploader.two-grid .filepond--item {
  width: calc(50% - .5em)
}

.filepond-uploader.three-grid .filepond--item {
  width: calc(33.3% - .5em)
}

.filepond--root {
  border: 2px dashed var(--color-default-300);
  border-bottom: 0;
  border-radius: .5em;
  min-height: 70px
}

.flatpickr-input[readonly] {
  cursor: pointer
}

.flatpickr-calendar {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-style: var(--tw-border-style);
  border-width: 1px;
  font-size: var(--text-body);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);

  &.arrowTop {

    &:after,
    &:before {
      border-bottom-color: var(--color-card)
    }
  }

  &.arrowBottom {

    &:after,
    &:before {
      border-top-color: var(--color-card)
    }
  }

  &.open {
    z-index: 1200
  }

  &.inline {
    display: block
  }
}

.flatpickr-current-month {
  font-size: 100%
}

.flatpickr-day {

  &.endRange,
  &.endRange.inRange,
  &.endRange.nextMonthDay,
  &.endRange.prevMonthDay,
  &.endRange:focus,
  &.endRange:hover,
  &.selected,
  &.selected.inRange,
  &.selected.nextMonthDay,
  &.selected.prevMonthDay,
  &.selected:focus,
  &.selected:hover,
  &.startRange,
  &.startRange.inRange,
  &.startRange.nextMonthDay,
  &.startRange.prevMonthDay,
  &.startRange:focus,
  &.startRange:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
  }

  &.endRange.startRange+.endRange:not(:nth-child(7n+1)),
  &.selected.startRange+.endRange:not(:nth-child(7n+1)),
  &.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--color-primary)
  }
}

.flatpickr-time {

  .flatpickr-am-pm:focus,
  .flatpickr-am-pm:hover,
  input:focus,
  input:hover {
    background-color: var(--color-card);
    color: var(--color-default-700)
  }
}

.flatpickr-months {
  .flatpickr-month {
    height: 40px
  }

  .flatpickr-month,
  .flatpickr-next-month,
  .flatpickr-prev-month {
    color: var(--color-body-color);
    fill: var(--color-default-500);
    line-height: 16px
  }
}

.flatpickr-weekdays {
  background-color: var(--color-default-100)
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover,
.flatpickr-day,
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time input,
span.flatpickr-weekday {
  fill: var(--color-default-600);
  --tw-font-weight: var(--font-weight-semibold);
  color: var(--color-default-600);
  font-weight: var(--font-weight-semibold)
}

.flatpickr-current-month input.cur-year {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold)
}

.flatpickr-day {

  &.disabled,
  &.disabled:hover,
  &.nextMonthDay,
  &.notAllowed,
  &.notAllowed.nextMonthDay,
  &.notAllowed.prevMonthDay,
  &.prevMonthDay {
    color: var(--color-default-400)
  }

  &.inRange,
  &.nextMonthDay.inRange,
  &.nextMonthDay.today.inRange,
  &.nextMonthDay:focus,
  &.nextMonthDay:hover,
  &.prevMonthDay.inRange,
  &.prevMonthDay.today.inRange,
  &.prevMonthDay:focus,
  &.prevMonthDay:hover,
  &.today.inRange,
  &:focus,
  &:hover {
    background-color: var(--color-default-100);
    border-color: var(--color-default-100)
  }
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border-color: var(--color-default-300);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.numInputWrapper:hover {
  background-color: transparent;
  color: var(--color-default-600)
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  margin-inline-start: 10px;
  width: 8ch
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
  border-color: var(--color-default-300);
  border-radius: 4px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  font-weight: 400;
  padding: 2px 8px
}

.flatpickr-day.inRange {
  box-shadow: -5px 0 0 var(--color-default-100), 5px 0 0 var(--color-default-100)
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--color-default-400);
  opacity: .5;
  text-decoration: line-through
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--color-default-300);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px
}

.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: none
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  color: var(--color-default-400)
}

[data-inline-date=true],
[data-time-inline] {
  display: none
}

.jvm-tooltip {
  background-color: #223058;
  font-family: var(--font-body);
  font-size: var(--text-body);
  padding: 4px 10px
}

.jvm-container {
  text {
    fill: var(--color-body-color);
    font-family: var(--font-body)
  }
}

.jvm-zoom-btn {
  background-color: #2b2c34;
  font-size: 18px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px
}

.jvm-zoom-btn.jvm-zoomin {
  top: 6px
}

.noUi-target {
  background-color: var(--color-light);
  border: none;
  box-shadow: none
}

.noUi-handle {
  background: var(--color-card);
  border: 1px solid var(--color-light);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow)
}

.noUi-connect {
  background: var(--color-primary)
}

.noUi-horizontal {
  height: 8px;

  .noUi-handle {
    border-radius: 50%;
    height: 20px;
    inset-inline-end: -10px !important;
    top: -7px;
    width: 20px;

    &:after,
    &:before {
      display: none
    }

    &:focus {
      outline: 0
    }
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-primary)
    }
  }
}

[data-slider-style=line] {
  &.noUi-horizontal {
    .noUi-handle {
      background: var(--color-primary);
      border-radius: 4px;
      box-shadow: none;
      inset-inline-end: -8px !important;
      width: 8px
    }
  }
}

.noUi-vertical {
  width: 8px;

  .noUi-handle {
    border-radius: 50%;
    height: 20px;
    inset-inline-end: -6px;
    inset-inline-start: auto;
    top: -6px;
    width: 20px;

    &:after,
    &:before {
      display: none
    }

    &:focus {
      outline: 0
    }
  }

  .noUi-origin {
    top: 0
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-primary)
    }
  }
}

.noUi-tooltip {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-radius: 4px;
  color: var(--color-body-color);
  font-weight: 600;
  padding: 5px 10px
}

.noUi-marker {
  background: var(--color-default-300)
}

.noUi-value-horizontal {
  color: var(--color-secondary-color);
  padding-top: 4px
}

[data-slider-size=sm] {
  &.noUi-horizontal {
    height: 4px;

    .noUi-handle {
      height: 16px;
      width: 16px
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        border-radius: 4px;
        inset-inline-end: -6px !important;
        top: -6px !important;
        width: 6px
      }
    }
  }
}

[data-slider-size=lg] {
  &.noUi-horizontal {
    height: 12px;

    .noUi-handle {
      height: 24px;
      width: 24px
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        border-radius: 4px;
        inset-inline-end: -10px !important;
        width: 10px
      }
    }
  }
}

[data-slider-color=primary] {
  .noUi-connect {
    background: var(--color-primary)
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-primary)
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        background: var(--color-primary)
      }
    }
  }
}

[data-slider-color=secondary] {
  .noUi-connect {
    background: var(--color-secondary)
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-secondary)
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        background: var(--color-secondary)
      }
    }
  }
}

[data-slider-color=warning] {
  .noUi-connect {
    background: var(--color-warning)
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-warning)
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        background: var(--color-warning)
      }
    }
  }
}

[data-slider-color=success] {
  .noUi-connect {
    background: var(--color-success)
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-success)
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        background: var(--color-success)
      }
    }
  }
}

[data-slider-color=danger] {
  .noUi-connect {
    background: var(--color-danger)
  }

  [data-theme=dark] & {
    .noUi-handle {
      background: var(--color-danger)
    }
  }

  &[data-slider-style=line] {
    &.noUi-horizontal {
      .noUi-handle {
        background: var(--color-danger)
      }
    }
  }
}

.password-bar {
  display: flex;
  gap: 12px;

  .strong-bar {
    background: var(--color-light);
    border-radius: 10px;
    flex: 1;
    height: 6px;
    transition: background .3s;

    &.bar-active-1 {
      background-color: var(--color-danger)
    }

    &.bar-active-2 {
      background-color: var(--color-warning)
    }

    &.bar-active-3 {
      background-color: var(--color-primary)
    }

    &.bar-active-4 {
      background-color: var(--color-success)
    }
  }
}

.password-box {
  p {
    padding-inline-start: 12px;

    &.valid {
      color: var(--color-success);

      &:before {
        content: "✔️";
        inset-inline-start: -8px;
        position: relative
      }
    }

    &.invalid {
      color: var(--color-danger);

      &:before {
        content: "✖";
        inset-inline-start: -8px;
        position: relative
      }
    }
  }
}

.ql-editor {
  text-align: start;
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);

  ol,
  ul {
    padding-inline-end: calc(var(--spacing)*0);
    padding-inline-start: 1.5em
  }

  li:not(.ql-direction-rtl):before {
    margin-inline-end: .3em;
    margin-inline-start: -1.5em;
    text-align: end
  }

  li {
    padding-inline-start: 1.5em !important
  }

  .ql-ui:before {
    display: inline-block;
    margin-inline-end: .3em;
    margin-inline-start: -1.5em;
    text-align: end;
    white-space: nowrap;
    width: 1.2em
  }
}

.ql-container {
  font-family: var(--font-body);

  &.ql-snow {
    border-color: var(--color-default-300);
    border-radius: 0 0 4px 4px;
    min-block-size: 12rem
  }
}

.ql-toolbar {
  font-family: var(--font-body) !important;

  button,
  span {
    color: var(--color-body-color);
    outline: none !important;

    &:hover {
      color: var(--color-primary) !important
    }
  }

  &.ql-snow {
    border-color: var(--color-default-300);
    border-radius: 4px 4px 0 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;

    .ql-picker.ql-expanded {
      .ql-picker-label {
        border-color: transparent
      }
    }

    .ql-picker-options {
      border-radius: var(--radius);
      --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      box-shadow: var(--shadow-sm)
    }

    .ql-formats {
      border: 1px solid var(--color-default-300);
      border-radius: 3px;
      margin-inline-end: 10px;

      button,
      span {
        i {
          color: var(--color-body-color);
          line-height: 18px
        }

        &:hover {
          i {
            color: var(--color-primary)
          }
        }
      }
    }
  }

  .ql-picker-label,
  button {
    display: flex;

    svg {
      height: 16px;
      width: 16px;

      &:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        right: auto
      }

      &:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*0)
      }
    }
  }
}

.ql-snow {
  a {
    color: var(--color-primary)
  }

  .ql-picker {
    font-size: 14px
  }

  .ql-picker.ql-expanded .ql-picker-label {
    color: var(--color-body-color) !important
  }

  .ql-picker-options {
    background-color: var(--color-card);
    border-color: var(--color-default-300) !important
  }

  .ql-tooltip {
    background-color: var(--color-card);
    border-color: var(--color-default-300);
    color: var(--color-body-color);
    padding: 8px 16px;
    --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, .03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);

    input[type=text] {
      border: 1px solid var(--color-default-300) !important;
      border-radius: 4px;

      &:focus,
      &:focus-visible {
        border: 1px solid var(--color-default-300) !important
      }
    }
  }
}

.ql-bubble {
  border: 1px solid var(--color-default-300);
  border-radius: 4px;

  .ql-tooltip-editor {
    input::-moz-placeholder {
      color: var(--color-default-400)
    }

    input::placeholder {
      color: var(--color-default-400)
    }
  }
}

.ql-tooltip {
  .ql-toolbar {
    button {
      color: #fff !important;

      &:hover {
        color: var(--color-primary) !important
      }
    }
  }
}

.select2-container {
  width: 100% !important;

  .select2-selection--single {
    background-color: var(--color-card);
    border-color: var(--color-default-300);
    border-style: var(--tw-border-style);
    border-width: 1px;
    height: calc(var(--spacing)*9.25);
    outline: none;

    .select2-selection__rendered {
      color: var(--color-body-color);
      line-height: 36px;
      padding-inline-start: 12px
    }

    .select2-selection__arrow {
      align-items: center;
      display: flex;
      height: 34px;
      inset-inline-end: 3px;
      justify-content: center;
      width: 34px;

      b {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
        border: 0;
        height: 20px;
        margin: -10px;
        transition: transform .2s ease-in-out;
        width: 20px
      }
    }
  }
}

.select2-container--open {
  .select2-selection--single {
    .select2-selection__arrow {
      b {
        transform: rotate(-180deg)
      }
    }
  }
}

.select2-results__option {
  padding: 6px 12px
}

.select2-container--default .select2-results__option--group {
  padding: 0
}

.select2-dropdown {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-style: var(--tw-border-style);
  border-width: 1px;
  z-index: 100;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow)
}

.select2-results__options {
  &::-webkit-scrollbar {
    -webkit-appearance: none
  }

  &::-webkit-scrollbar:vertical {
    margin-inline-end: 5px;
    width: 5px
  }

  &::-webkit-scrollbar:horizontal {
    height: 5px
  }

  &::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, #313a46 20%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark) 20%, transparent)
    }

    border:none;
    border-radius:10px;
    margin-inline-end:5px
  }

  &::-webkit-scrollbar-track {
    border-radius: 10px
  }

  &::-webkit-scrollbar-corner,
  &::-webkit-scrollbar-track {
    background-color: transparent
  }
}

.select2-container--default {
  .select2-results__option--selected {
    background-color: var(--color-default-100)
  }

  .select2-search--dropdown {
    background-color: var(--color-card);
    padding: 10px;

    .select2-search__field {
      background-color: var(--color-card);
      border-color: var(--color-default-300);
      border-radius: var(--radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      color: var(--color-body-color);
      outline: none;

      &:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 0
      }

      &:focus-visible {
        border-color: var(--color-default-500)
      }

      &:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none
      }
    }
  }

  .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-primary)
  }

  .select2-results__option[aria-selected=true] {
    background-color: var(--color-card);
    color: var(--color-body-color);

    &:hover {
      background-color: var(--color-primary);
      color: var(--color-white)
    }
  }

  .select2-selection--multiple {
    .select2-selection__choice__display {
      padding-inline-end: 5px;
      padding-inline-start: 36px
    }
  }

  .select2-selection--single {
    .select2-selection__arrow {
      inset-inline-end: 1px;
      inset-inline-start: auto
    }
  }
}

.select2-container {
  .select2-selection--multiple {
    background-color: var(--color-card);
    border-color: var(--color-default-300) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    display: flex;
    height: calc(var(--spacing)*9.25);

    .select2-selection__rendered {
      margin-bottom: 0;
      padding: 1px 4px
    }

    .select2-search__field {
      border: 0;
      color: var(--color-body-color)
    }

    .select2-selection__choice {
      background-color: var(--color-primary);
      border: none;
      border-radius: 3px;
      color: #fff;
      margin-top: 6px;
      padding: 0 7px 0 0
    }

    .select2-selection__choice__remove {
      border-color: color-mix(in srgb, #6658dd 70%, transparent);
      color: #fff;
      margin-inline-end: 7px;

      @supports (color:color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 70%, transparent)
      }

      padding:0 8px;

      &:hover {
        background-color: var(--color-primary);
        color: #fff
      }
    }
  }

  .select2-search--inline {
    .select2-search__field {
      font-family: var(--font-body);
      margin-top: 7px
    }
  }

  .select2-search {
    textarea {
      &::-moz-placeholder {
        color: var(--color-default-400)
      }

      &::placeholder {
        color: var(--color-default-400)
      }
    }
  }
}

[dir=rtl] .select2-container--open .select2-dropdown {
  inset-inline-end: 0;
  inset-inline-start: auto
}

[data-theme=dark] {
  .select2-container {
    .select2-selection--single {
      .select2-selection__arrow {
        b {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E")
        }
      }
    }
  }
}

.nested-sortable {
  .nested-sortable {
    margin-top: 10px
  }
}

.nested-sortable-handle {
  .nested-sortable-handle {
    margin-top: 10px
  }
}

.sort-handle {
  cursor: move;
  font-size: 16px;
  margin-inline-end: 10px;

  &:hover {
    color: var(--color-primary)
  }
}

.sortable-item-ghost {
  background-color: var(--color-default-100);
  border-radius: 4px
}

.swal2-container {
  .swal2-title {
    color: var(--color-body-color);
    font-size: 20px;
    font-weight: 500
  }
}

.swal2-popup {
  background-color: var(--color-card);
  border-radius: var(--radius);
  color: var(--color-body-color);
  padding: 2rem;
  width: 28em;

  .swal2-html-container {
    color: var(--color-body-color);
    font-size: 16px !important
  }
}

.swal2-footer {
  border-top: 1px solid var(--color-border-color);
  color: var(--color-body-color)
}

.swal2-icon {
  &.swal2-question {
    border-color: var(--color-info);
    color: var(--color-info)
  }

  &.swal2-success {
    [class^=swal2-success-line] {
      background-color: var(--color-success)
    }

    .swal2-success-ring {
      border-color: var(--color-success)
    }
  }

  &.swal2-warning {
    border-color: var(--color-warning);
    color: var(--color-warning)
  }
}

div:where(.swal2-icon) {
  height: 4em;
  margin: .5rem auto;
  width: 4em;

  .swal2-icon-content {
    font-size: 3em
  }

  &.swal2-info {
    border-color: var(--color-info);
    color: var(--color-info)
  }
}

.swal2-styled {
  &:focus {
    box-shadow: none
  }
}

.swal2-loader {
  border-color: var(--color-primary) transparent var(--color-primary) transparent
}

.swal2-timer-progress-bar {
  background-color: color-mix(in srgb, #0acf97 30%, transparent);

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-success) 30%, transparent)
  }
}

.swal2-progress-steps {
  .swal2-progress-step {
    background: var(--color-primary);

    &.swal2-active-progress-step {
      background: var(--color-primary);

      &~.swal2-progress-step,
      &~.swal2-progress-step-line {
        background-color: color-mix(in srgb, #6658dd 30%, transparent);

        @supports (color:color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
        }
      }
    }
  }

  .swal2-progress-step-line {
    background: var(--color-primary)
  }
}

.swal2-actions.swal2-loading {
  .swal2-styled.swal2-confirm {
    border-left-color: var(--color-primary) !important;
    border-right-color: var(--color-primary) !important
  }
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  border: 1px solid var(--color-default-300);

  &:focus {
    border-color: var(--color-default-400);
    box-shadow: none
  }
}

.swal2-input {
  background-clip: padding-box;
  background-color: var(--color-card);
  border: 1px solid var(--color-default-300) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  color: var(--color-body-color);
  display: block;
  font-family: var(--font-body);
  font-weight: 400;
  height: auto;
  padding: 8px 12px
}

.swal2-close {
  font-family: var(--font-body);
  font-size: 42px;
  height: 1em;
  inset-inline-end: 5px;
  position: absolute;
  top: 5px;
  width: 1em;

  &:focus {
    box-shadow: none
  }

  &:hover {
    color: var(--color-danger)
  }
}

.swal2-validation-message {
  background-color: transparent
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  top: 1.95em;
  width: 1.9375em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.4em;
  width: 1em
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  inset-inline-end: .5em;
  top: 1.85em;
  width: 2.25em
}

.swal2-backdrop-show {
  backdrop-filter: blur(2px);
  background: var(--color-emphasis-color)
}

.tg-backdrop {
  z-index: 1001
}

.tg-dialog {
  background-color: var(--color-card) !important;
  color: var(--color-body-color);

  .tg-arrow {
    background-color: var(--color-card) !important
  }
}

.tg-dialog-btn {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-white) !important
}

.tg-dialog-close-btn {
  align-items: center;
  background-color: color-mix(in srgb, #f7b84b 75%, transparent) !important;
  border-radius: 50%;
  display: flex;
  height: 20px !important;
  justify-content: center;
  width: 20px !important;

  @supports (color:color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-warning) 75%, transparent) !important
  }
}

.jstree-wholerow {
  background-color: var(--color-card)
}

.jstree-default {
  height: auto;
  padding: 2px 6px;

  .jstree-clicked,
  .jstree-hovered {
    background: var(--color-default-100);
    box-shadow: none
  }

  .jstree-clicked {
    background-color: color-mix(in srgb, #6658dd 15%, transparent);

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
    }

    color:var(--color-primary)
  }

  .jstree-anchor,
  .jstree-icon,
  .jstree-icon:empty {
    border-radius: 4px;
    height: 22px;
    line-height: 22px
  }

  .jstree-icon,
  .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABgCAYAAABsS6soAAANvklEQVR4Ae3dX2wcRx0H8N/snf+kDomTSKWliFwEQogK1UVISBUSvjgNqkA0QSDVTqvYSAilQrXvAVVIoDhCPPB0diSoEA92VGLTB2j7gCKaXC6VeKV2oSAoan0piLZAGqeJY9/+G36ze+dejBPs292Ztff7kTa3d754785335v5ze4OEbRtcqYiyaCsbx+yDe8/AAAwozx7rkAGZX37AFFZBG2zZOcCGZT17UO2xdEFRgBGwK9+jQzK+vYBAAAA9CvPnu8ng7K+fci2OGrQ6AJHYEmrSgZlffuQbXHUoPMEbZMkL5FBWd8+6FX91ffGdu++51GyuN3k+xRctmrexpfXrv7rxeI3fjRBCYqjBi0IIOXaHe0bHRrYFu/vtDz/Vy5MVO///Nf7hRBS8iO6ce1d4Tp1CqJIPUIhgkDhL0Z6408X5x/6yvcfpJRDCzCC8mxluDQ4ME2aTZ6tjI8eGxg3tf2m1u2XZ6sF/ubvLx0z93iS1E4IbZcAbvI59cLAI3Htylu0vLRIO3vv4dCzWppSklQMfvij9/f9ZupbfV8e+fk8JUTVAEuDj9Qogk0HYPlsZdgSlhwdKp6hFFEfwNJgsUYaWZKm+GKadBN0kkNQvddOGtl+Q/P5q9fekrLKn4NpStBGAyWpQ6Q2E2hJPAbTz19Klzx3RTXwhOfadNfOfbRrz71h628Nz3VI5Gg3JahRA4z0JdNmC9CfnpypUlpCULWI1PcTr54ijbgfME2mcAjyG2+RDFLPfzX8SBYoAzYSLtut5dckPY9ce4V7wLzq2kJYOb6+vM49BQdgnZIWRw0wwihwEILHybAg/ETQEtJu7NihETJJUG8Y/mZIK3cqS+GXZuWz1b7JsxfnKEFhF3iZHGdZeJ5NPoecuu46K2uWZfK85ANwbGjgAEUUcTcYsyFoMvyC7c9WjG17VdgdHifNstbySzMVfpaQz/vkJvqFLH03aNl5XAf0uQscroeBp1qCwaLCL1gcSlpK9gM0E4Kmwy8gaXxy5kLw3CdnL1ab3SMVDmp9YrYyFf6sclJdPz1z8YvB9ZlKvMfQqhCcuXhV1/ZvG378eujYfpap1zYYcGo4HdTkOfyke7R07HBiAw6KlF7QwlOh53ML0HNscuzl4HoQhG4Ygo7N1/nnSUvRfoD+dHnq3MulkWgjMhuVivCjW2s9o4MHi831xmBMy88GVG3yVMv/i9x0v4WU8779frE0cnQx6e3fseUnwgDU/vyzRHp9Flll/jsUczzqLgWVOfyKSYef0uwCBw+D1217ibqcnSQaf+rW4qgKxKQZrgG28OVw1sLPsNrqWhB+11fDL0no9ppXGjr0AgdRUHsNw8/TEn7nZ8bGduz4UB/X/aQKt46ODnnz+hWyV26ommCweE5LF1hDCzCOGmD0FiCH3+jjh7SMBiP81tAYfkqjZYfWm2FqX8vyzIVFqjvzuhoe3d3dj/bs7O3lUeBgR2c1FJzv6CAVgt09uxptQBG0DNUVz0l+EEQdi14afPgSRRAtADWGX1j3CHZ1GV/v577rv0zZUvNt56iu8IN0US1B0sjjjx4PeqhDPhqlDRHsC6j6oV4Qig38U6Fu01IDDI5F17wfoOXXSFpaw09ptD607ueXXrLm150RXd/+ACRdNQCimnjhUW+8+J6jhob59lzLHcOD4fTsBxj9WPT2WoCaww9u5devZ7Lll4ZJcEzu5Gzy+dtOfdGp3yRhqacvgs4uh5yQVn5NAIbHAqvdZJI2NnSoSBFtOgCj9rkhOnR7zcjyLGQd9fzIe++9S3kr19u8jQdg+F9R6Nm5q/DBPcM64M2la/N1r+dVSlAcNUCcDQYA2ladGutdztUfWHt73et69ejIRKJf1OoLabsedggAcEcTMxeqBAAAAAAZEsecNJgTBAC2pDjmpEEAAsCWhDlpAAAAALJGzUlDEaELDABbUmNOmmi/gwAiCE52moYzY0PmGJ2TB0ImAwDhAwBgUHmq2qsWAtAMNcAUMBkAaQgfq9sfVQsBaBZHDTCmOUGyq+XDr/1chSa3vUpInJkGjIijBogAjMpkAKQgfEYfOzRJAAYYn5cbYO00jQC6oAaYAiYDIA3hY5F/XC0EoBn2A0wBkwGQhvDxfe+yWghAM9QAU8Dkhz8NwVM6dniaEvbT18+1dSr6Jz/5SGxnC27nMcS1/XZPxb/dz5YcRw0QARiRjgBI47YnZ6rHfUEvk0+94WMpJj45t2mbCbR2Qxs2Th0EMDo4EGkPiNgC8PRZLkgKsfDU0MHE5+dVE6SPHhsYpxQon632qUsTAdC6be2vifALlhTjwpKX+JNe41sSf/4bDaAkw2cjvzvOlifcgQzmCDcfgKdnKmP8rijzX72fdBB0kj/wlIYQtCz/0caq9gBsbptfiyPqNaHbTBqfHFmQkoa5GDNGsO0d/NqJhZ2FTxXUejj7b3NWNRFMhWlf/Tddf+O1YSHE2Er95gP1+opYsZfJtldql//2hwMUNxH9/R45AFXLg18I/cejpiQEfddNdOq//7dtK9dxkoTsI5OENcaj0S82Jq8HE6Sc98kfsURujhLSfd8nCvd99QR39MKpL5uXilp//40/0nt/faWQ7+jsPXy4X3R15+nG0g167rlf76cERO3+KpFGgVX4NVoeZoQhOE4GlZ740gtqIQMsK8/BZzj8ApK7w7KK/QENUeFnO0ctykfeLeROHMflhbhFJ2+5VEu97pPj+uQ2JkT/59vv0MKbb1Ft4e8ybCvGL44TgbQdgMbDr8lwCJafPd+vFtIs7tc/OLPMzIXj4frFanPkUYWaWp+YrUx9cL8Kf/HL/lt/A0JQk1pjCXADbDoIv86u55PuCdiOK23bD4IvvAwXx5HhElx3g/t+5N57qLd3N/Xu2c1tQ5FMTVQa6gIHxXfhp+c0TDF0h4NvEylro0OHzqgA4PV+tRuB+kBb0l+QgqbHBgdGwvvROP9R+9WAj5Wzpnj70/wrLlGbNrttTibV4jxCMWrtTowOHiw21xvdWrHmfqcaj6X/1t+iQpBUCBbRHU4G/yHmvbpdsro6qxx+l6RtlTj8qjrKIK7rChV+KnnCSAsrgc3usO1wC9C3+VZBL710STZqgFIm1AI0VgNUo47lsxWuN1CiTe5NiRiCmw2A1etDA5GLu5vdtjoDjOiShXR0f9dCCCaJo+RIrrNzkUOQ3yfdi1anrOqqAa9cX5Q3//O2WK3/NW5vvkHrN94PusCNwGsZJ0mmARhHDbDtQZDSsYHp8i/O91qWVaa0SNHocJJKI8VFDsGi1UXVlhCskUZrvwhAH+4RDOe6Ontl8LdXX4R6XP1z9ZtXXqvuV3UzK9/Zl8/ljkjyF+v1+sTqnWw6w/8OhyPDFPTRk2J8P8DS4w9PcODsjqMpuhnbfQ/3jbhNCEJGyKAEondf6zf/Mj/96c88NOVLfz+3Avd4nrfALUHR3dndrxp5vutMvl77fe2+/WGn6GDxC+Lcb89TYh/WNOwHyK2tU6rVpTsEoTUEZWK7PsCtsryTM4de780Vu8bdXF5Uvc9Vu2LxZTj4sXfXbtqzZ1ezC0zV6u9UgVAkNgychv0AlZYQBM3CEDzHIdiRnnpsQkwfXpb1w9s46MZd1xn1PA4/z1WDInzpqUvp8ADJDXtl8erVq/OX//F2cHjkiSe/K+r2MiWVf0ZrgGupECxPPY+5IQwojTxS49f+KEFicHgb0Y2lpSrn3ZzjOTzi65Bj2+TxyK/v2bTCrcBr71ynTquz8PEDHwuODPrs5/rofKVClhSJnLj39Gxl6qnBgRECAMiads+S0wrnAwSALcoaJgAAAADIkNONwzOjQBcYALak4FRsESEAAWCLQg0QAAAAIFtQAwSAzEINEAAyDDVAAAAAgGwJzp4eEbrAALA1/c+8NJuHAASALUnNy0MAAAAAkCGoAQJAdqEGCABZhRogAECadM89U7hr7pmFHbwQxE7expUrVxb4okAAGRFHDTC2SZEUFX7cp1YPqkAJTNRtP/GDBTUJgJ+zijumT9Vaf7Y8fLKQ8/yq+nnXsz88QAnpmfvJsEd5ufLgt89QiriuW+CLKodgUQhRI4DtLk01wNbw4xCq8VKkuPk+CW7lWBx0KvCaNzfDj1QLiO+TNIv86e65nx2n9ClQGIIFAtjm4qgBxjLV33rht/LgiRrFbPmxpwu5XL5KQhQkt3JUS1Dd3gw//uDXfM8t7vjlj2uUENUClGQFp+HxyRrW3RJU3d31bl9aWgoWJZ/P1/bt25dYKxhgu4jcAtQVfooKNo8DjlOg1mwJ6gy/tdLUEuzp6aG77747WPbu3VsggG2Oa4CRxxk2HIDNgQ0VeM3bdIZf09oQNBV+TSnuDgNsbzGUejbVAuT+coGXqgo+E+G3qrubH3nLQ1fr6jZDwhD84IsBAJKX84OadyQbDkA/HNSoNUPQVPi1Dnioll9rd7h1YESnsBaoKfwBIPCdxwcuU0QbDkD1AW8NQUpB+Klu79qaoO4QNDEQAgCaa4BKawhq7/bS+qO96w2MkCYIPwCDYqgBbnpH6EbgmdnFwvdJBe/aAQ+1vvzY08VgF5n19xKJjSCrFuyMjfADMCqOGiBs0s65Z/pNjvrKDSIAgO0GAQgQiqMGGOuxwJA8wQgA9O8HCACQFqgBAgAAAGTN5Ewlcq0bXWAAAAAAAAAAAID0iqMGCACQWf8Fha2pRhFl0xYAAAAASUVORK5CYII=)
  }

  .jstree-last {
    background: transparent
  }

  .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
  }

  .jstree-disabled {
    color: var(--color-default-400)
  }
}

.jstree-wholerow {

  &.jstree-wholerow-clicked,
  &.jstree-wholerow-hovered {
    background: var(--color-default-100)
  }
}

.vakata-context,
.vakata-context ul {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);

  .vakata-context-hover>a {
    background-color: var(--color-default-100);
    box-shadow: none !important
  }

  .vakata-context-separator,
  .vakata-contextmenu-sep,
  li>a>i:empty {
    display: none !important
  }

  li>a {
    color: var(--color-default-600);
    text-shadow: none;

    &:hover {
      background-color: var(--color-default-100);
      color: var(--color-default-700)
    }
  }

  ul {
    margin-inline-start: 0
  }
}

.treeview-folder-filled {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f8ac59' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9 3a1 1 0 0 1 .608.206l.1.087L12.414 6H19a3 3 0 0 1 2.995 2.824L22 9v8a3 3 0 0 1-2.824 2.995L19 20H5a3 3 0 0 1-2.995-2.824L2 17V6a3 3 0 0 1 2.824-2.995L5 3z'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 16px !important
}

.treeview-folder-open {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f8ac59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 19 2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 16px !important
}

.treeview-article {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-article' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM7 8h10M7 12h10M7 16h10'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 16px !important
}

.treeview-star {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-star' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m12 17.75-6.172 3.245 1.179-6.873-5-4.867 6.9-1 3.086-6.253 3.086 6.253 6.9 1-5 4.867 1.179 6.873z'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-file {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1M9 13h6M9 17h6'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-icon-ban {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-ban' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-icon-user {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-user' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-icon-link {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-link' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m9 15 6-6M11 6l.463-.536a5 5 0 0 1 7.071 7.072L18 13M13 18l-.397.534a5.07 5.07 0 0 1-7.127 0 4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-icon-database {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-database' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.treeview-icon-arrow {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-right' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E") no-repeat 50%/contain !important;
  width: 14px !important
}

.twitter-typeahead {
  display: inherit !important
}

.tt-hint,
.tt-query {
  outline: none
}

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.tt-hint {
  background-color: var(--color-card) !important;
  color: var(--color-body-color)
}

.tt-menu {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  border-style: var(--tw-border-style);
  border-width: 1px;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
  width: 100%;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, .15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow)
}

.tt-suggestion {
  line-height: 24px;
  padding: 3px 20px;

  &.tt-cursor,
  &:hover {
    background-color: var(--color-primary);
    color: #fff;
    cursor: pointer
  }

  p {
    margin: 0
  }
}

.tt-highlight {
  font-family: var(--font-body)
}

.typeahead-empty-message {
  color: var(--color-danger);
  padding: 5px 10px
}

.league-name {
  padding: 3px 20px
}

.auth-logo img {
  height: 28px
}

.sortable-fallback {
  opacity: 1 !important;

  .card {
    opacity: 1 !important;
    transform: rotate(10deg)
  }
}

.sortable-item-ghost {
  .card {
    background-color: color-mix(in srgb, #f7b84b 10%, transparent) !important;

    @supports (color:color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important
    }
  }
}

@layer base {

  input:where(:not([type])),
  input:where([type=date]),
  input:where([type=datetime-local]),
  input:where([type=email]),
  input:where([type=month]),
  input:where([type=number]),
  input:where([type=password]),
  input:where([type=search]),
  input:where([type=tel]),
  input:where([type=text]),
  input:where([type=time]),
  input:where([type=url]),
  input:where([type=week]),
  select,
  select:where([multiple]),
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000;

    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
        );
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --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);
      border-color: oklch(54.6% .245 262.881);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1
  }

  input::placeholder,
  textarea::placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

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

  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='oklch(55.1%25 0.027 264.364)' 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;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  select:where([multiple]),
  select:where([size]:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
  }

  input:where([type=checkbox]),
  input:where([type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: oklch(55.1% .027 264.364);
    border-width: 1px;
    color: oklch(54.6% .245 262.881);
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
  }

  input:where([type=checkbox]) {
    border-radius: 0
  }

  input:where([type=radio]) {
    border-radius: 100%
  }

  input:where([type=checkbox]):focus,
  input:where([type=radio]):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
        /*!*/
        /*!*/
      );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --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)
  }

  input:where([type=checkbox]):checked,
  input:where([type=radio]):checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
  }

  input:where([type=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 0'/%3E%3C/svg%3E");

    @media (forced-colors:active) {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto
    }
  }

  input:where([type=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");

    @media (forced-colors:active) {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto
    }
  }

  input:where([type=checkbox]):checked:focus,
  input:where([type=checkbox]):checked:hover,
  input:where([type=radio]):checked:focus,
  input:where([type=radio]):checked:hover {
    background-color: currentColor;
    border-color: transparent
  }

  input:where([type=checkbox]):indeterminate {
    background-color: currentColor;
    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-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent;

    @media (forced-colors:active) {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto
    }
  }

  input:where([type=checkbox]):indeterminate:focus,
  input:where([type=checkbox]):indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
  }

  input:where([type=file]) {
    background: unset;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: unset;
    line-height: inherit;
    padding: 0
  }

  input:where([type=file]):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes ping {

  75%,
  to {
    opacity: 0;
    transform: scale(2)
  }
}

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

@layer properties {
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    ::backdrop,
    :after,
    :before {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: ""
    }
  }
}
/* CUSTOM SCROLLBAR OVERRIDE */
::-webkit-scrollbar { width: 6px !important; height: 6px !important; } ::-webkit-scrollbar-track { background: transparent !important; } ::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.5) !important; border-radius: 10px !important; } ::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, 0.8) !important; } html[data-theme='dark'] ::-webkit-scrollbar-thumb, html[data-bs-theme='dark'] ::-webkit-scrollbar-thumb, html[data-menu-color='dark'] ::-webkit-scrollbar-thumb, html[data-menu-color='gray'] ::-webkit-scrollbar-thumb, .app-menu ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2) !important; } .simplebar-scrollbar::before { background: rgba(100, 116, 139, 0.5) !important; border-radius: 10px !important; opacity: 1 !important; } html[data-theme='dark'] .simplebar-scrollbar::before, html[data-bs-theme='dark'] .simplebar-scrollbar::before, html[data-menu-color='dark'] .simplebar-scrollbar::before, html[data-menu-color='gray'] .simplebar-scrollbar::before, .app-menu .simplebar-scrollbar::before { background: rgba(255, 255, 255, 0.2) !important; }