[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 */
}

.vtabs {
    border-bottom: 1px solid black;
}

.vtab {
    padding: 0.5rem;
    border-radius: 0.5rem;
}

/* .vtab__content {
  display: none;
    left: 0;
    padding: 0.5rem;
    position: absolute;
    top: 100%;
} */

.vtab__input {
    position: fixed;
    top: -100px;
}

.vtab__input+label {
    cursor: pointer;
}

.vtab__label:hover {
    background-color: #ccc;
}

.vtab__input:focus+label {
    border-bottom: 4px solid #552769;
}

.vtab__input:checked+label {
    background-color: #552769;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    border-radius: 0.5rem;
}

.vtab__input:checked~.vtab__content {
    display: block;
}

#tab0:checked~#tab0content {
    display: block;
}

#tab1:checked~#tab1content {
    display: block;
}

.vtab__input #tab2:checked~#tab2content {
    display: block;
}

.vtab__input #tab3:checked~#tab3content {
    display: block;
}

.iframe-container {
    overflow: hidden;
    /* 16:9 aspect ratio */
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.svg-icon,
.svg-icon-t {
    width: 1em;
    height: 1em;
}

.svg-icon-t path,
.svg-icon-t polygon,
.svg-icon-t rect {
    fill: red;
    stroke-width: 1;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: white;
    stroke-width: 1;
}

.svg-icon circle {
    stroke: white;
    stroke-width: 1;
}

#backToTopDiv {
    position: fixed;
    bottom: 25px;
    left: 10px;
    width: 90px;
}

#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 .footer-socials {
    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;
    padding: 0 1.2rem 0 0;
}

footer .footer-socials p {
    margin: 0;
}

footer .footer-socials div {
    width: 30px;
}

footer .footer-socials a {
    padding: 2px 4px;
    background-color: gray;
    border-radius: 50%;
}

footer .footer-socials a:not(:last-of-type) {
    background-color: #b1b1b1;
    margin-right: 0.3rem;
}

footer .footer-socials a i {
    color: #fff;
}

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;
}


.fa-sort-up:hover::before {
    content: "\f0dc";
}

.fa-sort-down:hover::before {
    content: "\f0dc";
}

.sort-options i {
    color: #212529;
}

.column-sorted:hover .sort-options {
    display: block;
}

[data-tooltip]::before {
    position: absolute;
    margin-top: -15px;
    background-color: rgb(231 231 255);
    padding: 1px 3px 1px 3px;
    font-size: small;
    content: attr(data-tooltip);
    opacity: 0;
}

[data-tooltip]:hover::before {
    opacity: 1;
}

[data-tooltip]:not([data-tooltip-persistent])::before {
    pointer-events: none;
}

.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;
    /* z-index: 999; */
    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;
}

.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;
}

.vclosebtn {
    padding-top: 0.4rem;
    padding-bottom: 0.30rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    margin-left: 1rem;
    color: #EF4444;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border-radius: 0.25rem;
    background-color: #FEE2E2;
    --tw-border-opacity: 1;
    border-color: #fdc9c9;
    border-bottom-width: 3px;
    border-left-width: 1px;
    align-items: baseline;
    display: flex;
}

.vbtn_sm {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgb(67 56 202/var(--tw-border-opacity));
    color: #ffffff;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap;
    --tw-border-opacity: 1;
    border-color: rgb(49 46 129/var(--tw-border-opacity));
    border-left-width: 1px;
}
.vdbtn_sm {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity));
    color: #ffffff;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap;
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-bg-opacity));
    border-left-width: 1px;

}
.vbtn_sm:hover {
    --tw-bg-opacity: 1;
    background-color: #4F46E5;
}


