@import url('/base.css');

.zoom-icon {
    background-image: url('/zoom.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-mob {
    background-image: url('/mob-menu.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btnclose {
    background-image: url('/close.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bot-icon {
    background-image: url('/chat-bot.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wave-icon {
    background-image: url('/wave.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.quotes-icon {
    background-image: url('/quotes.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* .favorite{
    background-image: url('/favorite.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
}

.favorite_fill{
    background-image: url('/favorite_fill.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
} */

.arrow_1 {
    background-image: url('/arrow_1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* .liked{
    background-image: url('/like.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
}

.like{
    background-image: url('/like_not_fill.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
} */


.left-arrow {
    background-image: url('/tail-left.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.right-arrow {
    background-image: url('/tail-right.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.material-symbols-outlined {
    color: var(--base-primary);
    font-size: 1.3rem;
}

.fill.material-symbols-outlined {
    color: var(--base-primary);
    font-size: 1.3rem;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}



.edit {
    background-image: url('/edit.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.disable {
    background-image: url('/disable-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.view {
    background-image: url('/view.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}