.header{position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #eeeeee;display:flex;align-items:center;justify-content:space-between;z-index:1000;background-color:#fff}.header-left-menus{margin-left:10px}.header-right-menus{margin-right:10px}.header-logo-wrapper{font-size:20px;font-weight:700;cursor:pointer}.sidebar{position:fixed;left:0;top:60px;width:180px;border-right:1px solid #eeeeee;height:calc(100dvh - 60px)}.sidebar-menu{cursor:pointer;display:flex;align-items:center;margin-left:10px;margin-top:10px}.sidebar-menu>svg{width:20px;margin-right:5px;border:1px solid lightgray;stroke:silver;border-radius:5px;padding:5px}.sidebar-menu-label{font-size:12px;color:silver}@media screen and (max-width: 520px){.sidebar{width:120px}.sidebar-menu>svg{width:14px;padding:3px}.sidebar-menu-label{font-size:10px;font-weight:700}}.sidebar-menu:hover>.sidebar-menu-label{color:#000}.sidebar-menu:hover>svg{stroke:#000}.sidebar-menu[data-active=true]>.sidebar-menu-label{color:#000;font-weight:700}.sidebar-menu[data-active=true]>svg{stroke:#000;stroke-width:2px;border-color:#000}@keyframes ldio-x2uulkbinbj{0%{opacity:1}to{opacity:0}}.loading-mask{position:absolute;top:0;left:0;width:100%;height:100dvh;background-color:#000;opacity:.1}.loading-spinner{width:200px;height:200px;margin-left:calc(50% - 100px);margin-top:calc(50dvh - 100px)}.loading-text{text-align:center;font-weight:700;margin-top:-30px;font-size:20px;color:#000}.ldio-x2uulkbinbj div{left:96px;top:48px;position:absolute;animation:ldio-x2uulkbinbj linear 1s infinite;background:#71c5fe;width:12px;height:24px;border-radius:6px/12px;transform-origin:6px 52px}.ldio-x2uulkbinbj div:nth-child(1){transform:rotate(0);animation-delay:-.9166666666666666s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(2){transform:rotate(30deg);animation-delay:-.8333333333333334s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(3){transform:rotate(60deg);animation-delay:-.75s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(4){transform:rotate(90deg);animation-delay:-.6666666666666666s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(5){transform:rotate(120deg);animation-delay:-.5833333333333334s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(6){transform:rotate(150deg);animation-delay:-.5s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(7){transform:rotate(180deg);animation-delay:-.4166666666666667s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(8){transform:rotate(210deg);animation-delay:-.3333333333333333s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(9){transform:rotate(240deg);animation-delay:-.25s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(10){transform:rotate(270deg);animation-delay:-.16666666666666666s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(11){transform:rotate(300deg);animation-delay:-.08333333333333333s;background:#71c5fe}.ldio-x2uulkbinbj div:nth-child(12){transform:rotate(330deg);animation-delay:0s;background:#71c5fe}.loadingio-spinner-spinner-nq4q5u6dq7r{width:200px;height:200px;display:inline-block;overflow:hidden;background:none}.ldio-x2uulkbinbj{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.ldio-x2uulkbinbj div{box-sizing:content-box}.accordion-button{display:flex;column-gap:10px;align-items:baseline;border-bottom:1px solid #eeeeee;padding:10px 0}.accordion-button-title{width:calc(100% - 50px)}.accordion-button-icon{margin-top:5px}.accordion-button-icon[data-active=true]{rotate:180deg}.accordion-pannel{padding:20px 0;border-bottom:1px solid #eeeeee}.convert-page-wrapper{display:grid;grid-template-columns:50% 50%;column-gap:10px;height:calc(100dvh - 80px)}.convert-target-textarea{padding:10px;max-height:calc(100dvh - 90px);border-right:1px dashed lightgray}@media screen and (max-width: 520px){.convert-page-wrapper{display:grid;grid-template-columns:none;grid-template-rows:50% 50%;row-gap:10px;height:calc(100dvh - 80px)}.convert-target-textarea{padding:5px;border-right:none;border-bottom:1px dashed lightgray}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dc143c;border-radius:10px}.convert-keyword-setting{padding:10px;height:calc(100dvh - 200px);white-space:nowrap;overflow-y:scroll}.convert-textarea-wrapper{width:calc(100% - 10px);height:30dvh}.convert-textarea{width:100%;height:calc(100% - 15px);resize:none;outline:none}.convert-result-wrapper{padding:5px;height:40dvh;font-size:15px;width:calc(100% - 20px);margin-top:10px;border:1px solid silver;overflow:auto}.convert-target-submit-button-wrapper{width:100%}.convert-target-submit-button{width:calc(100% - 5px);margin-top:-5px;height:40px;border:none;box-shadow:0 0 4px silver;background-color:#5d9ad3;cursor:pointer;color:#fff;font-weight:700;border-radius:5px}.convert-target-submit-button:disabled{background-color:silver;cursor:not-allowed}.extract-result-wrapper{display:grid;align-items:center;grid-template-columns:100px calc(100% - 100px);column-gap:10px;margin-bottom:5px}.extract-result-src-keyword{text-overflow:ellipsis;overflow:hidden}.extract-result-alt-keywords{display:flex;column-gap:10px;align-items:center;overflow-x:scroll;white-space:nowrap;padding-bottom:5px}.extract-result-alt-keywords::-webkit-scrollbar{height:8px}.extract-result-alt-keyword{border-radius:5px;display:inline-block;border:1px solid #cdcdcd;box-shadow:0 0 3px silver;padding:3px 5px;color:gray;cursor:pointer}.extract-result-alt-keyword:hover{background-color:silver;color:#fff;border-color:#eee}.extract-result-alt-keyword[data-active=true]{background-color:#5d9ad3;border:none;border-color:#5d9ad3;color:#fff}.convert-result-processing-button-wrapper{margin-top:5px}.convert-result-processing-button{cursor:pointer;width:calc(100% - 10px);height:40px;color:#fff;background-color:#2a84a5;font-weight:700;border:none;border-radius:5px;box-shadow:0 0 3px #2a84a5}.convert-result-processing-button:disabled{cursor:not-allowed;background-color:silver}.convert-result-modal-mask{position:relative;top:0;left:0;width:100%;height:100dvh;background-color:#000;opacity:.3}.convert-result-modal{position:absolute;height:calc(100dvh - 120px);background-color:#fff;top:60px;width:calc(100% - 120px);left:60px;border-radius:10px}.convert-result-modal-close-icon{text-align:right;margin-right:10px;margin-top:10px}.convert-result-modal-text{resize:none;width:calc(100% - 80px);margin-left:40px;border-radius:5px;height:calc(100dvh - 220px);outline:none}.extract-result-action-buttons-wrapper{margin-top:10px;display:flex;column-gap:10px;justify-content:center}.extract-result-action-buttons-wrapper>button{min-width:100px;width:50%;max-width:400px;height:30px;border:1px solid rgb(93,154,211);border-radius:5px;background-color:#5d9ad3;color:#fff;cursor:pointer;box-shadow:0 0 4px silver;font-weight:700}.convert-sentence-list-wrapper{width:100%;max-width:100%;overflow:auto;height:calc(100dvh - 80px)}.convert-sentence-wrapper>.accordion-pannel{width:100%}.convert-alt-sentence{display:flex;padding:5px 0;cursor:pointer}.convert-alt-sentence-checkbox>svg{stroke:silver;stroke-width:1px;margin-top:-2px}.convert-alt-sentence-checkbox>svg.checked{stroke:#dc143c;stroke-width:3px}.convert-alt-sentence-text{width:calc(100% - 30px);margin-left:5px;white-space:nowrap;overflow:auto}.convert-sentence-action-buttons-wrapper{margin-top:15px;display:flex;column-gap:10px}.convert-sentence-action-buttons-wrapper>button{cursor:pointer}.convert-sentence-action-buttons-wrapper>button:first-of-type{background-color:#dc143c;color:#fff;border:none;border-radius:5px;padding:5px 10px;box-shadow:0 0 3px #dc143c}.convert-sentence-action-buttons-wrapper>button:last-of-type{background-color:#fff;color:#dc143c;border:none;border-radius:5px;padding:5px 10px;box-shadow:0 0 3px #dc143c}.signin-container{text-align:center;height:100vh;align-content:center;margin-top:-100px}.signin-container>h2{font-size:52px}.google-login{display:flex;background-color:#fff;border:none;box-shadow:0 0 3px silver;border-radius:10px;padding:15px 20px;column-gap:15px;width:300px;margin-left:calc(50% - 150px);align-items:center;justify-content:center}.google-login>span{font-size:24px}.google-login>img{width:36px;height:36px}.page{position:absolute;width:calc(100% - 200px);left:180px;top:60px;padding:10px}@media screen and (max-width: 520px){.page{left:120px;padding:5px;width:calc(100% - 130px)}}body{margin:0;padding:0}