.tz-fadeimg {
    opacity :0;
    transition: opacity 0.3s ease;
}

.tz-fadeimg.loaded {
    opacity: 1;
}

.tz-tl .mud-timeline-vertical {
    padding-top: 0;
}

.tz-tl .mud-timeline-item {
    padding: 0 !important;
}

.tz-tl .mud-timeline-vertical::before {
    top: 10px !important;
    height: calc(100% - 20px) !important;
}

.tz-prop-icon .mud-icon-root {
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tz-icon-inline {
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tz-context-menu {
    position: fixed;
    display: none;
    z-index: 9999;
}

.tz-tabbar-transparent .mud-tabs-tabbar {
    background-color: transparent;
}

.tz-tabbar-transparent .mud-tabs-panels {
    background-color: transparent !important;
}

@font-face {
    font-family: "Bodoni Moda";
    src: url("../fonts/BodoniModa-VariableFont_opsz,wght.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Bodoni Moda";
    src: url("../fonts/BodoniModa-Italic-VariableFont_opsz,wght.woff2") format("woff2");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.woff2") format("woff2");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/NotoSans-VariableFont_wdth,wght.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 62.5% 100%;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-VariableFont_wght.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Italic-VariableFont_wght.woff2") format("woff2");
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
}

@font-face {
    font-family: "Renogare Soft";
    src: url("../fonts/renogare-soft.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.tz-expand-noscroll .mud-collapse-wrapper {
    overflow: hidden !important;
}

.tz-map-popup {
}

.tz-map-popup .maplibregl-popup-content {
    border-radius: 8px !important;
    padding: 0 !important;
}

.tz-map-popup-swiper {
    width: 100%;
    --swiper-pagination-color: var(--mud-palette-surface);
    --swiper-navigation-color: var(--mud-palette-surface);
}

.mud-dialog
{
    background-color: var(--mud-palette-dialog-bg) !important;
}

.tz-checkbox-nopad .mud-icon-button {
 padding-top: 0 !important;
 padding-left: 0 !important;
 padding-bottom: 0 !important;
}

.tz-text-area {}

.tz-text-area {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #2b2b2b;

    max-width: 70ch;
    word-break: break-word;
}

/* Paragraphs */
.tz-text-area p {
}

/* Headings */
.tz-text-area h1,
.tz-text-area h2,
.tz-text-area h3,
.tz-text-area h4,
.tz-text-area h5,
.tz-text-area h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.4em;
}

.tz-text-area h1 { font-size: 1.75rem; }
.tz-text-area h2 { font-size: 1.5rem; }
.tz-text-area h3 { font-size: 1.25rem; }
.tz-text-area h4 { font-size: 1.1rem; }
.tz-text-area h5 { font-size: 1rem; }
.tz-text-area h6 { font-size: 0.9rem; }

/* Lists */
.tz-text-area ul,
.tz-text-area ol {
    margin: 0.75em 0;
    padding-left: 1.25em;
}

.tz-text-area ul {
    list-style-type: disc;
}

.tz-text-area ol {
    list-style-type: decimal;
}

.tz-text-area li {
    margin: 0.35em 0;
    line-height: 1.6;
}

/* Nested lists */
.tz-text-area li ul,
.tz-text-area li ol {
    margin-top: 0.35em;
}

/* Links */
.tz-text-area a {
    color: #8A3A3F;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tz-text-area a:hover {
    opacity: 0.85;
}

/* Emphasis */
.tz-text-area strong {
    font-weight: 600;
}

.tz-text-area em {
    font-style: italic;
}

/* Blockquote */
.tz-text-area blockquote {
    border-left: 3px solid #e5e5e5;
    padding-left: 1em;
    margin: 1em 0;
    color: #555;
}

/* Horizontal rule */
.tz-text-area hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 1.5em 0;
}

/* Images */
.tz-text-area img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1em 0;
}

/* Tables */
.tz-text-area table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 0.9rem;
}

.tz-text-area th,
.tz-text-area td {
    border: 1px solid #e5e5e5;
    padding: 0.6em 0.8em;
    text-align: left;
}

.tz-text-area th {
    background: #f8f8f8;
    font-weight: 600;
}

/* Code */
.tz-text-area code {
    background: #f3f3f3;
    padding: 0.2em 0.4em;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85em;
}

.tz-text-area pre {
    background: #f3f3f3;
    padding: 1em;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1em 0;
}

.tz-text-area pre code {
    background: transparent;
    padding: 0;
}

.tz-text-area img {
    border-radius: 8px;
    overflow: hidden;
}