.k-back-button{position:absolute;bottom:0;left:0;z-index:3;width:140px;height:50px;pointer-events:none}.k-back-button[data-visible=true] .k-two-layer{pointer-events:auto}.k-two-layer{position:absolute;top:0;left:0;width:100px;height:50px;border:0;background:transparent;color:#fff;cursor:pointer;font:inherit;padding:0;pointer-events:none;transform:skew(-5.710593deg);transform-origin:0 0;transition:width .6s var(--k-classic-ease-out);-webkit-tap-highlight-color:transparent}.k-two-layer.is-hovered{width:140px;transition:width .6s var(--k-ease-out-elastic)}.k-two-layer:focus{outline:0}.k-two-layer:focus-visible .k-two-layer__layer--text{outline:2px solid #fff;outline-offset:-2px}.k-two-layer__layer{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--k-accent-classic);box-shadow:2px 0 2px #0003}.k-two-layer__layer--text{right:0;width:60%}.k-two-layer__layer--icon{left:0;z-index:1;width:40%;transition:background-color .6s var(--k-classic-ease-out)}.k-two-layer.is-hovered .k-two-layer__layer--icon{background-color:#cc5288;transition:background-color .3s var(--k-ease-out-quint)}.k-two-layer__text{font-size:16px;font-weight:500;line-height:1;transform:skew(5.710593deg);white-space:nowrap}.k-two-layer__icon{display:block;width:25px;height:25px;background-color:currentColor;-webkit-mask:url(/karaoke/osu-icons/left-circle.png) center / contain no-repeat;mask:url(/karaoke/osu-icons/left-circle.png) center / contain no-repeat;transform:skew(5.710593deg) scale(1);transition:transform .6s var(--k-classic-ease-out)}.k-two-layer.is-hovered .k-two-layer__icon{transform:skew(5.710593deg) scale(1.1);transition:transform .6s var(--k-ease-out-elastic)}.k-two-layer__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffff7f;pointer-events:none;animation:k-button-flash .5s var(--k-ease-out-quint) forwards}@keyframes k-button-flash{0%{opacity:1}to{opacity:0}}.k-rounded-button{position:relative;display:block;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer;font:inherit;padding:0;filter:brightness(1);transition:filter .2s var(--k-ease-out-quint);-webkit-tap-highlight-color:transparent}.k-rounded-button:disabled{cursor:default;filter:brightness(.5)}.k-rounded-button:focus{outline:0}.k-rounded-button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:5px}.k-rounded-button__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;isolation:isolate;transform:scale(1);transition:transform 1s var(--k-ease-out-elastic)}.k-rounded-button.is-pressed .k-rounded-button__content{transform:scale(.9);transition:transform 4s var(--k-ease-out-quint)}.k-rounded-button__background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--k-rb-colour);transition:background-color .3s var(--k-ease-out-quint)}.k-rounded-button.is-hovered .k-rounded-button__background{background-color:var(--k-rb-lighter)}.k-rounded-button__triangles{position:absolute;top:0;right:0;bottom:0;left:0}.k-rounded-button__triangles canvas{display:block;width:100%;height:100%}.k-rounded-button__hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;animation:k-rounded-button-hover .84s linear forwards}@keyframes k-rounded-button-hover{0%{opacity:0;animation-timing-function:var(--k-ease-out-quint)}4.7619%{opacity:.2;animation-timing-function:var(--k-ease-out-quint)}to{opacity:0}}.k-rounded-button__label{position:relative;z-index:1;max-width:100%;overflow:hidden;font-size:var(--k-rb-text-size, 16px);font-weight:700;line-height:1.2;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.k-rounded-button__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffff7f;mix-blend-mode:plus-lighter;pointer-events:none;animation:k-button-flash .5s var(--k-ease-out-quint) forwards}.k-classic-popover{border-radius:10px;background:var(--l-background-4, #3d4d4d);box-shadow:0 2px 5px #0000004d;color:#fff;padding:20px}@media(prefers-reduced-motion:reduce){.k-two-layer,.k-two-layer__layer--icon,.k-two-layer__icon,.k-rounded-button__content,.k-rounded-button__background{transition-duration:1ms!important}}@property --k-sb-dark{syntax: "<color>"; inherits: true; initial-value: #000;}@property --k-sb-light{syntax: "<color>"; inherits: true; initial-value: #000;}.k-sheared-button{position:relative;display:inline-block;min-width:130px;height:100%;border:0;background:transparent;color:#fff;cursor:pointer;font:inherit;padding:0;transform:skew(-11.309932deg);transition:--k-sb-dark .15s var(--k-ease-out-quint),--k-sb-light .15s var(--k-ease-out-quint);-webkit-tap-highlight-color:transparent}.k-sheared-button:disabled{cursor:default}.k-sheared-button:focus{outline:0}.k-sheared-button:focus-visible .k-sheared-button__content{outline:2px solid #fff;outline-offset:2px}.k-sheared-button__content{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;border-radius:7px;background:linear-gradient(var(--k-sb-dark),var(--k-sb-dark)) padding-box,linear-gradient(to bottom,var(--k-sb-dark),var(--k-sb-light)) border-box;transform:scale(1);transition:transform 1s var(--k-ease-out-elastic)}.k-sheared-button.is-pressed .k-sheared-button__content{transform:scale(.9);transition:transform 2s var(--k-ease-out-quint)}.k-sheared-button__label{font-size:17px;padding:0 15px;transform:skew(11.309932deg);transition:opacity .15s var(--k-ease-out-quint);white-space:nowrap}.k-sheared-button:disabled .k-sheared-button__label{opacity:.6}.k-sheared-button__flash{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#ffffffe5;mix-blend-mode:plus-lighter;pointer-events:none;animation:k-button-flash .8s var(--k-ease-out-quint) forwards}.k-animated-button{position:relative;display:inline-block;width:30px;height:30px;flex:0 0 auto;border:0;background:transparent;color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.k-animated-button:disabled{cursor:default}.k-animated-button:focus{outline:0}.k-animated-button:focus-visible .k-animated-button__content{outline:2px solid #fff;outline-offset:1px}.k-animated-button__content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:10px;box-shadow:0 0 5px #0000000a;filter:brightness(1);transform:scale(1);transition:transform 1s var(--k-ease-out-elastic),filter .2s var(--k-ease-out-quint)}.k-animated-button--gray .k-animated-button__content{background:#444}.k-animated-button:disabled .k-animated-button__content{filter:brightness(.6)}.k-animated-button.is-pressed .k-animated-button__content{transform:scale(.75);transition:transform 2s var(--k-ease-out-quint),filter .2s var(--k-ease-out-quint)}.k-animated-button__hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;mix-blend-mode:plus-lighter;opacity:0;transition:opacity .5s var(--k-ease-out-quint)}@media(hover:hover)and (pointer:fine){.k-animated-button:enabled:hover .k-animated-button__hover{opacity:.1}}.k-animated-button__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;mix-blend-mode:plus-lighter;pointer-events:none;animation:k-animated-button-flash .8s var(--k-ease-out-quint) forwards}@keyframes k-animated-button-flash{0%{opacity:.3}to{opacity:0}}.k-animated-button__icon{position:relative;display:grid;place-items:center}.k-animated-button--icon .k-animated-button__icon svg{width:18px;height:18px}.k-animated-button--gray .k-animated-button__icon svg{width:13px;height:13px}