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

body {
    display: flex;
    flex-direction: column;
    overflow: auto;
    min-height: 100vh;
    margin: 0;
    background-color: black;
}

.body-no-scroll {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed; /* Optional: can help prevent scrolling on some devices */
}

#backToTopDiv {
    position: fixed;
    bottom: 25px;
    right: 10px;
}

#zmmtg-root {
    display: none;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}



.flex-wrapper {
    display: flex;
    min-height: calc(100vh);
    flex-direction: column;
    justify-content: flex-start;
}


footer {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    min-height: calc(100vh - 155px);
}

footer .others {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

#map {
    height: 100%;
    width: 100%;
    background-color: gray;
    min-height: 395px;
    margin-top: 1rem;
}

details {
    padding-top: 4px;
    padding-bottom: 10px;
}

details>summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none
}

summary {
    display: flex !important;
}

summary::before {
    content: ' ►';
    padding-right: 2px;
}

details[open] summary:before {
    content: " ▼";
    padding-right: 2px;
}


.vdialogoverlay {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: flex-start; /* Changed from center to flex-start */
    overflow-y: auto; /* Allows scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.vdialog {
    display: flex;
    position: relative;
    margin: 1.5rem;
    padding: 1rem; /* Adjusted padding, remove 'rem' after 0 */
    background-color: #ffffff;
    flex-direction: column;
    border-radius: 0.5rem;
    outline: 0;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
    max-height: calc(100vh - 3rem); /* Ensures the dialog doesn't exceed the viewport height */
    overflow-y: auto;
}

.vdialoghdr {
    display: flex;
    padding: 1rem 0rem 1rem 0rem;
    flex-direction: row;
    justify-content: space-between;
    border-bottom-width: 2px;
    border-color: #E0E7FF;
    border-style: solid;
    align-items: center;
}

.vdialoghdrclose {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: #FEE2E2;
    font-weight: 700;
    border-radius: 0.25rem;
    line-height: 0px;
}
.vdialogbody > * + * {
    margin-top: 1em;
}
.vdialogftr {
    display: flex;
    padding: 1rem 0rem 1rem 0rem;
    justify-content: flex-end;
    align-items: center;
    border-top-width: 2px;
    border-color: #E0E7FF;
    border-style: solid;
    margin-top: auto;
    gap: 10px;
}


.vclosebtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #f3f4f6; /* gray-100 */
    color: #374151; /* gray-700 */
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vclosebtn:hover {
    background-color: #e5e7eb; /* gray-200 */
}

.vbtn_sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #4338ca; /* primary-700 */
    color: #ffffff;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vdbtn_sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #ef4444; /* red-500 */
    color: #ffffff;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vdbtn_sm:hover {
    background-color: #dc2626; /* red-600 */
}
.vbtn_sm:hover {
    background-color: #3730a3; /* primary-800 */
}


/* Primary button — canonical style for all primary actions.
   Solid: .vbtn  ·  Outline/secondary: .vbtn-outline */
.vbtn, .vdialogbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.375rem 0.75rem;
    background-color: #4338ca; /* primary-700 */
    color: #ffffff;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vbtn:hover, .vdialogbtn:hover {
    background-color: #3730a3; /* primary-800 */
    color: #ffffff;
}
.vbtn:disabled, .vbtn:hover:disabled, .vdialogbtn:disabled, .vdialogbtn:hover:disabled {
    background-color: gray;
    border-color: gray;
    cursor: not-allowed;
}

.vbtn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.375rem 0.75rem;
    background-color: #ffffff;
    color: #3730a3; /* primary-800 */
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 1px solid #a5b4fc; /* primary-300 */
    border-radius: 0.25rem;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vbtn-outline:hover {
    background-color: #3730a3; /* primary-800 */
    color: #ffffff;
}

