/* Poppins Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Poppins", serif;

}

._bzke7i_container_b9d8u9_{
    position: relative;
    height: fit-content;
    width: 100%;
    padding-top: 70px;
    /* height: 500px; */
    /* background-color: red; */
    /* border: 1px solid red; */
}

/* body a{
    text-decoration: none !important;

} */

:root{
    --primary_color: #EE547C;
    --primary_color_hover: #f87195;
    --secondary_color: #ff97b3;
    --light_color: #ffecf1;
    --dark_color: #000000;
    --background_color: #fff;
    --dark_secondary_color: #0000002d;
}

/* @media (prefers-color-scheme: dark) {
    :root {
        --primary_color: #ff97b3;
        --secondary_color: #EE547C;
        --dark_color: #ffffff;
        --background_color: #000000;
    }
} */

body{
    background-color: var(--background_color);
    height: 200vh;
    /* background-color: #f3f3f3; */
}

#laravel-notify{
    position: relative;
    z-index: 999999;
    /* border: 1px solid red; */
}


.pointer-events-auto{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.212) !important;
    position: fixed;
    top: 100px !important;
    right: 10px;
    transition: all 0.3s ease;
}

/* Beautiful Custom Scrollbars (Global) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.2);
    border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.4);
}

/* Dark mode custom scrollbars */
.dark ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Firefox compatibility */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.2) transparent;
}

.dark * {
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}