code, kbd, samp, pre {
    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-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
:-moz-focusring {
    outline: auto;
  }
:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
:-moz-ui-invalid {
    box-shadow: none;
  }
[hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
.pointer-events-auto {
    pointer-events: auto;
  }
.pointer-events-none {
    pointer-events: none;
  }
.visible {
    visibility: visible;
  }
.absolute {
    position: absolute;
  }
.fixed {
    position: fixed;
  }
.relative {
    position: relative;
  }
.sticky {
    position: sticky;
  }
.-inset-0\.5 {
    inset: calc(var(--spacing) * -0.5);
  }
.-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
.-inset-1\.5 {
    inset: calc(var(--spacing) * -1.5);
  }
.-inset-4 {
    inset: calc(var(--spacing) * -4);
  }
.inset-0 {
    inset: 0;
  }
.inset-\[15\%\] {
    inset: 15%;
  }
.inset-\[30\%\] {
    inset: 30%;
  }
.inset-x-0 {
    inset-inline: 0;
  }
.inset-y-1 {
    inset-block: var(--spacing);
  }
.-top-4 {
    top: calc(var(--spacing) * -4);
  }
.-top-10 {
    top: calc(var(--spacing) * -10);
  }
.top-0 {
    top: 0;
  }
.top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
.top-3 {
    top: calc(var(--spacing) * 3);
  }
.top-6 {
    top: calc(var(--spacing) * 6);
  }
.top-8 {
    top: calc(var(--spacing) * 8);
  }
.top-12 {
    top: calc(var(--spacing) * 12);
  }
.top-16 {
    top: calc(var(--spacing) * 16);
  }
.top-24 {
    top: calc(var(--spacing) * 24);
  }
.-right-1 {
    right: calc(var(--spacing) * -1);
  }
.-right-4 {
    right: calc(var(--spacing) * -4);
  }
.-right-12 {
    right: calc(var(--spacing) * -12);
  }
.right-0 {
    right: 0;
  }
.right-1 {
    right: var(--spacing);
  }
.right-3 {
    right: calc(var(--spacing) * 3);
  }
.right-4 {
    right: calc(var(--spacing) * 4);
  }
.right-6 {
    right: calc(var(--spacing) * 6);
  }
.right-8 {
    right: calc(var(--spacing) * 8);
  }
.-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
.-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
.-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
.-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
.bottom-0 {
    bottom: 0;
  }
.bottom-1 {
    bottom: var(--spacing);
  }
.bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
.bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
.bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
.bottom-32 {
    bottom: calc(var(--spacing) * 32);
  }
.left-0 {
    left: 0;
  }
.left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
.left-1\/4 {
    left: calc(1 / 4 * 100%);
  }
.left-3 {
    left: calc(var(--spacing) * 3);
  }
.left-4 {
    left: calc(var(--spacing) * 4);
  }
.left-6 {
    left: calc(var(--spacing) * 6);
  }
.left-8 {
    left: calc(var(--spacing) * 8);
  }
.left-10 {
    left: calc(var(--spacing) * 10);
  }
.left-\[40\%\] {
    left: 40%;
  }
.z-0 {
    z-index: 0;
  }
.z-10 {
    z-index: 10;
  }
.z-20 {
    z-index: 20;
  }
.z-30 {
    z-index: 30;
  }
.z-50 {
    z-index: 50;
  }
.z-\[60\] {
    z-index: 60;
  }
.z-\[100\] {
    z-index: 100;
  }
.z-\[9999\] {
    z-index: 9999;
  }
.z-\[10000\] {
    z-index: 10000;
  }
.z-\[10001\] {
    z-index: 10001;
  }
.z-\[10002\] {
    z-index: 10002;
  }
.mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
.mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
.mx-auto {
    margin-inline: auto;
  }
.-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
.mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
.mt-1 {
    margin-top: var(--spacing);
  }
.mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
.mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
.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-8 {
    margin-top: calc(var(--spacing) * 8);
  }
.mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
.mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
.mt-auto {
    margin-top: auto;
  }
.-mr-16 {
    margin-right: calc(var(--spacing) * -16);
  }
.mr-1 {
    margin-right: var(--spacing);
  }
.mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
.mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
.mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
.mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
.mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
.mb-1 {
    margin-bottom: var(--spacing);
  }
.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
.mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
.ml-1 {
    margin-left: var(--spacing);
  }
.ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
.ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
.ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
.ml-auto {
    margin-left: auto;
  }
.box-border {
    box-sizing: border-box;
  }
.i-\[mdi--account-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2M7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.5.88 4.93 1.78A7.9 7.9 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72m11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.93 7.93 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.5-1.64 4.83M12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6m0 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11'/%3E%3C/svg%3E");
  }
.i-\[mdi--account-group-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 5a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 12a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 5m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 10a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 7M5.5 8A2.5 2.5 0 0 0 3 10.5c0 .94.53 1.75 1.29 2.18c.36.2.77.32 1.21.32s.85-.12 1.21-.32c.37-.21.68-.51.91-.87A5.42 5.42 0 0 1 6.5 8.5v-.28c-.3-.14-.64-.22-1-.22m13 0c-.36 0-.7.08-1 .22v.28c0 1.2-.39 2.36-1.12 3.31c.12.19.25.34.4.49a2.48 2.48 0 0 0 1.72.7c.44 0 .85-.12 1.21-.32c.76-.43 1.29-1.24 1.29-2.18A2.5 2.5 0 0 0 18.5 8M12 14c-2.34 0-7 1.17-7 3.5V19h14v-1.5c0-2.33-4.66-3.5-7-3.5m-7.29.55C2.78 14.78 0 15.76 0 17.5V19h3v-1.93c0-1.01.69-1.85 1.71-2.52m14.58 0c1.02.67 1.71 1.51 1.71 2.52V19h3v-1.5c0-1.74-2.78-2.72-4.71-2.95M12 16c1.53 0 3.24.5 4.23 1H7.77c.99-.5 2.7-1 4.23-1'/%3E%3C/svg%3E");
  }
.i-\[mdi--account-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m0 7c2.67 0 8 1.33 8 4v3H4v-3c0-2.67 5.33-4 8-4m0 1.9c-2.97 0-6.1 1.46-6.1 2.1v1.1h12.2V17c0-.64-3.13-2.1-6.1-2.1'/%3E%3C/svg%3E");
  }
.i-\[mdi--all-inclusive\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.6 6.62c-1.44 0-2.8.56-3.77 1.53L7.8 14.39c-.64.64-1.49.99-2.4.99C3.53 15.38 2 13.87 2 12s1.53-3.38 3.4-3.38c.91 0 1.76.35 2.44 1.03l1.13 1l1.53-1.34L9.22 8.2A5.37 5.37 0 0 0 5.4 6.62C2.42 6.62 0 9.04 0 12s2.42 5.38 5.4 5.38c1.44 0 2.8-.56 3.77-1.53l7.03-6.24c.64-.64 1.49-.99 2.4-.99c1.87 0 3.4 1.51 3.4 3.38s-1.53 3.38-3.4 3.38c-.9 0-1.76-.35-2.44-1.03L15 13.34l-1.5 1.34l1.28 1.12a5.4 5.4 0 0 0 3.82 1.57c2.98 0 5.4-2.41 5.4-5.37c0-3-2.42-5.38-5.4-5.38'/%3E%3C/svg%3E");
  }
.i-\[mdi--arrow-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z'/%3E%3C/svg%3E");
  }
.i-\[mdi--arrow-top-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 17.59L15.59 7H9V5h10v10h-2V8.41L6.41 19z'/%3E%3C/svg%3E");
  }
.i-\[mdi--bell-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 21h4c0 1.1-.9 2-2 2s-2-.9-2-2m11-2v1H3v-1l2-2v-6c0-3.1 2-5.8 5-6.7V4c0-1.1.9-2 2-2s2 .9 2 2v.3c3 .9 5 3.6 5 6.7v6zm-4-8c0-2.8-2.2-5-5-5s-5 2.2-5 5v7h10z'/%3E%3C/svg%3E");
  }
.i-\[mdi--book-open-page-variant-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m19 1l-5 5v11l5-4.5zm2 4v13.5c-1.1-.35-2.3-.5-3.5-.5c-1.7 0-4.15.65-5.5 1.5V6c-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5c.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5c1.35-.85 3.8-1.5 5.5-1.5c1.65 0 3.35.3 4.75 1.05c.1.05.15.05.25.05c.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1M10 18.41C8.75 18.09 7.5 18 6.5 18c-1.06 0-2.32.19-3.5.5V7.13c.91-.4 2.14-.63 3.5-.63s2.59.23 3.5.63z'/%3E%3C/svg%3E");
  }
.i-\[mdi--brightness-auto\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9zM20 8.69V4h-4.69L12 .69L8.69 4H4v4.69L.69 12L4 15.31V20h4.69L12 23.31L15.31 20H20v-4.69L23.31 12zm-9.15 3.96h2.3L12 9z'/%3E%3C/svg%3E");
  }
.i-\[mdi--bug-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 8h-2.81c-.45-.8-1.07-1.5-1.82-2L17 4.41L15.59 3l-2.17 2.17a6 6 0 0 0-2.83 0L8.41 3L7 4.41L8.62 6c-.75.5-1.36 1.21-1.81 2H4v2h2.09c-.06.33-.09.66-.09 1v1H4v2h2v1c0 .34.03.67.09 1H4v2h2.81A5.99 5.99 0 0 0 15 20.18c.91-.52 1.67-1.28 2.19-2.18H20v-2h-2.09c.06-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.03-.67-.09-1H20zm-4 7a4 4 0 0 1-4 4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4zm-2-5v2h-4v-2zm-4 4h4v2h-4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--calendar-blank-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.11 0 2-.89 2-2V5a2 2 0 0 0-2-2m0 16H5V9h14zm0-12H5V5h14z'/%3E%3C/svg%3E");
  }
.i-\[mdi--camera-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 4h-3.17L15 2H9L7.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 14H4V6h4.05l1.83-2h4.24l1.83 2H20zM12 7a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3a3 3 0 0 1-3 3'/%3E%3C/svg%3E");
  }
.i-\[mdi--cart-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 18a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63l-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1zm6 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7l2.78-5H6.14l2.36 5z'/%3E%3C/svg%3E");
  }
.i-\[mdi--chart-bar\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 21H2V3h2v16h2v-9h4v9h2V6h4v13h2v-5h4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--check-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4l8-8z'/%3E%3C/svg%3E");
  }
.i-\[mdi--check\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");
  }
.i-\[mdi--chevron-down\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--chevron-left\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--chevron-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--clipboard-list-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1M7 7h10V5h2v14H5V5h2zm5 10v-2h5v2zm0-6V9h5v2zm-4 1V9H7V8h2v4zm1.25 2c.41 0 .75.34.75.75c0 .2-.08.39-.21.52L8.12 17H10v1H7v-.92L9 15H7v-1z'/%3E%3C/svg%3E");
  }
.i-\[mdi--clock-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z'/%3E%3C/svg%3E");
  }
.i-\[mdi--cog-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-2 12c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 0 1 .12-.64l2.11-1.66L4.5 12l.07-1l-2.11-1.63a.493.493 0 0 1-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.13.22.07.49-.12.64L19.43 11l.07 1l-.07 1l2.11 1.63c.19.15.25.42.12.64l-2 3.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98l-.37 2.65c-.04.24-.25.42-.5.42zm1.25-18l-.37 2.61c-1.2.25-2.26.89-3.03 1.78L5.44 7.35l-.75 1.3L6.8 10.2a5.55 5.55 0 0 0 0 3.6l-2.12 1.56l.75 1.3l2.43-1.04c.77.88 1.82 1.52 3.01 1.76l.37 2.62h1.52l.37-2.61c1.19-.25 2.24-.89 3.01-1.77l2.43 1.04l.75-1.3l-2.12-1.55c.4-1.17.4-2.44 0-3.61l2.11-1.55l-.75-1.3l-2.41 1.04a5.42 5.42 0 0 0-3.03-1.77L12.75 4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--console\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z'/%3E%3C/svg%3E");
  }
.i-\[mdi--content-copy\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z'/%3E%3C/svg%3E");
  }
.i-\[mdi--creation-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9 4l2.5 5.5L17 12l-5.5 2.5L9 20l-2.5-5.5L1 12l5.5-2.5zm0 4.83L8 11l-2.17 1L8 13l1 2.17L10 13l2.17-1L10 11zM19 9l-1.26-2.74L15 5l2.74-1.25L19 1l1.25 2.75L23 5l-2.75 1.26zm0 14l-1.26-2.74L15 19l2.74-1.25L19 15l1.25 2.75L23 19l-2.75 1.26z'/%3E%3C/svg%3E");
  }
.i-\[mdi--credit-card-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 8H4V6h16m0 12H4v-6h16m0-8H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
.i-\[mdi--dots-horizontal\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 12a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2'/%3E%3C/svg%3E");
  }
.i-\[mdi--dots-vertical\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
  }
.i-\[mdi--earth\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
.i-\[mdi--email-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z'/%3E%3C/svg%3E");
  }
.i-\[mdi--file-document-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2h7v5h5v11H6zm2 8v2h8v-2zm0 4v2h5v-2z'/%3E%3C/svg%3E");
  }
.i-\[mdi--fire\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.66 11.2c-.23-.3-.51-.56-.77-.82c-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32c-2.59 2.08-3.61 5.75-2.39 8.9c.04.1.08.2.08.33c0 .22-.15.42-.35.5c-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5c.14.6.41 1.2.71 1.73c1.08 1.73 2.95 2.97 4.96 3.22c2.14.27 4.43-.12 6.07-1.6c1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6c-1.12.4-2.24-.16-2.9-.82c1.19-.28 1.9-1.16 2.11-2.05c.17-.8-.15-1.46-.28-2.23c-.12-.74-.1-1.37.17-2.06c.19.38.39.76.63 1.06c.77 1 1.98 1.44 2.24 2.8c.04.14.06.28.06.43c.03.82-.33 1.72-.93 2.27'/%3E%3C/svg%3E");
  }
.i-\[mdi--format-text\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.5 4l1.16 4.35l-.96.26c-.45-.87-.91-1.74-1.44-2.18C16.73 6 16.11 6 15.5 6H13v10.5c0 .5 0 1 .33 1.25c.34.25 1 .25 1.67.25v1H9v-1c.67 0 1.33 0 1.67-.25c.33-.25.33-.75.33-1.25V6H8.5c-.61 0-1.23 0-1.76.43c-.53.44-.99 1.31-1.44 2.18l-.96-.26L5.5 4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--github-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
.i-\[mdi--github\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
.i-\[mdi--google\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.35 11.1h-9.17v2.73h6.51c-.33 3.81-3.5 5.44-6.5 5.44C8.36 19.27 5 16.25 5 12c0-4.1 3.2-7.27 7.2-7.27c3.09 0 4.9 1.97 4.9 1.97L19 4.72S16.56 2 12.1 2C6.42 2 2.03 6.8 2.03 12c0 5.05 4.13 10 10.22 10c5.35 0 9.25-3.67 9.25-9.09c0-1.15-.15-1.81-.15-1.81'/%3E%3C/svg%3E");
  }
.i-\[mdi--heart-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3'/%3E%3C/svg%3E");
  }
.i-\[mdi--heart-pulse\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.5 4A5.5 5.5 0 0 0 2 9.5c0 .5.09 1 .22 1.5H6.3l1.27-3.37c.3-.8 1.48-.88 1.86 0L11.5 13l.59-1.42c.13-.33.48-.58.91-.58h8.78c.13-.5.22-1 .22-1.5A5.5 5.5 0 0 0 16.5 4c-1.86 0-3.5.93-4.5 2.34C11 4.93 9.36 4 7.5 4M3 12.5a1 1 0 0 0-1 1a1 1 0 0 0 1 1h2.44L11 20c1 .9 1 .9 2 0l5.56-5.5H21a1 1 0 0 0 1-1a1 1 0 0 0-1-1h-7.6l-.93 2.3c-.4 1.01-1.55.87-1.92.03L8.5 9.5l-.96 2.33c-.15.38-.49.67-.94.67z'/%3E%3C/svg%3E");
  }
.i-\[mdi--heart\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z'/%3E%3C/svg%3E");
  }
.i-\[mdi--help-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 18h2v-2h-2zm1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4'/%3E%3C/svg%3E");
  }
.i-\[mdi--history\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.5 8H12v5l4.28 2.54l.72-1.21l-3.5-2.08zM13 3a9 9 0 0 0-9 9H1l3.96 4.03L9 12H6a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 13 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9'/%3E%3C/svg%3E");
  }
.i-\[mdi--information-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z'/%3E%3C/svg%3E");
  }
.i-\[mdi--lightning-bolt\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 15H6l7-14v8h5l-7 14z'/%3E%3C/svg%3E");
  }
.i-\[mdi--line-scan\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 22v-2h3v-3h2v3.5c0 .4-.2.7-.5 1s-.7.5-1 .5zM7 22H3.5c-.4 0-.7-.2-1-.5s-.5-.7-.5-1V17h2v3h3zM17 2h3.5c.4 0 .7.2 1 .5s.5.6.5 1V7h-2V4h-3zM7 2v2H4v3H2V3.5c0-.4.2-.7.5-1s.6-.5 1-.5zm12 9H5v2h14z'/%3E%3C/svg%3E");
  }
.i-\[mdi--lock-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10zm0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
  }
.i-\[mdi--logout\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5M4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--magnify\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");
  }
.i-\[mdi--map-marker-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5'/%3E%3C/svg%3E");
  }
.i-\[mdi--map-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.5 3l-.16.03L15 5.1L9 3L3.36 4.9c-.21.07-.36.25-.36.48V20.5a.5.5 0 0 0 .5.5l.16-.03L9 18.9l6 2.1l5.64-1.9c.21-.07.36-.25.36-.48V3.5a.5.5 0 0 0-.5-.5M10 5.47l4 1.4v11.66l-4-1.4zm-5 .99l3-1.01v11.7l-3 1.16zm14 11.08l-3 1.01V6.86l3-1.16z'/%3E%3C/svg%3E");
  }
.i-\[mdi--message-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H5.2L4 17.2V4h16z'/%3E%3C/svg%3E");
  }
.i-\[mdi--message-text-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2zM4 4v13.17L5.17 16H20V4zm2 3h12v2H6zm0 4h9v2H6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--microphone-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.3 11c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72m-8.2-6.1c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2s-1.2-.54-1.2-1.2M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3'/%3E%3C/svg%3E");
  }
.i-\[mdi--minus\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
  }
.i-\[mdi--navigation-variant-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.27 6.73l-4.24 10.13l-1.32-3.42l-.32-.83l-.82-.32l-3.43-1.33zM21 3L3 10.53v.97l6.84 2.66L12.5 21h.96z'/%3E%3C/svg%3E");
  }
.i-\[mdi--open-in-new\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E");
  }
.i-\[mdi--paperclip\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.5 6v11.5a4 4 0 0 1-4 4a4 4 0 0 1-4-4V5A2.5 2.5 0 0 1 11 2.5A2.5 2.5 0 0 1 13.5 5v10.5a1 1 0 0 1-1 1a1 1 0 0 1-1-1V6H10v9.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5V5a4 4 0 0 0-4-4a4 4 0 0 0-4 4v12.5a5.5 5.5 0 0 0 5.5 5.5a5.5 5.5 0 0 0 5.5-5.5V6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--pause\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 19h4V5h-4M6 19h4V5H6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--phone-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 15.5c-1.2 0-2.5-.2-3.6-.6h-.3c-.3 0-.5.1-.7.3l-2.2 2.2c-2.8-1.5-5.2-3.8-6.6-6.6l2.2-2.2c.3-.3.4-.7.2-1c-.3-1.1-.5-2.4-.5-3.6c0-.5-.5-1-1-1H4c-.5 0-1 .5-1 1c0 9.4 7.6 17 17 17c.5 0 1-.5 1-1v-3.5c0-.5-.5-1-1-1M5 5h1.5c.1.9.3 1.8.5 2.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5m14 14c-1.3-.1-2.6-.4-3.8-.8l1.2-1.2c.8.2 1.7.4 2.6.4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--play-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-2 14.5l6-4.5l-6-4.5z'/%3E%3C/svg%3E");
  }
.i-\[mdi--play\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 5.14v14l11-7z'/%3E%3C/svg%3E");
  }
.i-\[mdi--plus\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--pulse\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 13h2.79l4.31-8.21l1.18 8.96l3.22-4.09L17.83 13H21v2h-4l-2.33-2.33l-4.75 6.06l-.98-7.42L7 15H3z'/%3E%3C/svg%3E");
  }
.i-\[mdi--refresh\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");
  }
.i-\[mdi--robot-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.5 15.5c0 1.11-.89 2-2 2s-2-.89-2-2s.9-2 2-2s2 .9 2 2m-9-2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2M23 15v3c0 .55-.45 1-1 1h-1v1c0 1.11-.89 2-2 2H5a2 2 0 0 1-2-2v-1H2c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h1c0-3.87 3.13-7 7-7h1V5.73c-.6-.34-1-.99-1-1.73c0-1.1.9-2 2-2s2 .9 2 2c0 .74-.4 1.39-1 1.73V7h1c3.87 0 7 3.13 7 7h1c.55 0 1 .45 1 1m-2 1h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v2H3v1h2v3h14v-3h2z'/%3E%3C/svg%3E");
  }
.i-\[mdi--rocket-launch-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.16 22.19l-1.66-3.84c1.6-.58 3.07-1.35 4.43-2.27l-2.78 6.11m-7.5-9.69l-3.84-1.65l6.11-2.78C7 9.43 6.23 10.91 5.65 12.5M20 4c-2.96-.22-5.2.83-7.55 3.31c-2.36 2.47-3.36 4.5-3.95 6.04l2.17 2.1c2.29-.87 4.33-2.18 6.03-3.89C20 8.27 20.17 5.4 20 4m-9 1.9c2.63-2.8 7-4.82 10.66-3.55c0 0 2.12 4.96-3.55 10.65c-2.2 2.17-4.58 3.5-6.72 4.34c-.24.09-1.15.39-2.13-.46l-2.13-2.13c-.56-.56-.74-1.38-.47-2.13C7.5 10.5 8.41 8.69 11 5.9M6.25 22H4.84l4.09-4.1c.3.21.63.36.97.45zM2 22v-1.41l4.77-4.78l1.43 1.42L3.41 22zm0-2.83v-1.42l3.65-3.65c.09.35.24.68.45.97zM16 6a2 2 0 0 1 2 2c0 1.11-.89 2-2 2a2 2 0 1 1 0-4'/%3E%3C/svg%3E");
  }
.i-\[mdi--rotate-left\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 4.07V1L8.45 5.55L13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93M7.1 18.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47m1.02-4.47L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47'/%3E%3C/svg%3E");
  }
.i-\[mdi--rotate-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.89 15.5l1.42 1.39c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.5M13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03m6.93-6.9a7.9 7.9 0 0 0-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47m-2.36-5.45L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10z'/%3E%3C/svg%3E");
  }
.i-\[mdi--scale-bathroom\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 2h14a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m7 2a4 4 0 0 0-4 4h3.26l-.41-2.77L12.9 8H16a4 4 0 0 0-4-4m-7 6v10h14V10z'/%3E%3C/svg%3E");
  }
.i-\[mdi--share-variant-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66c0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91s-1.31-2.92-2.92-2.92M18 4c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1M6 13c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m12 7c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1'/%3E%3C/svg%3E");
  }
.i-\[mdi--shield-check-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 11c0 5.55-3.84 10.74-9 12c-5.16-1.26-9-6.45-9-12V5l9-4l9 4zm-9 10c3.75-1 7-5.46 7-9.78V6.3l-7-3.12L5 6.3v4.92C5 15.54 8.25 20 12 21m-2-4l-4-4l1.41-1.41L10 14.17l6.59-6.59L18 9'/%3E%3C/svg%3E");
  }
.i-\[mdi--silverware-fork-knife\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4'/%3E%3C/svg%3E");
  }
.i-\[mdi--speedometer\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 16a3 3 0 0 1-3-3c0-1.12.61-2.1 1.5-2.61l9.71-5.62l-5.53 9.58c-.5.98-1.51 1.65-2.68 1.65m0-13c1.81 0 3.5.5 4.97 1.32l-2.1 1.21C14 5.19 13 5 12 5a8 8 0 0 0-8 8c0 2.21.89 4.21 2.34 5.65h.01c.39.39.39 1.02 0 1.41s-1.03.39-1.42.01A9.97 9.97 0 0 1 2 13A10 10 0 0 1 12 3m10 10c0 2.76-1.12 5.26-2.93 7.07c-.39.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41A7.95 7.95 0 0 0 20 13c0-1-.19-2-.54-2.9L20.67 8C21.5 9.5 22 11.18 22 13'/%3E%3C/svg%3E");
  }
.i-\[mdi--star-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 15.39l-3.76 2.27l.99-4.28l-3.32-2.88l4.38-.37L12 6.09l1.71 4.04l4.38.37l-3.32 2.88l.99 4.28M22 9.24l-7.19-.61L12 2L9.19 8.63L2 9.24l5.45 4.73L5.82 21L12 17.27L18.18 21l-1.64-7.03z'/%3E%3C/svg%3E");
  }
.i-\[mdi--star\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z'/%3E%3C/svg%3E");
  }
.i-\[mdi--target\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 2v2.07A8 8 0 0 0 4.07 11H2v2h2.07A8 8 0 0 0 11 19.93V22h2v-2.07A8 8 0 0 0 19.93 13H22v-2h-2.07A8 8 0 0 0 13 4.07V2m-2 4.08V8h2V6.09c2.5.41 4.5 2.41 4.92 4.91H16v2h1.91c-.41 2.5-2.41 4.5-4.91 4.92V16h-2v1.91C8.5 17.5 6.5 15.5 6.08 13H8v-2H6.09C6.5 8.5 8.5 6.5 11 6.08M12 11a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
  }
.i-\[mdi--thumb-down-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z'/%3E%3C/svg%3E");
  }
.i-\[mdi--thumb-up-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z'/%3E%3C/svg%3E");
  }
.i-\[mdi--toolbox-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 8h-3V6c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v10h20V10c0-1.1-.9-2-2-2M9 6h6v2H9zm11 12H4v-3h2v1h2v-1h8v1h2v-1h2zm-2-5v-1h-2v1H8v-1H6v1H4v-3h16v3z'/%3E%3C/svg%3E");
  }
.i-\[mdi--trash-can-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z'/%3E%3C/svg%3E");
  }
.i-\[mdi--trending-up\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16 6l2.29 2.29l-4.88 4.88l-4-4L2 16.59L3.41 18l6-6l4 4l6.3-6.29L22 12V6z'/%3E%3C/svg%3E");
  }
.i-\[mdi--trophy-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 2c-.9 0-2 1-2 2H8c0-1-1.1-2-2-2H2v9c0 1 1 2 2 2h2.2c.4 2 1.7 3.7 4.8 4v2.08C8 19.54 8 22 8 22h8s0-2.46-3-2.92V17c3.1-.3 4.4-2 4.8-4H20c1 0 2-1 2-2V2zM6 11H4V4h2zm10 .5c0 1.93-.58 3.5-4 3.5c-3.41 0-4-1.57-4-3.5V6h8zm4-.5h-2V4h2z'/%3E%3C/svg%3E");
  }
.i-\[mdi--view-dashboard-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 5v2h-4V5zM9 5v6H5V5zm10 8v6h-4v-6zM9 17v2H5v-2zM21 3h-8v6h8zM11 3H3v10h8zm10 8h-8v10h8zm-10 4H3v6h8z'/%3E%3C/svg%3E");
  }
.i-\[mdi--view-grid-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 11h8V3H3m2 2h4v4H5m8 12h8v-8h-8m2 2h4v4h-4M3 21h8v-8H3m2 2h4v4H5m8-16v8h8V3m-2 6h-4V5h4Z'/%3E%3C/svg%3E");
  }
.i-\[mdi--volume-high\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.84-5 6.7v2.07c4-.91 7-4.49 7-8.77s-3-7.86-7-8.77M16.5 12c0-1.77-1-3.29-2.5-4.03V16c1.5-.71 2.5-2.24 2.5-4M3 9v6h4l5 5V4L7 9z'/%3E%3C/svg%3E");
  }
.i-\[mdi--weather-night\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3zm3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31'/%3E%3C/svg%3E");
  }
.i-\[mdi--white-balance-sunny\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m3.55 19.09l1.41 1.41l1.8-1.79l-1.42-1.42M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6c0-3.32-2.69-6-6-6m8 7h3v-2h-3m-2.76 7.71l1.8 1.79l1.41-1.41l-1.79-1.8M20.45 5l-1.41-1.4l-1.8 1.79l1.42 1.42M13 1h-2v3h2M6.76 5.39L4.96 3.6L3.55 5l1.79 1.81zM1 13h3v-2H1m12 9h-2v3h2'/%3E%3C/svg%3E");
  }
.i-\[svg-spinners--3-dots-bounce\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='3' fill='black'%3E%3Canimate id='SVGKiXXedfO' attributeName='cy' begin='0;SVGgLulOGrw.end+0.25s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3' fill='black'%3E%3Canimate attributeName='cy' begin='SVGKiXXedfO.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3' fill='black'%3E%3Canimate id='SVGgLulOGrw' attributeName='cy' begin='SVGKiXXedfO.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E");
  }
.i-\[svg-spinners--6-dots-rotate\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg%3E%3Ccircle cx='12' cy='2.5' r='1.5' fill='black' opacity='.14'/%3E%3Ccircle cx='16.75' cy='3.77' r='1.5' fill='black' opacity='.29'/%3E%3Ccircle cx='20.23' cy='7.25' r='1.5' fill='black' opacity='.43'/%3E%3Ccircle cx='21.5' cy='12' r='1.5' fill='black' opacity='.57'/%3E%3Ccircle cx='20.23' cy='16.75' r='1.5' fill='black' opacity='.71'/%3E%3Ccircle cx='16.75' cy='20.23' r='1.5' fill='black' opacity='.86'/%3E%3Ccircle cx='12' cy='21.5' r='1.5' fill='black'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");
  }
.i-\[svg-spinners--12-dots-scale-rotate\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg%3E%3Ccircle cx='12' cy='3' r='1' fill='black'%3E%3Canimate id='SVGelgoqhuA' attributeName='r' begin='0;SVGSRzJybSJ.end-0.5s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='16.5' cy='4.21' r='1' fill='black'%3E%3Canimate id='SVGBcQu6cCi' attributeName='r' begin='SVGelgoqhuA.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='7.5' cy='4.21' r='1' fill='black'%3E%3Canimate id='SVGSRzJybSJ' attributeName='r' begin='SVGeZGzNdVZ.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='19.79' cy='7.5' r='1' fill='black'%3E%3Canimate id='SVGG5Q0fe0M' attributeName='r' begin='SVGBcQu6cCi.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='4.21' cy='7.5' r='1' fill='black'%3E%3Canimate id='SVGeZGzNdVZ' attributeName='r' begin='SVGUTnihcal.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='21' cy='12' r='1' fill='black'%3E%3Canimate id='SVG8aQG8dpc' attributeName='r' begin='SVGG5Q0fe0M.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='3' cy='12' r='1' fill='black'%3E%3Canimate id='SVGUTnihcal' attributeName='r' begin='SVGHktsvT5Q.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='19.79' cy='16.5' r='1' fill='black'%3E%3Canimate id='SVGqCF3Scrd' attributeName='r' begin='SVG8aQG8dpc.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='4.21' cy='16.5' r='1' fill='black'%3E%3Canimate id='SVGHktsvT5Q' attributeName='r' begin='SVGSFNCBbxb.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='16.5' cy='19.79' r='1' fill='black'%3E%3Canimate id='SVGMFYo1cJN' attributeName='r' begin='SVGqCF3Scrd.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='7.5' cy='19.79' r='1' fill='black'%3E%3Canimate id='SVGSFNCBbxb' attributeName='r' begin='SVGLSoLpdOI.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='21' r='1' fill='black'%3E%3Canimate id='SVGLSoLpdOI' attributeName='r' begin='SVGMFYo1cJN.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='6s' repeatCount='indefinite' type='rotate' values='360 12 12;0 12 12'/%3E%3C/g%3E%3C/svg%3E");
  }
.i-\[svg-spinners--90-ring\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
  }
.i-\[svg-spinners--180-ring\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
  }
.i-\[svg-spinners--bars-fade\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Crect width='6' height='14' x='1' y='4' fill='black'%3E%3Canimate id='SVG9ovaHbIP' fill='freeze' attributeName='opacity' begin='0;SVGa89dAd4w.end-0.25s' dur='0.75s' values='1;.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='9' y='4' fill='black' opacity='.4'%3E%3Canimate fill='freeze' attributeName='opacity' begin='SVG9ovaHbIP.begin+0.15s' dur='0.75s' values='1;.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='17' y='4' fill='black' opacity='.3'%3E%3Canimate id='SVGa89dAd4w' fill='freeze' attributeName='opacity' begin='SVG9ovaHbIP.begin+0.3s' dur='0.75s' values='1;.2'/%3E%3C/rect%3E%3C/svg%3E");
  }
.i-\[svg-spinners--blocks-scale\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Crect width='9' height='9' x='1.5' y='1.5' fill='black' rx='1'%3E%3Canimate id='SVGvBHXGeBR' attributeName='x' begin='0;SVGBBjjneux.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='y' begin='0;SVGBBjjneux.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='width' begin='0;SVGBBjjneux.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='0;SVGBBjjneux.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='13.5' y='1.5' fill='black' rx='1'%3E%3Canimate attributeName='x' begin='SVGvBHXGeBR.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='y' begin='SVGvBHXGeBR.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='width' begin='SVGvBHXGeBR.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='SVGvBHXGeBR.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='13.5' y='13.5' fill='black' rx='1'%3E%3Canimate attributeName='x' begin='SVGvBHXGeBR.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='y' begin='SVGvBHXGeBR.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='width' begin='SVGvBHXGeBR.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='SVGvBHXGeBR.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='1.5' y='13.5' fill='black' rx='1'%3E%3Canimate id='SVGBBjjneux' attributeName='x' begin='SVGvBHXGeBR.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='y' begin='SVGvBHXGeBR.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='width' begin='SVGvBHXGeBR.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='SVGvBHXGeBR.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3C/svg%3E");
  }
.i-\[svg-spinners--clock\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Crect width='2' height='7' x='11' y='6' fill='black' rx='1'%3E%3CanimateTransform attributeName='transform' dur='9s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3Crect width='2' height='9' x='11' y='11' fill='black' rx='1'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3C/svg%3E");
  }
.i-\[svg-spinners--tadpole\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -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%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12,23a9.63,9.63,0,0,1-8-9.5,9.51,9.51,0,0,1,6.79-9.1A1.66,1.66,0,0,0,12,2.81h0a1.67,1.67,0,0,0-1.94-1.64A11,11,0,0,0,12,23Z'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
  }
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
.block {
    display: block;
  }
.flex {
    display: flex;
  }
.grid {
    display: grid;
  }
.inline-flex {
    display: inline-flex;
  }
.aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
.aspect-\[100\/16\.1\] {
    aspect-ratio: 100/16.1;
  }
.aspect-square {
    aspect-ratio: 1 / 1;
  }
.aspect-video {
    aspect-ratio: var(--aspect-video);
  }
.h-1 {
    height: var(--spacing);
  }
.h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
.h-2 {
    height: calc(var(--spacing) * 2);
  }
.h-3 {
    height: calc(var(--spacing) * 3);
  }
.h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
.h-4 {
    height: calc(var(--spacing) * 4);
  }
.h-5 {
    height: calc(var(--spacing) * 5);
  }
.h-6 {
    height: calc(var(--spacing) * 6);
  }
.h-7 {
    height: calc(var(--spacing) * 7);
  }
.h-8 {
    height: calc(var(--spacing) * 8);
  }
.h-9 {
    height: calc(var(--spacing) * 9);
  }
.h-10 {
    height: calc(var(--spacing) * 10);
  }
.h-11 {
    height: calc(var(--spacing) * 11);
  }
.h-12 {
    height: calc(var(--spacing) * 12);
  }
.h-14 {
    height: calc(var(--spacing) * 14);
  }
.h-16 {
    height: calc(var(--spacing) * 16);
  }
.h-20 {
    height: calc(var(--spacing) * 20);
  }
.h-24 {
    height: calc(var(--spacing) * 24);
  }
.h-28 {
    height: calc(var(--spacing) * 28);
  }
.h-32 {
    height: calc(var(--spacing) * 32);
  }
.h-36 {
    height: calc(var(--spacing) * 36);
  }
.h-40 {
    height: calc(var(--spacing) * 40);
  }
.h-44 {
    height: calc(var(--spacing) * 44);
  }
.h-48 {
    height: calc(var(--spacing) * 48);
  }
.h-56 {
    height: calc(var(--spacing) * 56);
  }
.h-64 {
    height: calc(var(--spacing) * 64);
  }
.h-full {
    height: 100%;
  }
.h-px {
    height: 1px;
  }
.h-screen {
    height: 100vh;
  }
.max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
.max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
.max-h-\[82vh\] {
    max-height: 82vh;
  }
.max-h-\[84vh\] {
    max-height: 84vh;
  }
.min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
.min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
.min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
.min-h-\[140px\] {
    min-height: 140px;
  }
.min-h-\[300px\] {
    min-height: 300px;
  }
.min-h-screen {
    min-height: 100vh;
  }
.w-1 {
    width: var(--spacing);
  }
.w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
.w-1\/5 {
    width: calc(1 / 5 * 100%);
  }
.w-2 {
    width: calc(var(--spacing) * 2);
  }
.w-3 {
    width: calc(var(--spacing) * 3);
  }
.w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
.w-4 {
    width: calc(var(--spacing) * 4);
  }
.w-5 {
    width: calc(var(--spacing) * 5);
  }
.w-6 {
    width: calc(var(--spacing) * 6);
  }
.w-7 {
    width: calc(var(--spacing) * 7);
  }
.w-8 {
    width: calc(var(--spacing) * 8);
  }
.w-9 {
    width: calc(var(--spacing) * 9);
  }
.w-10 {
    width: calc(var(--spacing) * 10);
  }
.w-11 {
    width: calc(var(--spacing) * 11);
  }
.w-12 {
    width: calc(var(--spacing) * 12);
  }
.w-14 {
    width: calc(var(--spacing) * 14);
  }
.w-16 {
    width: calc(var(--spacing) * 16);
  }
.w-20 {
    width: calc(var(--spacing) * 20);
  }
.w-24 {
    width: calc(var(--spacing) * 24);
  }
.w-28 {
    width: calc(var(--spacing) * 28);
  }
.w-32 {
    width: calc(var(--spacing) * 32);
  }
.w-44 {
    width: calc(var(--spacing) * 44);
  }
.w-48 {
    width: calc(var(--spacing) * 48);
  }
.w-56 {
    width: calc(var(--spacing) * 56);
  }
.w-64 {
    width: calc(var(--spacing) * 64);
  }
.w-\[40\%\] {
    width: 40%;
  }
.w-fit {
    width: fit-content;
  }
.w-full {
    width: 100%;
  }
.w-px {
    width: 1px;
  }
.max-w-5 {
    max-width: calc(var(--spacing) * 5);
  }
.max-w-\[85\%\] {
    max-width: 85%;
  }
.max-w-\[280px\] {
    max-width: 280px;
  }
.max-w-\[300px\] {
    max-width: 300px;
  }
.max-w-md {
    max-width: var(--container-md);
  }
.max-w-sm {
    max-width: var(--container-sm);
  }
.max-w-xs {
    max-width: var(--container-xs);
  }
.min-w-0 {
    min-width: 0;
  }
.min-w-\[120px\] {
    min-width: 120px;
  }
.flex-1 {
    flex: 1;
  }
.flex-shrink-0 {
    flex-shrink: 0;
  }
.shrink-0 {
    flex-shrink: 0;
  }
.flex-grow {
    flex-grow: 1;
  }
.origin-center {
    transform-origin: center;
  }
.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-x-110 {
    --tw-scale-x: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-y-110 {
    --tw-scale-y: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.-rotate-12 {
    rotate: calc(12deg * -1);
  }
.rotate-12 {
    rotate: 12deg;
  }
.rotate-180 {
    rotate: 180deg;
  }
.rotate-\[-12deg\] {
    rotate: -12deg;
  }
.transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
.animate-bounce {
    animation: var(--animate-bounce);
  }
.animate-ping {
    animation: var(--animate-ping);
  }
.animate-pulse {
    animation: var(--animate-pulse);
  }
.animate-spin {
    animation: var(--animate-spin);
  }
.cursor-pointer {
    cursor: pointer;
  }
.cursor-text {
    cursor: text;
  }
.resize-none {
    resize: none;
  }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.flex-col {
    flex-direction: column;
  }
.flex-wrap {
    flex-wrap: wrap;
  }
.items-baseline {
    align-items: baseline;
  }
.items-center {
    align-items: center;
  }
.items-end {
    align-items: flex-end;
  }
.items-start {
    align-items: flex-start;
  }
.justify-around {
    justify-content: space-around;
  }
.justify-between {
    justify-content: space-between;
  }
.justify-center {
    justify-content: center;
  }
.justify-end {
    justify-content: flex-end;
  }
.justify-start {
    justify-content: flex-start;
  }
.gap-1 {
    gap: var(--spacing);
  }
.gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
.gap-2 {
    gap: calc(var(--spacing) * 2);
  }
.gap-3 {
    gap: calc(var(--spacing) * 3);
  }
.gap-4 {
    gap: calc(var(--spacing) * 4);
  }
.gap-6 {
    gap: calc(var(--spacing) * 6);
  }
:where(.space-y-0\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-1\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-2\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
:where(.space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
.gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
:where(.space-x-0\.5 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-1 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
      margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-1\.5 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-3 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-5 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
    }
:where(.space-x-6 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
.gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
:where(.divide-y > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
:where(.divide-\[var\(--divider-subtle\)\] > :not(:last-child)) {
      border-color: var(--divider-subtle);
    }
:where(.divide-white\/5 > :not(:last-child)) {
      border-color: rgba(255, 255, 255, 0.05)
    }
@supports (color: color-mix(in lch, red, blue)) {
:where(.divide-white\/5 > :not(:last-child)) {
        border-color: rgba(255, 255, 255, 0.05)
    }
}
.self-center {
    align-self: center;
  }
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.overflow-hidden {
    overflow: hidden;
  }
.overflow-x-auto {
    overflow-x: auto;
  }
.overflow-x-hidden {
    overflow-x: hidden;
  }
.overflow-y-auto {
    overflow-y: auto;
  }
.rounded {
    border-radius: 0.25rem;
  }
.rounded-2xl {
    border-radius: var(--radius-2xl);
  }
.rounded-3xl {
    border-radius: var(--radius-3xl);
  }
.rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
.rounded-\[2rem\] {
    border-radius: 2rem;
  }
.rounded-\[20rpx\] {
    border-radius: 0.625rem;
  }
.rounded-\[24rpx\] {
    border-radius: 0.75rem;
  }
.rounded-\[26rpx\] {
    border-radius: 0.8125rem;
  }
.rounded-\[28rpx\] {
    border-radius: 0.875rem;
  }
.rounded-\[32rpx\] {
    border-radius: 1rem;
  }
.rounded-full {
    border-radius: 9999px;
  }
.rounded-lg {
    border-radius: var(--radius-lg);
  }
.rounded-md {
    border-radius: var(--radius-md);
  }
.rounded-xl {
    border-radius: var(--radius-xl);
  }
.rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
.rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
.rounded-tr-none {
    border-top-right-radius: 0;
  }
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
.border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
.border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
.border-\[12px\] {
    border-style: var(--tw-border-style);
    border-width: 12px;
  }
.border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
.border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
.border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
.border-none {
    --tw-border-style: none;
    border-style: none;
  }
.border-\[var\(--accent-blue\)\] {
    border-color: var(--accent-blue);
  }
.border-\[var\(--accent-blue\)\]\/10 {
    border-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-blue\)\]\/10 {
      border-color: rgba(0, 122, 255, 0.1)
  }
}
.border-\[var\(--accent-green\)\] {
    border-color: var(--accent-green);
  }
.border-\[var\(--accent-green\)\]\/10 {
    border-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-green\)\]\/10 {
      border-color: rgba(39, 196, 133, 0.1)
  }
}
.border-\[var\(--accent-green\)\]\/20 {
    border-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-green\)\]\/20 {
      border-color: rgba(39, 196, 133, 0.2)
  }
}
.border-\[var\(--accent-green\)\]\/30 {
    border-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-green\)\]\/30 {
      border-color: rgba(39, 196, 133, 0.3)
  }
}
.border-\[var\(--accent-green\)\]\/50 {
    border-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-green\)\]\/50 {
      border-color: rgba(39, 196, 133, 0.5)
  }
}
.border-\[var\(--accent-red\)\]\/20 {
    border-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-\[var\(--accent-red\)\]\/20 {
      border-color: rgba(255, 59, 48, 0.2)
  }
}
.border-\[var\(--bg-main\)\] {
    border-color: var(--bg-main);
  }
.border-\[var\(--divider-subtle\)\] {
    border-color: var(--divider-subtle);
  }
.border-\[var\(--glass-border\)\] {
    border-color: var(--glass-border);
  }
.border-\[var\(--surface-muted\)\] {
    border-color: var(--surface-muted);
  }
.border-\[var\(--surface-strong\)\] {
    border-color: var(--surface-strong);
  }
.border-\[var\(--surface-subtle\)\] {
    border-color: var(--surface-subtle);
  }
.border-\[var\(--text-main\)\] {
    border-color: var(--text-main);
  }
.border-\[var\(--text-muted\)\] {
    border-color: var(--text-muted);
  }
.border-accent-blue\/30 {
    border-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-accent-blue\/30 {
      border-color: rgba(0, 122, 255, 0.3)
  }
}
.border-accent-green\/30 {
    border-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-accent-green\/30 {
      border-color: rgba(39, 196, 133, 0.3)
  }
}
.border-accent-red\/30 {
    border-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-accent-red\/30 {
      border-color: rgba(255, 59, 48, 0.3)
  }
}
.border-amber-400 {
    border-color: rgb(250, 188, 0);
  }
.border-emerald-200\/70 {
    border-color: rgba(164, 244, 207, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-emerald-200\/70 {
      border-color: rgba(164, 244, 207, 0.7)
  }
}
.border-indigo-500\/20 {
    border-color: rgba(98, 96, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-indigo-500\/20 {
      border-color: rgba(98, 96, 255, 0.2)
  }
}
.border-orange-400 {
    border-color: rgb(255, 139, 31);
  }
.border-orange-500\/30 {
    border-color: rgba(252, 113, 0, 0.3)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-orange-500\/30 {
      border-color: rgba(252, 113, 0, 0.3)
  }
}
.border-red-500\/30 {
    border-color: rgba(251, 44, 54, 0.3)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-red-500\/30 {
      border-color: rgba(251, 44, 54, 0.3)
  }
}
.border-sky-200\/70 {
    border-color: rgba(184, 230, 254, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-sky-200\/70 {
      border-color: rgba(184, 230, 254, 0.7)
  }
}
.border-slate-100 {
    border-color: rgb(241, 245, 249);
  }
.border-slate-100\/70 {
    border-color: rgba(241, 245, 249, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-slate-100\/70 {
      border-color: rgba(241, 245, 249, 0.7)
  }
}
.border-slate-100\/80 {
    border-color: rgba(241, 245, 249, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-slate-100\/80 {
      border-color: rgba(241, 245, 249, 0.8)
  }
}
.border-slate-200 {
    border-color: rgb(226, 232, 240);
  }
.border-slate-200\/80 {
    border-color: rgba(226, 232, 240, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-slate-200\/80 {
      border-color: rgba(226, 232, 240, 0.8)
  }
}
.border-transparent {
    border-color: transparent;
  }
.border-violet-200\/70 {
    border-color: rgba(221, 214, 255, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-violet-200\/70 {
      border-color: rgba(221, 214, 255, 0.7)
  }
}
.border-violet-400 {
    border-color: rgb(166, 134, 255);
  }
.border-white\/5 {
    border-color: rgba(255, 255, 255, 0.05)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-white\/5 {
      border-color: rgba(255, 255, 255, 0.05)
  }
}
.border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-white\/10 {
      border-color: rgba(255, 255, 255, 0.1)
  }
}
.border-white\/20 {
    border-color: rgba(255, 255, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-white\/20 {
      border-color: rgba(255, 255, 255, 0.2)
  }
}
.border-white\/40 {
    border-color: rgba(255, 255, 255, 0.4)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-white\/40 {
      border-color: rgba(255, 255, 255, 0.4)
  }
}
.border-white\/80 {
    border-color: rgba(255, 255, 255, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.border-white\/80 {
      border-color: rgba(255, 255, 255, 0.8)
  }
}
.border-yellow-400 {
    border-color: rgb(247, 201, 0);
  }
.border-t-\[var\(--accent-green\)\] {
    border-top-color: var(--accent-green);
  }
.border-b-transparent {
    border-bottom-color: transparent;
  }
.\!bg-\[gray\] {
    background-color: gray !important;
  }
.bg-\[\#000\] {
    background-color: #000;
  }
.bg-\[\#111\] {
    background-color: #111;
  }
.bg-\[\#222\] {
    background-color: #222;
  }
.bg-\[\#333\] {
    background-color: #333;
  }
.bg-\[\#389f2bb1\] {
    background-color: #389f2bb1;
  }
.bg-\[\#444\] {
    background-color: #444;
  }
.bg-\[\#555\] {
    background-color: #555;
  }
.bg-\[\#666\] {
    background-color: #666;
  }
.bg-\[\#777\] {
    background-color: #777;
  }
.bg-\[\#888\] {
    background-color: #888;
  }
.bg-\[\#999\] {
    background-color: #999;
  }
.bg-\[\#121421\] {
    background-color: #121421;
  }
.bg-\[\#aa00aa\] {
    background-color: #aa00aa;
  }
.bg-\[\#aaa\] {
    background-color: #aaa;
  }
.bg-\[\#bbb\] {
    background-color: #bbb;
  }
.bg-\[\#ccc\] {
    background-color: #ccc;
  }
.bg-\[\#ddd\] {
    background-color: #ddd;
  }
.bg-\[\#eee\] {
    background-color: #eee;
  }
.bg-\[\#fbbf24\]\/10 {
    background-color: rgba(251, 191, 36, 0.1);
  }
.bg-\[\#ff7e5f\]\/10 {
    background-color: rgba(255, 126, 95, 0.1);
  }
.bg-\[\#fff\] {
    background-color: #fff;
  }
.bg-\[\#xxx\] {
    background-color: #xxx;
  }
.bg-\[var\(--accent-blue\)\] {
    background-color: var(--accent-blue);
  }
.bg-\[var\(--accent-blue\)\]\/5 {
    background-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-blue\)\]\/5 {
      background-color: rgba(0, 122, 255, 0.05)
  }
}
.bg-\[var\(--accent-blue\)\]\/10 {
    background-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-blue\)\]\/10 {
      background-color: rgba(0, 122, 255, 0.1)
  }
}
.bg-\[var\(--accent-blue\)\]\/20 {
    background-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-blue\)\]\/20 {
      background-color: rgba(0, 122, 255, 0.2)
  }
}
.bg-\[var\(--accent-green\)\] {
    background-color: var(--accent-green);
  }
.bg-\[var\(--accent-green\)\]\/5 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/5 {
      background-color: rgba(39, 196, 133, 0.05)
  }
}
.bg-\[var\(--accent-green\)\]\/10 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/10 {
      background-color: rgba(39, 196, 133, 0.1)
  }
}
.bg-\[var\(--accent-green\)\]\/15 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/15 {
      background-color: rgba(39, 196, 133, 0.15)
  }
}
.bg-\[var\(--accent-green\)\]\/20 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/20 {
      background-color: rgba(39, 196, 133, 0.2)
  }
}
.bg-\[var\(--accent-green\)\]\/50 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/50 {
      background-color: rgba(39, 196, 133, 0.5)
  }
}
.bg-\[var\(--accent-green\)\]\/80 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-green\)\]\/80 {
      background-color: rgba(39, 196, 133, 0.8)
  }
}
.bg-\[var\(--accent-red\)\] {
    background-color: var(--accent-red);
  }
