@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');

:root {

    --ion-font-family: "Poppins", serif;

    --ion-toolbar-background: url("assets/background_m.jpg") no-repeat 0px 0px / cover;
    /* --ion-toolbar-background, var(--ion-background-color, #fff)) */
    
}

ion-content {
    --background: #2a0002 url("assets/background_m.jpg") no-repeat 0px -112px / cover;
}

ion-content .content_loading{
    --background: #2a0002 url("assets/login_register_bg.jpg") no-repeat 0px 0px / cover;
}

ion-modal .content_register{
    --background: #2a0002 url("assets/login_register_bg.jpg") no-repeat 0px 0px / cover;
}

ion-modal .content_game{
    --background: #2a0002 url("assets/background_m.jpg") no-repeat 0px -56px / cover;
    /* --background: #2a0002; */
}

ion-modal .content_deposit{
    --background:linear-gradient(to right, #91432d , #6b0e16);
}

ion-item .item_button{
    --background: linear-gradient(180deg, rgba(47,1,4,1) 16%, rgba(164,3,40,1) 100%);
    --border-radius: 10px;
}

ion-accordion-group {
    ion-accordion {
        .ion-accordion-toggle-icon {
            color: #ffffff;
        }
    }
}

ion-modal .content_button{
    --background: url("assets/button_login_register.png") no-repeat 0px 0px / cover;
    --border-radius: 20px;
}

ion-modal .content_button2{
    --background: url("assets/button_login_register.png") no-repeat 0px 0px / cover;
    --border-radius: 20px;
}

ion-item {
    --background: transparent;
}

ion-segment {
    --background: #2a0002;
}

ion-tab-bar {
    --background: #2a0002;
}

.ion-color-icon_gold {
    --ion-color-base: #f3b33c;
}

ion-toast {
    --background: #6f080c;
    --box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
    --color: #ffffff;
    --width: 80%;
    --border-radius: 10px;
}

ion-toast::part(message) {
    text-align:center;
}

ion-button .deposit_button {
    --background: linear-gradient(180deg, rgba(47,1,4,1) 16%, rgba(164,3,40,1) 100%);
}

ion-checkbox {
    --checkbox-background-checked: #6f0c0f;
  }

ion-checkbox::part(container) {
    border: 1px solid #6f0c0f;
}

ion-radio {
    --border-radius: 4px;
    --inner-border-radius: 4px;
    --color: #f3b33c;
    --color-checked: #f3b33c;
}