.vbtn_regular {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #4338ca; /* primary-700 */
    color: #ffffff;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: background-color 0.15s ease, color 0.15s ease;
}
.vbtn_regular:hover {
    background-color: #3730a3; /* primary-800 */
    color: #ffffff;
}

.vbtn_lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border-radius: 0.25rem;
    background-color: #4338ca; /* primary-700 */
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.vbtn_lg:hover {
    background-color: #3730a3; /* primary-800 */
    color: #ffffff;
}

.dbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: #e57e21; /* accent orange */
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.vbtn.disabled, .vbtn_sm.disabled, .vdbtn_sm.disabled, .vbtn_lg.disabled, .vbtn_regular.disabled{
    background-color: gray;
    cursor: not-allowed;
    pointer-events: all !important;
}


/* Responsive styles for smaller devices */
@media (max-width: 768px) {
    .dbtn {
        font-size: 0.875rem; /* text-sm */
        padding-top: 0.2rem; /* Adjust padding if needed */
        padding-bottom: 0.2rem; /* Adjust padding if needed */
        padding-left: 0.5rem; /* Adjust padding if needed */
        padding-right: 0.5rem; /* Adjust padding if needed */
    }
    .vbtn {
        padding: 0.3rem 0.7rem;
        font-size: 0.8rem;
    }
    .vclosebtn {
        padding: 0.3rem 0.7rem;
    }
    .vdialogbtn{
        width: 100%;
        display: inline-flex;
        justify-content: center;
    }
    .vdialog {
        margin: 0.8rem;
    }
    .vdialogftr {
        display: flex;
        gap: 10px;

    }
}

/* Optionally add more breakpoints for finer control */
@media (max-width: 480px) {
    .dbtn {
        font-size: 0.75rem; /* text-xs */
    }
}

.dbtn:hover {
    background-color: #c2410c; /* accent orange darker */
    color: #ffffff;
}


/* ============================================================
   Shared responsive filter bar for slide-in views
   (Billing, Reports, All Patients, …).
   Layout primitive only — each view supplies its own inputs
   and count tiles. Replaces the per-view, hand-rolled flex
   arrangements that behaved inconsistently on mobile.

   Structure:
     .vfilterbar
       .vfilterbar__filter        the filter panel box
         .vfilterbar__search      full-width primary input   (optional)
         .vfilterbar__dates       date range — stays paired  (optional)
         .vfilterbar__controls    other filters — wrap/stack (optional)
         .vfilterbar__actions     search / filter buttons
       .vfilterbar__counts        count tiles                (optional)
         .vfilterbar__tile        a single count tile

   Desktop: filter panel on one line, counts beside it.
   Mobile (<=768px): filter panel stacks (dates -> controls ->
   actions); counts drop to a second row.
   ============================================================ */
.vfilterbar {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
    margin-bottom: 0.75rem;
}

