@font-face {
    font-family: 'Nunito';
    src: url('/garage/font/Nunito-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('/garage/font/Nunito-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}


.pc-bg, .pc-container {display: none;}

.splash, .splash_login, .idol_video {max-width: 480px;transform: translate(-50%, -50%);left: 50%;}

.splash, .idol_video {top: 50%;}

.splash_login, .idol_chat_send, .header_settings, .header_missions, .header_events, .header_copy, .settings_submit, .settings_logout, .settings_discord, .settings_ipt_rig_c, .settings_close {cursor: pointer;}

.idol_chat_list, .idol_chat {max-width: 408px;transform: translate(-50%, -50%);left: 50%;}

.idol_chat_list {top: 50%;}

.idol_chat {bottom: 0px; margin: 0 !important;}

.setting-container {max-width: 480px;margin: 0 auto;z-index: 1;position: relative;display: flex;flex-direction: column;gap: 16px;padding: 5vh 3vh 0 0;align-items: flex-end; box-sizing: border-box;}

.header_settings, .header_missions, .header_events, .header_copy {position: static !important;}

.mission_wrapper {position: relative;}

.header_new_missions {position: absolute !important;top: 0 !important;}

.settings, .missions, .events {max-width: 480px;margin: 0 auto;position: fixed; left: 50%;transform: translateX(-50%);bottom: -100vh;width: 100%;padding: 5% 0 2.5% 0;height: 80vh;overflow-y: scroll;background-color: white;border-top-left-radius: 20px;border-top-right-radius: 20px;z-index: 1002;box-shadow: 0 0 10px gray;scrollbar-width: none;-ms-overflow-style: none;}

.settings_middle, .settings_missions {scrollbar-width: none;-ms-overflow-style: none;}

.settings::-webkit-scrollbar, .settings_middle::-webkit-scrollbar, .settings_missions::-webkit-scrollbar {display: none;}

@media (min-width: 1024px) {
    .pc-bg {display: block;position: fixed;z-index: -1;width: 100vw;height: 100%;background-color: white;background-image: url('/garage/images/pc_1920.png');background-size: cover;}

    .pc-container {display: block;position: fixed;z-index: 0;overflow: hidden;width: calc(50vw + 45px);height: 100%;left: 0;}

    .pc-content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;text-align: center;}

    .pc-container img {width: 139px;margin-bottom: 56px;}

    .pc-container p {margin: 0 0 16px 0;color: #333333;font-weight: 500;font-size: 14px;font-family: "Nunito", "Nunito Sans";}

    .pc-container .bottom {display: flex;gap: 10px;}

    .pc-container .bottom button {min-width: 236px;padding: 18px 0;font-weight: 600;font-size: 18px;border-radius: 14px;color: #FFFFFF;border: 0;font-family: "Nunito", "Nunito Sans"; cursor: pointer;}

    .pc-container .bottom .join {background: #0088FF;}

    .pc-container .bottom .guide {background: #333333;}

    .splash, .idol_video {max-width: 420px;left: calc(50vw + 45px);top: 0;transform: none;}

    .splash {border-left: 1.5px solid black;border-right: 1.5px solid black;}

    .splash_login {max-width: 420px;left: calc(50vw + 45px);transform: none; bottom: 5%;}

    .splash_logo {max-width: 420px;left: calc(50vw + 45px);transform: translate(50%);}
    
    .undercons_logo {max-width: 420px;left: calc(50vw + 45px);transform: translate(50%);}

    .idol_chat_list, .idol_chat {max-width: 357px;transform: translate(8%, -50%);left: calc(50vw + 45px);}

    .setting-container {max-width: 420px;left: calc(50vw + 45px);transform: translate(0%);margin: 0;}

    .settings, .missions, .events {max-width: 420px;left: calc(50vw + 45px);transform: translateX(0%);}

    .bg_bk, #daily_limit, #bg_bk_max, #code, #privacy, #closeEvent, #cpoint {max-width: 420px; left: calc(50vw + 45px);transform: translateX(0%); bottom: auto !important;}

    .bg_bk_toast {max-width: 420px; left: calc(50vw + 255px); transform: translateX(-50%)}

}