.vbtn {
    --tw-bg-opacity: 1;
    padding-top: 0.4rem;
    padding-bottom: 0.30rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    background-color: rgb(55 48 163/var(--tw-bg-opacity));
    color: #ffffff;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap;
    --tw-border-opacity: 1;
    border-color: rgb(49 46 129/var(--tw-border-opacity));
    border-bottom-width: 3px;
    border-left-width: 1px;
    align-items: baseline;
    display: flex;
}
.vbtn:disabled, .vbtn:hover:disabled {
    background-color:  gray;
    border-color: gray;
}
.vbtn:hover {
    --tw-bg-opacity: 1;
    background-color: #4F46E5;
}

.vbtn_regular {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 163/var(--tw-bg-opacity));
    color: #ffffff;
    font-weight: 400;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap;
}
.vbtn_regular:hover {
    background-color: #4f46e5; /* hover:bg-indigo-500 */
    color: #ffffff; /* hover:text-white */
}

.vbtn_lg {
    height: 100%;
    border-radius: 0.25rem; /* rounded */
    background-color: #312e81; /* bg-indigo-900 */
    color: #ffffff; /* text-white */
    font-weight: 600; /* font-semibold */
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem; /* px-4 */
    white-space: nowrap;
}

.vbtn_lg:hover {
    background-color: #4f46e5; /* hover:bg-indigo-500 */
    color: #ffffff; /* hover:text-white */
    border-color: transparent; /* hover:border-transparent */
}

.dbtn {
    font-weight: 400; /* font-normal */
    padding-top: 0.25rem; /* py-1 */
    padding-bottom: 0.25rem; /* py-1 */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.375rem; /* rounded */
    font-size: 1rem; /* text-base */
    color: #ffffff; /* text-white */
    --tw-bg-opacity: 1;
    background-color: rgb(229 126 33 / var(--tw-bg-opacity));
    display: inline;
    white-space: nowrap;
}

.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-top: 0.3rem;
        padding-bottom: 0.25rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        font-size: 0.8rem;
        border-radius: 0.2rem;
        border-bottom-width: 2px;
        border-left-width: 1px;
        /* Optionally, you might want to adjust the box-shadow for a subtler effect on smaller screens */
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.06);
    }
    .vclosebtn {
        padding-top: 0.3rem;
        padding-bottom: 0.25rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        margin-left: 1rem;
        color: #EF4444;
        font-size: 0.7rem;
        text-transform: uppercase;
        border-radius: 0.25rem;
        background-color: #FEE2E2;
    }
    .vdialog {
        margin: 0.8rem;
    }
}

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

.dbtn:hover {
    background-color: #4f46e5; /* hover:bg-indigo-500 */
}