.bg-\[var\(--accent-red\)\]\/5 {
    background-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-red\)\]\/5 {
      background-color: rgba(255, 59, 48, 0.05)
  }
}
.bg-\[var\(--accent-red\)\]\/10 {
    background-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-red\)\]\/10 {
      background-color: rgba(255, 59, 48, 0.1)
  }
}
.bg-\[var\(--accent-red\)\]\/15 {
    background-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--accent-red\)\]\/15 {
      background-color: rgba(255, 59, 48, 0.15)
  }
}
.bg-\[var\(--bg-main\)\] {
    background-color: var(--bg-main);
  }
.bg-\[var\(--bg-main\)\]\/50 {
    background-color: var(--bg-main)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--bg-main\)\]\/50 {
      background-color: rgba(245, 247, 250, 0.5)
  }
}
.bg-\[var\(--bg-main\)\]\/80 {
    background-color: var(--bg-main)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--bg-main\)\]\/80 {
      background-color: rgba(245, 247, 250, 0.8)
  }
}
.bg-\[var\(--bg-main\)\]\/90 {
    background-color: var(--bg-main)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--bg-main\)\]\/90 {
      background-color: rgba(245, 247, 250, 0.9)
  }
}
.bg-\[var\(--bg-main\)\]\/95 {
    background-color: var(--bg-main)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--bg-main\)\]\/95 {
      background-color: rgba(245, 247, 250, 0.95)
  }
}
.bg-\[var\(--card-bg\)\] {
    background-color: var(--card-bg);
  }
