:root {
    --white: #fff;
    --primary-title: #1a0a00;
    --body: #8b4513;
    --gray: #d2691e;
    --divider: #ff8c42;
    --light-gray: #fff5ee;
    --dark-white: #ffe4e1;
    --background: #fff8f0;
    --text-container-bg: #fff8f0;
    --purple: #ff4500;
    --button-bg-hover: #8b0000;
    --modal-background: #fff;
    --gradient-blue: linear-gradient(142deg, #ff6347, #ff4500);
    --gradient-pink: linear-gradient(142deg, #ff1493, #ff4500);
    --gradient-yellow: linear-gradient(142deg, #ff8c00, #ff4500 73.96%);
    --gradient-green: linear-gradient(142deg, #ff6347, #ff8c42);
    --gradient-light: linear-gradient(180deg, transparent 40.1%, rgba(139, 0, 0, .13) 59.09%, rgba(139, 0, 0, .15) 60.1%, rgba(139, 0, 0, .85));
    --menu-item-filter: brightness(2) invert(1);
    --social-icon-filter: brightness(0)
}

[data-theme=dark] {
    --menu-item-filter: brightness(0) invert(1);
    --social-icon-filter: brightness(10);
    --primary-title: #ff6347;
    --body: #ff8c42;
    --gray: #1a1a1a;
    --divider: #2a2a2a;
    --light-gray: #0a0a0a;
    --background: #000000;
    --text-container-bg: #0d0d0d;
    --purple: #ff4500;
    --modal-background: #0d0d0d;
    --button-bg-hover: #ff6347;
    --gradient-blue: linear-gradient(142deg, #ff4500, #ff6347);
    --gradient-pink: linear-gradient(142deg, #ff1493, #ff4500);
    --gradient-yellow: linear-gradient(142deg, #ff8c00, #ff4500 73.96%);
    --gradient-green: linear-gradient(142deg, #ff6347, #ff8c42);
    --gradient-light: linear-gradient(180deg, transparent 40.1%, rgba(255, 69, 0, .13) 59.09%, rgba(255, 69, 0, .15) 60.1%, rgba(255, 69, 0, .85));
}

:root {
    --tooltip-width: 150px;
    --app-height: 100%
}

body, html {
    /* font-family: Proxima Soft, Arial, Helvetica, Times New Roman, Times, "serif", "sans-serif"; */
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100%
}

html {
    overflow: hidden
}

a {
    color: inherit;
    text-decoration: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    /* font-family: Proxima Soft, Arial, Helvetica, Times New Roman, Times, "serif", "sans-serif" */
}

button {
    border: none;
    outline: none;
    background: 0 0
}

.dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dot {
    border: none;
    width: 10px;
    height: 10px;
    background: #c5c5c5;
    border-radius: 50%;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer
}

.dot:focus {
    outline: none
}

.dot.active {
    background: #000
}

.arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer
}

.Toastify__toast-container {
    z-index: 99999999
}

#__next {
    height: 100%
}

.grecaptcha-badge {
    display: none !important
}

strong {
    font-weight: 700
}

[data-wgplayer] {
    min-height: auto !important
}