@font-face{font-family:Noto Sans KR;font-weight:100;src:url(/assets/NotoSansKR-Thin-7654babf.otf) format("opentype")}@font-face{font-family:Noto Sans KR;font-weight:300;src:url(/assets/NotoSansKR-Light-980ae402.otf) format("opentype")}@font-face{font-family:Noto Sans KR;font-weight:400;src:url(/assets/NotoSansKR-Regular-2f62e282.otf) format("opentype")}@font-face{font-family:Noto Sans KR;font-weight:500;src:url(/assets/NotoSansKR-Medium-857cd8ad.otf) format("opentype")}@font-face{font-family:Noto Sans KR;font-weight:700;src:url(/assets/NotoSansKR-Bold-7deb7d6a.otf) format("opentype")}@font-face{font-family:Noto Sans KR;font-weight:900;src:url(/assets/NotoSansKR-Black-88ea5f1d.otf) format("opentype")}body{margin:0;padding:0;font-family:Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eceef2}#browser{min-width:57rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;transition:background-color 50ms ease-out;height:2.3rem;border:0;padding:0;margin:0;border-radius:1.15rem;font:inherit;color:#000;background:#f0f0f0;outline:none}button:hover{background:#e0e0e0}button:active{background:#d0d0d0}button>span{display:inline-block;height:1.5rem}input[type=text]{padding:0;border:0;background:#f0f0f0;height:2.3rem;border-radius:1.15rem;font-size:.9rem}input[type=text]:focus{outline:none;background:#e7e7e7}.ModalContainer{position:fixed;top:0;left:0;z-index:999}.ModalContainer .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4)}.ModalContainer .modal{position:fixed;top:50%;left:50%;transform:translateY(-50%) translate(-50%);background:#ffffff;border-radius:1rem;padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 0 .8rem #7f7f7f1a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.password.modal{width:22rem}.password.modal .title{display:flex;flex-direction:row;align-items:center;gap:.5rem}.password.modal .title svg{margin-top:.2rem}.password.modal .title span{font-size:1.3rem;font-weight:400;width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.password.modal input{box-sizing:border-box;width:22rem;padding-inline:1rem}.password.modal input::placeholder{color:#aaa}.password.modal .buttons{display:flex;justify-content:space-between;font-size:.9rem}.password.modal button.join{color:#fff;width:7rem;background:#191919}.password.modal button.join:hover{background:#454545}.password.modal button.join:active{background:#363636}.password.modal button.join:disabled{background:#a7a7a7}.password.modal button.abort{width:4.5rem}.share.modal{width:22rem;gap:0}.share.modal .title{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding-bottom:.5rem}.share.modal .title svg{margin-top:.4rem}.share.modal .title span{font-size:1.3rem;font-weight:400;width:20.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.share.modal input[type=text]{box-sizing:border-box;width:22rem;padding-inline:1rem}.share.modal input[type=text]::placeholder{color:#aaa}.share.modal .link{display:flex;flex-direction:row;font-size:.9rem;margin-top:.5rem}.share.modal .link input[type=text]{border-radius:1.15rem 0 0 1.15rem}.share.modal .link button{width:5rem;border-radius:0 1.15rem 1.15rem 0;color:#fff;background:#191919}.share.modal .link button:hover{background:#454545}.share.modal .link button:active{background:#363636}.share.modal .link button:disabled{background:#a7a7a7}.share.modal .copied{display:flex;gap:.2rem;margin-left:.5rem;margin-top:.5rem;color:#49c5b6;font-size:.8rem;line-height:.8rem;height:1rem;overflow:hidden;transition:height ease .15s}.share.modal .copied.hide{height:0}.share.modal .checkbox{display:flex;flex-direction:row;align-items:center;gap:.3rem;border-color:#9b9da8;width:fit-content;margin-left:.5rem;margin-bottom:.5rem;margin-top:.5rem}.share.modal .checkbox:hover{border-color:#000}.share.modal .checkbox svg{pointer-events:none;fill:none;stroke:#fff;stroke-width:.2rem;stroke-linecap:round;stroke-linejoin:round}.share.modal .box{height:.8rem;width:.8rem;border-width:.13rem;border-style:solid;border-color:inherit;border-radius:.2rem;line-height:.8rem;transition:background-color .1s ease-out}.share.modal .box.checked{background:#233d99;border-color:#233d99}.share.modal .password{overflow:hidden;position:relative;transition:height ease .3s}.share.modal .password input[type=text]{height:2.3rem;position:relative}.share.modal .password.checked{height:2.3rem}.share.modal .password.unchecked{height:0}.SidebarContainer{position:fixed;top:0;left:0;z-index:999;transition:opacity .2s ease}.SidebarContainer .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);transition:opacity .2s ease-out}.SidebarContainer .open .overlay{opacity:1}.SidebarContainer .closed .overlay{opacity:0;pointer-events:none}.SidebarContainer .sidebar{position:fixed;top:0;height:100vh;width:35rem;display:flex;flex-direction:column;gap:.5rem}.SidebarContainer .menu.sidebar{background:#dbdce2;transition:left .2s cubic-bezier(.2,.5,.2,1)}.SidebarContainer .menu.sidebar .header-container{display:flex;flex-direction:row;height:4.8rem;align-items:center;padding-inline:1rem;padding-top:.5rem}.SidebarContainer .menu.sidebar .header-container>svg{width:17rem}.SidebarContainer .menu.sidebar .header-container>button{height:3rem;width:3rem;border-radius:.8rem;background:#dbdce2;display:flex;justify-content:center;align-items:center}.SidebarContainer .menu.sidebar .header-container>button:hover{background:#c3c5cd}.SidebarContainer .menu.sidebar .header-container>button:active{background:#b7b9c2}.SidebarContainer .menu.sidebar .header-container>button>svg{width:2rem;height:2rem}.SidebarContainer .menu.sidebar .button-container{display:flex;flex-direction:row;gap:1rem;padding-inline:1.5rem}.SidebarContainer .menu.sidebar .button-container button{flex-grow:1}.SidebarContainer .menu.sidebar .button-container button:first-child{background:#49c5b6;color:#fff}.SidebarContainer .menu.sidebar .button-container button:first-child:hover{background:#46bdaf}.SidebarContainer .menu.sidebar .button-container button:last-child:hover{background:#ececf1}.open .menu.sidebar{left:0}.closed .menu.sidebar{left:-35rem}.UserList{margin-top:.5rem}.UserList .Manage{background:#cecfd8;height:2.8rem;display:flex;flex-direction:row;align-items:center;padding-inline:1.5rem;transition:height .2s ease}.UserList .Manage span{font-size:1.1rem;overflow:hidden;white-space:nowrap;width:26rem;transition:width .2s ease}.UserList .Manage button{height:1.6rem;font-size:.9rem;color:#85858b;background:#dbdce2}.UserList .Manage button.multi{width:6rem;transition:width .2s ease;overflow:hidden;white-space:nowrap}.UserList .Manage button.background{background:#cecfd8;display:flex;justify-content:center;align-items:center}.UserList .Manage button.background:hover{background:#bebfcb}.UserList .Manage button.return{width:0;height:2.3rem;opacity:0}.UserList .Manage button.plus{position:absolute;right:1rem;height:2rem;width:2rem;font-size:1rem;opacity:0;pointer-events:none;margin-right:.15rem;overflow:hidden;justify-self:end;transition:opacity .2s ease,background .2s ease,width .2s ease,height .2s ease,margin-right .2s ease}.UserList .Manage button.plus svg{width:1rem;height:1rem;fill:#686a6e}.UserList .Manage input{position:absolute;right:4rem;width:0;transition:width .2s ease,padding-inline .2s ease;background:#dfe0e7;padding-inline:0;box-sizing:border-box}.UserList .users{overscroll-behavior:contain;height:calc(100vh - 12rem)}.UserList .users .status-tag{padding:1rem 1.5rem .5rem;overflow:hidden;transition:height .2s ease,padding-top .2s ease,padding-bottom .2s ease}.UserList .users .User{height:3.5rem;padding-left:1.5rem;padding-right:1.15rem;font-size:1.2rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;overflow:hidden;transition:background-color .1s ease-out}.UserList .users .User svg.indicator{height:.63rem;width:.63rem;margin-inline:.5rem;opacity:1;transition:opacity .2s ease}.UserList .users .User span{flex-grow:1}.UserList .users .User button.delete{height:2rem;width:2rem;border-radius:1rem;background:none;cursor:default;opacity:0;transition:opacity .1s ease;display:flex;justify-content:center;align-items:center}.UserList .users .User button.delete svg{height:.85rem;width:.85rem}.UserList .users .User.Online{cursor:pointer}.UserList .users .User.Online svg.indicator{fill:#50be73}.UserList .users .User.Online:hover{background:#cecfd8}.UserList .users .User.Online:hover svg.arrow{opacity:1;right:1.5rem}.UserList .users .User.Online svg.arrow{position:absolute;right:3rem;height:1.8rem;width:1.8rem;fill:#9d9ea4;opacity:0;transition:opacity .1s ease-out,right .1s ease-out}.UserList .users .User.Offline{color:#a7a7a7;cursor:default}.UserList .users .User.Offline svg.indicator{fill:#bfbfbf}.UserList .users .padding{height:2rem}.UserList .users .simplebar-scrollbar:before{background:#9d9ea4}.UserList .users .wrap-enter{height:0}.UserList .users .wrap-enter-active{height:3.5rem;transition:height .2s ease}.UserList .users .wrap-exit{height:3.5rem}.UserList .users .wrap-exit-active{height:0;transition:height .2s ease}.UserList.active .Manage span{width:0}.UserList.active .Manage button.return{width:2.3rem}.UserList.active .Manage button.plus{opacity:1;pointer-events:auto}.UserList.active .users .status-tag{height:0;padding-block:0}.UserList.active .users .User{color:#8c8c8c;background:#e5e6ea}.UserList.active .users .User:hover{background:#e5e6ea}.UserList.active .users .User svg.indicator{opacity:0}.UserList.active .users .User button.delete{opacity:1;cursor:pointer}.UserList.active .users .User button.delete:hover{background:#dbdce2}.UserList.active .users .User.Online{cursor:default}.UserList.active .users .User.Online svg.arrow{opacity:0;pointer-events:none}.UserList.add .Manage{height:3.5rem}.UserList.add .Manage button.multi{width:0}.UserList.add .Manage button.plus{width:2.3rem;height:2.3rem;background:#dfe0e7;margin-right:0}.UserList.add .Manage button.return{opacity:1}.UserList.add .Manage input{width:26.8rem;padding-inline:1rem}@keyframes enter{0%{height:0}to{height:3.5rem}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.SidebarContainer .settings.sidebar{background:#49c5b6;transition:right .2s cubic-bezier(.2,.5,.2,1)}.SidebarContainer .settings.sidebar .header-container{display:flex;flex-direction:row;justify-content:space-between;height:4.8rem;align-items:center;padding-inline:1rem;padding-top:.5rem}.SidebarContainer .settings.sidebar .header-container>div{display:flex;align-items:center;margin-left:1rem;gap:.9rem}.SidebarContainer .settings.sidebar .header-container>div>svg{height:2.5rem;width:2.5rem}.SidebarContainer .settings.sidebar .header-container>div>span{font-size:1.7rem;line-height:2.5rem;font-weight:400;color:#fff;padding-bottom:.3rem}.SidebarContainer .settings.sidebar .header-container>button{height:3rem;width:3rem;border-radius:.8rem;background:#49c5b6;display:flex;justify-content:center;align-items:center}.SidebarContainer .settings.sidebar .header-container>button:hover{background:#46bdaf}.SidebarContainer .settings.sidebar .header-container>button:active{background:#3eab9e}.SidebarContainer .settings.sidebar .header-container>button>svg{width:2rem;height:2rem}.SidebarContainer .settings.sidebar .body{display:flex;flex-direction:column}.SidebarContainer .settings.sidebar .body button{background:none;color:#fff;text-align:left;width:100%;height:3.6rem;border-radius:0;padding-inline:2.5rem;font-size:1.2rem}.SidebarContainer .settings.sidebar .body button:hover{background:#46bdaf}.SidebarContainer .settings.sidebar .body button:active{background:#3eab9e}.open .settings.sidebar{right:0}.closed .settings.sidebar{right:-35rem}