.ad-square[data-v-d30be591]{padding:24px 12px 0}.caption[data-v-d30be591]{font-size:12px}body{margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{color:#2c3e50}.nav{display:flex;justify-content:center;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #9e9e9e}.nav .nav-left-item{position:absolute;left:10px}.nav .nav-right-item{position:absolute;right:10px}.nav .logo{font-size:20px;font-weight:500}.dropdown{position:absolute;z-index:10;right:0;padding:12px 0;margin:-8px 0;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:14px;line-height:32px;list-style-type:none;white-space:nowrap}.dropdown .dropdown-item:hover{background:#eee}.dropdown a{display:inline-block;width:100%;height:100%;padding:0 20px;color:#2c3e50;text-decoration:none}.hamburger-menu-button{cursor:pointer;z-index:21}.close-button{color:#eee}.hamburger-menu{position:absolute;z-index:20;top:0;left:0;bottom:0;min-width:240px;padding:40px 0 10px;background:#172738;color:#eee}.hamburger-menu .menu-list{list-style-type:none;padding:0}.hamburger-menu .menu-list .menu-list-item:hover{background:#213d5c}.hamburger-menu .menu-list .menu-list-item a{display:inline-block;width:100%;height:100%;padding:12px;color:#eee;text-decoration:none}.hamburger-menu-enter-active,.hamburger-menu-leave-active{transition:all .5s}.hamburger-menu-enter,.hamburger-menu-leave-to{opacity:0}.clickable{cursor:pointer}.bottom-news{position:fixed;bottom:0;left:0;right:0;padding:4px;background:#172738;color:#eee;text-align:center}.bottom-news a{color:#eee}.lyric-header[data-v-d069d955]{display:flex;padding:20px 0}.lyric-header-title[data-v-d069d955]{flex-grow:1;flex-shrink:1}.lyric-header-tools[data-v-d069d955]{display:flex;flex-grow:0;flex-shrink:0;align-items:center}.title-input[data-v-d069d955]{width:90%;padding:4px;border:none;font-size:20px;font-weight:700}.tool-group[data-v-d069d955]{display:flex}.tool-group[data-v-d069d955]:not(:last-child){padding-right:20px}.tool-button[data-v-d069d955]{cursor:pointer;padding:4px 8px;color:#888;border-radius:4px;font-size:20px}.tool-button[data-v-d069d955]:hover,.tool-button.active[data-v-d069d955]{background:#eee}.tool-button.disabled[data-v-d069d955]{cursor:default;background:none}.tool-dropdown-wrapper[data-v-d069d955]{position:relative}.tool-dropdown[data-v-d069d955]{position:absolute;right:0;padding:12px 0;margin:-4px 0;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:14px;line-height:32px;list-style-type:none;white-space:nowrap}.tool-dropdown-item[data-v-d069d955]{cursor:pointer;padding:0 16px}.tool-dropdown-item[data-v-d069d955]:hover{background:#eee}.section-selector[data-v-c7102ace]{padding:4px 0 8px}.selector[data-v-c7102ace]{padding:4px 8px}.lyric-line-tool-buttons[data-v-e7a4817a]{flex-grow:0;flex-shrink:0}.lyric-line-tool-buttons .button[data-v-e7a4817a]{cursor:pointer;padding:0 6px;color:#888}.lyric-line-tool-buttons .button-disabled[data-v-e7a4817a]{padding:0 6px;color:#ddd}.lyric-line-tool-buttons .delete-button[data-v-e7a4817a]{margin-left:16px}.spinner[data-v-e7a4817a]{padding:0 6px;color:#888;animation:spin-e7a4817a 1.5s linear infinite}@keyframes spin-e7a4817a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyric-line-base[data-v-e3c5708b],.lyric-line-mobile[data-v-e3c5708b],.lyric-line[data-v-e3c5708b]{display:flex;padding:8px 0}.lyric-line[data-v-e3c5708b]:hover,.lyric-line-mobile.selected[data-v-e3c5708b]{background:#f9f9f9}.column[data-v-e3c5708b]:not(:last-child){padding-right:28px}.drag-handle[data-v-e3c5708b]{cursor:ns-resize;flex-shrink:0;width:24px;padding:0!important;color:#aaa}.reading-length-input-area[data-v-e3c5708b]{flex-shrink:0}.reading-length-input[data-v-e3c5708b]{width:40px;margin:0 4px 0 0;padding:4px;border:1px solid #acacac;border-radius:4px}.reading-length-unit-label[data-v-e3c5708b]{color:#aaa;font-size:12px}.edit-area-wrapper[data-v-e3c5708b]{flex-grow:1;line-height:20px}.generate-area[data-v-e3c5708b]{flex-grow:1}.edit-area[data-v-e3c5708b],.generate-area[data-v-e3c5708b]{display:flex}.edit-area .text[data-v-e3c5708b],.generate-area .text[data-v-e3c5708b]{flex-grow:1;vertical-align:middle;font-size:16px}.edit-area .text-field[data-v-e3c5708b],.generate-area .text-field[data-v-e3c5708b]{width:98%;border:none;border-bottom:1px solid #aaa;outline:none;background:#fff4;font-size:16px}.edit-area .buttons-blank[data-v-e3c5708b],.generate-area .buttons-blank[data-v-e3c5708b]{width:98px}.generate-button[data-v-e3c5708b]{width:100%;background:#eee;border:2px solid #ccc;border-radius:4px;color:#666;line-height:18px}.generate-button[data-v-e3c5708b]:enabled{cursor:pointer}.generate-button[data-v-e3c5708b]:enabled:hover{background:#eee}.generate-button[data-v-e3c5708b]:disabled{background:#fff;border:2px dotted #eee;color:#aaa}.mobile-tool-buttons[data-v-e3c5708b]{padding:16px 0 0}.spinner[data-v-e3c5708b]{animation:spin-e3c5708b 1.5s linear infinite}@keyframes spin-e3c5708b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyric-next-line[data-v-21f633e3]{display:flex;padding:8px 0}.reading-length-input[data-v-21f633e3]{width:40px;margin:0 4px 0 24px;padding:4px;border:1px solid #acacac;border-radius:4px}.reading-length-unit-label[data-v-21f633e3]{color:#aaa;font-size:12px}.lyric-next-section[data-v-ae76d6ea]{display:flex;align-items:center;text-align:center;justify-content:center}.lyric-next-section[data-v-ae76d6ea]:before,.lyric-next-section[data-v-ae76d6ea]:after{content:"";flex-grow:1;height:2px;background:#ccc;min-width:20px;display:inline-block;vertical-align:middle}.lyric-next-section[data-v-ae76d6ea]:before{margin-right:20px}.lyric-next-section[data-v-ae76d6ea]:after{margin-left:20px}.next-section-button[data-v-ae76d6ea]{cursor:pointer;padding:0 12px;background:#eee;border:2px solid #ccc;border-radius:4px;color:#666;font-size:14px}.next-section-button[data-v-ae76d6ea]:disabled{cursor:default;background:#f5f5f5;border:2px solid #eee;color:#aaa}.lyric-content[data-v-12a7b3a2]{padding-bottom:80px}.section[data-v-12a7b3a2]:not(:first-child){padding-top:20px}.lyric-view[data-v-2342b13f]{display:flex;justify-content:center}.lyric-container[data-v-2342b13f]{width:100%;max-width:720px;padding:0 8px}label[data-v-5b461177]{font-weight:700}.icon-help[data-v-5b461177]{padding-left:8px;color:#5e7285}.preference-keyword[data-v-5b461177]{width:100%;padding:0 0 20px}.keyword-item[data-v-5b461177]{width:100%;padding:8px 0}.keyword-item-input[data-v-5b461177]{width:100%;padding:4px;font-size:16px}.keyword-description[data-v-5b461177]{font-size:12px}.keyword-description p[data-v-5b461177]{margin:4px 0}.code[data-v-5b461177]{padding:0 4px;border:1px solid #ccdae6;border-radius:4px;background:#ebf5fd;color:#c71a5a}.preference-control[data-v-0b37b6a1]{width:100%;padding:0 0 20px}.preference-control-title[data-v-0b37b6a1]{font-weight:700}.radio-list[data-v-0b37b6a1]{display:flex;align-items:center;padding:8px 0}.radio-list-item[data-v-0b37b6a1]{min-width:120px;font-size:16px;line-height:16px}.ad-horizontal[data-v-2b2aa084]{display:flex;justify-content:center;padding:12px 0 0}.adslot[data-v-2b2aa084]{width:320px;height:50px}@media (min-width: 500px){.adslot[data-v-2b2aa084]{width:468px;height:60px}}.preference-view[data-v-e5b443df]{display:flex;justify-content:center}.preference-container[data-v-e5b443df]{width:100%;max-width:720px;padding:0 8px 80px}.lyric-new-confirmation-modal[data-v-5d132c39]{display:flex;flex-direction:column;justify-content:stretch;max-width:100%;max-height:100%}.modal-header[data-v-5d132c39]{flex-grow:0;padding:0 0 16px}.modal-footer[data-v-5d132c39]{flex-grow:0;display:flex;justify-content:flex-end}.modal-content[data-v-5d132c39]{flex-grow:1}.modal-title[data-v-5d132c39]{margin:0;padding:0 0 12px;font-size:16px}.modal-description[data-v-5d132c39]{font-size:14px;color:#5e7285}.modal-button[data-v-5d132c39]{min-width:80px}.modal-button[data-v-5d132c39]:not(:last-child){margin-right:12px}.sampling-algorithm-modal[data-v-adb9851a]{display:flex;flex-direction:column;justify-content:stretch;max-width:100%;max-height:100%}.modal-header[data-v-adb9851a]{flex-grow:0;padding:0 0 16px}.modal-footer[data-v-adb9851a]{flex-grow:0;display:flex;justify-content:flex-end}.modal-content[data-v-adb9851a]{flex-grow:1}.modal-title[data-v-adb9851a]{margin:0;padding:0 0 12px;font-size:16px}.modal-radio-group[data-v-adb9851a]{list-style:none;padding:0}.modal-description[data-v-adb9851a]{font-size:14px;color:#5e7285}.icon-info[data-v-adb9851a]{padding:0 4px}.icon-help[data-v-adb9851a]{cursor:default;padding:0 12px;color:#5e7285}.modal-button[data-v-adb9851a]{min-width:80px}.modal-button[data-v-adb9851a]:not(:last-child){margin-right:12px}.plain-text-modal[data-v-3b0db6bc]{display:flex;flex-direction:column;justify-content:stretch;width:500px;max-width:100%;height:680px;max-height:100%}.modal-header[data-v-3b0db6bc]{flex-grow:0;padding:0 0 16px}.modal-content[data-v-3b0db6bc]{flex-grow:1}.modal-title[data-v-3b0db6bc]{margin:0;padding:0 0 12px;font-size:16px}.modal-tool-group[data-v-3b0db6bc]{display:flex}.copied-message[data-v-3b0db6bc]{padding:0 0 0 12px;color:#125f41}.plain-text-area[data-v-3b0db6bc]{resize:none;width:100%;min-height:300px;height:100%;font-size:16px}.modal-container[data-v-d85788e4]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006}.modal-window[data-v-d85788e4]{position:relative;display:flex;padding:28px 36px;border:1px solid #555;border-radius:4px;background:#fff;max-width:80%;max-height:80%}.modal-close-button[data-v-d85788e4]{cursor:pointer;position:absolute;right:0;margin:-44px -28px 0 0;font-size:20px;color:#eee}.intro-container[data-v-a4cac89c]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006}.intro-window[data-v-a4cac89c]{position:relative;padding:28px 36px;border:1px solid #555;border-radius:4px;background:#fff;max-width:80%;max-height:80%}.intro-section[data-v-a4cac89c]{padding-bottom:32px}.bottom-alert-container[data-v-12092329]{position:fixed;display:flex;justify-content:center;bottom:0;width:100%;z-index:100}.alert[data-v-12092329]{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:600px;padding:8px 24px;background:#333;color:#eee;border-radius:4px 4px 0 0}.alert-column[data-v-12092329]:not(:last-child){padding:0 24px 0 0}.close-button[data-v-12092329]{cursor:pointer}.view-enter-active[data-v-857253a3],.view-leave-active[data-v-857253a3]{transition:all .3s}.view-enter[data-v-857253a3],.view-leave-to[data-v-857253a3]{opacity:0}.modal-window-enter-active[data-v-857253a3],.modal-window-leave-active[data-v-857253a3]{transition:all .1s}.modal-window-enter[data-v-857253a3],.modal-window-leave-to[data-v-857253a3]{opacity:0}.bottom-alert-enter-active[data-v-857253a3],.bottom-alert-leave-active[data-v-857253a3]{transition:all .3s}.bottom-alert-enter[data-v-857253a3],.bottom-alert-leave-to[data-v-857253a3]{transform:translateY(20px);opacity:0}.skk-button{cursor:pointer;padding:4px 16px;background:#eee;border:1px solid #aaa;border-radius:4px;color:#666}.skk-button:disabled{cursor:default;background:#f5f5f5;border:1px solid #eee;color:#aaa}.tooltip{display:block!important;z-index:10000;font-size:12px}.tooltip .tooltip-inner{background:#000;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#000;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;box-shadow:0 5px 30px #0000001a}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}