.btn[data-v-d1f9ef8b]{display:inline-flex;align-items:center;justify-content:center;position:relative;border:0;cursor:pointer;height:40px;padding:0 16px;background:var(--color-btn);color:var(--color-white);line-height:1.2;border-radius:8px;max-width:100%;overflow:hidden;will-change:transform;text-align:center;transition:opacity .4s,color .4s,border-color .4s,background-color .4s}.btn[data-v-d1f9ef8b] [data-v-d1f9ef8b] svg{flex:none;color:inherit}.btn[data-v-d1f9ef8b] [data-v-d1f9ef8b] svg+span[data-v-d1f9ef8b]{text-align:left}.btn[data-v-d1f9ef8b][data-v-d1f9ef8b]:hover{background-color:var(--color-btn-hover)}.btn[data-v-d1f9ef8b].disabled[data-v-d1f9ef8b],.btn[data-v-d1f9ef8b][disabled][data-v-d1f9ef8b]{opacity:.6;cursor:not-allowed}.btn-green[data-v-d1f9ef8b]{background-color:var(--color-green)}.btn-green[data-v-d1f9ef8b][data-v-d1f9ef8b]:hover{background-color:var(--color-green-hover)}.btn-red[data-v-d1f9ef8b]{background-color:var(--color-red)}.btn-red[data-v-d1f9ef8b][data-v-d1f9ef8b]:hover{background-color:var(--color-red-hover)}.btn-full-width[data-v-d1f9ef8b]{display:flex;width:100%}.page-body{display:grid;grid-template-columns:1fr 280px;gap:12px;height:100dvh}.strings{display:flex;flex-direction:column;padding:12px;overflow:hidden}.translation-loading{margin:auto}.translation{flex:auto;overflow:hidden;display:flex;flex-direction:column;height:100%}.translation-files{display:flex;flex-wrap:wrap;gap:2px;padding-bottom:12px;font-size:12px}.translation-files a{display:flex;align-items:center;padding:2px 4px;border:solid 1px #ccc;color:inherit;text-decoration:none;gap:4px;transition:border-color .4s,color .4s,background-color .4s}.translation-files a i{padding:2px 4px 2px 2px;margin:-2px -2px -2px 0;background-color:#eee;color:#333;font-size:10px;font-style:normal;transition:color .4s,background-color .4s}.translation-files a i span{color:green;font-weight:700}.translation-files a:hover{border-color:#333}.translation-files a.active{border-color:#333;background-color:#333;color:#fff}.translation-files a.done i{background-color:green;color:#fff}.translation-files a.done i span{color:#fff}.translation-strings{flex:auto;overflow-y:auto}.translation-tab{display:grid;padding-right:8px;gap:2px}.translation-string:not(.just-text){display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 8px 8px 32px;position:relative;border-radius:8px;transition:opacity .4s,background-color .4s;background-color:var(--color-white)}.translation-string:not(.just-text):before{content:attr(data-index);position:absolute;font-size:12px;left:8px;top:8px}.translation-string:not(.just-text):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:dashed 2px #0037da;opacity:0;pointer-events:none;will-change:opacity;transition:opacity .4s;border-radius:inherit}.translation-string:not(.just-text):hover,.translation-string:not(.just-text):has(.translation-textarea:focus){background-color:#eee}.translation-string:not(.just-text):hover .translation-links a,.translation-string:not(.just-text):has(.translation-textarea:focus) .translation-links a{opacity:1;pointer-events:auto;visibility:visible}.translation-string:not(.just-text):has(.translation-textarea:focus){background-color:#91caff}.translation-string:not(.just-text):has(.translation-textarea:focus):after{opacity:.4}.translation-string:not(.just-text).checked{background-color:#e2ffe2}.translation-string:not(.just-text).checked:after{opacity:1;border-style:solid;border-color:#a4eba4}.translation-string:not(.just-text).checked+.translation-string:not(.just-text).checked{margin-top:-4px}.translation-langs{display:flex;flex-direction:column}.translation-id{background-color:#eee;padding:2px;margin:0 -2px 2px;border:solid 1px #ccc;align-self:start;font-size:12px}.translation-base{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.translation-base-item{position:relative;border-left:solid 24px transparent;background-color:var(--color-white);background-clip:padding-box;padding:2px 4px}.translation-base-item:before{content:attr(data-lang);color:red;font-size:12px;position:absolute;width:24px;left:-24px;top:0}.translation-my{padding-left:20px;position:relative;margin-top:4px;display:grid;gap:8px;grid-template-columns:1fr auto}.translation-my:before{content:attr(data-lang);color:green;font-size:12px;position:absolute;left:0;top:0}.translation-textarea{width:100%;outline:solid 1px;min-height:calc(8px + 2lh);padding:4px;outline:solid 2px transparent;outline-offset:1px;border:solid 1px var(--color-link);display:block;font:inherit;resize:vertical;background-color:#fff;transition:border-color .4s,background-color .4s}.translation-textarea:focus{border-color:var(--color-link-hover)}.translation-my-btns{display:flex;gap:4px;align-self:center}.translation-links a{display:flex;opacity:0;pointer-events:none;visibility:hidden;will-change:opacity;transition:opacity .4s,visibility .4s}.sidebar{padding:12px;display:flex;flex-direction:column;gap:12px;border-left:solid var(--color-border)}.languages{display:grid;grid-template-columns:1fr 1fr;gap:4px}.languages-existed{margin-top:12px}.languages-existed-list{display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.checkbox-label:has([disabled]){opacity:.6;pointer-events:none}.checkbox-label input{cursor:pointer}.input{width:100%;height:32px;padding:0 4px;font:inherit;min-height:0}.input[multiple]{height:3lh}.upload{margin-top:auto;padding:24px 12px;border:dashed 2px;position:relative;text-align:center}.upload input{position:absolute;left:0;top:0;border-radius:inherit;cursor:pointer;opacity:0;font-size:0;width:100%;height:100%;z-index:6}.upload input::-webkit-file-upload-button,.upload input::file-selector-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.no-files{background-color:var(--color-red);margin:auto;padding:4px 8px;border-radius:4px;color:var(--color-white)}:root{--color-text: #333;--color-link: #1f52c7;--color-link-hover: #396adb;--color-btn: #875ef7;--color-btn-hover: #4e319d;--color-white: #fff;--color-green: #16a52e;--color-green-hover: #3fc956;--color-red: #f75e5e;--color-red-hover: #f63d3d;--color-border: #eee}*{margin:0;padding:0;box-sizing:border-box}body{min-width:1024px;color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}a{text-decoration:none;color:var(--color-link)}a:hover{color:var(--color-link-hover)}