.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .bloom-effect-on-hover:hover {
            transform: scale(1.02);
            transition: transform 0.3s ease;
        }
        .organic-leaf-shape {
            border-radius: 60% 40% 70% 30% / 30% 70% 40% 60%;
        }
        .grainy-overlay {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
            opacity: 0.03;
            pointer-events: none;
        }

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24
    }
.bloom-effect-on-hover:hover {
    transform: scale(1.02);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)
    }
.organic-shape-1 {
    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
    }
.linen-texture {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuC-0KsluMAFNz4QYB5FvIpLTkx0HZIknCJSwcUzh243Wuz1BHi3H3pAxYXazBc6hFp2AwWTGWWcKMUKCrMeFir0AbAD3NoHgqGcsLo_rRrNDXvlkWY5meX1x5jooLgR34c9t0508KrI7-VwWYxhoDDzl0Im_c5zH3JST_U2T51KYrpgNH-Sol80960Dr6T-f44m4TgkeQu__XbNyCzKMcTsDI_ThUwu9hqnRrf98G-NMpZJPzM_UU3ghAIMRVrF3l0J9kGbNBXqvnk)
    }

.bloom-effect-on-hover:hover {
    transform: scale(1.02);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)
    }
.grain-overlay {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuCivvo6dwXk2q24Oe6gQZeU9uvouKyvkCINSh0B_Q9iLW1ifZz-utup9yyNwgcBDZv84jzdjRb6KilX9VwGDq7V3rH70fX0Mgo9davuQrxHuL5utjlZ6nOUtjGmtO4HXabypEjhWGm9o-n3WlIGSn_-KYIwe54yFf0q69eG_1QrB5PJI-6Sht_jmiOJAkiHntBXXMN_V9nr5Wgs2VWY7UKFcgCHWaq-omGxLj3yr9Qvw-T-CZ2y9VqRMxB-r6adTQfUasTQ6ay9y6w);
    opacity: 0.4;
    pointer-events: none
    }
.botanical-line {
    opacity: 0.15;
    pointer-events: none
    }
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr)
    }
.masonry-grid {
    column-count: 3;
    column-gap: 1.5rem
    }
@media (max-width: 768px) {
    .masonry-grid {
        column-count: 1
        }
    }

.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bloom-effect-on-hover:hover {
            transform: scale(1.02);
            transition: transform 0.3s ease;
        }

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    vertical-align: middle
    }
.bloom-effect-on-hover:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease
    }
.grain-overlay {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuB-2CxnsN8cAgP1-gVw4hrzlxV_ceKNa1UESQxirlH9UhnGVWaJG7T3wB079f5lUMVr55uGVC1waWPCx-KDdOyOzEDI03_Yrqq7w6AZAKvY2PNRC42_gPUyI2t95KoMTkoV-T9kPXNn2F6EtRPPyu3bQlE5HnCD-GK8CHMlt0INMJ2q9P0OP91yTFvW3QfCGLSPiIX24BMZ_kePhW59m_TnmnidvYalU64TV0ZvtFdG-IqYiom961BABmAF4arpISjK1G2ncD3RruQ);
    pointer-events: none
    }

.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .bloom-effect-on-hover:hover {
            transform: scale(1.02);
        }
        .leaf-accent::after {
            content: "leafy_tips";
            font-family: "Material Symbols Outlined";
            position: absolute;
            opacity: 0.1;
        }

.material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .bloom-effect-on-hover:hover {
      transform: scale(1.02);
      transition: transform 0.3s ease;
    }
    .leaf-watermark {
      opacity: 0.03;
      pointer-events: none;
      position: fixed;
      bottom: 10%;
      right: 5%;
      z-index: 0;
      width: 400px;
    }
    body {
      background-image: radial-gradient(#dce6d9 0.5px, transparent 0.5px);
      background-size: 24px 24px;
    }

body:has(.template-demo-banner) {
    --demo-banner-height: 44px;
}

.template-demo-banner {
    position: sticky;
    top: 0;
    z-index: 9999;
    min-height: var(--demo-banner-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 20px;
    background: #111111;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    font-family: Inter, Manrope, "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: center;
}

.template-demo-banner a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

body:has(.template-demo-banner) > .fixed.top-0,
body:has(.template-demo-banner) > .sticky.top-0,
body:has(.template-demo-banner) > header.fixed.top-0,
body:has(.template-demo-banner) > header.sticky.top-0,
body:has(.template-demo-banner) > nav.fixed.top-0,
body:has(.template-demo-banner) > nav.sticky.top-0 {
    top: var(--demo-banner-height) !important;
}

@media (max-width: 640px) {
    body:has(.template-demo-banner) {
        --demo-banner-height: 58px;
    }

    .template-demo-banner {
        flex-direction: column;
        gap: 4px;
        padding: 8px 16px;
        font-size: 12px;
    }
}