/*==================================================
    GLASS DESIGN SYSTEM
    Art Glass Tiffany
==================================================*/


/*==================================================
    GLASS VARIABLES
==================================================*/

:root{

    --glass-bg: rgba(255,255,255,.06);

--glass-border: rgba(255,255,255,.35);

--glass-shadow:
    0 10px 30px rgba(0,0,0,.08);

--glass-blur:16px;

}


/*==================================================
    MAIN GLASS
==================================================*/

.glass{

    background:var(--glass-bg);

    backdrop-filter:
        blur(var(--glass-blur))
        saturate(180%);

    -webkit-backdrop-filter:
        blur(var(--glass-blur))
        saturate(180%);

    border:1px solid var(--glass-border);

    box-shadow:var(--glass-shadow);

}


/*==================================================
    LIGHT GLASS
==================================================*/

.glass-light{

    background:var(--glass-bg-light);

}


/*==================================================
    HEAVY GLASS
==================================================*/

.glass-heavy{

    background:var(--glass-bg-heavy);

}


/*==================================================
    CARD GLASS
==================================================*/

.glass-card{

    border-radius:24px;

}


/*==================================================
    DROPDOWN GLASS
==================================================*/

.glass-dropdown{

    border-radius:0 0 18px 18px;

}