.htmx-indicator, .progress-indicator {
    display: none;
}
.htmx-request .progress-indicator {
    display: inline;
    opacity: 0.75;
}
.htmx-request.progress-indicator {
    display: inline;
    opacity: 0.75;
}
.htmx-request .htmx-indicator {
    display: inline;
    opacity: 0.75;
}
.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-indigo-800 assuming default Tailwind palette. */
    border-radius: 0.5rem; /* Tailwind's "rounded-lg" 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%);
}

.bubbleup {
    cursor: pointer;
    position: absolute;
    transform: translateX(-50%);
    bottom: 15px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    color: #ffffff;
    background-color: #5a67d8;
    border-radius: 0.5rem;
    font-size: .75rem;
  line-height: 1rem;
}
.bubbleup::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid rgb(55 48 163/var(--tw-bg-opacity));
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

.pointer-nofollowup { left: 1%; }
.pointer-1w { left: calc(7 / 82 * 100%); }
.pointer-10d { left: calc(10 / 84 * 100%); }
.pointer-2w { left: calc(14 / 89 * 100%); }
.pointer-1m { left: calc(30 / 90.5 * 100%); }
.pointer-2m { left: calc(60 / 90 * 100%); }
.pointer-3m { left: 99%; }

.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
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:.5rem
}
.rounded-md{
    border-radius:.375rem
}
.rounded-sm{
    border-radius:.125rem
}
.rounded-xl{
    border-radius:.75rem
}
.rounded-t-lg,.first\:rounded-t-lg:first-child{
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem
}
.last\:rounded-b-lg:last-child{
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.border-solid{
    border-style:solid
}
.border-b-solid{
    border-bottom-style:solid
}
.border-r-solid{
    border-right-style:solid
}
.border-t-solid{
    border-top-style:solid
}
.\!bg-white{
    --un-bg-opacity:1 !important;
    background-color:rgb(255 255 255 / var(--un-bg-opacity))!important
}
.bg-\[rgba\(0\,0\,0\,0\.3\)\]{
    --un-bg-opacity:.3;
    background-color:rgba(0,0,0,var(--un-bg-opacity))
}
.bg-background,.bg-white{
    --un-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--un-bg-opacity))
}
.bg-gray-300{
    --un-bg-opacity:1;
    background-color:rgb(209 213 219 / var(--un-bg-opacity))
}
.bg-neutral-200{
    --un-bg-opacity:1;
    background-color:rgb(229 229 229 / var(--un-bg-opacity))
}
.bg-notes-light{
    --un-bg-opacity:1;
    background-color:rgb(161 166 173 / var(--un-bg-opacity))
}
.bg-primary{
    --un-bg-opacity:1;
    background-color:rgb(56 91 169 / var(--un-bg-opacity))
}
.bg-primary\/12{
    background-color:#385ba91f
}
.bg-primary\/6{
    background-color:#385ba90f
}
.bg-primary\/90{
    background-color:#385ba9e6
}
.bg-secondary{
    --un-bg-opacity:1;
    background-color:rgb(18 18 18 / var(--un-bg-opacity))
}
.bg-secondary\/12{
    background-color:#1212121f
}
.bg-secondary\/8{
    background-color:#12121214
}
.bg-surface{
    --un-bg-opacity:1;
    background-color:rgb(247 249 252 / var(--un-bg-opacity))
}
.bg-transparent{
    background-color:transparent
}
.dark .dark\:bg-gray-800{
    --un-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--un-bg-opacity))
}
.hover\:bg-on-primary\/8:hover,.hover\:bg-on-secondary\/8:hover{
    background-color:#ffffff14
}
.hover\:bg-primary\/16:hover{
    background-color:#385ba929
}
.hover\:bg-primary\/8:hover{
    background-color:#385ba914
}
.hover\:bg-secondary\/12:hover{
    background-color:#1212121f
}
.hover\:bg-secondary\/16:hover{
    background-color:#12121229
}
.hover\:bg-secondary\/8:hover{
    background-color:#12121214
}
.hover\:bg-surface:hover{
    --un-bg-opacity:1;
    background-color:rgb(247 249 252 / var(--un-bg-opacity))
}
.hover\:bg-transparent:hover{
    background-color:transparent
}
.after\:bg-blue-400:after{
    --un-bg-opacity:1;
    background-color:rgb(96 165 250 / var(--un-bg-opacity))
}
.after\:from-transparent:after{
    --un-gradient-from-position:0%;
    --un-gradient-from:transparent var(--un-gradient-from-position);
    --un-gradient-to-position:100%;
    --un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);
    --un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)
}
.after\:via-white:after{
    --un-gradient-via-position:50%;
    --un-gradient-to:rgb(255 255 255 / 0);
    --un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / var(--un-via-opacity, 1)) var(--un-gradient-via-position), var(--un-gradient-to)
}
.after\:to-transparent:after{
    --un-gradient-to-position:100%;
    --un-gradient-to:transparent var(--un-gradient-to-position)
}
.after\:bg-gradient-to-r:after{
    --un-gradient-shape:to right;
    --un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);
    background-image:linear-gradient(var(--un-gradient))
}

.after\:absolute:after{
    position:absolute
}
.bottom-1{
    bottom:.25rem
}
.bottom-1\/2{
    bottom:50%
}
.left-0{
    left:0
}
.right-\[-2\.5rem\]{
    right:-2.5rem
}
.right-\[calc\(100\%\+0\.25rem\)\]{
    right:calc(100% + .25rem)
}
.top-\[calc\(var\(--tooth-width\)\+1px\)\]{
    top:calc(var(--tooth-width) + 1px)
}
.top-0{
    top:0
}
.top-2\.5{
    top:.625rem
}
.after\:bottom-0:after{
    bottom:0
}
.after\:left-0:after{
    left:0
}
.after\:left-full:after{
    left:100%
}
.after\:right-0:after{
    right:0
}
.after\:top-0:after{
    top:0
}
.z-1{
    z-index:1
}
.z-10{
    z-index:10
}
.z-2{
    z-index:2
}
.z-3{
    z-index:3
}
.z-5{
    z-index:5
}
.z-50{
    z-index:50
}
.group:hover .group-hover\:z-0{
    z-index:0
}
.after\:z-10:after{
    z-index:10
}
.order-2{
    order:2
}
.grid{
    display:grid
}
.col-span-1{
    grid-column:span 1/span 1
}
.col-span-2{
    grid-column:span 2/span 2
}
.grid-cols-\[1fr_1fr_1fr\]{
    grid-template-columns:1fr 1fr 1fr
}
.grid-cols-\[1fr_1fr\]{
    grid-template-columns:1fr 1fr
}
.grid-cols-\[1fr_min-content\]{
    grid-template-columns:1fr min-content
}
.grid-cols-\[min-content_auto\]{
    grid-template-columns:min-content auto
}
.grid-cols-\[repeat\(auto-fit\,_minmax\(10rem\,_1fr\)\)\]{
    grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))
}
.grid-rows-\[1fr_1fr\]{
    grid-template-rows:1fr 1fr
}
.grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.m-\[calc\(var\(--tooth-width\)\/16\)\]{
    margin:calc(var(--tooth-width) / 16)
}
.m-16{
    margin:4rem
}
.mx-8{
    margin-left:2rem;
    margin-right:2rem
}
.my-1{
    margin-top:.25rem;
    margin-bottom:.25rem
}
.my-2{
    margin-top:.5rem;
    margin-bottom:.5rem
}
.\!mb-2{
    margin-bottom:.5rem!important
}
.mb-16{
    margin-bottom:4rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-4{
    margin-bottom:1rem
}
.mb-8{
    margin-bottom:2rem
}
.ml-1{
    margin-left:.25rem
}
.ml-2{
    margin-left:.5rem
}
.ml-4{
    margin-left:1rem
}
.ml-8{
    margin-left:2rem
}
.ml-auto{
    margin-left:auto
}
.mr-2{
    margin-right:.5rem
}
.mr-8{
    margin-right:2rem
}
.mr-auto{
    margin-right:auto
}
.mt-1{
    margin-top:.25rem
}
.mt-10{
    margin-top:2.5rem
}
.mt-4{
    margin-top:1rem
}
.mt-6{
    margin-top:1.5rem
}
.mt-auto{
    margin-top:auto
}

.h-\[1px\]{
    height:1px
}
.h-\[var\(--tooth-width\)\]{
    height:var(--tooth-width)
}
.h-10{
    height:2.5rem
}
.h-2{
    height:.5rem
}
.h-4\/5{
    height:80%
}
.h-6{
    height:1.5rem
}
.h-7{
    height:1.75rem
}
.h-9{
    height:2.25rem
}
.h-full{
    height:100%
}
.h-screen{
    height:100vh
}
.shadow-\[var\(--surface-elevation-2-shadow\)\]{
    --un-shadow:var(--surface-elevation-2-shadow);
    box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)
}
@media only screen and (min-width: 768px){
    :root{
        --tooth-width: 2.25rem
    }
}
@media only screen and (min-width: 992px){
    :root{
        --tooth-width: 2.75rem
    }
}
@media only screen and (min-width: 1100px){
    :root{
        --tooth-width: 3.25rem
    }
}
@media only screen and (min-width: 1200px){
    :root{
        --tooth-width: 3.35rem
    }
}
@media only screen and (min-width: 1300px){
    :root{
        --tooth-width: 3.25rem
    }
}
@media only screen and (min-width: 1400px){
    :root{
        --tooth-width: 3.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;
}