:root{
    /* Colors */
    --color-normal: #313131;
    --color-blue: #1FA2FF;

    /* Spacing */
    --lh-35: 35px;

    /* Font */
    --fw-normal: 400;
}

/* Spacing */
.lh-35{
    line-height: var(--lh-35);
}

.mt-min-70{
    margin-top: -70px;
}
/* Spacing */

/* Fonts */
.fs-small{
    font-size: 10px;
}

.fs-standar{
    font-size: 16px;
}

.fw-normal{
    font-weight: var(--fw-normal);
}
/* Fonts */

/* Colors */
.color-normal{
    color: var(--color-normal);
}

.color-blue{
    color: var(--color-blue);
}
/* Colors */

/* Borders */
.border-blue{
    border: 1px solid var(--color-blue);
}
/* Borders */

.small-toast {
    max-width: 280px; /* batasi ukuran */
    font-size: 0.85rem; /* perkecil font */
    border-radius: 12px; /* lebih smooth */
}

.small-toast .toast-img {
    max-height: 120px; /* batasi tinggi gambar */
    object-fit: cover;
}


.custom-close {
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.3); /* semi transparan */
    border-radius: 50%;
    opacity: 1; /* biar tidak samar */
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.custom-close:hover {
    background-color: rgba(255, 255, 255, 0.6);
    transform: scale(1.1); /* sedikit membesar */
}