/* Components */
@import "components/accordion.css";
@import "components/banner.css";
@import "components/button.css";
@import "components/category-button.css";
@import "components/footer.css";
@import "components/header.css";
@import "components/input.css";
@import "components/layout.css";
@import "components/mcm-popup.css";
@import "components/modal.css";
@import "components/player-card.css";
@import "components/prize-card.css";
@import "components/profile-card.css";
@import "components/rank-card.css";
@import "components/shapes.css";
@import "components/slider.css";
@import "components/toast.css";
@import "components/toggle.css";
@import "components/typography.css";
@import "components/utils.css";
@import "components/vip-card.css";

/*Views*/
@import "views/auth.css";
@import "views/categories.css";
@import "views/content-upsell.css";
@import "views/general.css";
@import "views/home.css";
@import "views/menu.css";
@import "views/play.css";
@import "views/services.css";
@import "views/vip-upsell.css";
@import "views/welcome.css";
@import "views/winners.css";

html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body.body--auth-tint {
    background-image: linear-gradient(152deg, #D7DBF5 4%, #F7DEEE 54%, #F8D9E3 98%);
}

body.body--white {
    background: #FFF;
}

body.body--primary-tint {
    background: #F3F1FC;
}

body.body--welcome-tint {
    background-image: linear-gradient(210deg, #00c3be, #aa20da);
}

body, button, input {
    font-family: 'Poppins', sans-serif;
}

form {
    margin-block-end: 0;
}

* {
    box-sizing: border-box;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}