*{-webkit-tap-highlight-color:transparent;font-smooth:always;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:NanumSquare,NanumBarunGothic,Sans-serif,sans-serif;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{color:#fff;font:20pt NanumSquare,NanumBarunGothic,sans-serif;height:100%;overflow:hidden;width:100%}body{background:radial-gradient(ellipse at center,#212121 0,#212121 100%);position:absolute;-webkit-transition:background 1s linear;transition:background 1s linear}#background{background:0 0;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;-webkit-transition:all .25s;transition:all .25s;width:100vw;z-index:-9999999}#background.black{background:rgba(33,33,33,.3)}a{color:#f46;cursor:pointer}a,a:hover{-webkit-transition:color .25s;transition:color .25s}a:hover{color:#e05}.link{color:#fe0;cursor:pointer;text-decoration:underline}table{border:0;margin:0;padding:0}#top{margin:32px;z-index:300}#status{color:#f5f5f5;font-size:24px;font-weight:800;margin-bottom:8px;text-shadow:#7d7d7d 0 4px 12px;-webkit-transition:all .25s;transition:all .25s}#names{font-size:14px}#names .name{border-radius:99999px;-webkit-box-shadow:0 4px 12px hsla(0,0%,49%,.5);box-shadow:0 4px 12px hsla(0,0%,49%,.5);cursor:pointer;float:left;margin:2px 8px 2px 2px;min-width:50px;padding:8px 12px;position:relative;text-align:center;text-shadow:0 0 1px #000;-webkit-transition:all .25s;transition:all .25s}#names .name:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#names .name:active{-webkit-transform:scale(.9);transform:scale(.9)}#names .name.me:before{content:url(../assets/common-img/check.svg)}#names .name.me:before,#names .name.owner:before{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1);margin-right:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}#names .name.owner:before{content:url(../assets/common-img/crown.svg)}#names .name.black:before{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(0);filter:invert(0)}#names .name.black{color:#000}#names .name.play{-webkit-transform:translateY(-52px);transform:translateY(-52px)}#names .name.muted-notes:after{background:url(../assets/common-img/mute_note.svg);background-size:18px 18px;content:"\A0";float:right;font-size:12px;height:18px;margin-left:4px;width:18px}#names .name.muted-lines:after{background:url(../assets/common-img/mute_line.svg);background-size:18px 18px;content:"\A0";float:right;font-size:12px;height:18px;margin-left:4px;width:18px}#names .name.muted-chat:after{background:url(../assets/common-img/mute_chat.svg);background-size:18px 18px;content:"\A0";float:right;font-size:12px;height:18px;margin-left:4px;width:18px}#piano{left:0;margin-left:3%;overflow:hidden;position:fixed;top:0;width:95%}#piano .key{background:#fff;border:1px solid #000;border-radius:2px;-webkit-box-shadow:1px 2px 5px #000;box-shadow:1px 2px 5px #000;float:left;height:90%;margin-bottom:100%;margin-left:-.5%;overflow:hidden;padding:0;-webkit-transition:background 4s ease-out;transition:background 4s ease-out;width:1.8%}#piano .key.c,#piano .key.f{margin-left:0}#piano .key.sharp{background:#000;height:50%;margin-left:-.9%;position:relative;width:1.2%}#piano .key.loading{background:#888}#piano .key.play{-webkit-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000;-webkit-transform:translateY(1%);transform:translateY(1%)}.ease-out{-webkit-transition:left .1s ease-out;transition:left .1s ease-out}.ease-in{-webkit-transition:left .1s ease-in;transition:left .1s ease-in}.slide-left{left:-100%}.slide-right{left:100%}.cursor{background:url(../assets/common-img/cursor.svg);height:24px;left:200%;margin-left:-5px;margin-top:-5px;pointer-events:none;position:absolute;text-shadow:hsla(0,0%,49%,.5) 0 4px 12px;top:100%;width:24px}.cursor.black{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}.cursor .name{background:#000;border-radius:9999px;-webkit-box-shadow:0 4px 12px hsla(0,0%,49%,.5);box-shadow:0 4px 12px hsla(0,0%,49%,.5);color:#fff;display:inline;font-size:10px;left:16px;padding:4px 8px 4px 4px;pointer-events:none;position:relative;text-shadow:0 0 1px #000;top:10px;-webkit-transition:all .25s;transition:all .25s;white-space:nowrap}.cursor.black .name{color:#000;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}.cursor.owner .name:before{content:url(../assets/common-img/crown.svg);margin-right:4px;vertical-align:middle}.cursor .name{display:inline-block}.cursor .spotlight{border:4px solid #fff;border-radius:100%;display:none;height:32px;left:-14px;position:relative;top:-9px;width:32px}.participant-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:participant-menu-in .25s;animation:participant-menu-in .25s;background:#eee;border-radius:4px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;font-size:12px;margin:0;padding:0;position:fixed;width:150px}@-webkit-keyframes participant-menu-in{0%{opacity:0;-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes participant-menu-in{0%{opacity:0;-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.participant-menu.black{background:#424242}.participant-menu:last-child .menu-item:hover{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.participant-menu .info{color:#212121;cursor:pointer;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');-webkit-filter:blur(4px);filter:blur(4px);font-size:9px;height:40px;line-height:40px;overflow:hidden;text-align:center;-webkit-transition:all .25s;transition:all .25s;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.participant-menu.black .info{color:#f5f5f5}.participant-menu .info:hover{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');-webkit-filter:blur(0);filter:blur(0);-webkit-transition:all .2s;transition:all .2s}.participant-menu .menu-item{color:#212121;cursor:pointer;font-size:12px;margin:0;padding:8px;-webkit-transition:all .25s;transition:all .25s}.participant-menu.black .menu-item{color:#f5f5f5}.participant-menu .menu-item:hover{background:#e0e0e0}.participant-menu.black .menu-item:hover{color:#616161}.participant-menu .menu-item img{-webkit-transition:all .25s;transition:all .25s;vertical-align:middle}.participant-menu.black .menu-item img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}.participant-menu.black .menu-item:hover img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(0);filter:invert(0)}#crown{background:url(../assets/common-img/crown.svg) no-repeat;cursor:pointer;font-size:16px;height:16px;position:absolute;width:16px}#crown span{margin-left:16px;margin-top:2px}#crownsolo-notice{display:none;font-size:20px;opacity:.5;pointer-events:none;position:fixed;text-align:center;top:20%;width:100%}#room,#room *{cursor:pointer}#room{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:18px;height:18px;margin-bottom:8px;padding:4px;width:auto}#room .info{color:#f5f5f5;overflow:hidden;text-shadow:hsla(0,0%,49%,.5) 0 2px 4px;-webkit-transition:all .25s;transition:all .25s;white-space:nowrap}#room .info:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#room .info.lobby,#room.black .info{color:#f5f5f5}#room .info.crownsolo:after{content:url(../assets/common-img/crownsolo.png);margin-left:4px;position:relative;top:2px}#room .info.no-chat:after{content:url(../assets/common-img/no-chat.png);margin-left:4px;position:relative;top:2px}#room .expand{background:url(../assets/common-img/extend.svg);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1);height:18px;text-shadow:hsla(0,0%,49%,.5) 0 2px 4px;-webkit-transition:all .25s;transition:all .25s;vertical-align:middle;width:18px}#room .more{background:#f5f5f5;border-radius:4px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);display:none;height:20vh;left:8px;max-height:600px;overflow:hidden;overflow-y:scroll;width:auto;z-index:10000}#room.black .more{background:#212121;color:#f5f5f5}#room .more::-webkit-scrollbar{background:0 0;margin:2px;width:4px}#room .more::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:9999px}#room .more::-webkit-scrollbar-track{background:0 0}#room .more>div{margin:0;padding:8px;width:100%}#room .more .info{color:#212121;font-size:14px;text-shadow:transparent}#room.black .more .info{color:#f5f5f5}#room .more .info:hover{background:hsla(0,0%,49%,.2);-webkit-transform:scale(1);transform:scale(1)}#room .more .new{color:#212121;font-size:14px;text-shadow:transparent}#room.black .more .new{color:#f5f5f5}#room .more .new:hover{background:hsla(0,0%,49%,.2)}#menu{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-animation:menu-in .25s ease-out;animation:menu-in .25s ease-out;background:#eee;border-radius:4px;bottom:72px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column-reverse;flex-flow:column-reverse;margin:16px;max-height:calc(80vh - 88px);overflow-y:scroll;position:fixed;right:0}#menu.black{background:#424242}#menu::-webkit-scrollbar{background:0 0;margin:2px;width:4px}#menu::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:9999px}#menu::-webkit-scrollbar-track{background:0 0}#menu.out{-webkit-animation:menu-out .25s ease-in;animation:menu-out .25s ease-in}@-webkit-keyframes menu-in{0%{opacity:0;-webkit-transform:translateY(32px);transform:translateY(32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;-webkit-transform:translateY(32px);transform:translateY(32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes menu-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(32px);transform:translateY(32px)}}@keyframes menu-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(32px);transform:translateY(32px)}}#menu .item{color:#212121;cursor:pointer;font-size:16px;margin:0;padding:16px;-webkit-transition:all .25s;transition:all .25s}#menu.black .item{color:#f5f5f5}#menu .item:hover{background:#e0e0e0}#menu.black .item:hover{color:#616161}#menu .item img{-webkit-transition:all .25s;transition:all .25s;vertical-align:middle}#menu.black .item img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}#menu.black .item:hover img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(0);filter:invert(0)}#fab{background:#607d8b;border-radius:99999px;bottom:16px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);cursor:pointer;height:56px;position:fixed;right:16px;-webkit-transition:all .25s;transition:all .25s;width:56px}#fab:hover{background:#90a4ae}#fab img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1);height:24px;margin:16px;width:24px}#volume{float:right;padding:0;vertical-align:middle}#volume,.volume-slider{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.volume-slider{margin-left:16px;width:96px}#room-settings-btn{display:none}#tooltip{background:#000;color:#fff;font-size:10px;pointer-events:none;position:absolute}.knob{cursor:pointer}.switched-on{background:#ff8}#banner{display:none;font-size:18px;height:60px;position:absolute;right:0;top:0;width:468px}#banner a{color:#fd0}#quota{background:#f80;bottom:0;height:3px;left:0;position:fixed;width:100%}#quota .value{background:#fd0;display:block;height:100%;width:100%}.relative{height:100%;position:relative;width:100%}.notification{-webkit-animation:notifiaction-in .25s ease-out;animation:notifiaction-in .25s ease-out;border-color:#eee;max-height:70%;position:absolute}.notification.black{border-color:#424242}@-webkit-keyframes notifiaction-in{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes notifiaction-in{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.notification-body{background:#eee;border-radius:4px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);color:#212121;font-size:14px;left:0;padding:16px;position:relative;top:0}.notification-body.black{background:#424242;color:#f5f5f5}.notification-body .text{max-height:70vh;overflow-y:scroll}.notification-body .text::-webkit-scrollbar{background:0 0;margin:2px;width:4px}.notification-body .text::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:9999px}.notification-body .text::-webkit-scrollbar-track{background:0 0}.title{font-size:18px;font-weight:700;height:24px;line-height:24px;margin-bottom:8px}.notification .x{cursor:pointer;float:right;height:24px;-webkit-transition:all .25s;transition:all .25s;width:24px}.notification.black .x{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}.notification .x:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.notification.short .title{display:none}.notification h1{font-size:16px;font-weight:700;margin:8px}.notification .connection{background:0 0;margin:8px;padding:8px;-webkit-transition:all .25s;transition:all .25s}.notification .connection:hover{background:hsla(0,0%,49%,.2)}.notification .connection:after{background:url(../assets/common-img/close_red.svg);background-size:18px 18px;content:"\A0";float:right;font-size:12px;height:18px;width:18px}.notification .connection.enabled:after{background:url(../assets/common-img/check_green.svg);background-size:18px 18px;content:"\A0";float:right;font-size:12px;height:18px;width:18px}.notification .csetting{margin:8px;padding:8px;-webkit-transition:all .25s;transition:all .25s}.notification .csetting:hover{background:hsla(0,0%,49%,.2)}.notification .csetting:after{background:#673ab7;border-radius:4px;color:#f5f5f5;content:"USE";float:right;font-weight:900;height:18px;line-height:18px;text-align:center;-webkit-transition:all .25s;transition:all .25s;width:36px}.notification.black .csetting:after{color:#212121}.notification ul{list-style-type:upper-roman}.notification .pack{background:0 0;cursor:pointer;margin:0;padding:8px;-webkit-transition:all .25s;transition:all .25s}.notification .pack:hover{background:hsla(0,0%,49%,.2)}.notification .pack.enabled{background:#4caf50;cursor:not-allowed}#modal{display:none;position:fixed}#modal,#modal .bg{height:100%;left:0;top:0;width:100%}#modal .bg{-webkit-animation:blur-in .5s;animation:blur-in .5s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,49%,.1);position:absolute;-webkit-transition:all .25s;transition:all .25s}@-webkit-keyframes blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}#modal,#modal *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.dialog{-webkit-animation:dialog-in .25s ease-out;animation:dialog-in .25s ease-out;background:#eee;border-radius:4px;-webkit-box-shadow:0 2px 4px hsla(0,0%,49%,.5);box-shadow:0 2px 4px hsla(0,0%,49%,.5);color:#212121;left:50%;max-width:80vw;overflow:hidden;padding:16px;position:fixed;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:400px}.dialog.black{background:#424242;color:#f5f5f5}@-webkit-keyframes dialog-in{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dialog p{font-size:16px;margin:10px}.dialog input.text{background:#e0e0e0;border:none;border-bottom:2px solid #616161;border-radius:4px 4px 2px 2px;color:#212121;font-family:NanumBarunGothic,sans-serif;font-size:20px;height:20px;outline:0;padding:8px;-webkit-transition:all .25s;transition:all .25s;width:75%}.dialog.black input.text{background:#616161;color:#f5f5f5}.dialog input.text:hover{border-bottom:2px solid rgba(33,150,243,.5);margin:0}.dialog input.text:focus{border-bottom:2px solid #2196f3;margin:0}.dialog input.checkbox{margin:0 5px}.dialog .submit{background:0 0;border:transparent;border-radius:4px;color:#607d8b;float:right;font-size:18px;font-weight:700;margin-top:16px;padding:8px 16px;-webkit-transition:all .25s;transition:all .25s}.dialog .submit:hover{background:hsla(0,0%,49%,.2)}#room-settings{height:240px;margin-top:-120px}#chat{-webkit-box-orient:vertical;-webkit-box-direction:normal;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;font-family:NanumBarunGothic,sans-serif;font-size:12px;font-weight:300;left:0;max-height:50vh;position:fixed;-webkit-transition:all .5s;transition:all .5s;vertical-align:bottom;width:35vw}@media only screen and (max-device-width:640px){#chat{width:calc(100% - 80px)}}#drop-crown{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#chat,#chat *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#chat ul{list-style:none;overflow-y:hidden;padding:16px 0 0;-webkit-transition:all .5s;transition:all .5s}#chat li{-webkit-animation:chat-in .5s;animation:chat-in .5s;background-color:#eee;border-radius:14px;-webkit-box-shadow:0 4px 12px hsla(0,0%,49%,.5);box-shadow:0 4px 12px hsla(0,0%,49%,.5);margin:0 16px 4px;opacity:0;padding:8px;text-align:left;-webkit-transition:all .25s;transition:all .25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#chat.black li{background-color:#424242}@-webkit-keyframes chat-in{0%{opacity:0;-webkit-transform:translateX(-100px) scale(0);transform:translateX(-100px) scale(0)}to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes chat-in{0%{opacity:0;-webkit-transform:translateX(-100px) scale(0);transform:translateX(-100px) scale(0)}to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}#chat li .name{font-weight:900;margin-right:4px;text-shadow:hsla(0,0%,49%,.5) 0 0 4px}#chat li .message{color:#212121;font-family:NanumBarunGothic,sans-serif;font-weight:300;margin-right:6px}#chat.black li .message{color:#f5f5f5}#chat li .quote{color:#789922}#chat .input{background-color:#eee;border:transparent;border-radius:99999px;-webkit-box-shadow:0 4px 12px hsla(0,0%,49%,.5);box-shadow:0 4px 12px hsla(0,0%,49%,.5);margin:0 16px 16px;outline:0;padding:8px;text-align:left;-webkit-transition:all .25s;transition:all .25s;width:calc(35vw - 52px)}#chat.black .input{background-color:#424242;color:#f5f5f5}@media only screen and (max-device-width:640px){#chat .input{width:calc(100% - 48px)}}#chat .input #send{cursor:pointer;float:right;height:18px;-webkit-transition:all .25s;transition:all .25s;vertical-align:middle;width:18px}#chat.black .input #send{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:invert(1);filter:invert(1)}#chat .input #send:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#chat .input #send:active{-webkit-transform:scale(.9);transform:scale(.9)}#chat .input input{background:0 0;border:transparent;color:#212121;font-family:NanumBarunGothic,sans-serif;font-weight:300;height:18px;margin:0;outline:0;padding:0;vertical-align:middle;width:calc(35vw - 76px)}#chat.black .input input{color:#f5f5f5}@media only screen and (max-device-width:640px){#chat .input input{width:calc(100% - 24px)}}#chat .input input::-webkit-input-placeholder{color:#ccc}#chat .input input:-moz-placeholder{color:#ccc}#chat.chatting{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,49%,.3);height:50vh}#chat.chatting li{display:list-item!important;opacity:1!important}#chat.chatting ul{-webkit-overflow-scrolling:touch;word-wrap:break-word;height:calc(50vh - 62px);overflow-x:hidden;overflow-y:scroll}#chat.chatting ul::-webkit-scrollbar{background:0 0;margin:2px;width:4px}#chat.chatting ul::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:9999px}#chat.chatting ul::-webkit-scrollbar-track{background:0 0}#crownsolo-notice{z-index:1}#cursors{z-index:9999999999}#chat{z-index:100}#social{z-index:200}#names{z-index:300}#piano{z-index:400}#piano .key{z-index:401}#piano .key.sharp{z-index:402}#menu{z-index:500}#crown{z-index:600}.notification{z-index:700}#cursors .cursor{z-index:800}#chat.chatting{z-index:900}.participant-menu{z-index:1000}#modal{z-index:10000}#tooltip{z-index:20000}.clear{clear:both}.spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.leftColumn{width:calc(100% - 200px)}#github{cursor:pointer;height:32px;position:fixed;right:16px;top:16px;-webkit-transition:all .25s;transition:all .25s;width:32px;z-index:900000000}#github:active,#github:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}