.Header{margin:0;display:flex;background-color:#002520;width:100%;height:calc(var(--root--height)*.1)}.logo{width:calc(159px*var(--root--font--ratio));height:auto;object-fit:contain;margin:calc(var(--root--height) * .03148) calc(var(--root--width) * .0135416);cursor:pointer}.Header .profile_div{display:flex;margin-left:auto;align-items:center;height:calc(var(--root--height)*.1);gap:calc(var(--root--width)*.0135416)}.button_profile_logout{margin-right:calc(var(--root--width)*.089583)}.Login_div{display:flex;align-items:center;margin-left:calc(var(--root--width)*.735);width:calc(var(--root--width)*.06666666666666666666666666666667);height:100%}.profile{width:calc(80px*var(--root--font--ratio));height:calc(80px*var(--root--font--ratio));border:1px solid #00FFD9;border-radius:50%}.button_profile_logout{padding:0;border:0;width:calc(20px*var(--root--font--ratio));height:calc(20px*var(--root--font--ratio));cursor:pointer;background-color:#0000}.button-logo{width:calc(20px*var(--root--font--ratio));height:calc(20px*var(--root--font--ratio))}.button_Login{background-color:#6bc5b4;border-radius:20px;border:2px solid #00FFD9;font-size:calc(20px*var(--root--font--ratio));font-weight:700;width:100%;height:calc(var(--root--height)*.04444444444444444444444444444444);cursor:pointer}.button_Login:hover{background-color:#00ffd9}.button_mod_all{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:700;background-color:#30645c00;width:calc(var(--root--width)*.07);height:100%;cursor:pointer;border-left:1px solid white;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0);border-right:1px solid rgba(48,100,92,0)}.button_mod_all_selected{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:lighter;background-color:#ffffff80;width:calc(var(--root--width)*.07);height:100%;cursor:pointer;border-left:1px solid white;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0);border-right:1px solid rgba(48,100,92,0)}.button_mod_custom{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:bolder;background-color:#30645c00;width:calc(var(--root--width)*.07);height:100%;cursor:pointer;border-left:1px solid white;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0);border-right:1px solid rgba(48,100,92,0)}.button_mod_custom_selected{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:bolder;background-color:#ffffff80;width:calc(var(--root--width)*.07);height:100%;cursor:pointer;border-left:1px solid white;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0);border-right:1px solid rgba(48,100,92,0)}.button_mod_playlist{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:bolder;background-color:#30645c00;width:calc(var(--root--width)*.1072916);height:100%;border-left:1px solid white;border-right:1px solid white;cursor:pointer;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0)}.button_mod_playlist_selected{font-size:calc(20px*var(--root--font--ratio));color:#fff;font-weight:bolder;background-color:#ffffff80;width:calc(var(--root--width)*.1072916);height:100%;border-left:1px solid white;border-right:1px solid white;cursor:pointer;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0)}.button_mod_ai_generate{font-size:calc(30px*var(--root--font--ratio));color:#fff;font-weight:bolder;background-color:#30645c00;width:calc(var(--root--width)*.0984375);height:100%;border-left:1px solid white;border-right:1px solid white;cursor:pointer;border-top:1px solid rgba(48,100,92,0);border-bottom:1px solid rgba(48,100,92,0)}.button_search{width:calc(var(--root--width)*.02604166666666666666666666666667);height:calc(var(--root--height)*.0462962962962962962962962962963);background-color:#fff;border:none;border-radius:10px;cursor:pointer}.button_quiz_type{width:calc(var(--root--width)*.08);height:calc(var(--root--height)*.06);background-color:#ffffff80;border:2px solid #00FFD9;border-radius:10px;font-weight:700;font-style:italic;font-size:calc(16px*var(--root--font--ratio));cursor:pointer}.button_quiz_type:active{background-color:#00ffac80}.button_page_left{width:calc(var(--root--height)*.039814814);height:100%;border:1px solid #D9D9D9;border-top-left-radius:10px;border-bottom-left-radius:10px;font-weight:700;font-size:calc(25px*var(--root--font--ratio));cursor:pointer}.button_page_right{width:calc(var(--root--height)*.039814814);height:100%;border:1px solid #D9D9D9;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:700;font-size:calc(25px*var(--root--font--ratio));cursor:pointer}.button_page_move{width:calc(var(--root--width)*.035);height:calc(var(--root--height)*.0395416);border-radius:10px;border:5px solid #D9D9D9;font-size:calc(18px*var(--root--font--ratio));cursor:pointer}.button_page_move:hover{background-color:#d3d3d3}.button_create_room{width:calc(var(--root--width)*.10416666);height:calc(var(--root--height)*.064814814);background-color:#00ffd980;font-size:calc(15px*var(--root--font--ratio));font-weight:lighter;color:#fff;border:5px solid #00FFD9;border-radius:calc(var(--root--font--ratio)*20px);cursor:pointer}.button_create_room:hover{background-color:#00ffd9}.button_quiz_platform_all{width:calc(var(--root--width)*.0364583333);height:calc(var(--root--width)*.0364583333);font-size:calc(30px*var(--root--font--ratio));font-weight:bolder;font-style:italic;align-items:center;justify-content:center;border:1px solid #D9D9D9;border-radius:20px;cursor:pointer}.button_quiz_platform_youtube{border:1px solid #D9D9D9;background-color:#252525;border-radius:20px;display:flex;width:calc(var(--root--width)*.0364583333);height:calc(var(--root--width)*.0364583333);justify-content:center;align-items:center;cursor:pointer}.button_quiz_platform_youtube .button-logo{width:115%;height:115%;border-radius:20px;object-fit:cover}.button_add_playlist{background-color:#8f8f8f;width:calc(var(--root--width)*.0973958333333);height:100%;border-radius:20px;border:5px solid #6BC5B4;font-size:calc(36px*var(--root--font--ratio));font-weight:bolder;cursor:pointer}.button_add_playlist:hover{background-color:#90ee90}.button_game_exit{width:calc(var(--root--width)*.041666666666666);height:calc(var(--root--height)*.04629629629629);font-size:calc(24px*var(--root--font--ratio));background-color:#00ffd980;color:#fff;border:none;border-radius:10px;cursor:pointer}.button_game_exit_deactivated{width:calc(var(--root--width)*.041666666666666);height:calc(var(--root--height)*.04629629629629);font-size:calc(24px*var(--root--font--ratio));background-color:#00ffd933;color:#fff;border:none;border-radius:10px}.button_game_exit:hover{background-color:#00ffd9}.button_game_share{width:calc(var(--root--width)*.041666666666666);height:calc(var(--root--height)*.04629629629629);font-size:calc(24px*var(--root--font--ratio));background-color:#00ffd980;color:#fff;border:none;border-radius:10px;cursor:pointer}.button_game_share:hover{background-color:#00ffd9}.button_game_ready{width:calc(var(--root--width)*.33333333333333333);height:calc(var(--root--height)*.1111111111111111111111);font-weight:bolder;font-size:calc(24px*var(--root--font--ratio));border-radius:100px;border:none;cursor:pointer}.button_game_ready:hover{border:5px solid black}.button_game_wait{width:calc(var(--root--width)*.33333333333333333);height:calc(var(--root--height)*.1111111111111111111111);font-weight:bolder;font-size:calc(24px*var(--root--font--ratio));border-radius:100px;border:none}.button_skip{width:calc(var(--root--width)*.078125);height:calc(var(--root--height)*.13888888888888888888888888888889);border-radius:50%;border:none;background-color:#00ffd980;font-size:calc(24px*var(--root--font--ratio));color:#fff;cursor:pointer}.button_skip:hover{background-color:#00ffd9}.button_chat_submit{display:flex;background-color:transparent;border:2px solid #00FFD9;width:calc(var(--root--width)*.02083333333333333333333333333333);height:calc(var(--root--height)*.03703703703703703703703703703704);cursor:pointer}.button_chat_submit:hover{background-color:#00ffd980}.button_profile_floating_out{background-color:#8f8f8f;border:1px solid white}.button_profile_floating_out:hover{background-color:#fff}.button_room_create_cancel,.button_room_create_confirm{width:calc(var(--root--width)*.05);height:calc(var(--root--height)*.05);font-size:calc(20px*var(--root--font--ratio));border-radius:20px;cursor:pointer}.button_room_create_confirm_notyet{background-color:#a9a9a9;border:1px solid darkgray;width:calc(var(--root--width)*.05);height:calc(var(--root--height)*.05);font-size:calc(20px*var(--root--font--ratio));border-radius:20px;cursor:pointer}.button_pwd_exit{background-color:#fff;border:none;border-radius:10px;width:calc(var(--root--width)*.02083333333333333333333333333333);height:calc(var(--root--height)*.03703703703703703703703703703704);font-weight:700;font-size:calc(var(--root--font--ratio)*20px)}.button_pwd_input_confirm{width:calc(var(--root--width)*.04);height:calc(var(--root--height)*.04);background-color:#fff;border:none;border-radius:10px}.button_stat_gohome{width:calc(var(--root--width)*.08);height:calc(var(--root--height)*.06);font-weight:700;font-size:calc(16px*var(--root--font--ratio));border-radius:20px;border:none;background-color:#00ffd9;cursor:pointer}.button_stat_gohome:hover{background-color:#6bc5b4}.button_Kick_confirm{border:2px solid #00FFD9;background-color:#6bc5b4;box-sizing:border-box;border-bottom-left-radius:20px;width:50%;height:calc(var(--root--height)*.03);cursor:pointer}.button_Kick_confirm:hover{background-color:#00ffd9}.button_Kick_cancel{border:2px solid #00FFD9;background-color:#6bc5b4;box-sizing:border-box;border-bottom-right-radius:20px;width:50%;height:calc(var(--root--height)*.03);cursor:pointer}.button_Kick_cancel:hover{background-color:#00ffd9}.Profile_logout_floating{position:absolute;border:1px solid white;border-radius:10px;background-color:#d9d9d9;margin-left:calc(var(--root--width)*.828);margin-top:calc(var(--root--height)*.07);min-width:calc(var(--root--width)*.15);min-height:calc(var(--root--height)*.04);z-index:10}.Profile_setting{width:100%;height:50%}.Logout_img{width:calc(var(--root--width)*.01302083333333333333333333333333);height:calc(var(--root--height)*.02314814814814814814814814814815)}.Logout{display:flex;font-weight:700;justify-content:center;align-items:center;width:100%;height:calc(var(--root--height)*.04);font-size:calc(18px * var(--root--font--ratio));cursor:pointer}.Logout:hover{background-color:#d3d3d3;border-radius:10px;color:#6bc5b4}.notification{display:flex;flex-direction:column;min-height:calc(var(--root--height)*.04);align-items:center;justify-content:center;margin:1px;font-family:Inter;font-style:normal;font-weight:400;font-size:calc(18px * var(--root--font--ratio));text-align:center;color:#000;border-bottom:1px solid #000000}.notification-text{display:flex;flex-direction:row;margin-left:10px;align-items:center;font-family:Inter;font-style:normal;font-weight:400;font-size:calc(18px * var(--root--font--ratio));text-align:center;color:#0396ff;height:auto;cursor:pointer}.notification-text-delete{display:flex;flex-direction:row;margin-left:10px;align-items:center;font-family:Inter;font-style:normal;font-weight:400;font-size:calc(18px * var(--root--font--ratio));text-align:center;color:#ff575a;height:auto;cursor:pointer}.notification-logo{height:min(calc(40 / 1920 * var(--root--width)),calc(40 / 1080 * var(--root--height)));width:min(calc(40 / 1920 * var(--root--width)),calc(40 / 1080 * var(--root--height)))}.notification:hover{background-color:#d3d3d3;border-top-left-radius:10px;border-top-right-radius:10px;color:#6bc5b4}.notification-text:hover{color:#06c}.notification-text-delete:hover{color:#c00}.Header_bottom{margin:0;display:flex;background:linear-gradient(#13262380,#30645c80);width:100%;height:calc(var(--root--height)*.050925)}.Quiz_header_bottom{display:flex;height:100%;margin-left:15%}.SearchBar{display:flex;align-items:center;background-color:#00ffd94d;width:calc(var(--root--width)*.83);height:calc(var(--root--height)*.078);margin-left:auto;margin-right:auto;margin-top:calc(var(--root--width)*.0185185);border-radius:20px}.select_sorttype{width:calc(var(--root--width)*.1916666666);height:calc(var(--root--height)*.034259259);margin-left:calc(var(--root--width)*.034375);border:1px solid white;border-radius:10px;text-align:center;font-weight:700;font-size:calc(20px*var(--root--font--ratio))}.search_by_keyword{display:flex;align-items:center;margin-left:auto;margin-right:calc(var(--root--width)*.034375);height:calc(var(--root--height)*.034259259)}.input_keyword{box-sizing:border-box;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.034259259);border:1px solid white;border-radius:10px;text-align:center;font-size:calc(15px*var(--root--font--ratio))}.button_search{margin-left:10%}.search_by_public_or_private{display:flex;align-items:center;font-size:calc(24px*var(--root--font--ratio));font-weight:bolder;margin-left:calc(var(--root--width)*.0375)}.radio_room_public,.radio_room_private{width:calc(var(--root--width)*.015625);height:calc(var(--root--height)*.02777777777777777777777777777778)}.temp{margin-left:calc(var(--root--width)*.01)}.button_quiz_type{margin-left:15%}.PrintQuizList{display:grid;position:relative;width:calc(var(--root--width)*.83);height:calc(var(--root--height)*.6296296296);background-color:#d9d9d9;border-radius:10px;margin-top:calc(var(--root--height)*.0148148);margin-left:auto;margin-right:auto;align-items:center}.quiz_centerbox{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:calc(var(--root--width)*.784375);height:calc(var(--root--height)*.57685185185);margin-left:auto;margin-right:auto}.select_button{position:absolute;right:100%;height:calc(var(--root--height)*.6296296296);padding-top:calc(var(--root--height)*.036111111)}.create_new_quiz{background-color:#32ffe533;justify-content:center;align-items:center;width:calc(var(--root--width)*.1875);height:calc(var(--root--height)*.277777777);border-radius:10px;border:5px dashed gray;box-sizing:border-box;cursor:pointer}.create_new_quiz:hover{background-color:#32ffe566}.new_quiz_plus{display:flex;font-weight:700;font-size:calc(40px*var(--root--font--ratio));justify-content:center;align-items:flex-end;width:100%;height:50%}.new_quiz_text{display:flex;font-weight:700;font-size:calc(25px*var(--root--font--ratio));justify-content:center;width:100%;height:50%}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:none}.Quiz_item{border-radius:10px;position:relative;background-color:#00ffd933;width:calc(var(--root--width)*.1875);height:calc(var(--root--height)*.277777777)}.Quiz_item_provided{cursor:pointer}.quiz_thumbnail{width:calc(var(--root--width)*.1875);height:calc(var(--root--height)*.1875);border-top-left-radius:10px;border-top-right-radius:10px;z-index:1}.platform_logo{position:absolute;width:calc(var(--root--width)*.01822916666666666666666666666667);height:calc(var(--root--height)*.032407407407);border-radius:50%;z-index:2;left:85%;top:50%}.quiz_title{width:100%;height:10%;font-style:italic;font-weight:bolder;font-size:calc(20px*var(--root--font--ratio))}.quiz_description{width:100%;height:30%;font-size:calc(12px*var(--root--font--ratio));word-wrap:break-word;word-break:break-all}.Room_create_float{display:flex;background-color:#252525;border:5px solid #00FFD9;border-radius:20px;width:calc(var(--root--width)*.5);height:calc(var(--root--height)*.5)}.Room_create_setting{width:calc(var(--root--width)*.3125);height:100%}.set_room_title{display:flex;justify-content:center;align-items:center;font-size:calc(36px*var(--root--font--ratio));color:#fff;width:100%;height:20%}.room_title_input{box-sizing:border-box;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.05);font-size:calc(30px*var(--root--font--ratio));padding:calc(var(--root--height) * .01) calc(var(--root--width) * .01);border-radius:20px;border:1px solid white}.set_room_privacy{width:100%;height:50%}.set_room_privacy_div1{display:flex;align-items:center;font-size:calc(36px*var(--root--font--ratio));color:#fff;width:100%;height:50%}.room_ispublic{margin-left:7%;margin-right:7%}.room_passwordinput{display:flex;justify-content:center;font-size:calc(36px*var(--root--font--ratio));height:50%;color:#6bc5b4}.room_set_password{box-sizing:border-box;width:calc(var(--root--width)*.19);height:calc(var(--root--height)*.05);font-size:calc(30px*var(--root--font--ratio));padding:calc(var(--root--height) * .01) calc(var(--root--width) * .01);border-radius:20px;border:1px solid white}.set_room_headcount{display:flex;align-items:center;margin-left:5%;font-size:calc(36px*var(--root--font--ratio));color:#fff;width:100%;height:30%}.set_headcount{text-align:center;font-size:calc(25px*var(--root--font--ratio));border-radius:20px;width:calc(var(--root--width)*.08);height:calc(var(--root--height)*.05)}.Room_create_info{width:calc(var(--root--width)*.1875);height:100%}.Room_create_img{border-left:2px solid #00FFD9;border-bottom:1px solid #00FFD9;width:100%;height:calc(var(--root--height)*.18796296296296296296296296296296)}.Room_create_img_src{width:100%;height:100%}.Room_create_description{display:flex;justify-content:center;align-items:center;border-left:2px solid #00FFD9;border-top:1px solid #00FFD9;width:100%;height:calc(var(--root--height)*.31203703703703703703703703703704)}.Room_create_description_innerbox{color:#fff;font-size:calc(20px*var(--root--font--ratio));width:calc(var(--root--width)*.16822916666666666666666666666667);height:calc(var(--root--height)*.28148148148148148148148148148148)}.button_room_create_cancel{position:absolute;margin-top:calc(var(--root--height)*.43055555555555555555555555555556);margin-left:calc(var(--root--width)*.375)}.button_room_create_confirm,.button_room_create_confirm_notyet{position:absolute;margin-top:calc(var(--root--height)*.43055555555555555555555555555556);margin-left:calc(var(--root--width)*.4375)}._custom-modal_p95i1_1{position:absolute;top:calc(150 / 1080 * var(--root--height));width:calc(500 / 1920 * var(--root--width));height:calc(250 / 1080 * var(--root--height));min-width:100px;background-color:#2d2d2d;z-index:1055;border-radius:10px;display:flex;flex-direction:column}._custom-modal-header_p95i1_14{background-color:#00ffd9;color:#000;padding:16px;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px}._custom-modal-backdrop_p95i1_23{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1050}._custom-modal-title_p95i1_33{font-family:Inter;font-style:normal;font-weight:550;font-size:calc(20px * var(--root--font--ratio));margin:0}._custom-modal-body_p95i1_41{background-color:#2d2d2d;color:#fff;font-family:Inter;font-style:normal;padding:16px;display:flex;align-items:center;height:calc(100 / 1080 * var(--root--height));font-size:calc(18px * var(--root--font--ratio));border-top:none;border-bottom:none;margin:0;flex:1}._custom-modal-footer_p95i1_57{background-color:#2d2d2d;padding:16px;display:flex;border-bottom-left-radius:10px;border-bottom-right-radius:10px}._custom-modal-button_p95i1_65{background-color:#00ffd9;padding:10px;color:#000;margin-left:auto;font-family:Inter;font-style:normal;font-size:calc(18px * var(--root--font--ratio));border-radius:10px;max-width:90%;box-sizing:border-box;border:none}._custom-modal-button_p95i1_65:hover{background-color:#00e5c0}._custom-modal-header_p95i1_14,._custom-modal-body_p95i1_41,._custom-modal-footer_p95i1_57{border:none}.Footer{display:flex}.page_offset{display:flex;align-items:center;margin-top:calc(var(--root--height)*.0171296296);margin-left:calc(var(--root--width)*.46);width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.039814814)}.page_move_div{display:flex;border-radius:10px;margin-left:calc(var(--root--width)*.02)}.input_page{display:flex;text-align:center;width:calc(var(--root--width)*.035);height:calc(var(--root--height)*.0265416);font-size:calc(18px*var(--root--font--ratio));border:5px solid #D9D9D9;border-radius:10px}.button_page_move{margin-left:calc(var(--root--width)*.005)}.cur_page{display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;width:calc(var(--root--height)*.06);height:100%;font-weight:bolder;font-size:calc(25px*var(--root--font--ratio))}.button_create_room{margin-left:auto;margin-top:calc(var(--root--height)*.016);margin-right:calc(var(--root--width)*.085)}.Playlist{width:calc(var(--root--width)*.83);height:calc(var(--root--height)*.74629629629);background-color:#d9d9d9;border-radius:10px;border:1px solid #D9D9D9;margin:calc(var(--root--height) * .0513888888) auto;align-items:center}.Playlist_explain{display:flex;background-color:#00ffd999;margin-left:auto;margin-right:auto;margin-top:calc(var(--root--height)*.07685185185);width:calc(var(--root--width)*.6125);height:calc(var(--root--height)*.11111111111111);border-radius:20px;border:1px solid #00FFD9;align-items:center;justify-content:center;font-size:calc(25px*var(--root--font--ratio));font-weight:bolder}.inner_box{text-align:center;width:calc(var(--root--width)*.4375)}.Playlist_create{display:flex;background-color:#6bc5b4;align-items:center;width:calc(var(--root--width)*.675);height:calc(var(--root--height)*.154629629629);margin-top:calc(var(--root--height)*.079629629629);margin-left:auto;margin-right:auto;border-radius:20px}.Playlist_input{width:calc(var(--root--width)*.5635416666666);height:calc(var(--root--height)*.12407407407);border-radius:20px;border:none;margin-left:calc(var(--root--width)*.0078125);text-align:center;font-size:calc(36px*var(--root--font--ratio));font-weight:bolder}.button_add_playlist{margin-left:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;display:flex;justify-content:center;align-items:center;pointer-events:auto}.Print_games{display:grid;position:relative;width:calc(var(--root--width)*.83);height:calc(var(--root--height)*.6296296296);background-color:#d9d9d9;border-radius:10px;margin-top:calc(var(--root--height)*.0148148);margin-left:auto;margin-right:auto;align-items:center}.games_centerbox{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;width:calc(var(--root--width)*.784375);height:calc(var(--root--height)*.57685185185);margin-left:auto}.dash_line{position:absolute;height:100%;margin-left:50%;border-right:3px dashed black}.Game_item{position:relative;display:flex;width:calc(var(--root--width)*.33645833332933);height:calc(var(--root--height)*.15740740740737);cursor:pointer}.Thumbnail{position:absolute;width:calc(var(--root--width)*.101854166666);height:calc(var(--root--height)*.10185185185185);margin-left:calc(var(--root--width)*.0509375);margin-top:calc(var(--root--height)*.00648148148148);border-radius:20px}.Platform{position:absolute;width:calc(var(--root--width)*.015625);height:calc(var(--root--width)*.015625);border-radius:50%;margin-left:calc(var(--root--width)*.130104166666666);margin-top:calc(var(--root--height)*.07222222222222)}.room_number{display:flex;justify-content:center;align-items:center;font-weight:bolder;font-size:calc(25px*var(--root--font--ratio));font-style:italic;background-color:#aeaeae;width:calc(var(--root--width)*.03020833333);height:calc(var(--root--height)*.060185185185);border-top-left-radius:10px;border-bottom-left-radius:10px}.room_information_1_waiting{background-color:#00ffd933;width:calc(var(--root--width)*.260416666666);height:calc(var(--root--height)*.12037037037037)}.room_information_1_waiting:hover{background-color:#1aa79233}.room_information_1_playing{background-color:#252525;width:calc(var(--root--width)*.260416666666);height:calc(var(--root--height)*.12037037037037)}.room_info1_top{width:100%;height:25%}.room_info1_mid{background-color:#22aaa266;width:100%;height:50%}.mod{display:flex;justify-content:center;align-items:center;margin-left:auto;width:calc(var(--root--width)*.1375);height:60%;font-weight:bolder;font-size:calc(30px*var(--root--font--ratio))}.type{display:flex;justify-content:center;align-items:center;font-weight:lighter;font-style:italic;width:calc(var(--root--width)*.1375);height:35%;font-size:calc(20px*var(--root--font--ratio));margin-left:auto}.room_info1_bottom{width:100%;height:25%;padding-top:0}.wait_play{display:flex;justify-content:center;margin-left:auto;width:calc(var(--root--width)*.1375);height:100%;color:#fff;font-size:calc(20px*var(--root--font--ratio));font-style:italic;opacity:.5}.room_information_2{width:calc(var(--root--width)*.04583333333333);height:calc(var(--root--height)*.12037037037037)}.room_info2_top{background-color:#779e98;width:100%;height:25%;border-top-right-radius:10px}.room_info2_mid{display:flex;justify-content:center;align-items:center;background-color:#4d3f3f;font-size:calc(20px*var(--root--font--ratio));color:#fff;width:100%;height:25%}.room_info2_bottom{display:flex;justify-content:center;align-items:center;background-color:#779e98;width:100%;height:50%}.public_or_private{display:flex;width:calc(var(--root--width)*.02083333333333333333333333333333);height:calc(var(--root--height)*.037037037037)}.room_information_title{position:absolute;display:flex;align-items:center;background-color:#adadad;margin-top:calc(var(--root--height)*.12037037037037);margin-left:calc(var(--root--width)*.03020833333);padding-left:calc(var(--root--width)*.015);width:calc(var(--root--width)*.30624999999933);height:calc(var(--root--height)*.037037037037);border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-sizing:border-box;font-size:calc(18px*var(--root--font--ratio));font-weight:900}.Password_input{width:calc(var(--root--width)*.4);height:calc(var(--root--height)*.4);background-color:#252525;border:5px solid #00FFD9;border-radius:20px;position:absolute;z-index:1000;pointer-events:auto}.password_input_exit{width:100%;height:40%}.button_pwd_exit{margin-left:calc(var(--root--width)*.37);margin-top:calc(var(--root--height)*.01)}.pwd_input{text-align:center;border:none;border-radius:10px;width:calc(var(--root--width)*.15);height:calc(var(--root--height)*.03)}.password_input_tag{display:flex;justify-content:center;width:100%;height:10%;color:#fff}.password_input_confirm{display:flex;width:100%}.button_pwd_input_confirm{margin-left:auto;margin-right:calc(var(--root--width)*.095)}.Ingame{display:flex;width:100%}.left{width:76.19%}.main_board{display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--root--height)*.664814814814);border-right:1px solid #00FFD9;border-bottom:1px solid #00FFD9}.user_list{display:flex;width:100%;height:calc(var(--root--height)*.334185185186);border-right:1px solid #00FFD9}.user_box{display:flex;justify-content:space-between;width:calc(var(--root--width)*.6942708333333333333);height:calc(var(--root--height)*.257407407407407);margin:auto}.right{width:23.8%}.user_score{display:flex;width:100%;height:calc(var(--root--height)*.1629629629629629);color:#fff;border-bottom:1px solid #00FFD9}.user_score_left{display:flex;width:50%;box-sizing:border-box;border-right:1px dashed #00FFD9}.user_score_right{display:flex;width:50%}.left_box,.right_box{width:95%;height:95%;margin:auto}.name_score{display:flex;align-items:center;width:100%;height:25%;font-style:italic;font-weight:700;font-size:calc(20px*var(--root--font--ratio))}.chat{width:100%;height:calc(var(--root--height)*.8360370370370371)}.chat_list{width:99.9%;height:87%;background-color:#30645c4d;overflow-y:auto}.my_chat{box-sizing:border-box;padding:calc(var(--root--height) * .013) calc(var(--root--width) * .008);display:flex;justify-content:flex-end;font-size:calc(18px*var(--root--font--ratio));font-weight:700;color:#00ffd9}.other_chat{box-sizing:border-box;padding:calc(var(--root--height) * .013) calc(var(--root--width) * .008);font-size:calc(18px*var(--root--font--ratio));font-style:italic;font-weight:lighter;color:#00ff7f}.chat_input_submit{display:flex;width:99.9%;height:13%;background-color:#30645c;border-left:1px solid #00FFD9}.cis_innerbox{display:flex;width:calc(var(--root--width)*.20260416666666666);height:calc(var(--root--height)*.0759259259259259259);margin:auto}.chat_in{height:90%;width:85%;margin:auto;font-size:calc(20px*var(--root--font--ratio))}.button_chat_submit{margin-top:auto;margin-bottom:auto;margin-left:auto}.button_chat_submit .button-logo{width:100%;height:100%;margin:auto}.Game_board_waiting{position:relative;width:calc(var(--root--width)*.7296875);height:calc(var(--root--height)*.6157407407407407);background-color:#d9d9d980;border-radius:10px}.title_exit_share{display:flex;justify-content:space-between;margin-top:calc(var(--root--height)*.022916666666666666);margin-left:auto;margin-right:auto;width:calc(var(--root--width)*.698958333333333333);height:calc(var(--root--height)*.059259259259259)}.game_board_title{display:flex;font-family:MaplestoryLight;width:calc(var(--root--width)*.597916666666666);height:100%;background-color:#d9d9d9;justify-content:center;align-items:center;font-size:calc(35px*var(--root--font--ratio));font-weight:bolder;font-style:italic;border-radius:20px}.button_game_exit,.button_game_exit_deactivated,.button_game_share{margin-top:auto;margin-bottom:auto}.ready_box{display:flex;width:100%;margin-top:calc(var(--root--height)*.17222222222222222222)}.button_game_ready,.button_game_wait{margin:auto}.ready_proportion{display:flex;justify-content:center;align-items:center;margin-top:calc(var(--root--height)*.0277777777777777777);color:#fff;font-family:MaplestoryLight;font-size:calc(25px*var(--root--font--ratio));font-style:italic;font-weight:lighter}.User{display:flex;position:relative;flex-wrap:wrap;justify-content:center;width:calc(var(--root--width)*.078125);height:100%}.chat_box_body{background-color:ivory;display:flex;position:relative;border-radius:20px;justify-content:center;align-items:center;width:100%;height:calc(var(--root--height)*.064814814814814)}.inner_box_chat{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;width:80%;height:80%;font-size:calc(16px*var(--root--font--ratio));font-weight:lighter}.chat_box_tail{position:absolute;width:0;height:0;border-left:calc(var(--root--width)*.01041666666666666666666666666667) solid transparent;border-right:calc(var(--root--width)*.01041666666666666666666666666667) solid transparent;border-top:calc(var(--root--height)*.0222222222222222) solid white;margin-top:calc(var(--root--height)*.06481481481481483)}.user_profile{background-color:#d9d9d9;position:relative;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:auto;width:100%;height:calc(var(--root--height)*.1685185185185185)}.profile_image{background-color:#8f8f8f;margin-top:calc(var(--root--height)*.01111111111111111111111);width:calc(var(--root--width)*.0525);height:calc(var(--root--height)*.11111111111111111111111111111111)}.user_img{width:100%;height:100%}.master_div{position:absolute;display:flex;justify-content:center;align-items:center;color:#00ffd9;background-color:#6bc5b4;opacity:.7;border:1px solid #00FFD9;border-top-right-radius:20px;border-top-left-radius:20px;font-size:calc(24px*var(--root--font--ratio));width:100%;height:calc(var(--root--height)*.03777777777777777777777777777778)}.ready_div{position:absolute;display:flex;justify-content:center;align-items:center;color:#ff0;background-color:#7e6c29;opacity:.7;border:1px solid #7E6C29;border-top-right-radius:20px;border-top-left-radius:20px;font-size:calc(24px*var(--root--font--ratio));width:100%;height:calc(var(--root--height)*.03777777777777777777777777777778)}.inner_box_name{display:flex;justify-content:center;margin-left:auto;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:calc(20px*var(--root--font--ratio));width:80%}[class^=profile_name_]{display:flex;margin-top:auto;justify-content:center;width:100%;height:25%}.name{display:flex;align-items:center;font-size:calc(16px*var(--root--font--ratio))}.profile_name_1{color:red}.profile_name_2{color:orange}.profile_name_3{color:#ff0}.profile_name_4{color:#90ee90}.profile_name_5{color:#add8e6}.profile_name_6{color:#f0f}.profile_name_7{color:#9370db}.profile_name_8{color:ivory}.Kickmodal{position:absolute;margin-top:calc(var(--root--height)*.05);width:calc(var(--root--width)*.08);height:calc(var(--root--height)*.07);border-radius:20px;border:1px solid #00FFD9;z-index:10}.Kick_message{display:flex;border-top-left-radius:20px;border-top-right-radius:20px;font-family:MaplestoryLight;font-size:calc(16px*var(--root--font--ratio));background-color:#8f8f8f;justify-content:center;align-items:center;width:100%;height:calc(var(--root--height)*.04)}.current_div_total{position:absolute;width:calc(var(--root--width)*.698958333333333333);margin-top:1%;left:50%;transform:translate(-50%);color:#fff;font-style:italic;font-weight:lighter;font-size:calc(20px*var(--root--font--ratio))}.volume_bar{position:absolute;color:#fffaf0;font-weight:700;margin-left:calc(var(--root--width)*.65);margin-top:calc(var(--root--height)*.557)}.volume_input{width:calc(var(--root--width)*.2*.3)}.remaining_time{position:absolute;color:#fff;font-size:calc(30px*var(--root--font--ratio));font-weight:lighter;left:50%;transform:translate(-50%);margin-top:calc(var(--root--height)*.115)}.playing_skip{display:flex;position:relative;width:100%}.skip_state{position:absolute;display:flex;justify-content:center;width:50%;color:#90ee90;font-style:italic;font-weight:700;font-size:calc(24px*var(--root--font--ratio));margin-left:calc(var(--root--width)*.405);margin-top:calc(var(--root--height)*.2)}.play_bar{background-color:#d9d9d9;display:flex;justify-content:center;align-items:center;width:calc(var(--root--width)*.33333333333333333);height:calc(var(--root--height)*.1111111111111111111111);margin-top:calc(var(--root--height)*.17222222222222222222);margin-left:auto;margin-right:auto;font-size:calc(48px*var(--root--font--ratio));border-radius:100px;border:none}.button_skip{position:absolute;margin-top:calc(var(--root--height)*.15925925925925925925925925925926);margin-left:calc(var(--root--width)*.55)}.current_answer{font-size:calc(20px*var(--root--font--ratio))}.answer_top{font-family:MaplestoryLight;text-align:center;width:100%}.get_next{font-family:MaplestoryLight;text-align:center;margin-top:calc(var(--root--height)*.01);font-style:italic;font-weight:lighter;font-size:calc(14px*var(--root--font--ratio))}.ans{margin-left:10px;font-weight:bolder;font-size:calc(30px*var(--root--font--ratio))}.hint{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:calc(var(--root--height)*.15);margin-top:1%;font-style:italic;font-weight:lighter;font-size:calc(25px*var(--root--font--ratio))}.hint_1,.hint_2,.hint_3{display:flex;color:#fff;justify-content:center;width:100%;height:33%}.hint_bold{font-style:normal;font-weight:400;color:#faebd7;margin-left:calc(var(--root--width)*.01)}.user_correct{display:flex;justify-content:center;align-items:center;width:100%;margin-top:calc(var(--root--height)*.03);font-size:calc(24px*var(--root--font--ratio));color:#00ffd9}.correct_bold{font-weight:700}.play_bar_time_outer{display:flex;justify-content:center;width:calc(var(--root--width)*.25520833333333333333333333333333);height:calc(var(--root--height)*.05555555555555555555555555555556);background-color:#002520;border-radius:20px}.play_bar_time_inner{height:100%;background-color:#00ffd9;opacity:.6;border-radius:20px}._quiz-create-main_glwbw_2{height:calc(782 / 1080 * var(--root--height));grid-row:1;position:relative;display:flex;flex-direction:column;gap:calc(32 / 1080 * var(--root--height));align-items:flex-start;margin-top:calc(50 / 1080 * var(--root--height));left:calc(120 / 1920 * var(--root--width))}._p-box_glwbw_14{position:relative;border-radius:20px;margin:0;width:calc(200 / 1920 * var(--root--width));height:calc(50 / 1080 * var(--root--height));background-color:#d9d9d9;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(24px*var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800}._title-section_glwbw_31{display:flex;flex-direction:column;width:calc(560 * var(--root--width) / 1920);gap:calc(32 / 1080 * var(--root--height))}._title-section_glwbw_31 input{position:relative;width:100%;height:calc(54 * var(--root--height) / 1080);font-size:calc(24px*var(--root--font--ratio));border-radius:20px;border:solid #30645C;background-color:#00252099;color:#d9d9d9;padding:0 0 0 5px}._description-section_glwbw_52{display:flex;flex-direction:column;gap:calc(32 / 1080 * var(--root--height));width:calc(560 * var(--root--width) / 1920)}._description-section_glwbw_52 textarea{position:relative;width:100%;height:calc(135 * var(--root--height) / 1080);font-size:calc(24px*var(--root--font--ratio));border-radius:20px;border:solid #30645C;background-color:#00252099;color:#d9d9d9;padding:5px 0 0 5px}._thumbnail-section_glwbw_72{display:flex;flex-direction:column;gap:calc(32 / 1080 * var(--root--height));width:calc(390 / 1920 * var(--root--width))}._thumbnail-upload_glwbw_79{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.777777777 / 1;height:auto;border:5px dashed #C67676;position:relative}._thumbnail-upload_glwbw_79 button{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:4px solid #36F1FD;border-radius:50%;width:min(calc(80 / 1080 * var(--root--height)),calc(80 / 1920 * var(--root--width)));height:min(calc(80 / 1080 * var(--root--height)),calc(80 / 1920 * var(--root--width)));font-size:calc(45px*var(--root--font--ratio));font-weight:800;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}._thumbnail-image_glwbw_110{max-width:100%;max-height:100%;object-fit:cover}._mode-selection_1q1jb_1{height:calc(782 / 1080 * var(--root--height));position:relative;left:calc(360 / 1920 * var(--root--width));width:calc(1200 / 1920 *var(--root--width));display:grid;grid-template-columns:calc(400 / 1920 * var(--root--width)) calc(400 / 1920 * var(--root--width));column-gap:calc(400 / 1920 * var(--root--width))}._mode-button_1q1jb_13{background-color:#30645c;border-radius:20px;width:calc(400 / 1920 * var(--root--width));height:calc(400 / 1080 * var(--root--height));font-size:calc(40px *var(--root--font--ratio));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;margin-top:181px;font-family:Inter;font-style:normal;font-weight:900}._mode-button-basic_1q1jb_31{grid-column:1}._mode-button-giant_1q1jb_35{grid-column:2}._mode-button_1q1jb_13 h2{font-size:28px;margin-bottom:10px;font-weight:700}._mode-button_1q1jb_13 p{font-size:16px;font-weight:400}._mode-button_1q1jb_13._selected_1q1jb_50{background-color:#00ffd9b3}._music-settings-container_1tzeb_1{width:calc(772 / 1920 * var(--root--width));display:flex;flex-direction:column;position:relative;height:calc(782 / 1080 * var(--root--height));grid-template-columns:calc(784 / 1920 * var(--root--width)) calc(412 / 1920 * var(--root--width));grid-template-rows:calc(110 / 1080 * var(--root--height)) calc(300 / 1080 * var(--root--height));top:calc(50 / 1080 * var(--root--height));left:calc(232 / 1920 * var(--root--width))}._option-white-box_1tzeb_13{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(200 / 1920 * var(--root--width));height:calc(50 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));color:#000}._option-section-time_1tzeb_31{position:relative;height:calc(50 / 1080 * var(--root--height));width:calc(728 / 1920 * var(--root--width));display:grid;grid-template-columns:calc(200 / 1920 * var(--root--width)) calc(430 / 1920 * var(--root--width)) calc(90 / 1920 * var(--root--width)) calc(90 / 1920 * var(--root--width));grid-template-rows:calc(50 / 1080 * var(--root--height)) calc(40 / 1080 * var(--root--height))}._option-timeLimit_1tzeb_41{grid-row:1;grid-column:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(200 / 1920 * var(--root--width));height:calc(50 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));color:#000}._option-timebar_1tzeb_63{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;grid-row:1;grid-column:2;top:calc(25 / 1080 * var(--root--height));margin:0 calc(56 / 1920 * var(--root--width));height:calc(5 / 1080 * var(--root--height));background:#fff;border-radius:5px;outline:none}._option-timebar_1tzeb_63::-webkit-slider-thumb{position:relative;-webkit-appearance:none;width:calc(30 / 1080 * var(--root--height));height:calc(30 / 1080 * var(--root--height));background:#000;border:5px solid #00FFD9;border-radius:50%;cursor:pointer;z-index:1}._option-timebar_1tzeb_63:before,._option-timebar_1tzeb_63:after{content:"";position:absolute;top:50%;width:calc(30 / 1080 * var(--root--height));height:calc(30 / 1080 * var(--root--height));background:#fff;border-radius:50%;transform:translateY(-50%)}._option-timebar_1tzeb_63:before{left:0}._option-timebar_1tzeb_63:after{right:0}._option-timetext_1tzeb_112{display:flex;grid-row:2;grid-column:2;font-family:Inter;font-style:normal;font-weight:800;padding:0 calc(65 / 1920 * var(--root--width));font-size:calc(30px * var(--root--font--ratio));line-height:calc(60 / 1080 * var(--root--height));text-align:center;color:#d9d9d9}._option-time-input_1tzeb_126{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-row:1;grid-column:3;line-height:calc(66 / 1080 * var(--root--height));text-align:center;font-family:Inter;font-style:normal;font-weight:600;font-size:calc(36px * var(--root--font--ratio));border:0;background:#d9d9d9;border-radius:20px}._option-second_1tzeb_145{grid-row:1;grid-column:4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:0;font-family:Inter;font-style:normal;width:calc(90 / 1920 * var(--root--width));height:calc(50 / 1080 * var(--root--height));font-weight:800;font-size:calc(30px * var(--root--font--ratio));color:#d9d9d9}._option-section-hint_1tzeb_165{display:flex;flex-direction:column;position:relative;place-items:center;text-align:center;top:calc(120 / 1080 * var(--root--height));width:calc(637 / 1920 * var(--root--width));height:calc(251 / 1080 * var(--root--height))}._option-hint-top_1tzeb_176{display:flex;flex-direction:row;align-items:center;width:100%;height:calc(50 / 1080 * var(--root--height))}._add-hint-button_1tzeb_184{display:flex;align-items:center;justify-content:center;background:#30645c;border:0px;border-radius:50%;position:relative;left:calc(10 / 1920 * var(--root--width));width:min(calc(40 / 1080 * var(--root--height)),calc(40 / 1920 * var(--root--width)));height:min(calc(40 / 1080 * var(--root--height)),calc(40 / 1920 * var(--root--width)));font-style:normal;font-weight:700;font-size:calc(32px * var(--root--font--ratio));color:#d9d9d9;cursor:pointer}._option-hint-list_1tzeb_202{display:flex;flex-direction:column;grid-row:2;margin-top:calc(50 / 1080 * var(--root--height));row-gap:calc(16 / 1080 * var(--root--height));height:calc(180 / 1080 * var(--root--height));width:100%;grid-column:1 / 4}._option-hint_1tzeb_176{display:grid;grid-template-columns:calc(44 / 1920 * var(--root--width)) calc(356 / 1920 * var(--root--width)) calc(200 / 1920 * var(--root--width)) calc(61 / 1920 * var(--root--width));grid-template-rows:calc(31 / 1080 * var(--root--height))}._hint-number_1tzeb_222,._hint-description_1tzeb_233,._hint-select_1tzeb_244{font-family:Inter;font-style:normal;font-weight:700;font-size:calc(24px * var(--root--font--ratio));line-height:calc(30 / 1080 * var(--root--height));background:#30645c;color:#fff;border:1px solid #00FFD9}._hint-remove-button_1tzeb_255{display:flex;justify-content:center;align-items:center;width:calc(35 / 1920 * var(--root--width));height:calc(31 / 1080 * var(--root--height));background:#d9d9d9;font-family:Inter;font-style:normal;font-weight:700;position:relative;left:calc(25 / 1920 * var(--root--width));font-size:calc(32px * var(--root--font--ratio));line-height:calc(39 / 1080 * var(--root--height));color:#000;border:0px}._option-ai_1tzeb_275{position:relative;top:calc(144 / 1080 * var(--root--height));display:flex;flex-direction:column}._option-select-instrument_1tzeb_282{grid-row:1;grid-column:1}._instrument-selection_1tzeb_287{display:flex;flex-direction:row;align-items:center;column-gap:calc(40 / 1920 * var(--root--width))}._instrument-option_1tzeb_296{height:calc(50 / 1080 * var(--root--height));width:calc(90 / 1920 * var(--root--width));display:flex;justify-content:space-between;align-items:center;position:relative}._instrument-name_1tzeb_305{position:relative;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));text-align:center;color:#fff}._instrument-radio_1tzeb_315{position:relative;margin:0;width:calc(24px * var(--root--font--ratio));height:calc(24px * var(--root--font--ratio));background:#fff;border-radius:50%;cursor:pointer;right:0}._instrument-radio_1tzeb_315:checked:before{content:"";position:relative;transform:translate(-50%,-50%);width:calc(16px * var(--root--font--ratio));height:calc(16px * var(--root--font--ratio));background-color:#000;border-radius:50%}._card-list-container_6tgce_2{min-height:calc(782 / 1080 * var(--root--height));display:flex;flex-direction:column;align-items:center;box-sizing:border-box}._blur_6tgce_11{filter:blur(8px)}._url-input-section_6tgce_16{display:flex;gap:10px;background:#6bc5b4;border-radius:20px;margin-top:calc(130 / 1080 * var(--root--height));width:calc(1296 / 1920 * var(--root--width));height:calc(81 / 1080 * var(--root--height));align-items:center;justify-content:center;color:#00000080}._url-input_6tgce_16{display:flex;margin-left:calc(15 / 1920 * var(--root--width));width:calc(1082 / 1920 * var(--root--width));height:calc(65 / 1080 * var(--root--height));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));background:#fff;border-radius:20px;padding:0;border:0;outline:none;align-items:center;text-align:center}._url-input-button_6tgce_47{width:calc(187 / 1920 * var(--root--width));height:calc(81 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;border:0;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(36px * var(--root--font--ratio));line-height:calc(44 / 1080 * var(--root--height));align-items:center;text-align:center;cursor:pointer}._card-grid_6tgce_64{margin-top:calc(90 / 1080 * var(--root--height));display:grid;grid-template-columns:repeat(4,1fr);gap:20px}._card_6tgce_2{background-color:gray;border-radius:10px;padding:10px;display:flex;height:calc(180 / 1080 * var(--root--height));width:calc(320 / 1920 * var(--root--width));flex-direction:column;align-items:center;position:relative}._card-icons_6tgce_84{display:flex;gap:5px;position:absolute;bottom:10px;right:10px}._card-edit-btn_6tgce_92,._card-delete-btn_6tgce_93{height:calc(44 / 1080 * var(--root--height));width:calc(44 / 1080 * var(--root--height));background:none;border:none;cursor:pointer;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center}._card-icon-img_6tgce_106{height:calc(33 / 1080 * var(--root--height));width:calc(33 / 1080 * var(--root--height))}._modal-overlay_6tgce_113{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}._quiz-seting-input_6tgce_126{display:grid;grid-template-rows:calc(240 / 1080 * var(--root--height)),calc(272 / 1080 * var(--root--height))}._modal-content_6tgce_131{background-color:#2d2d2d;border-radius:10px;padding:20px;height:calc(700 / 1080 * var(--root--height));width:calc(1200 / 1920 * var(--root--width));display:flex;flex-direction:row;gap:10px}._loading-screen_6tgce_155{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;top:calc(230 / 1080 * var(--root--height))}._loading-component_6tgce_165{display:flex;height:calc(400 / 1080 * var(--root--height));width:calc(400 / 1080 * var(--root--height));z-index:1}._loading-title_6tgce_172{display:flex;position:absolute;color:#fff;font-size:calc(30px * var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;bottom:0;z-index:2}._navigation-buttons_6tgce_183{position:fixed;bottom:calc(70 / 1080 * var(--root--height));left:calc(1650 / 1920 * var(--root--width));width:calc(300 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));display:flex;flex-direction:row}._nav-button_6tgce_193{background-color:#00ffd9;color:#000;border:none;padding:0;width:calc(150 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));font-size:calc(24px*var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;cursor:pointer;position:static;z-index:1}._nav-button_6tgce_193:hover{background-color:#00b3b3}._nav-button_6tgce_193:focus{outline:none}._modal-overlay_cpv9b_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}._modal-content_cpv9b_15{background-color:#2d2d2d;border-radius:10px;padding:20px;height:calc(700 / 1080 * var(--root--height));width:calc(1200 / 1920 * var(--root--width));display:flex;flex-direction:row;gap:10px}._quiz-seting-left_cpv9b_27{display:flex;flex-direction:column}._quiz-seting-right_cpv9b_32{display:flex;flex-direction:column;position:relative;width:calc(513 / 1920 * var(--root--width));height:calc(316 / 1080 * var(--root--height));top:calc(75 / 1080 * var(--root--height));left:calc(80 / 1920 * var(--root--width))}._answer-container_cpv9b_43{grid-column:1;display:flex;flex-direction:column;position:relative;top:calc(75 / 1080 * var(--root--height));left:calc(50 / 1920 * var(--root--width));width:calc(530 / 1920 * var(--root--width));height:calc(240 / 1080 * var(--root--height));border-radius:10px;background-color:#2d2d2d}._input-row_cpv9b_57{display:flex;align-items:center;gap:10px}._seting-label_cpv9b_63{width:calc(170 / 1920 * var(--root--width));height:calc(55 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));line-height:calc(55 / 1080 * var(--root--height));text-align:center;color:#000}._seting-label-big_cpv9b_77{width:calc(200 / 1920 * var(--root--width));height:calc(55 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));line-height:calc(55 / 1080 * var(--root--height));text-align:center;color:#000}._input-square-border_cpv9b_92{flex:1;height:calc(55 / 1080 * var(--root--height));width:calc(340 / 1920 * var(--root--width));border:calc(4 / 1080 * var(--root--height)) solid #6BC5B4;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));border-radius:15px;outline:none;font-size:16px}._input-square-white_cpv9b_106{flex:1;height:calc(55 / 1080 * var(--root--height));width:calc(340 / 1920 * var(--root--width));border-radius:15px;font-family:Inter;font-style:normal;font-weight:800;outline:none;font-size:16px;background-color:#fff}._answer-list_cpv9b_120{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;position:relative;width:100%;top:calc(20 / 1080 * var(--root--height));height:calc(156 / 1080 * var(--root--height));overflow:auto}._answer-list_cpv9b_120::-webkit-scrollbar{width:15px}._answer-list_cpv9b_120::-webkit-scrollbar-track{background:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}._answer-list_cpv9b_120::-webkit-scrollbar-thumb{background-color:#888;border-radius:15px;border:4px solid white}._answer-item_cpv9b_152{background-color:transparent;margin-left:5px;margin-top:5px;min-height:auto;border-radius:15px;position:relative;display:flex;flex-direction:row;align-items:center;transition:none;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));color:#000}._answer-item_cpv9b_152:hover{background-color:#e0e0e0}._answer-edit_cpv9b_177{background-color:transparent;height:100%;width:100%;border-radius:15px;position:relative;display:flex;flex-direction:row;align-items:center;transition:none;background-color:#e0e0e0;border:2px solid black}._answer-edit-input_cpv9b_191{width:100%;border-radius:15px;position:relative;display:flex;align-items:center;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));background-color:transparent;transform-origin:none;outline:none;border:0}._delete-btn_cpv9b_209{position:relative;background:none;border:none;color:red;right:calc(10 / 1920 * var(--root--width));font-size:calc(20px * var(--root--font--ratio));cursor:pointer;visibility:hidden}._edit-btn_cpv9b_220{background:none;border:none;color:#000;right:0;margin-left:auto;margin-right:calc(10 / 1920 * var(--root--width));font-size:calc(20px * var(--root--font--ratio));line-height:calc(20px * var(--root--font--ratio));cursor:pointer;visibility:hidden}._check-btn_cpv9b_234{background:none;border:none;color:green;right:0;margin-left:auto;margin-right:calc(10 / 1920 * var(--root--width));font-size:calc(20px * var(--root--font--ratio));line-height:calc(20px * var(--root--font--ratio));cursor:pointer}._hint-container_cpv9b_248{grid-column:1;display:flex;flex-direction:column;gap:10px;position:relative;top:calc(110 / 1080 * var(--root--height));left:calc(50 / 1920 * var(--root--width));width:calc(530 / 1920 * var(--root--width));height:calc(272 / 1080 * var(--root--height));border-radius:10px;background-color:transparent}._hint-list_cpv9b_262{display:flex;flex-direction:column;background-color:transparent;border-radius:15px}._hint-type_cpv9b_270{width:30%;height:auto;display:flex;align-items:center;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));background-color:#d9d9d9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._hint-item_cpv9b_286{background-color:#fff;padding-left:calc(10 / 1920 * var(--root--width));margin-top:calc(18 / 1080 * var(--root--height));height:calc(53 / 1080 * var(--root--height));border-radius:15px;position:relative;display:flex;justify-content:space-between;align-items:center;transition:none;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));line-height:calc(44px * var(--root--font--ratio));color:#000;background-color:#d9d9d9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._answer-item_cpv9b_152:hover ._delete-btn_cpv9b_209,._answer-item_cpv9b_152:hover ._edit-btn_cpv9b_220{visibility:visible}._time-adjuster-container_cpv9b_322{display:flex;flex-direction:column;border-radius:10px}._slider-section_cpv9b_329{position:relative;height:calc(55 / 1080 * var(--root--height));width:calc(513 / 1920 * var(--root--width));display:grid;display:flex;flex-direction:row;align-items:center}._slider-labels_cpv9b_339 span{margin-left:calc(30 / 1920 * var(--root--width));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(30px * var(--root--font--ratio));line-height:36px;text-align:center;color:#fff}._option-timebar_cpv9b_354{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;grid-row:1;grid-column:2;top:calc(25 / 1080 * var(--root--height));margin-left:calc(27 / 1920 * var(--root--width));height:calc(5 / 1080 * var(--root--height));background:#fff;border-radius:5px;outline:none}._option-timebar_cpv9b_354::-webkit-slider-thumb{position:relative;-webkit-appearance:none;width:calc(25 / 1080 * var(--root--height));height:calc(25 / 1080 * var(--root--height));background:#000;border:5px solid #00FFD9;border-radius:50%;cursor:pointer;z-index:1}._option-timebar_cpv9b_354:before,._option-timebar_cpv9b_354:after{content:"";position:absolute;top:50%;width:calc(25 / 1080 * var(--root--height));height:calc(25 / 1080 * var(--root--height));background:#fff;border-radius:50%;transform:translateY(-50%)}._option-timebar_cpv9b_354:before{left:0}._option-timebar_cpv9b_354:after{right:0}._time-display_cpv9b_404{position:relative;left:0;display:flex;top:calc(10 / 1080 * var(--root--height));align-items:center;gap:10px}._time-display_cpv9b_404 label{position:relative;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(30px * var(--root--font--ratio));text-align:center;color:#fff}._time_cpv9b_322{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;left:calc(30 / 1920 * var(--root--width));width:calc(232 / 1920 * var(--root--width));height:calc(42 / 1080 * var(--root--height));font-size:calc(24px * var(--root--font--ratio));font-family:Inter;font-weight:800;color:#000;background-color:#fff;border-radius:10px}._adjust-buttons_cpv9b_443{display:grid;position:relative;top:calc(62 / 1080 * var(--root--height));left:calc(36 / 1920 * var(--root--width));width:calc(477 / 1920 * var(--root--width));height:calc(120 / 1080 * var(--root--height));grid-template-columns:repeat(4,1fr);column-gap:calc(10 / 1920 * var(--root--width));row-gap:calc(10 / 1080 * var(--root--height))}._adjust-buttons_cpv9b_443 button{background-color:#d9d9d9;border:none;border-radius:20px;font-family:Inter;font-style:normal;text-align:center;font-weight:800;color:#000;font-size:calc(24px * var(--root--font--ratio));cursor:pointer}._adjust-buttons_cpv9b_443 button:hover{background-color:#a0a0a0}._music-play-container_cpv9b_472{position:relative;display:flex;flex-direction:row;align-items:center;top:calc(100 / 1080 * var(--root--height))}._card-play-btn_cpv9b_480{margin-left:10px;height:calc(44 / 1080 * var(--root--height));width:calc(44 / 1080 * var(--root--height));background:none;border:none;cursor:pointer;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center}._btn-container_cpv9b_494{position:relative;display:flex;flex-direction:row;left:calc(-130 / 1920 * var(--root--width));top:calc(560 / 1080 * var(--root--height))}._close-btn_cpv9b_502{background-color:#00ffd9;border:none;position:relative;height:calc(60 / 1080 * var(--root--height));width:calc(100 / 1920 * var(--root--width));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));cursor:pointer}._toggleConatiner_cpv9b_517{display:flex;flex-direction:row;align-items:center}._icon-img_cpv9b_523{width:min(calc(40 / 1080 * var(--root--height)),calc(40 / 1920 * var(--root--width)));height:min(calc(40 / 1080 * var(--root--height)),calc(40 / 1920 * var(--root--width)))}._container_1o0u5_1{display:flex;align-items:center;height:calc(60 / 1080 * var(--root--height))}._switch_1o0u5_8{position:relative;display:flex;align-items:center;left:0;width:calc(190 / 1920 * var(--root--width));height:calc(40 / 1080 * var(--root--height));background-color:#15a38e;border-radius:20px;overflow:hidden;cursor:pointer}._input_1o0u5_22{display:none}._textContainer_1o0u5_26{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100%;z-index:4}._text_1o0u5_26{flex:1;text-align:center;font-size:calc(20px * var(--root--font--ratio));font-weight:700;font-family:inter;color:#000}._slider_1o0u5_45{position:absolute;height:calc(34 / 1080 * var(--root--height));width:calc(90 / 1920 * var(--root--width));background-color:#00ffd9;border-radius:20px;transition:transform .4s ease;z-index:2;box-shadow:0 2px 4px #0003}._sliderLeft_1o0u5_56{transform:translate(calc(5 / 1920 * var(--root--width)))}._sliderRight_1o0u5_60{transform:translate(calc(95 / 1920 * var(--root--width)))}._card-list-container_1n8h9_2{min-height:calc(782 / 1080 * var(--root--height));display:flex;flex-direction:column;align-items:center;box-sizing:border-box}._blur_1n8h9_11{filter:blur(8px)}._url-input-section_1n8h9_16{display:flex;position:relative;gap:10px;background:#6bc5b4;border-radius:20px;margin-top:calc(80 / 1080 * var(--root--height));width:calc(1296 / 1920 * var(--root--width));height:calc(81 / 1080 * var(--root--height));align-items:center;justify-content:center;color:#00000080}._url-input_1n8h9_16{margin-left:calc(15 / 1920 * var(--root--width));width:calc(1082 / 1920 * var(--root--width));height:calc(65 / 1080 * var(--root--height));position:relative;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));background:#fff;border-radius:20px;padding:0;border:0;outline:none;align-items:center;text-align:center}._url-input-button_1n8h9_48{width:calc(187 / 1920 * var(--root--width));height:calc(81 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;border:0;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(36px * var(--root--font--ratio));line-height:calc(44 / 1080 * var(--root--height));align-items:center;text-align:center;cursor:pointer}._card-grid_1n8h9_64{margin-top:calc(80 / 1080 * var(--root--height));display:grid;grid-template-columns:repeat(4,calc(320 / 1920 * var(--root--width)));grid-template-rows:repeat(2,minmax(calc(200 / 1080 * var(--root--height)),auto));gap:20px}._card_1n8h9_2{background-color:gray;border-radius:20px;display:flex;height:calc(180 / 1080 * var(--root--height));width:calc(320 / 1920 * var(--root--width));flex-direction:column;align-items:center;position:relative}._add-button_1n8h9_84{margin-top:calc(60 / 1080 * var(--root--height));font-family:inter;font-weight:800;background-color:#d9d9d9;border-radius:20px;font-size:calc(24px * var(--root--font--ratio));width:calc(600 / 1920 * var(--root--width));height:calc(100 / 1080 * var(--root--height))}._add-icon_1n8h9_95{background-color:transparent;display:flex;justify-content:center;align-items:center;color:#fff;border:4px solid #36F1FD;border-radius:50%;width:min(calc(55 / 1080 * var(--root--height)),calc(55 / 1920 * var(--root--width)));height:min(calc(55 / 1080 * var(--root--height)),calc(55 / 1920 * var(--root--width)));line-height:min(calc(55 / 1080 * var(--root--height)),calc(55 / 1920 * var(--root--width)));font-size:calc(50px*var(--root--font--ratio));font-weight:700;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}._card-icons_1n8h9_114{display:flex;gap:5px;position:absolute;bottom:10px;right:10px}._card-edit-btn_1n8h9_122,._card-delete-btn_1n8h9_123,._card-play-btn_1n8h9_136{height:calc(44 / 1080 * var(--root--height));width:calc(44 / 1080 * var(--root--height));background:none;border:none;cursor:pointer;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center}._card-icon-img_1n8h9_149{height:calc(33 / 1080 * var(--root--height));width:calc(33 / 1080 * var(--root--height))}._card-title_1n8h9_154{font-family:Inter;font-style:normal;font-weight:900;font-size:calc(24px * var(--root--font--ratio));display:flex;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;max-width:calc(330 / 1920 * var(--root--width))}._card-title_1n8h9_154 ._scroll-text_1n8h9_172{display:inline-block;transform:translate(0);transition:transform .3s ease}._card-title_1n8h9_154:hover ._scroll-text_1n8h9_172{animation:_scroll-text_1n8h9_172 5s linear infinite}@keyframes _scroll-text_1n8h9_172{0%{transform:translate(0)}to{transform:translate(-100%)}}._highlight-border_1n8h9_198{outline:1px solid #00FFD9;outline-offset:-1px}._overlay_1n8h9_207{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-color:#00000080;display:flex;justify-content:center;color:#fff;font-size:calc(24px * var(--root--font--ratio));font-family:Inter;font-style:normal;font-weight:900;align-items:center;text-align:center}._modal-overlay_1n8h9_227{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}._quiz-seting-input_1n8h9_240{display:grid;grid-template-rows:calc(240 / 1080 * var(--root--height)),calc(272 / 1080 * var(--root--height))}._modal-content_1n8h9_245{background-color:#2d2d2d;border-radius:10px;padding:20px;height:calc(700 / 1080 * var(--root--height));width:calc(1200 / 1920 * var(--root--width));display:flex;flex-direction:row;gap:10px}textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #00FFD9;background-color:#1e1e1e;color:#fff}._complete-button_1n8h9_267{display:flex;justify-content:center;align-items:center;margin-top:calc(60 / 1080 * var(--root--height));width:calc(600 / 1920 * var(--root--width));height:calc(100 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:inter;font-size:calc(24px * var(--root--font--ratio));font-weight:800}._navigation-buttons_1n8h9_282{position:fixed;bottom:calc(70 / 1080 * var(--root--height));left:calc(1650 / 1920 * var(--root--width));width:calc(300 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));display:flex;flex-direction:row}._nav-button_1n8h9_292{background-color:#00ffd9;color:#000;border:none;padding:0;width:calc(150 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));font-size:calc(24px*var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;cursor:pointer;position:static;z-index:1}._nav-button_1n8h9_292:hover{background-color:#00b3b3}._nav-button_1n8h9_292:focus{outline:none}._navigation-icon_1n8h9_317{display:flex;justify-content:center;align-items:center;font-family:Inter;font-style:normal;font-weight:400;font-size:calc(120px * var(--root--font--ratio));color:#00ffd9;cursor:pointer}._navigation-icon_1n8h9_317._left_1n8h9_329{position:fixed;width:calc(116 / 1920 * var(--root--width));height:calc(116 / 1080 * var(--root--height));left:calc(100 / 1920 * var(--root--width));top:calc(490 / 1080 * var(--root--height));line-height:calc(116 / 1080 * var(--root--height))}._navigation-icon_1n8h9_317._right_1n8h9_338{position:fixed;width:calc(116 / 1920 * var(--root--width));height:calc(116 / 1080 * var(--root--height));left:calc(1700 / 1920 * var(--root--width));top:calc(490 / 1080 * var(--root--height));line-height:calc(116 / 1080 * var(--root--height))}._tooltip-icon_1n8h9_348{position:absolute;display:flex;right:calc(240 / 1920 * var(--root--width));top:50%;transform:translateY(-50%);cursor:pointer;width:min(calc(44 / 1920 * var(--root--width)),calc(44 / 1080 * var(--root--height)));height:min(calc(44 / 1920 * var(--root--width)),calc(44 / 1080 * var(--root--height)));border-radius:50%;background:#30645c;font-family:Inter;font-style:normal;font-weight:700;font-size:calc(32px * var(--root--font--ratio));align-items:center;justify-content:center;color:#fff}._tooltip-text_1n8h9_370{visibility:hidden;width:calc(600 / 1920 *var(--root--width));height:calc(100 / 1080 * var(--root--height));background-color:#30645c;text-align:center;border-radius:20px;position:absolute;bottom:calc(-100 / 1080 * var(--root--height));left:calc(-255 / 1920 *var(--root--width));transform:translate(-50%);z-index:2;font-family:Inter;font-style:normal;font-weight:900;font-size:calc(24px * var(--root--font--ratio));line-height:36px;display:flex;align-items:center;justify-content:center;color:#fff}._tooltip-icon_1n8h9_348:hover ._tooltip-text_1n8h9_370{visibility:visible;opacity:2}._loading-screen_1n8h9_402{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;top:calc(230 / 1080 * var(--root--height))}._loading-component_1n8h9_412{display:flex;height:calc(400 / 1080 * var(--root--height));width:calc(400 / 1080 * var(--root--height));z-index:1}._loading-title_1n8h9_419{display:flex;position:absolute;color:#fff;font-size:calc(30px * var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;bottom:0;z-index:2}._modal-overlay_x6vci_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}._container_x6vci_14{box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:calc(850 / 1920 * var(--root--width));height:calc(760 / 1080 * var(--root--height));background:#252525;outline:4px solid #00FFD9;outline-offset:-1px;border-radius:20px}._preview-button_x6vci_29{position:relative;display:flex;width:calc(200 / 1920 * var(--root--width));height:calc(50 / 1080 * var(--root--height));left:calc(48 / 1920 * var(--root--width));top:calc(64 / 1080 * var(--root--height));background:#d9d9d9;border-radius:20px;font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));align-items:center;justify-content:center;color:#000}._controls_x6vci_47{display:flex;position:relative;flex-direction:row;align-items:center;left:calc(48 / 1920 * var(--root--width));top:calc(90 / 1080 * var(--root--height))}._play-text_x6vci_56{position:relative;display:flex;width:calc(70 / 1920 * var(--root--width));height:calc(40 / 1080 * var(--root--height));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));text-align:center;align-items:center;justify-content:center;color:#fff}._play-button_x6vci_72{height:calc(40 / 1080 * var(--root--height));width:calc(40 / 1080 * var(--root--height));background:none;border:none;cursor:pointer;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center}._icon-img_x6vci_85{height:calc(40 / 1080 * var(--root--height));width:calc(40 / 1080 * var(--root--height))}._time-display_x6vci_90{background:#fff;border-radius:15px;position:relative;width:calc(232 / 1920 * var(--root--width));height:calc(40 / 1080 * var(--root--height));left:calc(18 / 1920 * var(--root--width));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));display:flex;align-items:center;text-align:center;justify-content:center;color:#000}._waveform-container_x6vci_108{display:flex;flex-direction:row;position:relative;align-items:center;left:calc(48 / 1920 * var(--root--width));top:calc(120 / 1080 * var(--root--height))}._instrument-text_x6vci_118{position:relative;display:flex;width:calc(80 / 1920 * var(--root--width));height:calc(40 / 1080 * var(--root--height));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));text-align:center;align-items:center;justify-content:center;color:#fff}._waveform_x6vci_108{width:calc(650 / 1920 * var(--root--width));height:calc(80 / 1080 * var(--root--height));margin:calc(15 / 1080 * var(--root--height)) 0;left:calc(20 / 1920 * var(--root--width));background-color:transparent;position:relative}._close-btn_x6vci_146{background-color:#00ffd9;border:none;position:relative;height:calc(60 / 1080 * var(--root--height));width:calc(100 / 1920 * var(--root--width));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));cursor:pointer}._close-button_x6vci_159{background-color:#00ffd9;border:none;position:relative;top:calc(130 / 1080 * var(--root--height));left:calc(730 / 1920 * var(--root--width));height:calc(45 / 1080 * var(--root--height));width:calc(80 / 1920 * var(--root--width));font-family:Inter;font-style:normal;font-weight:800;font-size:calc(24px * var(--root--font--ratio));cursor:pointer}._navigation-buttons_1mgcj_6{grid-row:2;position:fixed;bottom:calc(70 / 1080 * var(--root--height));left:calc(1500 / 1920 * var(--root--width));width:calc(300 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));display:flex;flex-direction:row}._nav-button_1mgcj_17{background-color:#00ffd9;color:#000;border:none;padding:0;width:calc(150 / 1920 * var(--root--width));height:calc(70 / 1080 * var(--root--height));font-size:calc(24px*var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;cursor:pointer;position:static;z-index:1}._nav-button_1mgcj_17:hover{background-color:#00b3b3}._nav-button_1mgcj_17:focus{outline:none}._main-info_1mgcj_42{display:flex;flex-direction:row}._loading-screen_1mgcj_47{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;top:calc(230 / 1080 * var(--root--height))}._loading-component_1mgcj_57{display:flex;height:calc(400 / 1080 * var(--root--height));width:calc(400 / 1080 * var(--root--height));z-index:1}._loading-title_1mgcj_64{display:flex;position:absolute;color:#fff;font-size:calc(30px * var(--root--font--ratio));font-family:Inter,sans-serif;font-weight:800;bottom:0;z-index:2}._login-container_45smi_1{position:relative;display:flex;flex-direction:row;height:var(--root--height);width:var(--root--width)}._login-left_45smi_9{display:flex;position:relative;flex-direction:column;height:100%;width:calc(1175 / 1920 * var(--root--width))}._logo_45smi_17{width:min(calc(800 / 1920 * var(--root--width)),calc(800 / 1080 * var(--root--height)));height:min(calc(200 / 1920 * var(--root--width)),calc(200 / 1080 * var(--root--height)));position:relative;left:calc(240 / 1920 * var(--root--width));top:calc(200 / 1080 * var(--root--height))}._main-text_45smi_25{position:relative;width:calc(800 / 1920 * var(--root--width));height:calc(200 / 1080 * var(--root--height));left:calc(290 / 1920 * var(--root--width));top:calc(330 / 1080 * var(--root--height));font-family:Inter;font-style:normal;font-weight:400;font-size:calc(64px * var(--root--font--ratio));color:#fff}._login-div_45smi_38{display:flex;flex-direction:column;align-items:center;position:relative;width:calc(480 / 1920 * var(--root--width));background:#00251f}._login-text_45smi_47{display:flex;justify-content:center;position:relative;width:calc(240 / 1920 * var(--root--width));height:calc(110 / 1080 * var(--root--height));top:calc(275 / 1080 * var(--root--height));font-family:Inter;font-style:normal;font-weight:400;font-size:calc(64px * var(--root--font--ratio));color:#fff}._login-round_45smi_62{display:flex;align-items:center;justify-content:center;position:relative;width:calc(435 / 1920 * var(--root--width));height:calc(280 / 1080 * var(--root--height));top:calc(290 / 1080 * var(--root--height));background:#00d9b8;border-radius:50px}._login_45smi_1{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;width:calc(330 / 1920 * var(--root--width));height:calc(100 / 1080 * var(--root--height));border-radius:10px;background-color:#fff;cursor:pointer;font-family:Inter;font-style:normal;font-weight:400;font-size:calc(28px * var(--root--font--ratio));color:#000}._button-image_45smi_93{width:min(calc(55 / 1920 * var(--root--width)),calc(55 / 1080 * var(--root--height)));height:min(calc(55 / 1920 * var(--root--width)),calc(55 / 1080 * var(--root--height)))}.stat_board{display:flex;width:calc(var(--root--width)*.82135416666666666666666666666667);height:calc(var(--root--height)*.71851851851851851851851851851852);background-color:#30645c;margin-left:auto;margin-right:auto;border:5px solid #00FFD9;border-radius:30px}.stat_innerbox{margin:auto;width:calc(var(--root--width)*.77604166666666666666666666666667);height:calc(var(--root--height)*.65462962962962962962962962962963);overflow-y:auto}.stat_board_bottom{display:flex;width:calc(var(--root--width)*.82135416666666666666666666666667);justify-content:flex-end;margin-top:calc(var(--root--height)*.01);margin-left:auto;margin-right:auto}.button_stat_gohome{margin-right:0}div[class^=stat_ranking_]{display:flex;justify-content:center}.ranking{font-family:MaplestoryLight;font-weight:700;margin-right:calc(var(--root--width)*.01)}.ranking_username{color:#fff;font-family:MaplestoryBold;margin-left:calc(var(--root--width)*.01);margin-right:calc(var(--root--width)*.01)}.ranking_value{font-family:MaplestoryLight;color:#00ffd9;margin-right:calc(var(--root--width)*.01)}.stat_ranking_1{width:100%;height:12.5%;font-size:calc(40px*var(--root--font--ratio));color:#d5a11e}.stat_ranking_2{width:100%;height:12.5%;font-size:calc(40px*var(--root--font--ratio));color:#a3a3a3}.stat_ranking_3{width:100%;height:12.5%;font-size:calc(40px*var(--root--font--ratio));color:#cd7f32}.stat_ranking_4,.stat_ranking_5,.stat_ranking_6,.stat_ranking_7,.stat_ranking_8{width:100%;height:12.5%;font-size:calc(40px*var(--root--font--ratio))}.polar_chart{margin-right:calc(var(--root--width)*.05);display:flex;align-items:center}.answered_person_title{display:flex;color:ivory}.apt_title{width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.04);font-size:calc(var(--root--font--ratio)*36px);font-family:MaplestoryBold;text-align:center}.apt_person{margin-left:auto;margin-right:auto;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.04);font-size:calc(var(--root--font--ratio)*36px);font-family:MaplestoryBold;text-align:center}.apt_time{margin-left:auto;margin-right:0;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.04);font-size:calc(var(--root--font--ratio)*36px);font-family:MaplestoryBold;text-align:center}.answered_person{display:flex;font-family:MaplestoryLight;margin-top:calc(var(--root--height)*.01);margin-bottom:calc(var(--root--height)*.01)}.answered_person_index{display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:calc(var(--root--font--ratio)*28px);color:#add8e6;width:calc(var(--root--width)*.01);height:calc(var(--root--height)*.04)}.answered_person_answer{display:flex;justify-content:center;align-items:center;font-size:calc(var(--root--font--ratio)*30px);color:#adff2f;width:calc(var(--root--width)*.19);height:calc(var(--root--height)*.04)}.answered_person_person{display:flex;justify-content:center;align-items:center;font-size:calc(var(--root--font--ratio)*25px);color:#fff8dc;margin-left:auto;margin-right:auto;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.04)}.answered_person_time{display:flex;justify-content:center;align-items:center;font-size:calc(var(--root--font--ratio)*25px);color:#00ffd9;margin-left:auto;margin-right:0;width:calc(var(--root--width)*.2);height:calc(var(--root--height)*.04)}.bar_chart{display:flex;width:calc(var(--root--width)*.77604166666666666666666666666667);height:calc(var(--root--height)*.65462962962962962962962962962963);justify-content:center;align-items:center}.Game_stat_select{font-family:MaplestoryLight;font-size:calc(20px*var(--root--font--ratio));color:ivory;width:calc(var(--root--width)*.8);height:calc(var(--root--height)*.045);margin-left:auto;margin-right:auto;margin-top:calc(var(--root--height)*.02);display:flex}div[class^=stat_select]{display:flex;justify-content:center;align-items:center;width:calc(var(--root--width)*.08);height:100%;background-color:#30645c;border-left:5px solid #00FFD9;border-top:5px solid #00FFD9;border-right:5px solid #00FFD9;border-top-right-radius:10px;border-top-left-radius:10px;box-sizing:border-box;cursor:pointer;opacity:.5}.stat_select2,.stat_select3,.stat_select_on2,.stat_select_on3{margin-left:calc(var(--root--width)*.008)}div[class^=stat_select_on]{height:110%;opacity:1}body{margin:0;background-color:#252525}@font-face{font-family:MaplestoryBold;src:url(/assets/Maplestory%20Bold-CikNHvkm.ttf)}@font-face{font-family:MaplestoryLight;src:url(/assets/Maplestory%20Light-D1cZXjj6.ttf)}