{"version":3,"sources":["../src/normalize.css","../src/variables.css","../src/components/app.css","../src/components/header.css","../src/components/footer.css","../src/components/content.css","../src/components/home.css","../src/components/editor.css","../src/components/synchronizer.css","../src/components/asidepanel.css","../src/components/audio.css","../src/components/loadaudio.css","../node_modules/toggle-switch-css/src/toggle-switch.css","../src/components/preferences.css","../src/components/gist.css","../src/components/toast.css","../src/animation.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/* stylelint-disable */\n/* Document\n   ========================================================================== */\n\n/**\n * Use a better box model (opinionated).\n */\n\n* {\n    box-sizing: inherit;\n}\n\n/**\n * Use a more readable tab size (opinionated).\n */\n\n:root {\n    tab-size: 4;\n}\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n    line-height: 1.15; /* 1 */\n    text-size-adjust: 100%; /* 2 */\n}\n\n* {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n    margin: 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Add the correct height in Firefox.\n */\n\nhr {\n    height: 0;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n    font-family: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    line-height: 1.15; /* 1 */\n    margin: 0; /* 2 */\n}\n\n/**\n * Remove the inheritance of text transform in Edge and Firefox.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n    /* 1 */\n    text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n    -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n}\n\nprogress {\n    vertical-align: baseline;\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n}\n",":root {\n    --white: #eeeeee;\n    --black: #111111;\n\n    /* theme color */\n    --theme-rgb: 245, 142, 168;\n    --theme-color: rgb(var(--theme-rgb));\n    --theme-contrast-color: var(--black);\n\n    /* text color */\n    --font-color: var(--black);\n    --background-color: #f1f3f4;\n\n    /* semi color */\n    --semi-black-color: #202020cc;\n    --semi-white-color: #e0e0e0cc;\n\n    /* border */\n    --border-radius: 8px;\n\n    /* shadow */\n    --text-shadow: 0 0 2px var(--black);\n    --drop-shadow: drop-shadow(0 0 4px currentColor);\n\n    /* duration */\n    --transition-duration: 250ms;\n    --animation-duration: 250ms;\n    --animation-durationx2: 500ms;\n\n    /* animation */\n    --animation-out-back: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n}\n\n@media (prefers-color-scheme: dark) {\n    :root {\n        --font-color: var(--white);\n        --background-color: var(--black);\n    }\n}\n\n[data-theme=\"light\"] {\n    --font-color: var(--black);\n    --background-color: #f1f3f4;\n}\n\n[data-theme=\"dark\"] {\n    --font-color: var(--white);\n    --background-color: var(--black);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    :root {\n        --transition-duration: 10ms;\n        --animation-duration: 100ms;\n        --animation-durationx2: 100ms;\n    }\n}\n","@font-face {\n    font-family: \"Akari Fallback UI\";\n    src: local(\"Segoe UI\"), local(\"Roboto\"), local(\"Oxygen\"), local(\"Ubuntu\"), local(\"Cantarell\"), local(\"Open Sans\"),\n        local(\"Helvetica Neue\"), local(\"Helvetica\");\n}\n\n:root {\n    color: var(--font-color);\n    font-family: -apple-system, BlinkMacSystemFont, system-ui, \"Akari Fallback UI\", sans-serif, \"Apple Color Emoji\",\n        \"Segoe UI Emoji\";\n    background-color: var(--background-color);\n    font-feature-settings: \"kern\" 1;\n    font-kerning: normal;\n    caret-color: var(--theme-color);\n    overscroll-behavior-y: contain;\n}\n\n:root,\ntextarea,\ninput {\n    font-variant-numeric: tabular-nums;\n}\n\n[lang]:lang(zh) {\n    font-family: -apple-system, BlinkMacSystemFont, system-ui, \"Akari Fallback UI\", \"PingFang SC\", \"Microsoft YaHei UI\",\n        \"Microsoft YaHei\", \"Source Han Sans SC\", \"Noto Sans CJK SC\", \"WenQuanYi Micro Hei\", sans-serif,\n        \"Apple Color Emoji\", \"Segoe UI Emoji\";\n}\n\n[lang]:lang(zh-HK) {\n    font-family: -apple-system, BlinkMacSystemFont, system-ui, \"Akari Fallback UI\", \"PingFang HK\",\n        \"Microsoft JhengHei UI\", \"Microsoft JhengHei\", \"Source Han Sans HK\", \"Noto Sans CJK TC\", sans-serif,\n        \"Apple Color Emoji\", \"Segoe UI Emoji\";\n}\n\n[lang]:lang(zh-TW) {\n    font-family: -apple-system, BlinkMacSystemFont, system-ui, \"Akari Fallback UI\", \"PingFang TC\",\n        \"Microsoft JhengHei UI\", \"Microsoft JhengHei\", \"Source Han Sans TW\", \"Noto Sans CJK TC\", sans-serif,\n        \"Apple Color Emoji\", \"Segoe UI Emoji\";\n}\n\n[lang]:lang(ja) {\n    font-family: -apple-system, BlinkMacSystemFont, system-ui, \"Akari Fallback UI\", \"Hiragino Kaku Gothic Pro\",\n        \"Yu Gothic UI\", \"Yu Gothic\", \"Meiryo UI\", Meiryo, \"Source Han Sans JP\", \"Noto Sans CJK JP\", sans-serif,\n        \"Apple Color Emoji\", \"Segoe UI Emoji\";\n}\n\nselect,\ninput,\ntextarea {\n    color: inherit;\n}\n\nsvg {\n    fill: currentColor;\n}\n\n::selection {\n    color: var(--theme-contrast-color);\n    background-color: var(--theme-color);\n}\n\n@supports (-ms-ime-align: auto) and (not (position: sticky)) {\n    /* In Edge 15 is not possible to use css variables in pseudo elements */\n    ::selection {\n        color: unset;\n        background-color: unset;\n    }\n}\n\n:focus {\n    outline: none;\n}\n\na {\n    color: currentColor;\n    text-decoration: none;\n}\n\na,\nbutton,\n[type=\"submit\"] {\n    padding: 0 8px;\n    background: 0;\n    border: 0;\n    cursor: default;\n    appearance: none;\n    user-select: none;\n}\n\nul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.link {\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n.link:hover {\n    text-decoration-color: var(--theme-color);\n}\n\n.link:hover::after {\n    position: absolute;\n    margin-left: 4px;\n    content: \"\\1F517\";\n}\n\na > * {\n    pointer-events: none;\n}\n\n.button {\n    padding: 8px;\n    color: var(--black);\n    background-color: white;\n    border-radius: var(--border-radius);\n    opacity: 0.8;\n}\n\n.button:hover {\n    opacity: 1;\n}\n\n.glow {\n    transition: text-shadow var(--transition-duration) ease;\n}\n\n.glow:hover {\n    text-shadow: 0 0 4px currentColor;\n}\n\n.glow > svg {\n    transition: filter var(--transition-duration) ease;\n}\n\n.glow:hover > svg {\n    filter: var(--drop-shadow);\n}\n\n.ripple {\n    position: relative;\n    overflow: hidden;\n    transform: translate3d(0, 0, 0);\n}\n\n.ripple::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-image: radial-gradient(circle, #000000 10%, transparent 10%);\n    background-repeat: no-repeat;\n    background-position: 50%;\n    transform: scale3d(10, 10, 1);\n    opacity: 0;\n    transition: transform 0.5s, opacity 1s;\n    content: \"\";\n    pointer-events: none;\n}\n\n.ripple:active::after {\n    transform: scale3d(0, 0, 1);\n    opacity: 0.2;\n    transition: 0s;\n}\n\n.select-all {\n    user-select: all;\n}\n\n.page-loading::before {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--background-color);\n    opacity: 0.5;\n    content: \"\";\n}\n\n.akari-odango-loading {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 50vmin;\n    height: 50vmin;\n    margin: auto;\n    text-align: center;\n}\n\n.start-loading {\n    animation: akari-loading 2s linear infinite;\n}\n\n@keyframes akari-loading {\n    from {\n        transform: rotate(0deg) translateX(-2vmin) rotate(0deg);\n    }\n\n    to {\n        transform: rotate(360deg) translateX(-2vmin) rotate(-360deg);\n    }\n}\n\n.akari-not-found {\n    flex: 1 1 auto;\n    align-self: center;\n    max-width: 100vw;\n    max-height: 80vh;\n    margin-top: auto;\n    opacity: 0.2;\n    filter: var(--drop-shadow);\n}\n",".app-header {\n    position: fixed;\n    top: 0;\n    z-index: 233;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 60px;\n    padding: 0 8px;\n    padding-right: env(safe-area-inset-right);\n    padding-left: env(safe-area-inset-left);\n    color: var(--theme-color);\n    background-color: var(--semi-black-color);\n    box-shadow: 0 1px 1px var(--theme-color);\n    animation: slide-in-down var(--animation-duration) ease-in-out forwards;\n    user-select: none;\n}\n\n@media (max-width: 768px) {\n    .app-header {\n        padding: 0 4px;\n    }\n}\n\n.app-title {\n    font-weight: 500;\n    font-size: 1.5rem;\n}\n\n.app-title-text {\n    display: none;\n    margin-left: 1rem;\n}\n\n.app-title-svg {\n    display: inline-flex;\n}\n\n@media (min-width: 768px) {\n    .app-title-text {\n        display: inline-flex;\n    }\n\n    .app-title-svg {\n        display: none;\n    }\n}\n\n.app-header a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 60px;\n    min-height: 60px;\n    padding: 0;\n    color: white;\n    transition: color var(--transition-duration) ease-in-out;\n    user-select: none;\n}\n\n.app-tab {\n    position: relative;\n    transform: translateY(-100%);\n    animation-name: slide-in-down;\n    animation-duration: var(--animation-durationx2);\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n}\n\n.app-tab:nth-child(1) {\n    animation-delay: 100ms;\n}\n\n.app-tab:nth-child(2) {\n    animation-delay: 200ms;\n}\n\n.app-tab:nth-child(3) {\n    animation-delay: 300ms;\n}\n\n.app-tab:nth-child(4) {\n    animation-delay: 400ms;\n}\n\n.app-nav:hover .app-tab {\n    color: white;\n}\n\n.app-nav .app-tab:hover {\n    color: currentColor;\n}\n\n.app-nav > a:target {\n    color: currentColor;\n}\n\n.app-tab::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    width: 100%;\n    height: 100%;\n    background-color: var(--theme-contrast-color);\n    transform: scaleY(0);\n    transform-origin: center 0;\n    transition: transform var(--transition-duration) ease-in-out;\n    content: \"\";\n}\n\n.app-tab:target::before,\n.app-tab:hover::before {\n    transform: scaleY(1);\n}\n\n:hover > .app-tab:target::before {\n    transform: scaleY(0);\n}\n\n.app-tab:hover:target::before {\n    transform: scaleY(1);\n}\n\n.app-title-svg > svg,\n.app-tab > svg {\n    width: 30px;\n    height: 30px;\n    margin: 0;\n}\n",".app-footer {\n    position: fixed;\n    bottom: 0;\n    z-index: 233;\n    width: 100%;\n    animation: slide-in-up var(--animation-duration) ease forwards;\n}\n","html {\n    box-sizing: content-box;\n    min-height: 100vh;\n    min-height: -webkit-fill-available;\n    padding-bottom: env(safe-area-inset-bottom);\n}\n\nbody {\n    box-sizing: border-box;\n}\n\nhtml,\nbody,\n.app-container,\n.app-main {\n    display: flex;\n    flex-direction: column;\n}\n\nbody,\n.app-container,\n.app-main {\n    flex: 1 0 auto;\n}\n\nbody,\n.app-container {\n    display: contents;\n    contain: size;\n}\n\n@media not all and (min-resolution: 0.001dpcm) {\n    @supports not ((-webkit-appearance: none) and (stroke-color: transparent)) {\n        /* iOS Safari 10 and 11, and Safari 11 renders display:contents as display:inline. @supports will also report as true. */\n        body,\n        .app-container {\n            display: flex;\n        }\n    }\n}\n\n.app-main {\n    width: 80%;\n    margin: auto;\n    padding-top: 60px;\n    padding-bottom: 32px;\n}\n\n@media (max-width: 1280px) {\n    .app-main {\n        width: 1024px;\n        max-width: 100%;\n    }\n}\n\n@media (max-width: 1024px) {\n    .app-main {\n        width: 100%;\n        padding-right: env(safe-area-inset-right);\n        padding-left: env(safe-area-inset-left);\n    }\n}\n",".home {\n    position: fixed;\n    top: 60px;\n    right: 0;\n    bottom: 32px;\n    left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-top: env(safe-area-inset-top);\n    margin-bottom: env(safe-area-inset-bottom);\n    margin-left: env(safe-area-inset-left);\n    user-select: none;\n}\n\n.home-tip {\n    max-width: 45%;\n    margin: 16px;\n    padding: 16px;\n    color: var(--white);\n    background-color: var(--semi-black-color);\n    border-radius: var(--border-radius);\n}\n\n.home-tip-top-left {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.home-tip-top-right {\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n\n.home-tip-bottom-left {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n}\n\n.home-tip-bottom-right {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n}\n\n.home-tip::after {\n    position: absolute;\n    left: 50%;\n    margin-left: -8px;\n    border-style: solid;\n    border-width: 8px;\n    content: \"\";\n}\n\n.home-tip-top-left::after,\n.home-tip-bottom-left::after {\n    left: 32px;\n}\n\n.home-tip-top-left::after,\n.home-tip-top-right::after {\n    bottom: 100%;\n    border-color: transparent transparent var(--semi-black-color) transparent;\n}\n\n.home-tip-bottom-left::after,\n.home-tip-bottom-right::after {\n    top: 100%;\n    border-color: var(--semi-black-color) transparent transparent transparent;\n}\n\n.home-tip-section {\n    font-size: 1.2rem;\n    line-height: 1.5;\n}\n\n.home-tip-item {\n    margin: 8px;\n    padding: 0;\n    cursor: default;\n}\n\n.home-tip-item > svg {\n    margin-right: 8px;\n}\n\n.home-tip-text,\n.home-tip-item > svg {\n    vertical-align: middle;\n}\n",".app-editor {\n    position: relative;\n    display: flex;\n    flex: 1 0 auto;\n    flex-direction: column;\n    margin: 16px;\n    padding: 8px;\n    font-size: 1.2rem;\n    background-color: transparent;\n    border: 1px solid var(--theme-color);\n    border-radius: var(--border-radius);\n    transition: box-shadow var(--transition-duration) ease-in-out;\n}\n\n.app-editor:hover,\n.app-editor:focus-within {\n    box-shadow: 0 0 10px var(--theme-color);\n}\n\n@media (max-width: 768px) {\n    .app-editor {\n        margin: 0;\n        border: 0;\n        border-radius: 0;\n    }\n\n    .app-editor:hover,\n    .app-editor:focus-within {\n        box-shadow: none;\n    }\n}\n\n.app-editor-infobox {\n    display: none;\n}\n\n@supports (display: grid) {\n    .app-editor-infobox {\n        grid-template-rows: 1fr 1fr 1fr;\n        grid-template-columns: auto 1fr auto;\n    }\n\n    [open] > .app-editor-infobox {\n        display: grid;\n    }\n}\n\n@supports not (display: grid) {\n    .app-editor-infobox {\n        flex-wrap: wrap;\n    }\n\n    [open] > .app-editor-infobox {\n        display: flex;\n    }\n\n    .app-editor-infobox > input {\n        flex: 1 1 calc(100% - 38px);\n    }\n\n    .app-editor-infobox > label:nth-child(3n + 1) {\n        flex: 0 0 30px;\n    }\n\n    .app-editor-infobox > label:nth-child(3n + 3) {\n        flex: 0 0 8px;\n        text-align: right;\n    }\n}\n\n.app-textarea {\n    flex: 1 0 auto;\n    border: none;\n    overscroll-behavior-y: contain;\n}\n\n.app-editor input,\n.app-editor textarea {\n    padding: 0;\n    background-color: transparent;\n    border: none;\n    resize: none;\n}\n\n.app-editor > details {\n    padding-bottom: 4px;\n    opacity: 0.6;\n}\n\n.app-editor summary {\n    user-select: none;\n}\n\n.editor-tools {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n    padding: 8px;\n}\n\n.editor-tools-item {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 8px;\n    color: var(--font-color);\n    border-radius: 50%;\n}\n\n.editor-tools-item:active {\n    color: currentColor;\n}\n\n.editor-tools-item > svg {\n    width: 24px;\n    height: 24px;\n    color: currentColor;\n}\n\n.editor-tools-item:hover > svg {\n    filter: drop-shadow(0 0 2px var(--theme-color));\n}\n",".lyric-list {\n    position: relative;\n    width: 100%;\n    line-height: 1.4;\n    user-select: none;\n}\n\n.lyric-list.on-screen-button {\n    margin-bottom: 40px;\n}\n\n.space-button {\n    position: fixed;\n    bottom: 32px;\n    left: 0;\n    width: 100%;\n    height: 40px;\n    margin-bottom: env(safe-area-inset-bottom);\n    color: var(--white);\n    background-color: var(--semi-black-color);\n    border-bottom: 1px dashed var(--theme-color);\n}\n\n.space-button:active {\n    border-bottom-style: solid;\n}\n\n.line {\n    align-items: baseline;\n    padding: 8px 0 8px 8rem;\n    font-size: 1.2rem;\n    white-space: pre-wrap;\n    border-top: solid 2px transparent;\n    border-bottom: solid 2px transparent;\n}\n\n.line::after {\n    display: inline-block;\n    content: \"\";\n}\n\n.line:nth-child(even) {\n    background-color: #00000022;\n}\n\n.line:nth-child(odd) {\n    background-color: #ffffff22;\n}\n\n.line > .line-time,\n.line > .line-text {\n    pointer-events: none;\n}\n\n.select {\n    border-color: var(--theme-color);\n}\n\n.curser {\n    position: absolute;\n    left: 0;\n    contain: content;\n}\n\n.curser::after {\n    content: \"\\27A4\";\n}\n\n.line.highlight {\n    color: var(--theme-contrast-color);\n    background-color: var(--theme-color);\n}\n\n.error::before {\n    position: absolute;\n    left: -2rem;\n    content: \"\\26A0\\FE0F\";\n}\n\n@media (max-width: 1080px) {\n    .error::before {\n        left: 6rem;\n    }\n\n    .select.error::before {\n        visibility: hidden;\n    }\n}\n\n@media (max-width: 768px) {\n    .line {\n        padding-left: 6rem;\n        font-size: 1rem;\n        border-width: 1px;\n    }\n\n    .error::before {\n        left: 4rem;\n    }\n}\n",".aside-panel {\n    position: fixed;\n    right: 0;\n    bottom: 64px;\n    margin-bottom: env(safe-area-inset-bottom);\n    background-color: var(--semi-black-color);\n    border-radius: 8px 0 0 8px;\n    transform: translateX(100%);\n    animation: slide-in-right var(--animation-duration) ease 1s forwards;\n}\n\n.on-screen-button + .aside-panel {\n    bottom: 100px;\n}\n\n.aside-button {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    width: 50px;\n    height: 50px;\n    margin: 0;\n    padding: 0;\n    padding-right: env(safe-area-inset-right);\n    color: var(--white);\n    line-height: 1;\n}\n\n.aside-button > svg {\n    width: 30px;\n    height: 30px;\n    margin: auto;\n    fill: currentColor;\n}\n\n.aside-button:hover > svg {\n    filter: drop-shadow(0 0 4px var(--theme-color));\n}\n\n.syncmode-button {\n    border-bottom: 1px solid var(--white);\n    border-top-left-radius: 8px;\n}\n\n.syncmode-button.highlight {\n    color: var(--theme-contrast-color);\n    background-color: var(--theme-color);\n}\n\n.syncmode-button.highlight .lock-open {\n    visibility: hidden;\n}\n\n.syncmode-button.select .lock-close {\n    visibility: hidden;\n}\n","audio {\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    height: 32px;\n    margin-bottom: env(safe-area-inset-bottom);\n    background-color: var(--semi-black-color);\n}\n\naudio::-webkit-media-controls-enclosure {\n    border-radius: 0;\n}\n\n[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n.lrc-audio {\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    padding-right: env(safe-area-inset-right);\n    padding-bottom: env(safe-area-inset-bottom);\n    padding-left: env(safe-area-inset-left);\n    color: var(--white);\n    font-size: 14px;\n    background-color: var(--semi-black-color);\n    user-select: none;\n}\n\n.lrc-audio > button,\n.lrc-audio > span {\n    flex: 0 0 auto;\n}\n\n.slider {\n    --slider-height: 32px;\n\n    position: relative;\n    height: var(--slider-height);\n    margin: 0 5px;\n}\n\n.slider > progress,\n.slider > input {\n    position: absolute;\n    right: 0;\n    left: 0;\n    width: 100%;\n}\n\n@media (max-width: 768px) {\n    .timeline-slider {\n        --slider-height: 4px;\n\n        position: absolute;\n        bottom: 100%;\n        width: 100%;\n        margin: 0;\n    }\n}\n\n.lrc-audio > button {\n    height: 32px;\n    color: #eeeeee;\n}\n\naudio + .lrc-audio > .loadaudio-button > svg {\n    animation: drop-shadow-flash 1s ease-in-out infinite;\n}\n\naudio[src] + .lrc-audio > .loadaudio-button > svg {\n    animation: none;\n}\n\n@keyframes drop-shadow-flash {\n    0% {\n        filter: 0;\n    }\n\n    50% {\n        filter: var(--drop-shadow);\n    }\n}\n\n.lrc-audio section {\n    margin: 0 5px;\n}\n\n.timeline-slider {\n    flex: 4 0 auto;\n}\n\n.playbackrate-slider {\n    flex: 1 1 auto;\n    max-width: 150px;\n}\n\ninput[type=\"range\"] {\n    --thumb-size: 16px;\n\n    height: var(--slider-height);\n    margin: 0;\n    padding: 0;\n    color: var(--theme-color);\n    background-color: transparent;\n    appearance: none;\n}\n\ninput[type=\"range\"]:focus {\n    outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n    height: var(--slider-height);\n    background-color: transparent;\n    border: 0;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n    height: var(--slider-height);\n    background-color: transparent;\n    border: 0;\n}\n\ninput[type=\"range\"]::-ms-track {\n    top: -6px;\n    color: transparent;\n    background-color: transparent;\n    border-color: transparent;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    z-index: 10;\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    margin-top: calc((var(--slider-height) - var(--thumb-size)) / 2);\n    background-color: currentColor;\n    border: 0;\n    border-radius: 50%;\n    box-shadow: 0 0 4px 1px var(--black);\n    filter: brightness(120%);\n    transition: box-shadow var(--transition-duration) ease-in-out;\n    -webkit-appearance: none;\n}\n\ninput[type=\"range\"]:hover::-webkit-slider-thumb {\n    box-shadow: 0 0 4px 1px var(--white);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n    z-index: 10;\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    margin-top: calc((var(--slider-height) - var(--thumb-size)) / 2);\n    background-color: currentColor;\n    border: 0;\n    border-radius: 50%;\n    box-shadow: 0 0 4px 1px var(--black);\n    filter: brightness(120%);\n    transition: box-shadow var(--transition-duration) ease-in-out;\n    -moz-appearance: none;\n}\n\ninput[type=\"range\"]:hover::-moz-range-thumb {\n    box-shadow: 0 0 4px var(--white);\n}\n\ninput[type=\"range\"]::-ms-fill-upper,\ninput[type=\"range\"]::-ms-fill-lower {\n    background-color: transparent;\n}\n\ninput[type=\"range\"]::-ms-thumb {\n    /* In Edge css variables nor work in pseudo elements */\n    width: 16px;\n    height: 16px;\n    margin-top: -1px;\n    background-color: currentColor;\n    border-radius: 50%;\n}\n\ninput[type=\"range\"]::-ms-tooltip {\n    display: none;\n}\n\n.slider > progress {\n    --progress-meter-color: var(--theme-color);\n\n    display: inline-block;\n    box-sizing: border-box;\n    height: 4px;\n    margin: calc(var(--slider-height) / 2 - 2px) 0;\n    color: var(--progress-meter-color);\n    vertical-align: 0;\n    background: var(--white);\n    border: none;\n    border-radius: 2px;\n    box-shadow: 0 0 4px var(--black);\n    transition: box-shadow var(--transition-duration) ease-in-out;\n    appearance: none;\n}\n\n.slider:hover progress {\n    box-shadow: 0 0 4px var(--white);\n}\n\nprogress::-moz-progress-bar {\n    background-color: var(--progress-meter-color);\n    background-image: linear-gradient(-45deg, #ffffff00 0, #ffffff00 50%, #ffffffcc 62.5%, #ffffff00 75%);\n    background-size: 35px 20px, 100% 100%, 100% 100%;\n    border-radius: 2px;\n}\n\nprogress::-webkit-progress-bar {\n    background-color: #eeeeee;\n    border-radius: 2px;\n    box-shadow: 0 2px 5px #00000044 inset;\n}\n\nprogress::-webkit-progress-value {\n    background-color: var(--progress-meter-color);\n    background-image: linear-gradient(-45deg, #ffffff00 0, #ffffff00 50%, #ffffffcc 62.5%, #ffffff00 75%);\n    background-repeat: repeat-x;\n    background-size: 40px 40px, 100% 100%, 100% 100%;\n    border-radius: 2px;\n}\n",".dialog {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1000;\n    display: none;\n    margin: auto;\n    border-radius: var(--border-radius);\n}\n\n.dialog[open] {\n    display: block;\n    animation: dialog-slide-in var(--animation-duration) var(--animation-out-back);\n}\n\n.dialog-close {\n    position: absolute;\n    top: -24px;\n    left: -24px;\n    width: 48px;\n    height: 48px;\n    padding: 0;\n    color: var(--theme-color);\n    list-style-type: none;\n}\n\n.dialog-close::-webkit-details-marker {\n    display: none;\n}\n\n.dialog-close::marker {\n    display: none;\n}\n\n.dialog-close::before {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    content: \"\";\n}\n\n.dialog-close > svg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 36px;\n    height: 36px;\n    margin: auto;\n}\n\n.loadaudio-dialog {\n    width: 500px;\n    max-width: calc(100% - 36px);\n    height: 10rem;\n    max-height: 100%;\n    color: var(--black);\n    background-color: var(--semi-white-color);\n    border: 1px solid var(--theme-color);\n    box-shadow: 0 0 1rem var(--theme-color), 0 0 0 100vmax #00000088;\n}\n\n.loadaudio-body {\n    display: flex;\n    justify-content: space-around;\n    box-sizing: border-box;\n    padding: 10px;\n}\n\n.tab {\n    display: inline-block;\n}\n\n.loadaudio-tab {\n    width: 100%;\n    text-align: center;\n}\n\n.loadaudio-tab > [type=\"radio\"] {\n    display: none;\n}\n\n.loadaudio-content {\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 100px;\n    visibility: hidden;\n}\n\n.loadaudio-tab > label {\n    display: inline-block;\n    width: 100%;\n    padding: 8px 0;\n    border: 1px solid transparent;\n    border-bottom: 1px solid var(--theme-color);\n    border-top-left-radius: 6px;\n    border-top-right-radius: 6px;\n    user-select: none;\n}\n\n.loadaudio-tab :checked ~ label {\n    background-color: #ffffffdd;\n    border: 1px solid var(--theme-color);\n    border-bottom-color: transparent;\n}\n\n.loadaudio-tab :checked ~ label ~ .loadaudio-content {\n    visibility: visible;\n}\n\n.audio-input-tip,\n.audio-input-form {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n    transition: transform var(--transition-duration) ease-in-out;\n}\n\n.audio-input-tip:hover {\n    transform: scale(1.2);\n}\n\n.audio-input-form > input[type=\"url\"] {\n    flex: 1 0 auto;\n    width: 60%;\n    margin: 8px;\n    font-size: 1.5rem;\n    background: 0;\n    border: 0;\n    border-bottom: 1px solid var(--theme-color);\n}\n\n.audio-input-form > input[type=\"submit\"] {\n    border: 0;\n    appearance: none;\n}\n\n@keyframes dialog-slide-in {\n    0% {\n        transform: translate(0, 100%);\n        opacity: 0;\n    }\n\n    50% {\n        opacity: 1;\n    }\n}\n",".toggle-switch {\n    /** bar */\n    --bar-height: 14px;\n    --bar-width: 32px;\n    --bar-color: #eee;\n\n    /** knob */\n    --knob-size: 20px;\n    --knob-color: #fff;\n\n    /** switch */\n    --switch-offset: calc(var(--knob-size) - var(--bar-height));\n    --switch-width: calc(var(--bar-width) + var(--switch-offset));\n    --transition-duration: 200ms;\n    --switch-transition: all var(--transition-duration) ease-in-out;\n    --switch-theme-rgb: 26, 115, 232;\n    --switch-theme-color: rgb(var(--switch-theme-rgb));\n    --switch-box-shadow: 0 0 var(--switch-offset) #11111180;\n    --switch-margin: 8px;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    min-width: var(--bar-width);\n    min-height: var(--bar-height);\n    margin: var(--switch-margin);\n    user-select: none;\n}\n\n.toggle-switch.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n.toggle-switch > input,\n.toggle-switch-input {\n    position: absolute;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n\n.toggle-switch > label,\n.toggle-switch-label {\n    --knob-x: calc((var(--bar-height) - var(--bar-width)) / 2);\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: var(--bar-width);\n    height: var(--bar-height);\n    margin: var(--switch-margin);\n    user-select: none;\n}\n\n/* checked */\n.toggle-switch > :checked + label,\n:checked + .toggle-switch-label {\n    --knob-x: calc((var(--bar-width) - var(--bar-height)) / 2);\n}\n\n/* bar */\n.toggle-switch > label::before,\n.toggle-switch-label::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    box-sizing: border-box;\n    width: var(--bar-width);\n    height: var(--bar-height);\n    background: var(--bar-color);\n    border: 1px solid var(--switch-theme-color);\n    border-radius: var(--bar-height);\n    opacity: 0.5;\n    transition: var(--switch-transition);\n    content: \"\";\n}\n\n/* checked bar */\n.toggle-switch > :checked + label::before,\n:checked + .toggle-switch-label::before {\n    background: var(--switch-theme-color);\n}\n\n/* knob */\n.toggle-switch > label::after,\n.toggle-switch-label::after {\n    box-sizing: border-box;\n    width: var(--knob-size);\n    height: var(--knob-size);\n    background: var(--knob-color);\n    border-radius: 50%;\n    box-shadow: var(--switch-box-shadow);\n    transform: translateX(var(--knob-x));\n    transition: var(--switch-transition);\n    content: \"\";\n}\n\n/* checked knob */\n.toggle-switch > :checked + label::after,\n:checked + .toggle-switch-label::after {\n    background: var(--switch-theme-color);\n}\n\n/* hover & focus knob */\n.toggle-switch > :focus + label::after,\n:focus + .toggle-switch-label::after,\n.toggle-switch:hover > label::after,\n:hover > .toggle-switch-label::after {\n    box-shadow: var(--switch-box-shadow), 0 0 0 calc(var(--knob-size) / 2) rgba(var(--switch-theme-rgb), 0.2);\n}\n",".preferences {\n    width: 100%;\n    user-select: none;\n}\n\n.preferences > ul {\n    max-width: 1024px;\n    margin: auto;\n}\n\n.preferences li {\n    width: 100%;\n    padding: 0 8px;\n}\n\n.preferences li:nth-child(even) {\n    background-color: #00000022;\n}\n\n.list-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    max-width: 768px;\n    min-height: 3.5rem;\n    margin: auto;\n}\n\n.list-item > span,\n.list-item > form {\n    margin: 8px 0;\n}\n\n.list-item > .link {\n    padding: 0;\n}\n\n.toggle-switch {\n    --switch-theme-rgb: var(--theme-rgb);\n    --switch-margin: 0;\n    --bar-height: 20px;\n    --bar-width: 52px;\n    --knob-size: 28px;\n\n    justify-content: center;\n    width: var(--switch-width);\n    height: var(--knob-size);\n}\n\n@supports (-ms-ime-align: auto) {\n    .toggle-switch {\n        --switch-offset: 8px;\n        --switch-width: 60px;\n    }\n\n    .toggle-switch-label::after {\n        box-shadow: 0 0 8px #11111188;\n    }\n\n    :hover > .toggle-switch-label::after {\n        box-shadow: 0 0 8px #11111188, 0 0 0 14px rgb(var(--theme-rgb) / 20%);\n    }\n\n    .toggle-switch-label {\n        --knob-x: -16px;\n    }\n\n    :checked + .toggle-switch-label {\n        --knob-x: 16px;\n    }\n}\n\n.color-picker {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 30px;\n    height: 30px;\n    margin: 2px;\n    line-height: normal;\n    vertical-align: middle;\n    border-radius: var(--border-radius);\n}\n\n.color-picker.hash {\n    color: var(--theme-contrast-color);\n}\n\n.color-picker.checked::before {\n    color: var(--theme-contrast-color);\n    content: \"\\2714\\FE0F\";\n}\n\n.user-color-input-text {\n    flex: 1 1 74px;\n    grid-column: span 2;\n    align-self: stretch;\n    justify-self: stretch;\n    min-width: 60px;\n    margin: 2px;\n    background: 0;\n    border: 0;\n    border-bottom: 1px solid var(--theme-color);\n}\n\n.user-color-label {\n    color: var(--theme-contrast-color);\n}\n\n.theme-color-span {\n    display: none;\n}\n\n.user-color-label,\n.user-color-input-text {\n    display: none;\n}\n\n@media (min-width: 768px) {\n    .user-color-label,\n    .user-color-input-text {\n        display: inline-flex;\n    }\n}\n\n.format-example-time,\n.format-example-text {\n    vertical-align: middle;\n}\n\n.format-example-text {\n    display: inline;\n    color: var(--theme-contrast-color);\n    white-space: pre-wrap;\n    background-color: var(--theme-color);\n}\n\n.option-select > select {\n    padding-right: 16px;\n    text-align-last: right;\n    background-color: transparent;\n    border: none;\n    outline: 0;\n    appearance: none;\n}\n\n.option-select > select > option {\n    color: var(--font-color);\n    background-color: var(--background-color);\n}\n\n::-ms-expand {\n    display: none;\n}\n\n.option-select {\n    position: relative;\n}\n\n.option-select::after {\n    position: absolute;\n    right: 0;\n    color: var(--theme-color);\n    content: \"\\25BC\";\n    pointer-events: none;\n}\n\ninput[type=\"number\"] {\n    width: 4rem;\n    height: 30px;\n    text-align: right;\n    background: 0;\n    border: 0;\n    border-bottom: 1px solid var(--theme-color);\n    border-radius: 0;\n}\n\n.akari-hide-wall {\n    position: fixed;\n    right: 0;\n    bottom: 32px;\n    z-index: -1;\n    width: 256px;\n    height: 256px;\n    transform: translateX(100%);\n    opacity: 0.8;\n    animation: akari-slide-in 500ms var(--animation-out-back) 3s forwards, akari-float 20s ease-in-out 4s infinite;\n    stroke-width: 4px;\n}\n\n@keyframes akari-slide-in {\n    from {\n        transform: translateX(100%);\n    }\n\n    to {\n        transform: translateX(34%);\n    }\n}\n\n@keyframes akari-float {\n    0% {\n        transform: translate(34%, 0);\n    }\n\n    50% {\n        transform: translate(34%, 1rem);\n    }\n\n    100% {\n        transform: translate(34%, 0);\n    }\n}\n\n.current-theme-color {\n    font-family: Consolas, Monaco, monospace;\n    vertical-align: middle;\n}\n\n.dropdown {\n    position: relative;\n}\n\n.dropdown > summary {\n    list-style-type: none;\n}\n\n.dropdown > summary::-webkit-details-marker {\n    display: none;\n}\n\n.dropdown > summary::marker {\n    display: none;\n}\n\n.dropdown > summary::after {\n    color: var(--theme-color);\n    vertical-align: middle;\n    content: \"\\25BC\";\n    pointer-events: none;\n}\n\n.dropdown[open] > summary::before {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 80;\n    display: block;\n    cursor: default;\n    content: \"\";\n}\n\n.dropdown-body {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    z-index: 100;\n    margin: 8px;\n    padding: 8px;\n    background-color: var(--background-color);\n    border: 1px solid var(--theme-color);\n    border-radius: var(--border-radius);\n    box-shadow: 0 0 1rem var(--theme-color);\n}\n\n.dropdown-body::before {\n    position: absolute;\n    right: 74px;\n    bottom: 100%;\n    margin-left: -8px;\n    border-color: transparent transparent var(--theme-color) transparent;\n    border-style: solid;\n    border-width: 8px;\n    content: \"\";\n}\n\n.color-wall {\n    display: none;\n    grid-gap: 4px;\n    grid-template-columns: repeat(5, 1fr);\n    align-items: center;\n    justify-items: center;\n    width: 200px;\n}\n\n[open] > .color-wall {\n    display: flex;\n    display: grid;\n    flex-wrap: wrap;\n}\n\n.pseudo-hidden {\n    position: absolute;\n    visibility: hidden;\n}\n",".gist {\n    display: flex;\n    flex: 1 0 auto;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n}\n\n.new-token,\n.get-gist-id {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 768px;\n    margin: 0 auto;\n}\n\n.new-token-tip,\n.create-new-gist {\n    flex: 1 0 auto;\n    width: 100%;\n    max-width: 500px;\n    margin: 1rem;\n    padding: 1rem;\n    text-align: center;\n}\n\n@media (max-width: 500px) {\n    .new-token-tip {\n        border-radius: 0;\n    }\n}\n\n.new-token-tip-text,\n.gist-id-tip-text {\n    max-width: 500px;\n    margin: 1rem;\n    font-size: 1.2rem;\n    text-align: center;\n}\n\n.github-svg {\n    width: 100px;\n    height: 100px;\n    margin: 1rem;\n}\n\n.new-token-input,\n.gist-id-input {\n    flex: 1 0 auto;\n    margin: 0 0.5rem;\n    background: 0;\n    border: 0;\n    border-bottom: 1px solid var(--theme-color);\n    border-radius: 0;\n}\n\n.new-token-form,\n.gist-id-form {\n    display: flex;\n    flex: 1 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 500px;\n    margin: 1rem 0;\n    padding: 1rem 0;\n}\n\n.file-list {\n    display: grid;\n    flex: 1 0 auto;\n    grid-gap: 1rem;\n    grid-template-rows: min-content;\n    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));\n    width: 100%;\n}\n\n.file-item {\n    padding: 0.5rem;\n    border-radius: var(--border-radius);\n    box-shadow: 0 0 2px var(--font-color);\n    transition: box-shadow var(--transition-duration) ease-in-out;\n    user-select: none;\n}\n\n.file-item:hover {\n    box-shadow: 0 0 1rem var(--theme-color);\n}\n\n.file-content {\n    height: 15rem;\n    overflow: hidden;\n    line-height: 1.6;\n    white-space: pre;\n}\n\n.file-bar {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n}\n\n.file-title {\n    padding: 0.5rem;\n}\n\n.file-action {\n    flex: 0 0 auto;\n}\n\n.file-load {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    transition: color 250ms ease-in-out;\n}\n\n.file-load > svg {\n    pointer-events: none;\n}\n\n.file-load:hover {\n    color: var(--theme-color);\n}\n\n.gist-details {\n    width: 100%;\n    padding: 1rem;\n    user-select: none;\n}\n\n@media (min-width: 1024px) {\n    .gist-details {\n        padding: 1rem 0;\n    }\n}\n\n.gist-bar {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n}\n\n@media (max-width: 768px) {\n    .gist-bar {\n        flex-direction: column;\n    }\n}\n\n.gist-info,\n.ratelimit {\n    flex: 1 1 auto;\n    padding: 0.5rem;\n}\n\n.ratelimit > p {\n    margin: 0;\n    line-height: 1.5;\n}\n\n.gist-loading {\n    display: flex;\n    flex: 1 0 auto;\n    align-items: center;\n    justify-content: center;\n}\n\n.gist-no-data {\n    display: flex;\n    flex: 1 1 auto;\n}\n",".toast-queue {\n    position: fixed;\n    top: 60px;\n    right: 0;\n    width: 100%;\n    max-width: 320px;\n}\n\n.toast {\n    display: flex;\n    max-height: 320px;\n    margin: 1rem;\n    color: var(--black);\n    background-color: var(--semi-white-color);\n    background-color: #ffffffdd;\n    border: 1px solid var(--theme-color);\n    border-radius: var(--border-radius);\n    box-shadow: 0 0 1rem var(--theme-color);\n    animation: height-change var(--animation-duration) ease forwards,\n        slide-in-right var(--animation-duration) ease-in forwards,\n        slide-out-right var(--animation-duration) ease-out 5s forwards;\n}\n\n.toast-badge {\n    flex: 0 0 auto;\n    width: 32px;\n    height: 32px;\n    margin: 8px;\n}\n\n.toast-info {\n    color: #1b95e0;\n}\n\n.toast-success {\n    color: #19cf86;\n}\n\n.toast-warning {\n    color: #fab81e;\n}\n\n.toast-badge > svg {\n    width: 100%;\n    height: 100%;\n}\n\n.toast-text {\n    margin: 1rem 0.5rem;\n}\n\n@keyframes height-change {\n    from {\n        max-height: 0;\n    }\n\n    to {\n        max-height: 320px;\n    }\n}\n","@keyframes slide-in-right {\n    from {\n        transform: translate3d(100%, 0, 0);\n    }\n\n    to {\n        transform: translate3d(0, 0, 0);\n    }\n}\n\n@keyframes slide-out-right {\n    from {\n        transform: translate3d(0, 0, 0);\n    }\n\n    to {\n        transform: translate3d(100%, 0, 0);\n    }\n}\n\n@keyframes slide-in-up {\n    from {\n        transform: translate3d(0, 100%, 0);\n    }\n\n    to {\n        transform: translate3d(0, 0, 0);\n    }\n}\n\n@keyframes slide-in-down {\n    from {\n        transform: translate3d(0, -100%, 0);\n    }\n\n    to {\n        transform: translate3d(0, 0, 0);\n    }\n}\n"]}