.bg-\[var\(--card-bg\)\]\/40 {
    background-color: var(--card-bg)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--card-bg\)\]\/40 {
      background-color: rgba(255, 255, 255, 0.4)
  }
}
.bg-\[var\(--card-bg\)\]\/50 {
    background-color: var(--card-bg)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--card-bg\)\]\/50 {
      background-color: rgba(255, 255, 255, 0.5)
  }
}
.bg-\[var\(--card-bg\)\]\/80 {
    background-color: var(--card-bg)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--card-bg\)\]\/80 {
      background-color: rgba(255, 255, 255, 0.8)
  }
}
.bg-\[var\(--card-bg\)\]\/90 {
    background-color: var(--card-bg)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-\[var\(--card-bg\)\]\/90 {
      background-color: rgba(255, 255, 255, 0.9)
  }
}
.bg-\[var\(--divider-subtle\)\] {
    background-color: var(--divider-subtle);
  }
.bg-\[var\(--glass-border\)\] {
    background-color: var(--glass-border);
  }
.bg-\[var\(--surface-subtle\)\] {
    background-color: var(--surface-subtle);
  }
.bg-\[var\(--text-muted\)\] {
    background-color: var(--text-muted);
  }
.bg-accent-blue\/20 {
    background-color: var(--accent-blue)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-accent-blue\/20 {
      background-color: rgba(0, 122, 255, 0.2)
  }
}
.bg-accent-green {
    background-color: var(--accent-green);
  }
