body,html{height:100%;overflow:hidden;background:#1f1f1f}body,code,html,kbd,pre,samp{font-family:Pretendard,돋움,dotum,sans-serif;font-size:100%;font-weight:400}li{font-size:0}li>*{font-size:1rem}.ps{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-out}.fade-enter-active.slide-up,.fade-leave-active.slide-up{transform:translateY(0);transition:.3s ease-out}.fade-enter-active.slide-right,.fade-leave-active.slide-right{transform:translateX(0);transition:.3s ease-out}.fade-enter-active.slide-down,.fade-leave-active.slide-down{transform:translateY(0);transition:.3s ease-out}.fade-enter-active.slide-left,.fade-leave-active.slide-left{transform:translateX(0);transition:.3s ease-out}.fade-enter,.fade-leave-to{opacity:0}.fade-enter.slide-up,.fade-leave-to.slide-up{transform:translateY(10px)}.fade-enter.slide-right,.fade-leave-to.slide-right{transform:translateX(-10px)}.fade-enter.slide-down,.fade-leave-to.slide-down{transform:translateY(-10px)}.fade-enter.slide-left,.fade-leave-to.slide-left{transform:translateX(10px)}[grm-device-mobile] .menu-slide-top-bottom-enter-active{transform:translateY(-100dvh);transition:transform .3s ease-out,opacity .3s ease-out}[grm-device-mobile] .menu-slide-top-bottom-enter-to{transform:translateY(0);opacity:1}[grm-device-mobile] .menu-slide-top-bottom-leave-active{transform:translateY(0);transition:transform .3s ease-in,opacity .3s ease-in}[grm-device-mobile] .menu-slide-top-bottom-leave-to{transform:translateY(-100dvh);opacity:0}[grm-device-mobile] .fadeIn{animation:opacityIn .4s ease-out forwards}[grm-device-mobile] .fadeIn>div:first-child{animation:fadeIn .4s ease-out forwards}[grm-device-mobile] .fadeOut>div:first-child{animation:fadeOut .4s ease-out forwards}[grm-device-mobile] .fadeOut{animation:opacityOut .4s ease-out forwards}html:not([grm-device-mobile]) .menu-slide-top-bottom-enter-active{transform:translateX(360px);transition:transform .3s ease-out,opacity .3s ease-out}html:not([grm-device-mobile]) .menu-slide-top-bottom-enter-to{transform:translateX(0);opacity:1}html:not([grm-device-mobile]) .menu-slide-top-bottom-leave-active{transition:transform .3s ease-in,opacity .3s ease-in}html:not([grm-device-mobile]) .menu-slide-top-bottom-leave-to{transform:translateX(360px);opacity:0}html:not([grm-device-mobile]) .fadeIn{animation:opacityIn .4s ease-out forwards}html:not([grm-device-mobile]) .fadeIn>div:first-child{animation:fadeInDesktop .4s ease-out forwards}html:not([grm-device-mobile]) .fadeOut>div:first-child{animation:fadeOutDesktop .4s ease-out forwards}html:not([grm-device-mobile]) .fadeOut{animation:opacityOut .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;visibility:hidden;transform:translateY(100dvh)}1%{opacity:1}40%{visibility:visible}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDesktop{0%{opacity:0;visibility:hidden;transform:translateX(360px)}1%{opacity:1}40%{visibility:visible}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutDesktop{0%{opacity:1;visibility:visible;transform:translateX(0)}99%{opacity:1}to{opacity:0;visibility:hidden;transform:translateX(360px)}}.fadeOpacityOut{animation:opacityOut .2s ease-out forwards}.fadeOpacity{animation:opacityIn .2s ease-out forwards}@keyframes opacityOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes opacityIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:translateY(0)}99%{opacity:1}to{opacity:0;visibility:hidden;transform:translateY(100dvh)}}.slideUp{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}.slideRight{animation:slideRight .3s ease-out forwards}@keyframes slideRight{0%{transform:translateX(-10px)}to{transform:translateX(0)}}.slideDown{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.slideLeft{animation:slideLeft .3s ease-out forwards}@keyframes slideLeft{0%{transform:translateX(10px)}to{transform:translateX(0)}}.cursor-grabbing *{cursor:grabbing}img{pointer-events:none}.scanline-overlay:before{content:"";top:0;background:repeating-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,.1) 3px,#000 4px);z-index:2}.scanline-default,.scanline-overlay:before{position:absolute;left:0;width:100%;height:100%;pointer-events:none}.scanline-default{background-color:rgba(0,0,0,.4);background-size:100% 4px;z-index:3;transition:opacity 1s;opacity:0}@media(orientation:portrait){.scanline-default{top:150px}}@media(orientation:landscape){.scanline-default{top:100px}}.loading-dots{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;transition:1s}.loading-dots.hide{opacity:0}.loading-dots:after,.loading-dots:before,.loading-dots span{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%;opacity:.3;margin:0 2px;animation:loading-dots-blink 6s ease-in-out infinite}.loading-dots:before{animation-delay:0s}.loading-dots span{animation-delay:.2s}.loading-dots:after{animation-delay:.4s}@keyframes loading-dots-blink{0%,to{opacity:.3}50%{opacity:1}}body{background-color:#f3f3f3!important}.layer .api-layer:nth-child(2n-1){background-color:#ebfaff}.api-layer{width:100%;height:100%;padding:2px;font-size:10px}.api-layer:not([data-api-show=true]) fieldset{min-height:20px;cursor:pointer}.api-layer:not([data-api-show=true]) fieldset:hover{background-color:#a0ebfe}.api-layer:not([data-api-show=true]) .api-box{display:none!important}.api-layer fieldset legend{padding:4px;cursor:default}.api-layer fieldset legend:hover{background-color:#0cf}.api-layer .api-box{border:1px solid #7a7a7a;margin:2px}.api-layer .api-box:hover{background-color:#e3e3e3}.api-layer .api-box.inline{display:inline-block}.api-layer .api-box .api-title{display:inline-block;min-width:50px;padding:2px 2px 3px 3px;margin-right:2px;background-color:#cecece}.api-layer .api-box button{font-size:inherit;background-color:#86c5c8;padding:2px 14px;margin:0 2px}.api-layer .api-box input{font-size:inherit;border:1px solid #b5b5b5}.api-layer .api-box select{border:1px solid #b5b5b5}.api-layer .api-box pre{max-height:170px;overflow:scroll;background-color:#fff}.api-layer .api-box .desc-inline{display:none}.api-layer .api-box .desc-inline[data-show]{display:inline-block;background-color:#f7f254;padding:2px;vertical-align:-2px}.api-layer .api-box input[type=number]{text-align:right;width:50px}.api-layer .api-box [name=roomId]{width:150px}.api-layer .api-box [name=userId]{width:85px}