.slot_alert {
    background-color: rgba(47, 47, 59, 0.95);
    border-radius: 6px;
    box-shadow: 0.87px 0.87px 8.7px #292929;
    padding: 13px 21.7px;
    position: absolute;
    text-align: center;
    width: 243.3px;
}
.card_alert .content .slot_alert .message,
.card_alert .content .slot_alert .title,
.slot_alert .card_alert .content .message,
.slot_alert .card_alert .content .title,
.slot_alert .message,
.slot_alert .slot_alert_landscape .message_landscape,
.slot_alert .slot_alert_landscape .title_landscape,
.slot_alert .title,
.slot_alert_landscape .slot_alert .message_landscape,
.slot_alert_landscape .slot_alert .title_landscape {
    color: #d9d9d9;
    white-space: normal;
}
.slot_alert .title {
    font-size: 15.7px;
}
.slot_alert .message {
    font-size: 13.3px;
}
.slot_alert .single_content_padding {
    padding-bottom: 17.3px !important;
    padding-top: 8.7px !important;
}
.slot_alert .title_padding {
    padding-bottom: 0;
    padding-top: 0;
}
.slot_alert .message_padding {
    padding-bottom: 17.3px;
    padding-top: 17.3px;
}
.slot_alert .message u {
    border-bottom: 1.7px solid;
    display: inline-block;
    text-decoration: none;
}
.slot_alert .btn_content_row {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.slot_alert .btn_content {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}
.slot_alert .btn_content .button {
    background-color: #dd5c2a;
    border-radius: 2.6px;
    color: #d9d9d9;
    font-size: 13.3px;
    margin: 3.5px;
    min-height: 17.3px;
    opacity: 1;
    padding: 10.3px 8.7px;
}
.slot_alert .btn_content .button:active {
    opacity: 0.85;
}
.slot_alert .btn_content .row {
    display: table-cell;
    padding-left: 4.3px;
    padding-right: 4.3px;
    vertical-align: middle;
}
.slot_alert .btn_content .btn_seperator_height {
    content: "";
    display: block;
    height: 2.6px;
    width: inherit;
}
.slot_alert .btn_content .btn_seperator_width {
    content: "";
    display: table-cell;
    height: inherit;
    width: 8.7px;
}
.slot_alert_landscape {
    background-color: rgba(47, 47, 59, 0.95);
    border-radius: 6px;
    box-shadow: 0.87px 0.87px 8.7px #292929;
    padding: 16px 18.7px;
    position: absolute;
    text-align: center;
    width: 184px;
}
.card_alert .content .slot_alert_landscape .message,
.card_alert .content .slot_alert_landscape .title,
.slot_alert .slot_alert_landscape .message,
.slot_alert .slot_alert_landscape .title,
.slot_alert_landscape .card_alert .content .message,
.slot_alert_landscape .card_alert .content .title,
.slot_alert_landscape .message_landscape,
.slot_alert_landscape .slot_alert .message,
.slot_alert_landscape .slot_alert .title,
.slot_alert_landscape .title_landscape {
    color: #d9d9d9;
    white-space: normal;
}
.slot_alert_landscape .title_landscape {
    font-size: 12.7px;
}
.slot_alert_landscape .message_landscape {
    font-size: 10.3px;
}
.slot_alert_landscape .single_content_padding_landscape {
    padding-bottom: 17.3px !important;
    padding-top: 8.7px !important;
}
.slot_alert_landscape .title_padding_landscape {
    padding-bottom: 0;
    padding-top: 0;
}
.slot_alert_landscape .message_landscape_padding {
    padding-bottom: 17.3px;
    padding-top: 17.3px;
}
.slot_alert_landscape .message_landscape u {
    border-bottom: 1.7px solid;
    display: inline-block;
    text-decoration: none;
}
.slot_alert_landscape .btn_content_row_landscape {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.slot_alert_landscape .btn_content_landscape {
    margin-right: 2%;
    width: 100%;
}
.slot_alert_landscape .btn_content_landscape .button_landscape {
    background-color: #dd5c2a;
    border-radius: 2.6px;
    color: #d9d9d9;
    font-size: 10.3px;
    margin: 3.5px;
    min-height: 17.3px;
    opacity: 1;
    padding: 8.3px 8.7px;
}
.slot_alert_landscape .btn_content_landscape .button_landscape:active {
    opacity: 0.85;
}
.slot_alert_landscape .btn_content_landscape .row_landscape {
    display: table-cell;
    padding-left: 4.3px;
    padding-right: 4.3px;
    vertical-align: middle;
}
.slot_alert_landscape .btn_content_landscape .btn_seperator_height_landscape {
    content: "";
    display: block;
    height: 2.6px;
    width: inherit;
}
.slot_alert_landscape .btn_content_landscape .btn_seperator_width_landscape {
    content: "";
    display: table-cell;
    height: inherit;
    width: 8.7px;
}
.lobby_alert {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0.87px 0.87px 3.5px #444;
    position: absolute;
    text-align: center;
    width: 243.3px;
}
.lobby_alert .title {
    font-size: 12px;
    white-space: nowrap;
}
.lobby_alert .message {
    font-size: 12px;
    white-space: normal;
}
.lobby_alert .single_content_padding {
    padding-bottom: 9.7px;
    padding-top: 19.3px;
}
.lobby_alert .title_padding {
    padding-bottom: 0;
    padding-top: 9.7px;
}
.lobby_alert .message_padding {
    padding-bottom: 9.7px;
    padding-top: 9.7px;
}
.lobby_alert .message u {
    border-bottom: 1.7px solid;
    display: inline-block;
    text-decoration: none;
}
.lobby_alert .line_separator {
    border-bottom: 0.87px solid #000;
    opacity: 0.1;
    padding-top: 8.7px;
}
.lobby_alert .btn_content_row {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.lobby_alert .btn_content {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}
.lobby_alert .btn_content .button {
    font-size: 13.7px;
    opacity: 1;
    padding-bottom: 11.3px;
    padding-top: 9.7px;
}
.lobby_alert .btn_content .button .text {
    color: inherit;
    font-size: inherit;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lobby_alert .btn_content .button:active {
    opacity: 0.85;
}
.lobby_alert .btn_content .row {
    display: table-cell;
}
.lobby_alert .btn_content .btn_seperator_height {
    background-color: #000;
    content: "";
    display: block;
    height: 0.87px;
    margin-left: -2%;
    opacity: 0.1;
    width: 104%;
}
.lobby_alert .btn_content .btn_seperator_width {
    background-color: #000;
    content: "";
    display: table-cell;
    height: inherit;
    opacity: 0.1;
    width: 1px;
}
.card_alert .content .message,
.card_alert .content .slot_alert_landscape .message_landscape,
.card_alert .content .slot_alert_landscape .title_landscape,
.card_alert .content .title,
.lobby_alert .message,
.lobby_alert .title,
.slot_alert .message,
.slot_alert .slot_alert_landscape .message_landscape,
.slot_alert .slot_alert_landscape .title_landscape,
.slot_alert .title,
.slot_alert_landscape .card_alert .content .message_landscape,
.slot_alert_landscape .card_alert .content .title_landscape,
.slot_alert_landscape .slot_alert .message_landscape,
.slot_alert_landscape .slot_alert .title_landscape {
    margin-left: 5%;
    margin-right: 5%;
    overflow: hidden;
    width: 90%;
}
.card_alert .content .slot_alert_landscape .message,
.card_alert .content .slot_alert_landscape .title,
.slot_alert .slot_alert_landscape .message,
.slot_alert .slot_alert_landscape .title,
.slot_alert_landscape .card_alert .content .message,
.slot_alert_landscape .card_alert .content .title,
.slot_alert_landscape .message_landscape,
.slot_alert_landscape .slot_alert .message,
.slot_alert_landscape .slot_alert .title,
.slot_alert_landscape .title_landscape {
    margin-left: 10%;
    margin-right: 5%;
    overflow: hidden;
    width: 80%;
}
.card_alert .content .btn_content .button .text,
.slot_alert .btn_content .button .text,
.slot_alert_landscape .btn_content_landscape .button_landscape .text_landscape {
    color: inherit;
    font-size: inherit;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@keyframes alert_anim_show {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: 1;
        transform: scale(1.12);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes alert_anim_hide {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.card_alert_show,
.lobby_alert_show,
.slot_alert_show,
.slot_alert_show_landscape {
    animation: alert_anim_show 0.3s linear forwards;
    display: block;
}
.card_alert_hide,
.lobby_alert_hide,
.slot_alert_hide,
.slot_alert_hide_landscape {
    animation: alert_anim_hide 0.2s linear forwards;
}
@keyframes card_btn_press {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.4;
    }
}
@keyframes card_btn_release {
    0% {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}
.card_alert .container {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.card_alert .content {
    border-radius: 10.3px;
    box-shadow: 0 0 17.3px 3.5px #0c0b0b;
    padding: 13px 21.7px;
    position: absolute;
    text-align: center;
    width: 291.3px;
}
.card_alert .content .message,
.card_alert .content .slot_alert_landscape .message_landscape,
.card_alert .content .slot_alert_landscape .title_landscape,
.card_alert .content .title,
.slot_alert_landscape .card_alert .content .message_landscape,
.slot_alert_landscape .card_alert .content .title_landscape {
    color: #d9d9d9;
    white-space: normal;
}
.card_alert .content .title {
    font-size: 15px;
}
.card_alert .content .message {
    font-size: 14px;
}
.card_alert .content .single_content_padding {
    padding-bottom: 9.7px !important;
    padding-top: 19.3px !important;
}
.card_alert .content .title_padding {
    padding-bottom: 0;
    padding-top: 9.7px;
}
.card_alert .content .message_padding {
    padding-bottom: 9.7px;
    padding-top: 9.7px;
}
.card_alert .content .message u {
    border-bottom: 5px solid;
    display: inline-block;
    text-decoration: none;
}
.card_alert .content .btn_content_row {
    display: flex;
    justify-content: space-between;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 13px;
    padding-top: 13px;
    width: 100% !important;
}
.card_alert .content .btn_content {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
}
.card_alert .content .btn_content .button {
    background: #cb951a;
    background: linear-gradient(180deg, #ffec50, #ffe470 44%, #d28c00 80%, #d09500 95%);
    border-radius: 30px;
    color: #140c05;
    font-size: 15.7px;
    font-weight: 700;
    margin: 4px -30px 10px;
    min-height: 17.3px;
    opacity: 1;
    padding: 12px;
}
.card_alert .content .btn_content .button:active {
    opacity: 0.85;
}
.card_alert .content .btn_content .row {
    margin-left: 0;
    margin-right: 0;
    width: 45%;
}
.card_alert .content .btn_content .btn_seperator_height {
    display: none;
}
.card_alert .content .btn_content .btn_seperator_width {
    content: "";
    height: inherit;
    width: 20px;
}
.card_alert .frame {
    background-color: #140c05;
    border: 4px solid #503333;
    border-radius: 10.3px;
    left: -4px;
    position: absolute;
    top: -4px;
}
.alert_holder {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.alert_holder .screen_center {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
}
.loading_circle_container,
.loading_container,
.loading_holder,
.loading_panel {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.loading_holder,
.loading_panel {
    height: auto;
    overflow: hidden;
    width: 360px;
}
.loading_holder {
    max-height: 780px;
    min-height: 640px;
    z-index: 900;
}
.loading_panel {
    top: 800px;
}
.loading_container {
    height: inherit;
    margin: auto;
    min-height: inherit;
    min-width: inherit;
    overflow: hidden;
    text-align: center;
    width: inherit;
}
.loading_background {
    height: 100%;
    width: 100%;
}
.loading_font {
    bottom: 0;
    color: #30a2d0;
    font-size: 15.7px;
    left: 0;
    line-height: 21.7px;
    margin: auto;
    max-height: 65px;
    overflow: hidden;
    padding-left: 7%;
    padding-right: 7%;
    position: absolute;
    right: 0;
    top: 52px;
    width: 86%;
}
.loading_circle_container {
    align-items: center;
    bottom: 34.7px;
    display: flex;
    height: 8.7px;
    justify-content: space-between;
    margin: auto;
    position: absolute;
    width: 26px;
}
.loading_circle_container_center {
    bottom: 0;
}
.loading_circle {
    animation-direction: alternate;
    animation-duration: 0.25s;
    animation-iteration-count: infinite;
    animation-name: loading_circle_bounce;
    animation-timing-function: ease-out;
    background-color: rgb(255, 201, 51);
    border-radius: 50%;
    height: 6px;
    position: relative;
    width: 6px;
}
.loading_circle:first-of-type {
    animation-delay: 0s;
}
.loading_circle:nth-of-type(2) {
    animation-delay: -75ms;
}
.loading_circle:nth-of-type(3) {
    animation-delay: -0.15s;
}
@keyframes loading_circle_bounce {
    0% {
        bottom: 0;
    }
    90%,
    to {
        bottom: 13px;
    }
}
.loading_circle_container_landscape,
.loading_container_landscape,
.loading_holder_landscape,
.loading_panel_landscape {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.loading_holder_landscape,
.loading_panel_landscape {
    height: 360px;
}
.loading_holder_landscape {
    max-width: 780px;
    min-width: 640px;
    z-index: 900;
}
.loading_panel_landscape {
    top: 800px;
}
.loading_background_landscape {
    height: 100%;
    width: 100%;
}
.loading_container_landscape {
    margin: auto;
    text-align: center;
}
.loading_circle_container_landscape {
    align-items: center;
    bottom: 34.7px;
    display: flex;
    height: 8.7px;
    justify-content: space-between;
    margin: auto;
    position: absolute;
    width: 20px;
}
.loading_font_landscape {
    bottom: 0;
    color: rgb(255, 201, 51);
    font-size: 12.7px;
    left: 0;
    line-height: 21.7px;
    margin: auto;
    max-height: 65px;
    padding-left: 7%;
    padding-right: 7%;
    position: absolute;
    right: 0;
    top: 52px;
    width: 86%;
}
.loading_circle_container_center_landscape {
    bottom: 0;
}
.loading_circle_landscape {
    animation-direction: alternate;
    animation-duration: 0.25s;
    animation-iteration-count: infinite;
    animation-name: loading_circle_bounce_landscape;
    animation-timing-function: ease-out;
    background-color: rgb(255, 201, 51);
    border-radius: 50%;
    height: 4px;
    position: relative;
    width: 4px;
}
.loading_circle_landscape:first-of-type {
    animation-delay: 0s;
}
.loading_circle_landscape:nth-of-type(2) {
    animation-delay: -75ms;
}
.loading_circle_landscape:nth-of-type(3) {
    animation-delay: -0.15s;
}
@keyframes loading_circle_bounce_landscape {
    0% {
        bottom: 0;
    }
    90%,
    to {
        bottom: 7px;
    }
}
#toast-container {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: visible;
    z-index: 950;
}
#toast {
    background-color: #30303c;
    border-radius: 3.48px;
    box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 0 hsla(0, 0%, 100%, 0.1);
    color: hsla(0, 0%, 100%, 0.9);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: auto;
    max-height: 676px;
    max-width: 300px;
    opacity: 0;
    padding: 18px;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    visibility: hidden;
}
#toast.toast_top {
    top: 20px;
}
#toast.toast_bottom {
    bottom: 20px;
}
#toast.toast_show {
    opacity: 0.96;
    visibility: visible;
}
#toast.toast_hide {
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
    visibility: hidden;
}
#notification {
    background-color: #30303c;
    border-radius: 3.48px;
    color: hsla(0, 0%, 100%, 0.9);
    display: flex;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: auto;
    max-height: 676px;
    max-width: 300px;
    opacity: 0;
    padding: 18px;
    position: absolute;
    text-align: center;
    visibility: hidden;
}
#notification.toast_top {
    top: 20px;
}
#notification.toast_bottom {
    bottom: 20px;
}
#notification.toast_show {
    opacity: 1;
    visibility: visible;
}
#notification.toast_hide {
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
    visibility: hidden;
}
#notification-icon {
    background-color: #fff;
    border-radius: 3.48px;
    height: 44px;
    width: 44px;
}
#notification-message {
    font-size: 14px;
    line-height: 18px;
    margin-left: 10px;
    text-align: left;
}