/* Shared gradient panel/tile skin (was repeated inline utilities) */
.vfilterbar__filter,
.vfilterbar__tile {
    border: 1px solid #c7d2fe; /* primary-200 */
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    background-image: linear-gradient(to right, #eef2ff, #f9fafb); /* primary-50 -> gray-50 */
}

.vfilterbar__filter {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
}

/* Controls must be allowed to shrink inside the flex rows; a flex item's
   default min-width:auto keeps inputs at their intrinsic width and overflows
   the panel on narrow screens. Also neutralises fixed width utilities (w-32)
   carried onto flatpickr's visible altInput. */
.vfilterbar input,
.vfilterbar select,
.vfilterbar textarea {
    min-width: 0;
    max-width: 100%;
}

.vfilterbar__search {
    flex: 1 1 100%; /* always its own full-width row */
    min-width: 0;
}

.vfilterbar__dates {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.vfilterbar__controls {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}
.vfilterbar__controls > * {
    flex: 1 1 12rem; /* filters share the row, wrap when tight */
    min-width: 0;
}

.vfilterbar__actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto; /* push buttons to the end on desktop */
}

.vfilterbar__counts {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.vfilterbar__tile {
    display: flex;
    padding: 0.75rem;
}

@media (max-width: 768px) {
    .vfilterbar {
        flex-direction: column; /* filter (row 1) -> counts (row 2) */
    }
    .vfilterbar__filter {
        flex-direction: column; /* dates -> controls -> actions */
        align-items: stretch;
    }
    /* date range stays a single row, From/To split evenly */
    .vfilterbar__dates > * {
        flex: 1 1 0;
        min-width: 0;
        /* stack the From/To label ABOVE the field so the native date
           input (which has a large intrinsic min-width on mobile) gets the
           full cell width instead of overflowing beside the label */
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .vfilterbar__dates > * > span {
        align-self: flex-start;
        padding: 0;
        line-height: 1.1;
    }
    /* element selector (not [type=date]) so it also catches flatpickr's
       visible altInput, which is a type=text field */
    .vfilterbar__dates input {
        width: 100%;
        min-width: 0;
        text-align: left;
    }
    .vfilterbar__controls {
        flex-direction: column;
        align-items: stretch;
    }
    .vfilterbar__controls > * {
        flex: 1 1 auto;
        width: 100%;
    }
    .vfilterbar__actions {
        margin-left: 0;
        width: 100%;
    }
    .vfilterbar__actions > * {
        flex: 1 1 0; /* buttons stretch to fill the row */
    }
    /* count tiles sit side-by-side on the second row */
    .vfilterbar__counts > * {
        flex: 1 1 0;
    }
}

/* Ultra-narrow phones (<360px): a native date field cannot shrink below its
   own content width, so two can't sit side-by-side. Stack From/To instead. */
@media (max-width: 359px) {
    .vfilterbar__dates {
        flex-direction: column;
        align-items: stretch;
    }
}


.htmx-indicator, .progress-indicator {
    display: none;
}
.htmx-request .progress-indicator,
.htmx-request.progress-indicator,
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: inline;
    opacity: 0.75;
}

.bubble {
    cursor: pointer;
    position: absolute;
    transform: translateX(-50%);
    bottom: -42px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    color: #ffffff; /* This color might change based on the actual color palette used by Tailwind. */
    background-color: #5a67d8; /* This is a representative color of bg-primary-800 assuming default Tailwind palette. */
    border-radius: 0.5rem; /* Tailwind's "rounded" typically refers to a border radius of 0.5rem; check your config if customized. */
    font-size: .75rem;
  line-height: 1rem;
}
.bubble::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid rgb(55 48 163/var(--tw-bg-opacity));
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}

.i-mdi-arrow-left{
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 11v2H8l5.5 5.5l-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5L8 11z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-bacteria{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 16c0-.5-.05-.92-.12-1.32l1.57-.78l-.9-1.8l-1.37.69c-.55-.83-1.27-1.29-1.89-1.51l.66-1.96l-1.9-.64l-.76 2.28c-1.33-.13-2.12-.64-2.59-1.19l1.75-.87l-.9-1.8l-1.55.79a4.39 4.39 0 0 0-.72-2.02l1.55-2.32l-1.66-1.11l-1.41 2.12c-.48-.23-1.06-.41-1.76-.5V2H7v2.1c-.71.15-1.27.44-1.68.81L2.7 2.29L1.29 3.71l2.95 2.94C4 7.39 4 8 4 8H2v2h2.04c.06.63.17 1.36.36 2.15l-2.72.9l.63 1.9l2.69-.9c.24.51.5 1.03.82 1.53l-2.38 1.59l1.11 1.66l2.52-1.68c.56.56 1.22 1.06 1.99 1.49l-.96 1.91l1.79.9l1-2l-.16-.09c.95.32 2.03.54 3.27.61V22h2v-2.07c.76-.09 1.81-.29 2.77-.74l1.52 1.52l1.41-1.42l-1.33-1.34c.38-.51.63-1.15.63-1.95M8.5 11A1.5 1.5 0 0 1 7 9.5A1.5 1.5 0 0 1 8.5 8A1.5 1.5 0 0 1 10 9.5A1.5 1.5 0 0 1 8.5 11m2.5 3a1 1 0 0 1-1-1a1 1 0 0 1 1-1a1 1 0 0 1 1 1a1 1 0 0 1-1 1m4.5 3a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-bacteria-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 2H7v2.1c-.71.15-1.27.44-1.68.81L2.7 2.29L1.29 3.71l2.95 2.94C4 7.39 4 8 4 8H2v2h2.04c.06.63.17 1.36.36 2.15l-2.72.9l.63 1.9l2.69-.9c.24.51.5 1.03.82 1.53l-2.38 1.59l1.11 1.66l2.52-1.68c.56.56 1.22 1.06 1.99 1.49l-.96 1.91l1.79.9l1-2l-.16-.09c.95.32 2.03.54 3.27.61V22h2v-2.07c.76-.09 1.81-.29 2.77-.74l1.52 1.52l1.41-1.42l-1.33-1.34c.38-.51.63-1.15.63-1.95c0-.5-.05-.92-.12-1.32l1.57-.78l-.9-1.8l-1.37.69c-.55-.83-1.27-1.29-1.89-1.51l.66-1.96l-1.9-.64l-.76 2.28c-1.33-.13-2.12-.64-2.59-1.19l1.75-.87l-.9-1.8l-1.55.79a4.39 4.39 0 0 0-.72-2.02l1.55-2.32l-1.66-1.11l-1.41 2.12c-.48-.23-1.06-.41-1.76-.5M15 18c-2.94 0-5.19-.82-6.69-2.44C5.68 12.72 6 8.2 6 8.17v-.14C6 7.1 6.39 6 8 6c2.63 0 2.97 1.43 3 2c0 2 1.6 5 6 5c.33 0 2 .15 2 3c0 1.89-3.97 2-4 2M8.5 8A1.5 1.5 0 0 0 7 9.5A1.5 1.5 0 0 0 8.5 11A1.5 1.5 0 0 0 10 9.5A1.5 1.5 0 0 0 8.5 8m2.5 4a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m4.5 2a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-calculator{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 2v4h10V4zm0 6v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2zm-8 4v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2zm-8 4v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-calculator-variant{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5c-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-6 4.1L14.1 6l1.4 1.4L16.9 6L18 7.1l-1.4 1.4L18 9.9L16.9 11l-1.4-1.4l-1.4 1.4L13 9.9l1.4-1.4zm-6.8.6h5v1.5h-5zm5.3 8.3h-2v2H8v-2H6v-1.5h2v-2h1.5v2h2zm6.5 1.2h-5v-1.5h5zm0-2.4h-5v-1.5h5z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-calculator-variant-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14zM6.2 7.7h5v1.5h-5zm6.8 8.1h5v1.5h-5zm0-2.6h5v1.5h-5zM8 18h1.5v-2h2v-1.5h-2v-2H8v2H6V16h2zm6.1-7.1l1.4-1.4l1.4 1.4l1.1-1l-1.4-1.4L18 7.1L16.9 6l-1.4 1.4L14.1 6L13 7.1l1.4 1.4L13 9.9z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-camera-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' 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");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-check{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-chevron-down{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-circle{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' 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 2'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-close{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-content-copy{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' 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");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-delete{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-delete-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM8 9h8v10H8zm7.5-5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-face-happy{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' 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 9.5C7 8.7 7.7 8 8.5 8s1.5.7 1.5 1.5S9.3 11 8.5 11S7 10.3 7 9.5m5 7.73c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81M15.5 11c-.8 0-1.5-.7-1.5-1.5S14.7 8 15.5 8s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-face-happy-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 12a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8m2 0a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10M10 9.5c0 .8-.7 1.5-1.5 1.5S7 10.3 7 9.5S7.7 8 8.5 8s1.5.7 1.5 1.5m7 0c0 .8-.7 1.5-1.5 1.5S14 10.3 14 9.5S14.7 8 15.5 8s1.5.7 1.5 1.5m-5 7.73c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-label-off-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 4.27L3.28 3L20 19.72L18.73 21l-2.1-2.1c-.2.06-.41.1-.63.1H5a2 2 0 0 1-2-2V7c0-.5.17-.93.46-1.27zM5 17h9.73L5 7.27zm14.55-5L16 7H9.82L7.83 5H16c.67 0 1.27.33 1.63.84L22 12l-3 4.2l-1.41-1.44z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-label-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 17H5V7h11l3.55 5m-1.92-6.16C17.27 5.33 16.67 5 16 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11c.67 0 1.27-.34 1.63-.85L22 12z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-note-edit{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 10V9l-6-6H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h6v-1.87l8.39-8.39c.44-.44 1-.68 1.61-.74m-7-5.5l5.5 5.5H14zm8.85 9.69l-.98.98l-2.04-2.04l.98-.98c.19-.2.52-.2.72 0l1.32 1.32c.2.2.2.53 0 .72m-3.72-.36l2.04 2.04L15.04 22H13v-2.04z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-note-edit-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m18.13 12l1.26-1.26c.44-.44 1-.68 1.61-.74V9l-6-6H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h6v-1.87l.13-.13H5V5h7v7zM14 4.5l5.5 5.5H14zm5.13 9.33l2.04 2.04L15.04 22H13v-2.04zm3.72.36l-.98.98l-2.04-2.04l.98-.98c.19-.2.52-.2.72 0l1.32 1.32c.2.2.2.53 0 .72'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-notebook{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 7V5h2V4a2 2 0 0 1 2-2h6v7l2.5-1.5L18 9V2h1c1.05 0 2 .95 2 2v16c0 1.05-.95 2-2 2H7c-1.05 0-2-.95-2-2v-1H3v-2h2v-4H3v-2h2V7zm4 4H5v2h2zm0-4V5H5v2zm0 12v-2H5v2z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-notebook-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17 4v6l-2-2l-2 2V4H9v16h10V4zM3 7V5h2V4a2 2 0 0 1 2-2h12c1.05 0 2 .95 2 2v16c0 1.05-.95 2-2 2H7c-1.05 0-2-.95-2-2v-1H3v-2h2v-4H3v-2h2V7zm2-2v2h2V5zm0 14h2v-2H5zm0-6h2v-2H5z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-pencil-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m14.06 9l.94.94L5.92 19H5v-.92zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83l3.75 3.75l1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-security{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 12h7c-.53 4.11-3.28 7.78-7 8.92zH5V6.3l7-3.11M12 1L3 5v6c0 5.55 3.84 10.73 9 12c5.16-1.27 9-6.45 9-12V5z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-swap-horizontal{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m21 9l-4-4v3h-7v2h7v3M7 11l-4 4l4 4v-3h7v-2H7z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-swap-horizontal-bold{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 10v3h6v5H8v3l-6-5.5zm14-1.5L16 3v3h-6v5h6v3z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-table-column-plus-after{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2V2zm-7 8v4h7v-4zm0 6v4h7v-4zM4 4v4h7V4zm11 7h3V8h2v3h3v2h-3v3h-2v-3h-3z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-table-column-plus-before{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h9V2zm7 8v4h-7v-4zm0 6v4h-7v-4zm0-12v4h-7V4zM9 11H6V8H4v3H1v2h3v3h2v-3h3z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-tooth{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7 2C4 2 2 5 2 8c0 2.11 1 5 2 6s2 8 4 8c4.54 0 2-7 4-7s-.54 7 4 7c2 0 3-7 4-8s2-3.89 2-6c0-3-2-6-5-6s-3 1-5 1s-2-1-5-1'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-tooth-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7 2C4 2 2 5 2 8c0 2.11 1 5 2 6s2 8 4 8c4.54 0 2-7 4-7s-.54 7 4 7c2 0 3-7 4-8s2-3.89 2-6c0-3-2-6-5-6s-3 1-5 1s-2-1-5-1m0 2c2 0 3 1 5 1s3-1 5-1c1.67 0 3 2 3 4c0 1.75-.86 4.11-1.81 5.06c-.86.86-2.13 6.88-2.69 6.88c-.21 0-.5-1.06-.5-2.35c0-2.04-.57-4.59-3-4.59s-3 2.55-3 4.59c0 1.29-.29 2.35-.5 2.35c-.56 0-1.83-6.02-2.69-6.88C4.86 12.11 4 9.75 4 8c0-2 1.33-4 3-4'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-view-grid{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 11h8V3H3m0 18h8v-8H3m10 8h8v-8h-8m0-10v8h8V3'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-view-grid-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 11h8V3H3m2 2h4v4H5m8 12h8v-8h-8m2 2h4v4h-4M3 21h8v-8H3m2 2h4v4H5m8-16v8h8V3m-2 6h-4V5h4Z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-water{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 20a6 6 0 0 1-6-6c0-4 6-10.75 6-10.75S18 10 18 14a6 6 0 0 1-6 6'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-water-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 3.77l-.75.84S9.97 6.06 8.68 7.94C7.39 9.82 6 12.07 6 14.23a6 6 0 0 0 6 6a6 6 0 0 0 6-6c0-2.16-1.39-4.41-2.68-6.29a38.7 38.7 0 0 0-2.57-3.33zm0 3.13c.44.52.84.95 1.68 2.17c1.21 1.76 2.32 4 2.32 5.16c0 2.22-1.78 4-4 4c-2.22 0-4-1.78-4-4c0-1.16 1.11-3.4 2.32-5.16c.84-1.22 1.24-1.65 1.68-2.17'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-wrench{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9c-2-2-5-2.4-7.4-1.3L9 6L6 9L1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.i-mdi-wrench-outline{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m22.61 19l-9.08-9.09c.93-2.34.47-5.1-1.44-7C9.79.61 6.21.4 3.66 2.26L7.5 6.11L6.08 7.5L2.25 3.69C.39 6.23.6 9.82 2.9 12.11c1.86 1.86 4.57 2.35 6.89 1.48l9.11 9.11c.39.39 1.02.39 1.41 0l2.3-2.3c.39-.4.39-1.01 0-1.4m-3 1.59l-9.46-9.46c-.61.45-1.29.72-2 .82c-1.36.2-2.79-.21-3.83-1.25C3.37 9.76 2.93 8.5 3 7.26l3.09 3.09l4.24-4.24L7.24 3c1.26-.05 2.49.39 3.44 1.33a4.469 4.469 0 0 1 1.24 3.96a4.35 4.35 0 0 1-.88 1.96l9.46 9.45z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.hover\:i-mdi-delete:hover{
    --un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z'/%3E%3C/svg%3E");
    -webkit-mask:var(--un-icon) no-repeat;
    mask:var(--un-icon) no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    background-color:currentColor;

    width:1em;
    height:1em;
}
.border-notes-light{
    --un-border-opacity:1;
    border-color:rgb(161 166 173 / var(--un-border-opacity))
}
.border-notes-secondary{
    --un-border-opacity:1;
    border-color:rgb(33 35 38 / var(--un-border-opacity))
}
.border-on-primary{
    --un-border-opacity:1;
    border-color:rgb(255 255 255 / var(--un-border-opacity))
}
.border-outline{
    --un-border-opacity:1;
    border-color:rgb(82 82 82 / var(--un-border-opacity))
}
.border-b-notes-light{
    --un-border-opacity:1;
    --un-border-bottom-opacity:var(--un-border-opacity);
    border-bottom-color:rgb(161 166 173 / var(--un-border-bottom-opacity))
}
.border-b-outline\/10{
    border-bottom-color:#5252521a
}
.border-r-outline\/16{
    border-right-color:#52525229
}
.border-t-outline{
    --un-border-opacity:1;
    --un-border-top-opacity:var(--un-border-opacity);
    border-top-color:rgb(82 82 82 / var(--un-border-top-opacity))
}
.rounded-1{
    border-radius:.25rem
}


.modal-wrapper[data-v-79fd2e29]{
    position:fixed;
    z-index:10;
    width:100%;
    height:100%;
    background-color:#0006;
    overflow:auto
}
.modal[data-v-79fd2e29]{
    position:fixed;
    z-index:999;
    top:15%;
    left:15%;
    width:70%;
    max-height:70%;
    padding:2.5em 3em;
    overflow:auto;
    text-align:center;
    display:flex;
    flex-direction:column;
    background-color:var(--color-surface-variant);
    border-radius:var(--border-radius-medium)
}
.modal.text-left[data-v-79fd2e29]{
    text-align:left
}
@media screen and (min-width: 992px){
    .modal[data-v-79fd2e29]{
        left:20%;
        width:60%
    }
}
@media screen and (min-width: 1200px){
    .modal[data-v-79fd2e29]{
        left:25%;
        width:50%
    }
}
.modal-header[data-v-79fd2e29]{
    margin-bottom:.5em;
    font-weight:600;
    display:flex;
    gap:1rem;
    align-items:center
}
.modal-header h2[data-v-79fd2e29-s],.modal-header h3[data-v-79fd2e29-s]{
    font-weight:600;
    margin:0
}
.modal-body .btn[data-v-79fd2e29-s]{
    margin-right:.5em
}
.modal-body h2[data-v-79fd2e29-s],.modal-body h3[data-v-79fd2e29-s],.modal-body h4[data-v-79fd2e29-s]{
    margin-bottom:0;
    font-weight:600
}
.modal-body p[data-v-79fd2e29-s]{
    font-size:.9em
}
.modal-body ul[data-v-79fd2e29-s]{
    margin:.5rem;
    padding-left:1.5em;
    list-style-type:disc
}
.modal-body li[data-v-79fd2e29-s]{
    font-size:.9em
}
.modal-actions[data-v-79fd2e29]{
    margin-top:1rem;
    display:flex;
    gap:.5rem;
    justify-content:end
}
.close-button[data-v-79fd2e29]{
    align-self:flex-end;
    margin-bottom:1rem;
    font-size:1.25rem;
    cursor:pointer
}
.btn[data-v-76f8539f]{
    font:var(--label-large);
    transition:var(--transition-standard-short)
}
.nav[data-v-67118fd1]{
    display:flex;
    flex-direction:column;
    width:5rem;
    padding:4rem .25rem .5rem
}
@media only screen and (min-width: 992px){
    .nav[data-v-67118fd1]{
        width:6rem;
        padding:4rem .5rem .5rem
    }
}
.nav-item[data-v-67118fd1]{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:.5rem 0
}
.nav-item .nav-icon-frame[data-v-67118fd1]{
    display:flex;
    padding:.3rem 1rem;
    border-radius:var(--border-radius-full);
    transition:var(--transition-standard-short)
}
.nav-item .nav-icon-frame[data-v-67118fd1]:hover{
    background-color:var(--color-surface-container-hover)
}
.nav-item .nav-icon[data-v-67118fd1]{
    width:1.5rem;
    height:auto
}
.nav-item .nav-text[data-v-67118fd1]{
    font:var(--label-medium);
    text-align:center

}
input:checked ~ .radiobtn {
    color:white;
    background-color: green;
}