.bg-accent-green\/10 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-accent-green\/10 {
      background-color: rgba(39, 196, 133, 0.1)
  }
}
.bg-accent-green\/20 {
    background-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-accent-green\/20 {
      background-color: rgba(39, 196, 133, 0.2)
  }
}
.bg-accent-red {
    background-color: var(--accent-red);
  }
.bg-accent-red\/20 {
    background-color: var(--accent-red)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-accent-red\/20 {
      background-color: rgba(255, 59, 48, 0.2)
  }
}
.bg-amber-400\/10 {
    background-color: rgba(250, 188, 0, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-amber-400\/10 {
      background-color: rgba(250, 188, 0, 0.1)
  }
}
.bg-amber-500\/20 {
    background-color: rgba(246, 158, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-amber-500\/20 {
      background-color: rgba(246, 158, 0, 0.2)
  }
}
.bg-black {
    background-color: #000;
  }
.bg-black\/5 {
    background-color: rgba(0, 0, 0, 0.05)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/5 {
      background-color: rgba(0, 0, 0, 0.05)
  }
}
.bg-black\/10 {
    background-color: rgba(0, 0, 0, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/10 {
      background-color: rgba(0, 0, 0, 0.1)
  }
}
.bg-black\/20 {
    background-color: rgba(0, 0, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/20 {
      background-color: rgba(0, 0, 0, 0.2)
  }
}
.bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.3)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/30 {
      background-color: rgba(0, 0, 0, 0.3)
  }
}
.bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.4)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/40 {
      background-color: rgba(0, 0, 0, 0.4)
  }
}
.bg-black\/45 {
    background-color: rgba(0, 0, 0, 0.45)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/45 {
      background-color: rgba(0, 0, 0, 0.45)
  }
}
.bg-black\/60 {
    background-color: rgba(0, 0, 0, 0.6)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/60 {
      background-color: rgba(0, 0, 0, 0.6)
  }
}
.bg-black\/70 {
    background-color: rgba(0, 0, 0, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/70 {
      background-color: rgba(0, 0, 0, 0.7)
  }
}
.bg-blue-400\/10 {
    background-color: rgba(86, 162, 255, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-400\/10 {
      background-color: rgba(86, 162, 255, 0.1)
  }
}
.bg-blue-400\/20 {
    background-color: rgba(86, 162, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-400\/20 {
      background-color: rgba(86, 162, 255, 0.2)
  }
}
.bg-blue-500\/20 {
    background-color: rgba(50, 128, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-500\/20 {
      background-color: rgba(50, 128, 255, 0.2)
  }
}
.bg-cyan-500\/20 {
    background-color: rgba(0, 182, 212, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-cyan-500\/20 {
      background-color: rgba(0, 182, 212, 0.2)
  }
}
.bg-emerald-50\/80 {
    background-color: rgba(236, 253, 245, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-emerald-50\/80 {
      background-color: rgba(236, 253, 245, 0.8)
  }
}
.bg-emerald-400\/10 {
    background-color: rgba(0, 210, 148, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-emerald-400\/10 {
      background-color: rgba(0, 210, 148, 0.1)
  }
}
.bg-emerald-500\/20 {
    background-color: rgba(0, 185, 129, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-emerald-500\/20 {
      background-color: rgba(0, 185, 129, 0.2)
  }
}
.bg-green-200\/70 {
    background-color: rgba(185, 248, 207, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-green-200\/70 {
      background-color: rgba(185, 248, 207, 0.7)
  }
}
.bg-indigo-500\/10 {
    background-color: rgba(98, 96, 255, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-indigo-500\/10 {
      background-color: rgba(98, 96, 255, 0.1)
  }
}
.bg-indigo-500\/20 {
    background-color: rgba(98, 96, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-indigo-500\/20 {
      background-color: rgba(98, 96, 255, 0.2)
  }
}
.bg-indigo-600 {
    background-color: rgb(79, 57, 246);
  }
.bg-orange-400\/10 {
    background-color: rgba(255, 139, 31, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-orange-400\/10 {
      background-color: rgba(255, 139, 31, 0.1)
  }
}
.bg-orange-500\/20 {
    background-color: rgba(252, 113, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-orange-500\/20 {
      background-color: rgba(252, 113, 0, 0.2)
  }
}
.bg-pink-400\/80 {
    background-color: rgba(251, 100, 182, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-pink-400\/80 {
      background-color: rgba(251, 100, 182, 0.8)
  }
}
.bg-pink-500 {
    background-color: rgb(246, 51, 154);
  }
.bg-purple-500\/20 {
    background-color: rgba(171, 78, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-purple-500\/20 {
      background-color: rgba(171, 78, 255, 0.2)
  }
}
.bg-red-500 {
    background-color: rgb(251, 44, 54);
  }
.bg-red-500\/20 {
    background-color: rgba(251, 44, 54, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-red-500\/20 {
      background-color: rgba(251, 44, 54, 0.2)
  }
}
.bg-sky-50\/80 {
    background-color: rgba(240, 249, 255, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-sky-50\/80 {
      background-color: rgba(240, 249, 255, 0.8)
  }
}
.bg-slate-50\/60 {
    background-color: rgba(248, 250, 252, 0.6)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-50\/60 {
      background-color: rgba(248, 250, 252, 0.6)
  }
}
.bg-slate-50\/70 {
    background-color: rgba(248, 250, 252, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-50\/70 {
      background-color: rgba(248, 250, 252, 0.7)
  }
}
.bg-slate-50\/80 {
    background-color: rgba(248, 250, 252, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-50\/80 {
      background-color: rgba(248, 250, 252, 0.8)
  }
}
.bg-slate-100 {
    background-color: rgb(241, 245, 249);
  }
.bg-slate-900\/5 {
    background-color: rgba(15, 23, 43, 0.05)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-900\/5 {
      background-color: rgba(15, 23, 43, 0.05)
  }
}
.bg-teal-500\/20 {
    background-color: rgba(0, 185, 166, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-teal-500\/20 {
      background-color: rgba(0, 185, 166, 0.2)
  }
}
.bg-transparent {
    background-color: transparent;
  }
.bg-violet-50\/80 {
    background-color: rgba(245, 243, 255, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-violet-50\/80 {
      background-color: rgba(245, 243, 255, 0.8)
  }
}
.bg-violet-400\/10 {
    background-color: rgba(166, 134, 255, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-violet-400\/10 {
      background-color: rgba(166, 134, 255, 0.1)
  }
}
.bg-white {
    background-color: #fff;
  }
.bg-white\/5 {
    background-color: rgba(255, 255, 255, 0.05)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/5 {
      background-color: rgba(255, 255, 255, 0.05)
  }
}
.bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/10 {
      background-color: rgba(255, 255, 255, 0.1)
  }
}
.bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/20 {
      background-color: rgba(255, 255, 255, 0.2)
  }
}
.bg-white\/40 {
    background-color: rgba(255, 255, 255, 0.4)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/40 {
      background-color: rgba(255, 255, 255, 0.4)
  }
}
.bg-white\/60 {
    background-color: rgba(255, 255, 255, 0.6)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/60 {
      background-color: rgba(255, 255, 255, 0.6)
  }
}
.bg-white\/70 {
    background-color: rgba(255, 255, 255, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/70 {
      background-color: rgba(255, 255, 255, 0.7)
  }
}
.bg-white\/80 {
    background-color: rgba(255, 255, 255, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/80 {
      background-color: rgba(255, 255, 255, 0.8)
  }
}
.bg-white\/85 {
    background-color: rgba(255, 255, 255, 0.85)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/85 {
      background-color: rgba(255, 255, 255, 0.85)
  }
}
.bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/90 {
      background-color: rgba(255, 255, 255, 0.9)
  }
}
.bg-yellow-400\/10 {
    background-color: rgba(247, 201, 0, 0.1)
  }
@supports (color: color-mix(in lch, red, blue)) {
.bg-yellow-400\/10 {
      background-color: rgba(247, 201, 0, 0.1)
  }
}
.bg-linear-to-r {
    --tw-gradient-position: to right;
      --tw-gradient-position: to right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-gradient-to-br {
    --tw-gradient-position: to bottom right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-gradient-to-r {
    --tw-gradient-position: to right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-gradient-to-t {
    --tw-gradient-position: to top;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-gradient-to-tr {
    --tw-gradient-position: to top right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-\[conic-gradient\(at_top\,\#0ea5e9\,\#6366f1\,\#a855f7\)\] {
    background-image: conic-gradient(at top,#0ea5e9,#6366f1,#a855f7);
  }
.bg-\[radial-gradient\(circle_at_top\,\#22d3ee\,\#0f172a\)\] {
    background-image: radial-gradient(circle at top,#22d3ee,#0f172a);
  }
.bg-\[url\(https\:\/\/pic4\.zhimg\.com\/80\/v2-63755eaa318858e33445862d72581207\.png\)\] {
    background-image: url(https://pic4.zhimg.com/80/v2-63755eaa318858e33445862d72581207.png);
  }
.from-\[\#b8f27b\] {
    --tw-gradient-from: #b8f27b;
    --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-\[var\(--accent-green\)\] {
    --tw-gradient-from: var(--accent-green);
    --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-\[var\(--accent-green\)\]\/20 {
    --tw-gradient-from: var(--accent-green);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-\[var\(--accent-green\)\]\/20 {
      --tw-gradient-from: rgba(39, 196, 133, 0.2);
  }
}
.from-\[var\(--accent-green\)\]\/30 {
    --tw-gradient-from: var(--accent-green);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-\[var\(--accent-green\)\]\/30 {
      --tw-gradient-from: rgba(39, 196, 133, 0.3);
  }
}
.from-\[var\(--bg-main\)\] {
    --tw-gradient-from: var(--bg-main);
    --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-\[var\(--card-bg\)\] {
    --tw-gradient-from: var(--card-bg);
    --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-amber-200 {
    --tw-gradient-from: rgb(254, 230, 133);
    --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-amber-400 {
    --tw-gradient-from: rgb(250, 188, 0);
    --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-black {
    --tw-gradient-from: #000;
    --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-black\/80 {
    --tw-gradient-from: rgba(0, 0, 0, 0.8);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-black\/80 {
      --tw-gradient-from: rgba(0, 0, 0, 0.8);
  }
}
.from-black\/90 {
    --tw-gradient-from: rgba(0, 0, 0, 0.9);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-black\/90 {
      --tw-gradient-from: rgba(0, 0, 0, 0.9);
  }
}
.from-emerald-500\/15 {
    --tw-gradient-from: rgba(0, 185, 129, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-emerald-500\/15 {
      --tw-gradient-from: rgba(0, 185, 129, 0.15);
  }
}
.from-green-400 {
    --tw-gradient-from: rgb(5, 223, 114);
    --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-indigo-500\/15 {
    --tw-gradient-from: rgba(98, 96, 255, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-indigo-500\/15 {
      --tw-gradient-from: rgba(98, 96, 255, 0.15);
  }
}
.from-rose-500\/15 {
    --tw-gradient-from: rgba(255, 35, 87, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-rose-500\/15 {
      --tw-gradient-from: rgba(255, 35, 87, 0.15);
  }
}
.from-sky-500\/15 {
    --tw-gradient-from: rgba(0, 165, 234, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-sky-500\/15 {
      --tw-gradient-from: rgba(0, 165, 234, 0.15);
  }
}
.from-slate-900\/95 {
    --tw-gradient-from: rgba(15, 23, 43, 0.95);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.from-slate-900\/95 {
      --tw-gradient-from: rgba(15, 23, 43, 0.95);
  }
}
.via-\[var\(--bg-main\)\]\/80 {
    --tw-gradient-via: var(--bg-main);
    --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);
  }
@supports (color: color-mix(in lch, red, blue)) {
.via-\[var\(--bg-main\)\]\/80 {
      --tw-gradient-via: rgba(245, 247, 250, 0.8);
  }
}
.via-black\/20 {
    --tw-gradient-via: rgba(0, 0, 0, 0.2);
    --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);
  }
@supports (color: color-mix(in lch, red, blue)) {
.via-black\/20 {
      --tw-gradient-via: rgba(0, 0, 0, 0.2);
  }
}
.via-black\/40 {
    --tw-gradient-via: rgba(0, 0, 0, 0.4);
    --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);
  }
@supports (color: color-mix(in lch, red, blue)) {
.via-black\/40 {
      --tw-gradient-via: rgba(0, 0, 0, 0.4);
  }
}
.via-black\/50 {
    --tw-gradient-via: rgba(0, 0, 0, 0.5);
    --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);
  }
@supports (color: color-mix(in lch, red, blue)) {
.via-black\/50 {
      --tw-gradient-via: rgba(0, 0, 0, 0.5);
  }
}
.to-\[\#6be5a8\] {
    --tw-gradient-to: #6be5a8;
    --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-\[\#35c78d\] {
    --tw-gradient-to: #35c78d;
    --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-\[var\(--accent-blue\)\] {
    --tw-gradient-to: var(--accent-blue);
    --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-\[var\(--accent-blue\)\]\/30 {
    --tw-gradient-to: var(--accent-blue);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-\[var\(--accent-blue\)\]\/30 {
      --tw-gradient-to: rgba(0, 122, 255, 0.3);
  }
}
.to-\[var\(--bg-main\)\] {
    --tw-gradient-to: var(--bg-main);
    --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-black\/90 {
    --tw-gradient-to: rgba(0, 0, 0, 0.9);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-black\/90 {
      --tw-gradient-to: rgba(0, 0, 0, 0.9);
  }
}
.to-cyan-500\/15 {
    --tw-gradient-to: rgba(0, 182, 212, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-cyan-500\/15 {
      --tw-gradient-to: rgba(0, 182, 212, 0.15);
  }
}
.to-orange-500\/15 {
    --tw-gradient-to: rgba(252, 113, 0, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-orange-500\/15 {
      --tw-gradient-to: rgba(252, 113, 0, 0.15);
  }
}
.to-purple-500\/15 {
    --tw-gradient-to: rgba(171, 78, 255, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-purple-500\/15 {
      --tw-gradient-to: rgba(171, 78, 255, 0.15);
  }
}
.to-sky-400 {
    --tw-gradient-to: rgb(0, 187, 253);
    --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-slate-700\/95 {
    --tw-gradient-to: rgba(49, 65, 88, 0.95);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-slate-700\/95 {
      --tw-gradient-to: rgba(49, 65, 88, 0.95);
  }
}
.to-teal-500\/15 {
    --tw-gradient-to: rgba(0, 185, 166, 0.15);
    --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));
  }
@supports (color: color-mix(in lch, red, blue)) {
.to-teal-500\/15 {
      --tw-gradient-to: rgba(0, 185, 166, 0.15);
  }
}
.to-transparent {
    --tw-gradient-to: 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-yellow-500 {
    --tw-gradient-to: rgb(234, 179, 0);
    --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-600 {
    --tw-gradient-to: rgb(202, 138, 0);
    --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-\[length\:100\%_100\%\] {
    background-size: 100% 100%;
  }
.bg-clip-text {
    background-clip: text;
  }
.bg-no-repeat {
    background-repeat: no-repeat;
  }
.fill-current {
    fill: currentcolor;
  }
.object-contain {
    object-fit: contain;
  }
.object-cover {
    object-fit: cover;
  }
.p-0 {
    padding: 0;
  }
.p-1 {
    padding: var(--spacing);
  }
.p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
.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-8 {
    padding: calc(var(--spacing) * 8);
  }
.p-\[60px\] {
    padding: 60px;
  }
.px-1 {
    padding-inline: var(--spacing);
  }
.px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
.px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
.px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
.px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
.px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
.px-\[48px\] {
    padding-inline: 48px;
  }
.py-0 {
    padding-block: 0;
  }
.py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
.py-1 {
    padding-block: var(--spacing);
  }
.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
.py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
.py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
.py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
.py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
.py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
.py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
.py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
.py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
.py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
.py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
.py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
.py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
.pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
.pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
.pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
.pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
.pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
.pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
.pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
.pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
.pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
.pr-1 {
    padding-right: var(--spacing);
  }
.pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
.pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
.pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
.pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
.pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
.pr-28 {
    padding-right: calc(var(--spacing) * 28);
  }
.pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
.pb-1 {
    padding-bottom: var(--spacing);
  }
.pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
.pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
.pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
.pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
.pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
.pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
.pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
.pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
.pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
.pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
.pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
.pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
.pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
.pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
.pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
.pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
.pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
.text-center {
    text-align: center;
  }
.text-right {
    text-align: right;
  }
.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
.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-\[8px\] {
    font-size: 8px;
  }
.text-\[9px\] {
    font-size: 9px;
  }
.text-\[10px\] {
    font-size: 10px;
  }
.text-\[11px\] {
    font-size: 11px;
  }
.text-\[12px\] {
    font-size: 12px;
  }
.text-\[22px\] {
    font-size: 22px;
  }
.text-\[30px\] {
    font-size: 30px;
  }
.text-\[32px\] {
    font-size: 32px;
  }
.text-\[36px\] {
    font-size: 36px;
  }
.text-\[44px\] {
    font-size: 44px;
  }
.text-\[22rpx\] {
    font-size: 0.6875rem;
  }
.text-\[24rpx\] {
    font-size: 0.75rem;
  }
.text-\[26rpx\] {
    font-size: 0.8125rem;
  }
.leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
.leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
.leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
.leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
.leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
.leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
.leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
.font-\[1000\] {
    --tw-font-weight: 1000;
    font-weight: 1000;
  }
.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
.font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
.tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
.tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
.tracking-\[0\.4em\] {
    --tw-tracking: 0.4em;
    letter-spacing: 0.4em;
  }
.tracking-\[0\.5em\] {
    --tw-tracking: 0.5em;
    letter-spacing: 0.5em;
  }
.tracking-\[6rpx\] {
    --tw-tracking: 0.1875rem;
    letter-spacing: 0.1875rem;
  }
.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
.tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
.tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
.tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
.tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
.whitespace-nowrap {
    white-space: nowrap;
  }
.text-\[\#121421\] {
    color: #121421;
  }
.text-\[\#fbbf24\] {
    color: #fbbf24;
  }
.text-\[\#ff7e5f\] {
    color: #ff7e5f;
  }
.text-\[\#ffffffee\] {
    color: #ffffffee;
  }
.text-\[22rpx\] {
    font-size: 0.6875rem;
  }
.text-\[24rpx\] {
    font-size: 0.75rem;
  }
.text-\[26rpx\] {
    font-size: 0.8125rem;
  }
.text-\[var\(--accent-blue\)\] {
    color: var(--accent-blue);
  }
.text-\[var\(--accent-green\)\] {
    color: var(--accent-green);
  }
.text-\[var\(--accent-red\)\] {
    color: var(--accent-red);
  }
.text-\[var\(--text-main\)\] {
    color: var(--text-main);
  }
.text-\[var\(--text-muted\)\] {
    color: var(--text-muted);
  }
.text-accent-blue {
    color: var(--accent-blue);
  }
.text-accent-green {
    color: var(--accent-green);
  }
.text-accent-red {
    color: var(--accent-red);
  }
.text-amber-200 {
    color: rgb(254, 230, 133);
  }
.text-amber-200\/50 {
    color: rgba(254, 230, 133, 0.5)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-amber-200\/50 {
      color: rgba(254, 230, 133, 0.5)
  }
}
.text-amber-400 {
    color: rgb(250, 188, 0);
  }
.text-amber-800 {
    color: rgb(149, 61, 0);
  }
.text-amber-800\/65 {
    color: rgba(149, 61, 0, 0.65)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-amber-800\/65 {
      color: rgba(149, 61, 0, 0.65)
  }
}
.text-black {
    color: #000;
  }
.text-blue-400 {
    color: rgb(86, 162, 255);
  }
.text-cyan-400 {
    color: rgb(0, 209, 236);
  }
.text-emerald-400 {
    color: rgb(0, 210, 148);
  }
.text-emerald-500 {
    color: rgb(0, 185, 129);
  }
.text-emerald-700 {
    color: rgb(0, 120, 87);
  }
.text-gray-600\/75 {
    color: rgba(74, 85, 101, 0.75)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-gray-600\/75 {
      color: rgba(74, 85, 101, 0.75)
  }
}
.text-indigo-400 {
    color: rgb(125, 135, 255);
  }
.text-indigo-500 {
    color: rgb(98, 96, 255);
  }
.text-neutral-400 {
    color: rgb(161, 161, 161);
  }
.text-neutral-600 {
    color: rgb(82, 82, 82);
  }
.text-orange-400 {
    color: rgb(255, 139, 31);
  }
.text-pink-500 {
    color: rgb(246, 51, 154);
  }
.text-purple-400 {
    color: rgb(191, 126, 255);
  }
.text-rose-500 {
    color: rgb(255, 35, 87);
  }
.text-sky-400 {
    color: rgb(0, 187, 253);
  }
.text-sky-500 {
    color: rgb(0, 165, 234);
  }
.text-sky-700 {
    color: rgb(0, 105, 162);
  }
.text-slate-400 {
    color: rgb(144, 161, 185);
  }
.text-slate-500 {
    color: rgb(98, 116, 142);
  }
.text-slate-600 {
    color: rgb(69, 85, 108);
  }
.text-slate-700 {
    color: rgb(49, 65, 88);
  }
.text-slate-800 {
    color: rgb(29, 41, 61);
  }
.text-slate-900 {
    color: rgb(15, 23, 43);
  }
.text-teal-400 {
    color: rgb(0, 211, 189);
  }
.text-transparent {
    color: transparent;
  }
.text-violet-400 {
    color: rgb(166, 134, 255);
  }
.text-violet-700 {
    color: rgb(112, 8, 231);
  }
.text-white {
    color: #fff;
  }
.text-white\/60 {
    color: rgba(255, 255, 255, 0.6)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-white\/60 {
      color: rgba(255, 255, 255, 0.6)
  }
}
.text-white\/70 {
    color: rgba(255, 255, 255, 0.7)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-white\/70 {
      color: rgba(255, 255, 255, 0.7)
  }
}
.text-white\/80 {
    color: rgba(255, 255, 255, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-white\/80 {
      color: rgba(255, 255, 255, 0.8)
  }
}
.text-yellow-400 {
    color: rgb(247, 201, 0);
  }
.text-yellow-500\/80 {
    color: rgba(234, 179, 0, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.text-yellow-500\/80 {
      color: rgba(234, 179, 0, 0.8)
  }
}
.uppercase {
    text-transform: uppercase;
  }
.italic {
    font-style: italic;
  }
.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
.underline {
    text-decoration-line: underline;
  }
.placeholder-\[var\(--text-muted\)\]::placeholder {
      color: var(--text-muted);
    }
.placeholder-white\/20::placeholder {
      color: rgba(255, 255, 255, 0.2)
    }
@supports (color: color-mix(in lch, red, blue)) {
.placeholder-white\/20::placeholder {
        color: rgba(255, 255, 255, 0.2)
    }
}
.opacity-0 {
    opacity: 0%;
  }
.opacity-10 {
    opacity: 10%;
  }
.opacity-20 {
    opacity: 20%;
  }
.opacity-30 {
    opacity: 30%;
  }
.opacity-40 {
    opacity: 40%;
  }
.opacity-50 {
    opacity: 50%;
  }
.opacity-60 {
    opacity: 60%;
  }
.opacity-80 {
    opacity: 80%;
  }
.opacity-90 {
    opacity: 90%;
  }
.opacity-100 {
    opacity: 100%;
  }
.shadow-\[var\(--accent-blue\)\]\/20 {
    --tw-shadow-alpha: 20%;
    --tw-shadow: var(--accent-blue);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[var\(--accent-green\)\]\/20 {
    --tw-shadow-alpha: 20%;
    --tw-shadow: var(--accent-green);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[var\(--accent-green\)\]\/30 {
    --tw-shadow-alpha: 30%;
    --tw-shadow: var(--accent-green);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[var\(--accent-green\)\]\/40 {
    --tw-shadow-alpha: 40%;
    --tw-shadow: var(--accent-green);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_-20px_50px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 -20px 50px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_-20px_50px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 -20px 50px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_10px_rgba\(62\,223\,163\,0\.3\)\] {
    --tw-shadow: 0 0 10px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_10px_rgba\(62\,223\,163\,0\.5\)\] {
    --tw-shadow: 0 0 10px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_15px_rgba\(62\,223\,163\,0\.5\)\] {
    --tw-shadow: 0 0 15px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_30px_rgba\(62\,223\,163\,0\.3\)\] {
    --tw-shadow: 0 0 30px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_15px_40px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 15px 40px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_20px_40px_rgba\(15\,23\,42\,0\.1\)\] {
    --tw-shadow: 0 20px 40px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_20px_40px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 20px 40px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_20px_45px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 20px 45px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_32px_60px_rgba\(170\,0\,170\,0\.45\)\] {
    --tw-shadow: 0 32px 60px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent), 0 4px 6px -4px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-md {
    --tw-shadow: 0 4px 6px -1px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent), 0 2px 4px -2px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-sm {
    --tw-shadow: 0 1px 3px 0 color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent), 0 1px 2px -1px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent), 0 8px 10px -6px color-mix(in oklab, rgba(234, 179, 0, 0.2) var(--tw-shadow-alpha), transparent);
    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 + 0px) rgba(39, 196, 133, 0.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 0px) rgba(39, 196, 133, 0.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 0px) rgba(39, 196, 133, 0.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 0px) rgba(39, 196, 133, 0.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-amber-400\/20 {
    --tw-shadow-color: rgba(250, 188, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-amber-400\/20 {
      --tw-shadow-color: rgb(250, 188, 0)
  }
}
.shadow-black\/20 {
    --tw-shadow-color: rgba(0, 0, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-black\/20 {
      --tw-shadow-color: rgb(0, 0, 0)
  }
}
.shadow-black\/40 {
    --tw-shadow-color: rgba(0, 0, 0, 0.4)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-black\/40 {
      --tw-shadow-color: rgb(0, 0, 0)
  }
}
.shadow-orange-400\/20 {
    --tw-shadow-color: rgba(255, 139, 31, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-orange-400\/20 {
      --tw-shadow-color: rgb(255, 139, 31)
  }
}
.shadow-violet-400\/20 {
    --tw-shadow-color: rgba(166, 134, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-violet-400\/20 {
      --tw-shadow-color: rgb(166, 134, 255)
  }
}
.shadow-yellow-400\/20 {
    --tw-shadow-color: rgba(247, 201, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-yellow-400\/20 {
      --tw-shadow-color: rgb(247, 201, 0)
  }
}
.shadow-yellow-500\/20 {
    --tw-shadow-color: rgba(234, 179, 0, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.shadow-yellow-500\/20 {
      --tw-shadow-color: rgb(234, 179, 0)
  }
}
.ring-\[var\(--accent-green\)\]\/30 {
    --tw-ring-color: var(--accent-green)
  }
@supports (color: color-mix(in lch, red, blue)) {
.ring-\[var\(--accent-green\)\]\/30 {
      --tw-ring-color: rgba(39, 196, 133, 0.3)
  }
}
.ring-pink-200 {
    --tw-ring-color: rgb(252, 206, 232);
  }
.ring-pink-300 {
    --tw-ring-color: rgb(253, 165, 213);
  }
.ring-slate-200\/80 {
    --tw-ring-color: rgba(226, 232, 240, 0.8)
  }
@supports (color: color-mix(in lch, red, blue)) {
.ring-slate-200\/80 {
      --tw-ring-color: rgba(226, 232, 240, 0.8)
  }
}
.ring-white\/20 {
    --tw-ring-color: rgba(255, 255, 255, 0.2)
  }
@supports (color: color-mix(in lch, red, blue)) {
.ring-white\/20 {
      --tw-ring-color: rgba(255, 255, 255, 0.2)
  }
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.blur-xl {
    --tw-blur: blur(var(--blur-xl));
    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,);
  }
.contrast-125 {
    --tw-contrast: contrast(125%);
    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,);
  }
.contrast-150 {
    --tw-contrast: contrast(150%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgba(0, 0, 0, 0.15)));
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.drop-shadow-\[0_0_8px_rgba\(62\,223\,163\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(62,223,163,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.drop-shadow-\[0_0_10px_rgba\(62\,223\,163\,0\.3\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, rgba(62,223,163,0.3)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.drop-shadow-\[0_0_20px_rgba\(62\,223\,163\,0\.25\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 20px var(--tw-drop-shadow-color, rgba(62,223,163,0.25)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.drop-shadow-\[0_10px_30px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-drop-shadow-size: drop-shadow(0 10px 30px var(--tw-drop-shadow-color, rgba(255,255,255,0.2)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.grayscale-\[0\.2\] {
    --tw-grayscale: grayscale(0.2);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.grayscale-\[0\.5\] {
    --tw-grayscale: grayscale(0.5);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
.duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
.duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
.duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
.ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
.outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
.\[animation-delay\:0\.2s\] {
    animation-delay: 0.2s;
  }
.\[animation-delay\:0\.4s\] {
    animation-delay: 0.4s;
  }
.group-focus-within\:text-\[var\(--accent-green\)\]:is(:where(.group):focus-within *) {
      color: var(--accent-green);
    }
.group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
@media (hover: hover) {
.group-hover\:scale-100:is(:where(.group):hover *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
.group-hover\:scale-105:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
.group-hover\:scale-110:is(:where(.group):hover *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
.group-hover\:rotate-0:is(:where(.group):hover *) {
        rotate: 0deg;
    }
      }
@media (hover: hover) {
.group-hover\:rotate-12:is(:where(.group):hover *) {
        rotate: 12deg;
    }
      }
@media (hover: hover) {
.group-hover\:rotate-90:is(:where(.group):hover *) {
        rotate: 90deg;
    }
      }
@media (hover: hover) {
.group-hover\:bg-\[var\(--accent-blue\)\]\/10:is(:where(.group):hover *) {
        background-color: var(--accent-blue);
    }

@supports (color: color-mix(in lch, red, blue)) {
.group-hover\:bg-\[var\(--accent-blue\)\]\/10:is(:where(.group):hover *) {
          background-color: rgba(0, 122, 255, 0.1);
    }
}
      }
@media (hover: hover) {
.group-hover\:bg-\[var\(--accent-green\)\]\/10:is(:where(.group):hover *) {
        background-color: var(--accent-green);
    }

@supports (color: color-mix(in lch, red, blue)) {
.group-hover\:bg-\[var\(--accent-green\)\]\/10:is(:where(.group):hover *) {
          background-color: rgba(39, 196, 133, 0.1);
    }
}
      }
@media (hover: hover) {
.group-hover\:text-\[var\(--accent-blue\)\]:is(:where(.group):hover *) {
        color: var(--accent-blue);
    }
      }
@media (hover: hover) {
.group-hover\:text-\[var\(--accent-green\)\]:is(:where(.group):hover *) {
        color: var(--accent-green);
    }
      }
@media (hover: hover) {
.group-hover\:opacity-40:is(:where(.group):hover *) {
        opacity: 40%;
    }
      }
@media (hover: hover) {
.group-hover\:opacity-80:is(:where(.group):hover *) {
        opacity: 80%;
    }
      }
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 100%;
    }
      }
.group-active\:scale-90:is(:where(.group):active *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.group-\[\.published\]\:bg-yellow-400:is(:where(.group):is(.published) *) {
      background-color: rgb(247, 201, 0);
    }
.group-\[\.published\]\:text-slate-800:is(:where(.group):is(.published) *) {
      color: rgb(29, 41, 61);
    }
.before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
    }
.before\:top-1::before {
      content: var(--tw-content);
      top: var(--spacing);
    }
.before\:left-1::before {
      content: var(--tw-content);
      left: var(--spacing);
    }
.before\:text-xs::before {
      content: var(--tw-content);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
.before\:text-sky-400::before {
      content: var(--tw-content);
      color: rgb(0, 187, 253);
    }
.before\:text-slate-500::before {
      content: var(--tw-content);
      color: rgb(98, 116, 142);
    }
.before\:content-\[\'父元素\'\]::before {
      --tw-content: '父元素';
      content: var(--tw-content);
    }
.before\:content-\[\'现在，让我们开始神奇的_tailwindcss_开发之旅吧！\'\]::before {
      --tw-content: '现在，让我们开始神奇的 tailwindcss 开发之旅吧！';
      content: var(--tw-content);
    }
.before\:content-\[\'现在，让我们继续神奇的_tailwindcss_HMR_回归之旅吧！\'\]::before {
      --tw-content: '现在，让我们继续神奇的 tailwindcss HMR 回归之旅吧！';
      content: var(--tw-content);
    }
.after\:\!content-\[\'good_work\!\'\]::after {
      content: var(--tw-content);
      --tw-content: 'good work!' !important;
      content: var(--tw-content) !important;
    }
.after\:content-\[\'hover_here\!\'\]::after {
      --tw-content: 'hover here!';
      content: var(--tw-content);
    }
.after\:content-\[\\\'hover_here\!\\\'\]::after {
      --tw-content: \'hover here!\';
      content: var(--tw-content);
    }
.focus-within\:ring-2:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 0px) rgba(39, 196, 133, 0.4);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
@media (hover: hover) {
.hover\:scale-105:hover {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
.hover\:scale-110:hover {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
.hover\:scale-\[1\.01\]:hover {
        scale: 1.01;
    }
      }
@media (hover: hover) {
.hover\:rotate-90:hover {
        rotate: 90deg;
    }
      }
@media (hover: hover) {
.hover\:border-\[var\(--accent-green\)\]\/30:hover {
        border-color: var(--accent-green);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-\[var\(--accent-green\)\]\/30:hover {
          border-color: rgba(39, 196, 133, 0.3);
    }
}
      }
@media (hover: hover) {
.hover\:border-\[var\(--accent-green\)\]\/50:hover {
        border-color: var(--accent-green);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-\[var\(--accent-green\)\]\/50:hover {
          border-color: rgba(39, 196, 133, 0.5);
    }
}
      }
@media (hover: hover) {
.hover\:bg-\[var\(--accent-blue\)\]:hover {
        background-color: var(--accent-blue);
    }
      }
@media (hover: hover) {
.hover\:bg-\[var\(--accent-green\)\]\/10:hover {
        background-color: var(--accent-green);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-\[var\(--accent-green\)\]\/10:hover {
          background-color: rgba(39, 196, 133, 0.1);
    }
}
      }
@media (hover: hover) {
.hover\:bg-\[var\(--accent-red\)\]\/10:hover {
        background-color: var(--accent-red);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-\[var\(--accent-red\)\]\/10:hover {
          background-color: rgba(255, 59, 48, 0.1);
    }
}
      }
@media (hover: hover) {
.hover\:bg-\[var\(--surface-muted\)\]:hover {
        background-color: var(--surface-muted);
    }
      }
@media (hover: hover) {
.hover\:bg-black\/20:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-black\/20:hover {
          background-color: rgba(0, 0, 0, 0.2);
    }
}
      }
@media (hover: hover) {
.hover\:bg-white\/10:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-white\/10:hover {
          background-color: rgba(255, 255, 255, 0.1);
    }
}
      }
@media (hover: hover) {
.hover\:bg-white\/30:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-white\/30:hover {
          background-color: rgba(255, 255, 255, 0.3);
    }
}
      }
@media (hover: hover) {
.hover\:text-\[var\(--accent-blue\)\]:hover {
        color: var(--accent-blue);
    }
      }
@media (hover: hover) {
.hover\:text-\[var\(--accent-green\)\]:hover {
        color: var(--accent-green);
    }
      }
@media (hover: hover) {
.hover\:text-\[var\(--accent-red\)\]:hover {
        color: var(--accent-red);
    }
      }
@media (hover: hover) {
.hover\:text-\[var\(--text-main\)\]:hover {
        color: var(--text-main);
    }
      }
@media (hover: hover) {
.hover\:text-white:hover {
        color: #fff;
    }
      }
@media (hover: hover) {
.hover\:underline:hover {
        text-decoration-line: underline;
    }
      }
@media (hover: hover) {
.hover\:opacity-80:hover {
        opacity: 80%;
    }
      }
@media (hover: hover) {
.hover\:opacity-100:hover {
        opacity: 100%;
    }
      }
@media (hover: hover) {
.hover\:ring-slate-300\/80:hover {
        --tw-ring-color: rgba(202, 213, 226, 0.8);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:ring-slate-300\/80:hover {
          --tw-ring-color: rgba(202, 213, 226, 0.8);
    }
}
      }
.focus\:border-\[var\(--accent-green\)\]\/50:focus {
      border-color: var(--accent-green)
    }
@supports (color: color-mix(in lch, red, blue)) {
.focus\:border-\[var\(--accent-green\)\]\/50:focus {
        border-color: rgba(39, 196, 133, 0.5)
    }
}
.focus\:border-transparent:focus {
      border-color: transparent;
    }
.focus\:bg-white\/10:focus {
      background-color: rgba(255, 255, 255, 0.1)
    }
@supports (color: color-mix(in lch, red, blue)) {
.focus\:bg-white\/10:focus {
        background-color: rgba(255, 255, 255, 0.1)
    }
}
.focus\:ring-0:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 0px) rgba(39, 196, 133, 0.4);
      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-2:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 0px) rgba(39, 196, 133, 0.4);
      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-\[var\(--accent-green\)\]\/30:focus {
      --tw-ring-color: var(--accent-green)
    }
@supports (color: color-mix(in lch, red, blue)) {
.focus\:ring-\[var\(--accent-green\)\]\/30:focus {
        --tw-ring-color: rgba(39, 196, 133, 0.3)
    }
}
.focus\:ring-\[var\(--accent-green\)\]\/40:focus {
      --tw-ring-color: var(--accent-green)
    }
@supports (color: color-mix(in lch, red, blue)) {
.focus\:ring-\[var\(--accent-green\)\]\/40:focus {
        --tw-ring-color: rgba(39, 196, 133, 0.4)
    }
}
.focus\:outline-none:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
.active\:scale-95:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.active\:bg-\[var\(--surface-subtle\)\]:active {
      background-color: var(--surface-subtle);
    }
.active\:bg-white\/5:active {
      background-color: rgba(255, 255, 255, 0.05)
    }
@supports (color: color-mix(in lch, red, blue)) {
.active\:bg-white\/5:active {
        background-color: rgba(255, 255, 255, 0.05)
    }
}
.disabled\:opacity-50:disabled {
      opacity: 50%;
    }
.disabled\:grayscale:disabled {
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
@media (width >= 40rem) {
.sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    }
@media (width >= 40rem) {
.sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
  }
    }
@media (width >= 48rem) {
.md\:grid {
      display: grid;
  }
    }
@media (width >= 48rem) {
.md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    }
@media (width >= 48rem) {
.md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    }
@media (width >= 48rem) {
.md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
  }
    }
@media (width >= 64rem) {
.lg\:grid {
      display: grid;
  }
    }
@media (width >= 64rem) {
.lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    }
.not-wx\:border {
      border-style: var(--tw-border-style);
      border-width: 1px
  }
.not-wx\:border-rose-200 {
      border-color: rgb(255, 204, 211)
  }
.not-wx\:bg-red-500 {
      background-color: rgb(251, 44, 54)
  }
.not-wx\:bg-rose-50 {
      background-color: rgb(255, 241, 242)
  }
.not-wx\:text-slate-900 {
      color: rgb(15, 23, 43)
  }
.\[\&_text\]\:text-\[32px\] text {
      font-size: 32px;
    }
.\[\&\>view\]\:text-center > view {
      text-align: center;
    }
.raw-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.raw-btn::after {
      content: var(--tw-content);
      --tw-border-style: none;
      border-style: none;
    }
.btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.25rem;
    --tw-gradient-position: to right;
      --tw-gradient-position: to right;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9e58e9;
    --tw-gradient-to: rgb(50, 128, 255);
    --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));
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #fff;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.btn::after {
      content: var(--tw-content);
      --tw-border-style: none;
      border-style: none;
    }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}uni-page[data-type] uni-page-body{background-color:transparent}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}.glass-effect[data-v-f5c0a885]{backdrop-filter:blur(30px);background:var(--floating-nav-bg);border-color:var(--floating-nav-border)}html uni-button.tab-nav-button{margin:0!important;padding:0!important;color:inherit;line-height:inherit!important;background-color:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}html uni-button.tab-nav-button:after{content:none!important;border:0!important}:root.light{border-color:rgba(0,0,0,.08)}:root.light{background-color:rgba(29,29,31,.06)}.animate-pulse[data-v-f5c0a885]{animation:pulse-f5c0a885 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-f5c0a885{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.toast-fade-enter-from[data-v-75adfcc8],.toast-fade-leave-to[data-v-75adfcc8]{opacity:0;transform:translate(-50%,-20px)}:root.light{--bg-main: #f5f7fa;--card-bg: #ffffff;--text-main: #1d1d1f;--text-muted: #6e6e73;--accent-green: #27c485;--accent-blue: #007aff;--accent-red: #ff3b30;--accent-green-rgb: 39 196 133;--accent-blue-rgb: 0 122 255;--accent-red-rgb: 255 59 48;--glass-border: rgba(0, 0, 0, .05);--surface-subtle: rgba(29, 29, 31, .04);--surface-muted: rgba(29, 29, 31, .08);--surface-strong: rgba(29, 29, 31, .12);--divider-subtle: rgba(29, 29, 31, .08);--card-shadow: 0 6px 18px rgba(15, 23, 42, .07);--floating-nav-bg: rgba(255, 255, 255, .82);--floating-nav-border: rgba(0, 0, 0, .05);--gps-control-bg: rgba(255, 255, 255, .8);--gps-control-border: rgba(0, 0, 0, .06);--gps-map-bg: #f1f5f9;--gps-map-grid: #1d1d1f;--gps-map-border: rgba(0, 0, 0, .05);--gps-map-label-bg: rgba(255, 255, 255, .95);--gps-map-label-border: rgba(0, 0, 0, .06);--gps-map-label-text: #1d1d1f;--gps-panel-bg: rgba(255, 255, 255, .95);--gps-panel-border: rgba(0, 0, 0, .05);--gps-panel-divider: rgba(0, 0, 0, .1);--gps-track-end: #1d1d1f}:root.light .training-background{opacity:.12}:root.light .training-overlay{background:linear-gradient(to bottom,rgba(245,247,250,.7),rgba(245,247,250,.42),rgba(245,247,250,.94))}:root.light .training-instruction{color:var(--text-main);background:rgba(245,247,250,.96);border-top:1px solid rgba(0,0,0,.06)}:root.light .training-attribution,:root.light .training-control-icon,:root.light .training-stat-label{color:var(--text-muted)}:root.light .training-control-panel{background:rgba(255,255,255,.88);border-color:rgba(0,0,0,.06)}:root.light .training-progress,:root.light .training-divider{background:rgba(0,0,0,.1)}:root.light .training-action{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}uni-page-body,body{background-color:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html .button-hover{background-color:transparent!important}:root.light [class~="bg-white/5"]{background-color:var(--surface-subtle)!important}:root.light [class~="bg-white/10"]{background-color:var(--surface-muted)!important}:root.light [class~="bg-white/20"]{background-color:var(--surface-strong)!important}:root.light [class~="border-white/5"]{border-color:var(--divider-subtle)!important}:root.light [class~="border-white/10"]{border-color:var(--surface-muted)!important}:root.light [class~="border-white/20"]{border-color:var(--surface-strong)!important}:root.light [class~="divide-white/5"]>:not([hidden])~:not([hidden]){border-color:var(--divider-subtle)!important}[class~="bg-accent-green/10"],[class~="bg-[var(--accent-green)]/10"]{background-color:rgba(39, 196, 133, 0.1)!important}[class~="bg-accent-green/20"],[class~="bg-[var(--accent-green)]/20"]{background-color:rgba(39, 196, 133, 0.2)!important}[class~="bg-[var(--accent-green)]/5"]{background-color:rgba(39, 196, 133, 0.05)!important}[class~="bg-accent-blue/20"],[class~="bg-[var(--accent-blue)]/20"]{background-color:rgba(0, 122, 255, 0.2)!important}[class~="bg-[var(--accent-blue)]/10"]{background-color:rgba(0, 122, 255, 0.1)!important}[class~="bg-[var(--accent-blue)]/5"]{background-color:rgba(0, 122, 255, 0.05)!important}[class~="bg-accent-red/20"]{background-color:rgba(255, 59, 48, 0.2)!important}[class~="bg-[var(--accent-red)]/10"]{background-color:rgba(255, 59, 48, 0.1)!important}[class~="bg-[var(--accent-red)]/5"]{background-color:rgba(255, 59, 48, 0.05)!important}[class~="border-accent-green/30"],[class~="border-[var(--accent-green)]/30"]{border-color:rgba(39, 196, 133, 0.3)!important}[class~="border-[var(--accent-green)]/10"]{border-color:rgba(39, 196, 133, 0.1)!important}[class~="border-[var(--accent-green)]/20"]{border-color:rgba(39, 196, 133, 0.2)!important}[class~="border-[var(--accent-green)]/40"]{border-color:rgba(39, 196, 133, 0.4)!important}[class~="border-[var(--accent-green)]/50"]{border-color:rgba(39, 196, 133, 0.5)!important}[class~="border-accent-blue/30"]{border-color:rgba(0, 122, 255, 0.3)!important}[class~="border-[var(--accent-blue)]/10"]{border-color:rgba(0, 122, 255, 0.1)!important}[class~="border-accent-red/30"]{border-color:rgba(255, 59, 48, 0.3)!important}[class~="border-[var(--accent-red)]/20"]{border-color:rgba(255, 59, 48, 0.2)!important}.iconify-icon{display:inline-block;flex-shrink:0;line-height:1;vertical-align:middle}.text-2xl{font-size:1.25rem!important}.text-xl{font-size:1.125rem!important}.text-lg{font-size:1rem!important}.text-3xl{font-size:1.5rem!important}.text-4xl{font-size:1.75rem!important}.text-5xl{font-size:2rem!important}.text-6xl{font-size:2.25rem!important}.text-7xl{font-size:2.5rem!important}[class~="text-[84px]"]{font-size:3rem!important}.p-6{padding:1rem!important}.p-5{padding:.875rem!important}.p-4{padding:.75rem!important}.px-8{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:.875rem!important;padding-right:.875rem!important}.py-6{padding-top:1rem!important;padding-bottom:1rem!important}.py-5{padding-top:.875rem!important;padding-bottom:.875rem!important}.py-4{padding-top:.625rem!important;padding-bottom:.625rem!important}.pt-10{padding-top:1.5rem!important}.pt-8{padding-top:1.25rem!important}.pb-10{padding-bottom:1.5rem!important}.pb-32{padding-bottom:6rem!important}.gap-6{gap:1rem!important}.gap-5{gap:.875rem!important}.gap-4{gap:.625rem!important}.gap-3{gap:.5rem!important}.mb-8{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1rem!important}.mb-5{margin-bottom:.75rem!important}.mt-6{margin-top:1rem!important}.space-y-6>:not(:last-child){margin-block-start:calc(1rem * var(--tw-space-y-reverse))!important;margin-block-end:calc(1rem * (1 - var(--tw-space-y-reverse)))!important}.space-y-5>:not(:last-child){margin-block-start:calc(.875rem * var(--tw-space-y-reverse))!important;margin-block-end:calc(.875rem * (1 - var(--tw-space-y-reverse)))!important}.space-y-4>:not(:last-child){margin-block-start:calc(.625rem * var(--tw-space-y-reverse))!important;margin-block-end:calc(.625rem * (1 - var(--tw-space-y-reverse)))!important}.space-y-3>:not(:last-child){margin-block-start:calc(.5rem * var(--tw-space-y-reverse))!important;margin-block-end:calc(.5rem * (1 - var(--tw-space-y-reverse)))!important}.animate-float{animation:float 4s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#1f2634 25%,#2d364a,#1f2634 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-shine{position:relative;overflow:hidden}.glass-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.texture-bg{position:relative}.texture-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.btn-active-scale{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-active-scale:active{transform:scale(.95)}.glass-effect{backdrop-filter:blur(20px);background-color:var(--floating-nav-bg)}.pb-safe{padding-bottom:calc(1rem + var(--safe-area-inset-bottom))}.bottom-nav-safe{bottom:calc(2rem + var(--safe-area-inset-bottom))}