xshop/resources/sass/client-custom/_general.scss

/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--xshop-background);;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--xshop-primary);;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--xshop-secondary);
}

*{
    font-family: 'Vazirmatn' , sans-serif;
}

html {
    scroll-behavior: smooth;
}

body{
    background: var(--xshop-background);
    color: var(--xshop-text);
    overflow-x: hidden;
}


#website-preloader{
    transition: 500ms;
}

.color-bullet{
    width: 25px;
    height: 25px;
    margin: auto;
    border-radius: 50%;
}


#do-edit{
    position: fixed;
    inset-inline-start: 0;
    top: 5%;
    background: #21252BFF;
    color: white;
    z-index: 999;
    padding: 10px;
    width: 50px;
    opacity: .4;
    transition: 1s;
    &:hover{
        opacity: 1;
    }
    i{
        font-size: 25px;
    }
}

[id^="hidden-img"]{
    display: none;
}
#hidden-images{
    display: none;
}


.color-bullet{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid gray;
}

#tabs-content{
    .tab{
        display: none;

        &.active{
            display: block;
        }
    }
}