*{box-sizing:border-box}html{overflow-y:scroll;scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-thumb{background:#222;border:1px solid transparent;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#333}::-webkit-scrollbar-track{background:transparent;border:0 #fff;border-radius:53px}::-webkit-scrollbar-corner{background:transparent}body.dark-theme{--text-color:#eee;--icon-color:#eee;--shadow-color:#000;--btn-color:#111;--bkg-color:#333;--bkg-l-color:#444;--bkg-d-color:#222;--input-bkg-color:#f7f7f7;--input-border-color:#f7f7f7;--input-text-color:#111;--hover-color:#0075ff;--icon-hover-color:#0075ff;--error-color:#ff2020;background:#000;color:var(--text-color);color-scheme:dark}body.light-theme{--text-color:#222;--icon-color:#000;--shadow-color:#1af;--btn-color:#fff;--bkg-color:#eee;--bkg-l-color:#ddd;--bkg-d-color:#bbb;--input-bkg-color:#fff;--input-border-color:#111;--input-text-color:#111;--hover-color:#80bbff;--icon-hover-color:#0075ff;--error-color:#ff2020;background:#fff;color:var(--text-color);color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}footer{align-items:center;background:var(--bkg-color);display:flex;height:40px;justify-content:center;padding-left:20px;padding-right:20px;width:100%}footer .separator{width:20px}a{color:var(--text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-items:flex-start;background-attachment:fixed;background-color:#305;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Ccircle fill='%23305' cx='50' r='50'/%3E%3Cg fill='%233a015d'%3E%3Ccircle cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23410165' cx='50' cy='100' r='50'/%3E%3Cg fill='%2348026e'%3E%3Ccircle cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23500376' cx='50' cy='200' r='50'/%3E%3Cg fill='%2357047e'%3E%3Ccircle cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%235f0587' cx='50' cy='300' r='50'/%3E%3Cg fill='%2367068f'%3E%3Ccircle cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f0798' cx='50' cy='400' r='50'/%3E%3Cg fill='%237707a0'%3E%3Ccircle cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%238008a9' cx='50' cy='500' r='50'/%3E%3Cg fill='%238909b1'%3E%3Ccircle cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%239109ba' cx='50' cy='600' r='50'/%3E%3Cg fill='%239a09c3'%3E%3Ccircle cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23a309cb' cx='50' cy='700' r='50'/%3E%3Cg fill='%23ad09d4'%3E%3Ccircle cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23b608dc' cx='50' cy='800' r='50'/%3E%3Cg fill='%23c007e5'%3E%3Ccircle cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c905ee' cx='50' cy='900' r='50'/%3E%3Cg fill='%23d303f6'%3E%3Ccircle cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23D0F' cx='50' cy='1000' r='50'/%3E%3C/svg%3E");background-size:contain;display:flex;justify-content:center;min-height:calc(100vh - 40px);padding-bottom:20px;padding-top:20px}.app{background:var(--bkg-color);border-radius:5px;max-width:700px;padding:20px;width:calc(100% - 20px)}.tabs{background:var(--bkg-l-color);border-bottom:1px dotted gray;border-top:1px dotted gray;margin-bottom:20px;margin-top:20px;overflow-y:auto;padding-bottom:5px;padding-top:5px;width:100%}.tabs .inner{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;width:-webkit-max-content;width:max-content}.tabs .inner>button:not(:last-child){margin-right:10px}.tabs button{background:var(--bkg-color);border-radius:1px;text-transform:uppercase}.tabs .selected{background:var(--bkg-d-color);border-color:#fff}.master-password{margin-top:10px}.master-password label{display:none;font-weight:700;padding:3px;width:100%}.master-password .field{display:flex;flex-flow:row nowrap;width:100%}.master-password .field .text-input{flex-grow:1;padding-right:5px}.master-password .field .text-input input{font-size:1.25rem;height:34px;margin:0;width:100%}.master-password .field .text-input input:placeholder-shown{font-size:1rem}.master-password .field .text-hash{display:flex;flex-flow:row nowrap;margin:0}.master-password .field .text-hash .background{display:flex;flex-flow:row nowrap;gap:5px;padding:5px}.master-password .field .text-hash .background .color-box{align-items:center;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;text-shadow:0 1px 1px #000,0 -1px 1px #000,1px 0 1px #000,-1px 0 1px #000;width:24px}.help{margin-bottom:10px;margin-top:20px}.alphabet-list,.secret-list,.service-list,.single-use{display:flex;flex-flow:column;margin-top:10px;width:100%}.alphabet-list .list-header,.secret-list .list-header,.service-list .list-header,.single-use .list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;margin-top:10px}.alphabet-list .list-header .add-alphabet,.alphabet-list .list-header .add-service,.secret-list .list-header .add-alphabet,.secret-list .list-header .add-service,.service-list .list-header .add-alphabet,.service-list .list-header .add-service,.single-use .list-header .add-alphabet,.single-use .list-header .add-service{width:8rem}.alphabet-list .list-header .search,.secret-list .list-header .search,.service-list .list-header .search,.single-use .list-header .search{height:24px;margin-left:10px}.alphabet-list .no-results,.secret-list .no-results,.service-list .no-results,.single-use .no-results{margin-bottom:20px;margin-top:20px;text-align:center;width:100%}.alphabet-list .alphabet,.alphabet-list .secret,.alphabet-list .service,.secret-list .alphabet,.secret-list .secret,.secret-list .service,.service-list .alphabet,.service-list .secret,.service-list .service,.single-use .alphabet,.single-use .secret,.single-use .service{background:var(--bkg-l-color);border:1px solid var(--bkg-d-color);border-radius:5px;margin-bottom:10px;padding:5px 10px}.alphabet-list .alphabet .first-row,.alphabet-list .secret .first-row,.alphabet-list .service .first-row,.secret-list .alphabet .first-row,.secret-list .secret .first-row,.secret-list .service .first-row,.service-list .alphabet .first-row,.service-list .secret .first-row,.service-list .service .first-row,.single-use .alphabet .first-row,.single-use .secret .first-row,.single-use .service .first-row{align-items:center;display:flex;flex-flow:row nowrap;width:100%}@media(max-width:500px){.alphabet-list .alphabet .first-row,.alphabet-list .secret .first-row,.alphabet-list .service .first-row,.secret-list .alphabet .first-row,.secret-list .secret .first-row,.secret-list .service .first-row,.service-list .alphabet .first-row,.service-list .secret .first-row,.service-list .service .first-row,.single-use .alphabet .first-row,.single-use .secret .first-row,.single-use .service .first-row{flex-flow:column}}.alphabet-list .alphabet .first-row .secret-name,.alphabet-list .alphabet .first-row .service-name,.alphabet-list .secret .first-row .secret-name,.alphabet-list .secret .first-row .service-name,.alphabet-list .service .first-row .secret-name,.alphabet-list .service .first-row .service-name,.secret-list .alphabet .first-row .secret-name,.secret-list .alphabet .first-row .service-name,.secret-list .secret .first-row .secret-name,.secret-list .secret .first-row .service-name,.secret-list .service .first-row .secret-name,.secret-list .service .first-row .service-name,.service-list .alphabet .first-row .secret-name,.service-list .alphabet .first-row .service-name,.service-list .secret .first-row .secret-name,.service-list .secret .first-row .service-name,.service-list .service .first-row .secret-name,.service-list .service .first-row .service-name,.single-use .alphabet .first-row .secret-name,.single-use .alphabet .first-row .service-name,.single-use .secret .first-row .secret-name,.single-use .secret .first-row .service-name,.single-use .service .first-row .secret-name,.single-use .service .first-row .service-name{flex-grow:1;font-weight:700}@media(max-width:500px){.alphabet-list .alphabet .first-row .secret-name,.alphabet-list .alphabet .first-row .service-name,.alphabet-list .secret .first-row .secret-name,.alphabet-list .secret .first-row .service-name,.alphabet-list .service .first-row .secret-name,.alphabet-list .service .first-row .service-name,.secret-list .alphabet .first-row .secret-name,.secret-list .alphabet .first-row .service-name,.secret-list .secret .first-row .secret-name,.secret-list .secret .first-row .service-name,.secret-list .service .first-row .secret-name,.secret-list .service .first-row .service-name,.service-list .alphabet .first-row .secret-name,.service-list .alphabet .first-row .service-name,.service-list .secret .first-row .secret-name,.service-list .secret .first-row .service-name,.service-list .service .first-row .secret-name,.service-list .service .first-row .service-name,.single-use .alphabet .first-row .secret-name,.single-use .alphabet .first-row .service-name,.single-use .secret .first-row .secret-name,.single-use .secret .first-row .service-name,.single-use .service .first-row .secret-name,.single-use .service .first-row .service-name{padding-bottom:10px}}.alphabet-list .alphabet .first-row .secret-inputs,.alphabet-list .alphabet .first-row .service-inputs,.alphabet-list .secret .first-row .secret-inputs,.alphabet-list .secret .first-row .service-inputs,.alphabet-list .service .first-row .secret-inputs,.alphabet-list .service .first-row .service-inputs,.secret-list .alphabet .first-row .secret-inputs,.secret-list .alphabet .first-row .service-inputs,.secret-list .secret .first-row .secret-inputs,.secret-list .secret .first-row .service-inputs,.secret-list .service .first-row .secret-inputs,.secret-list .service .first-row .service-inputs,.service-list .alphabet .first-row .secret-inputs,.service-list .alphabet .first-row .service-inputs,.service-list .secret .first-row .secret-inputs,.service-list .secret .first-row .service-inputs,.service-list .service .first-row .secret-inputs,.service-list .service .first-row .service-inputs,.single-use .alphabet .first-row .secret-inputs,.single-use .alphabet .first-row .service-inputs,.single-use .secret .first-row .secret-inputs,.single-use .secret .first-row .service-inputs,.single-use .service .first-row .secret-inputs,.single-use .service .first-row .service-inputs{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end}.alphabet-list .alphabet .first-row .secret-inputs.invalid .copy-btn,.alphabet-list .alphabet .first-row .secret-inputs.invalid .pass-input,.alphabet-list .alphabet .first-row .service-inputs.invalid .copy-btn,.alphabet-list .alphabet .first-row .service-inputs.invalid .pass-input,.alphabet-list .secret .first-row .secret-inputs.invalid .copy-btn,.alphabet-list .secret .first-row .secret-inputs.invalid .pass-input,.alphabet-list .secret .first-row .service-inputs.invalid .copy-btn,.alphabet-list .secret .first-row .service-inputs.invalid .pass-input,.alphabet-list .service .first-row .secret-inputs.invalid .copy-btn,.alphabet-list .service .first-row .secret-inputs.invalid .pass-input,.alphabet-list .service .first-row .service-inputs.invalid .copy-btn,.alphabet-list .service .first-row .service-inputs.invalid .pass-input,.secret-list .alphabet .first-row .secret-inputs.invalid .copy-btn,.secret-list .alphabet .first-row .secret-inputs.invalid .pass-input,.secret-list .alphabet .first-row .service-inputs.invalid .copy-btn,.secret-list .alphabet .first-row .service-inputs.invalid .pass-input,.secret-list .secret .first-row .secret-inputs.invalid .copy-btn,.secret-list .secret .first-row .secret-inputs.invalid .pass-input,.secret-list .secret .first-row .service-inputs.invalid .copy-btn,.secret-list .secret .first-row .service-inputs.invalid .pass-input,.secret-list .service .first-row .secret-inputs.invalid .copy-btn,.secret-list .service .first-row .secret-inputs.invalid .pass-input,.secret-list .service .first-row .service-inputs.invalid .copy-btn,.secret-list .service .first-row .service-inputs.invalid .pass-input,.service-list .alphabet .first-row .secret-inputs.invalid .copy-btn,.service-list .alphabet .first-row .secret-inputs.invalid .pass-input,.service-list .alphabet .first-row .service-inputs.invalid .copy-btn,.service-list .alphabet .first-row .service-inputs.invalid .pass-input,.service-list .secret .first-row .secret-inputs.invalid .copy-btn,.service-list .secret .first-row .secret-inputs.invalid .pass-input,.service-list .secret .first-row .service-inputs.invalid .copy-btn,.service-list .secret .first-row .service-inputs.invalid .pass-input,.service-list .service .first-row .secret-inputs.invalid .copy-btn,.service-list .service .first-row .secret-inputs.invalid .pass-input,.service-list .service .first-row .service-inputs.invalid .copy-btn,.service-list .service .first-row .service-inputs.invalid .pass-input,.single-use .alphabet .first-row .secret-inputs.invalid .copy-btn,.single-use .alphabet .first-row .secret-inputs.invalid .pass-input,.single-use .alphabet .first-row .service-inputs.invalid .copy-btn,.single-use .alphabet .first-row .service-inputs.invalid .pass-input,.single-use .secret .first-row .secret-inputs.invalid .copy-btn,.single-use .secret .first-row .secret-inputs.invalid .pass-input,.single-use .secret .first-row .service-inputs.invalid .copy-btn,.single-use .secret .first-row .service-inputs.invalid .pass-input,.single-use .service .first-row .secret-inputs.invalid .copy-btn,.single-use .service .first-row .secret-inputs.invalid .pass-input,.single-use .service .first-row .service-inputs.invalid .copy-btn,.single-use .service .first-row .service-inputs.invalid .pass-input{color:var(--error-color);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:500px){.alphabet-list .alphabet .first-row .secret-inputs,.alphabet-list .alphabet .first-row .service-inputs,.alphabet-list .secret .first-row .secret-inputs,.alphabet-list .secret .first-row .service-inputs,.alphabet-list .service .first-row .secret-inputs,.alphabet-list .service .first-row .service-inputs,.secret-list .alphabet .first-row .secret-inputs,.secret-list .alphabet .first-row .service-inputs,.secret-list .secret .first-row .secret-inputs,.secret-list .secret .first-row .service-inputs,.secret-list .service .first-row .secret-inputs,.secret-list .service .first-row .service-inputs,.service-list .alphabet .first-row .secret-inputs,.service-list .alphabet .first-row .service-inputs,.service-list .secret .first-row .secret-inputs,.service-list .secret .first-row .service-inputs,.service-list .service .first-row .secret-inputs,.service-list .service .first-row .service-inputs,.single-use .alphabet .first-row .secret-inputs,.single-use .alphabet .first-row .service-inputs,.single-use .secret .first-row .secret-inputs,.single-use .secret .first-row .service-inputs,.single-use .service .first-row .secret-inputs,.single-use .service .first-row .service-inputs{width:100%}}.alphabet-list .alphabet .first-row .pass-input,.alphabet-list .secret .first-row .pass-input,.alphabet-list .service .first-row .pass-input,.secret-list .alphabet .first-row .pass-input,.secret-list .secret .first-row .pass-input,.secret-list .service .first-row .pass-input,.service-list .alphabet .first-row .pass-input,.service-list .secret .first-row .pass-input,.service-list .service .first-row .pass-input,.single-use .alphabet .first-row .pass-input,.single-use .secret .first-row .pass-input,.single-use .service .first-row .pass-input{border:none;border-radius:3px;font-size:1rem;height:24px;max-width:130px;padding-bottom:0;padding-top:0;text-align:center}@media(min-width:600px){.alphabet-list .alphabet .first-row .pass-input,.alphabet-list .secret .first-row .pass-input,.alphabet-list .service .first-row .pass-input,.secret-list .alphabet .first-row .pass-input,.secret-list .secret .first-row .pass-input,.secret-list .service .first-row .pass-input,.service-list .alphabet .first-row .pass-input,.service-list .secret .first-row .pass-input,.service-list .service .first-row .pass-input,.single-use .alphabet .first-row .pass-input,.single-use .secret .first-row .pass-input,.single-use .service .first-row .pass-input{max-width:240px}}@media(max-width:500px){.alphabet-list .alphabet .first-row .pass-input,.alphabet-list .secret .first-row .pass-input,.alphabet-list .service .first-row .pass-input,.secret-list .alphabet .first-row .pass-input,.secret-list .secret .first-row .pass-input,.secret-list .service .first-row .pass-input,.service-list .alphabet .first-row .pass-input,.service-list .secret .first-row .pass-input,.service-list .service .first-row .pass-input,.single-use .alphabet .first-row .pass-input,.single-use .secret .first-row .pass-input,.single-use .service .first-row .pass-input{flex-grow:1;font-size:.8rem;max-width:100%}}.alphabet-list .alphabet .first-row .alphabet-name,.alphabet-list .secret .first-row .alphabet-name,.alphabet-list .service .first-row .alphabet-name,.secret-list .alphabet .first-row .alphabet-name,.secret-list .secret .first-row .alphabet-name,.secret-list .service .first-row .alphabet-name,.service-list .alphabet .first-row .alphabet-name,.service-list .secret .first-row .alphabet-name,.service-list .service .first-row .alphabet-name,.single-use .alphabet .first-row .alphabet-name,.single-use .secret .first-row .alphabet-name,.single-use .service .first-row .alphabet-name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.alphabet-list .alphabet .first-row .alphabet-name,.alphabet-list .secret .first-row .alphabet-name,.alphabet-list .service .first-row .alphabet-name,.secret-list .alphabet .first-row .alphabet-name,.secret-list .secret .first-row .alphabet-name,.secret-list .service .first-row .alphabet-name,.service-list .alphabet .first-row .alphabet-name,.service-list .secret .first-row .alphabet-name,.service-list .service .first-row .alphabet-name,.single-use .alphabet .first-row .alphabet-name,.single-use .secret .first-row .alphabet-name,.single-use .service .first-row .alphabet-name{min-width:100%;text-align:center;width:100%}}.alphabet-list .alphabet .first-row .alphabet-inputs,.alphabet-list .secret .first-row .alphabet-inputs,.alphabet-list .service .first-row .alphabet-inputs,.secret-list .alphabet .first-row .alphabet-inputs,.secret-list .secret .first-row .alphabet-inputs,.secret-list .service .first-row .alphabet-inputs,.service-list .alphabet .first-row .alphabet-inputs,.service-list .secret .first-row .alphabet-inputs,.service-list .service .first-row .alphabet-inputs,.single-use .alphabet .first-row .alphabet-inputs,.single-use .secret .first-row .alphabet-inputs,.single-use .service .first-row .alphabet-inputs{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end}@media(max-width:500px){.alphabet-list .alphabet .first-row .alphabet-inputs,.alphabet-list .secret .first-row .alphabet-inputs,.alphabet-list .service .first-row .alphabet-inputs,.secret-list .alphabet .first-row .alphabet-inputs,.secret-list .secret .first-row .alphabet-inputs,.secret-list .service .first-row .alphabet-inputs,.service-list .alphabet .first-row .alphabet-inputs,.service-list .secret .first-row .alphabet-inputs,.service-list .service .first-row .alphabet-inputs,.single-use .alphabet .first-row .alphabet-inputs,.single-use .secret .first-row .alphabet-inputs,.single-use .service .first-row .alphabet-inputs{width:100%}}.alphabet-list .alphabet .first-row .alphabet-summary,.alphabet-list .secret .first-row .alphabet-summary,.alphabet-list .service .first-row .alphabet-summary,.secret-list .alphabet .first-row .alphabet-summary,.secret-list .secret .first-row .alphabet-summary,.secret-list .service .first-row .alphabet-summary,.service-list .alphabet .first-row .alphabet-summary,.service-list .secret .first-row .alphabet-summary,.service-list .service .first-row .alphabet-summary,.single-use .alphabet .first-row .alphabet-summary,.single-use .secret .first-row .alphabet-summary,.single-use .service .first-row .alphabet-summary{max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.alphabet-list .alphabet .first-row .alphabet-summary,.alphabet-list .secret .first-row .alphabet-summary,.alphabet-list .service .first-row .alphabet-summary,.secret-list .alphabet .first-row .alphabet-summary,.secret-list .secret .first-row .alphabet-summary,.secret-list .service .first-row .alphabet-summary,.service-list .alphabet .first-row .alphabet-summary,.service-list .secret .first-row .alphabet-summary,.service-list .service .first-row .alphabet-summary,.single-use .alphabet .first-row .alphabet-summary,.single-use .secret .first-row .alphabet-summary,.single-use .service .first-row .alphabet-summary{max-width:none;width:calc(100% - 30px)}}.alphabet-list .alphabet .secret-contents,.alphabet-list .secret .secret-contents,.alphabet-list .service .secret-contents,.secret-list .alphabet .secret-contents,.secret-list .secret .secret-contents,.secret-list .service .secret-contents,.service-list .alphabet .secret-contents,.service-list .secret .secret-contents,.service-list .service .secret-contents,.single-use .alphabet .secret-contents,.single-use .secret .secret-contents,.single-use .service .secret-contents{margin-top:10px;width:100%}.alphabet-list .copy-btn,.secret-list .copy-btn,.service-list .copy-btn,.single-use .copy-btn{margin-right:5px}.alphabet-list .copy-btn .checked,.secret-list .copy-btn .checked,.service-list .copy-btn .checked,.single-use .copy-btn .checked{-webkit-animation:icon-checked .25s ease-out;animation:icon-checked .25s ease-out;color:var(--icon-hover-color);-webkit-filter:drop-shadow(1px 1px 2px var(--shadow-color));filter:drop-shadow(1px 1px 2px var(--shadow-color))}@-webkit-keyframes icon-checked{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes icon-checked{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.alphabet-list .hide-btn,.alphabet-list .show-btn,.secret-list .hide-btn,.secret-list .show-btn,.service-list .hide-btn,.service-list .show-btn,.single-use .hide-btn,.single-use .show-btn{margin-left:3px;margin-right:3px}.alphabet-list .alphabet .edit-btn,.secret-list .alphabet .edit-btn,.service-list .alphabet .edit-btn,.single-use .alphabet .edit-btn{margin-left:5px}.alphabet-list .single-use-contents,.secret-list .single-use-contents,.service-list .single-use-contents,.single-use .single-use-contents{align-items:center;display:flex;flex-flow:column}.alphabet-list .single-use-contents .first-row,.secret-list .single-use-contents .first-row,.service-list .single-use-contents .first-row,.single-use .single-use-contents .first-row{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;margin-bottom:20px;margin-top:20px}@media(max-width:500px){.alphabet-list .single-use-contents .first-row,.secret-list .single-use-contents .first-row,.service-list .single-use-contents .first-row,.single-use .single-use-contents .first-row{width:100%}}.alphabet-list .single-use-contents .first-row .pass-input,.secret-list .single-use-contents .first-row .pass-input,.service-list .single-use-contents .first-row .pass-input,.single-use .single-use-contents .first-row .pass-input{border-radius:5px;font-size:1.2em;height:30px;margin-left:5px;margin-right:5px;min-width:300px;text-align:center}@media(max-width:500px){.alphabet-list .single-use-contents .first-row .pass-input,.secret-list .single-use-contents .first-row .pass-input,.service-list .single-use-contents .first-row .pass-input,.single-use .single-use-contents .first-row .pass-input{min-width:min(200px,60vw)}}.alphabet-list .single-use-contents .row,.secret-list .single-use-contents .row,.service-list .single-use-contents .row,.single-use .single-use-contents .row{align-items:stretch;display:flex;flex-flow:row nowrap;flex-flow:column;justify-content:space-between;margin-top:10px;max-width:300px}.alphabet-list .single-use-contents .row label,.secret-list .single-use-contents .row label,.service-list .single-use-contents .row label,.single-use .single-use-contents .row label{margin-bottom:3px}.alphabet-list .single-use-contents .row #single-use-code,.secret-list .single-use-contents .row #single-use-code,.service-list .single-use-contents .row #single-use-code,.single-use .single-use-contents .row #single-use-code{height:30px}.alphabet-list .single-use-contents .list-footer,.secret-list .single-use-contents .list-footer,.service-list .single-use-contents .list-footer,.single-use .single-use-contents .list-footer{display:flex;justify-content:center;margin-top:20px;width:100%}.alphabet-list .single-use-contents .list-footer .add-service,.secret-list .single-use-contents .list-footer .add-service,.service-list .single-use-contents .list-footer .add-service,.single-use .single-use-contents .list-footer .add-service{max-width:300px;min-width:8rem;width:100%}.alphabet-settings,.app-settings,.export-settings,.secret-settings,.service-settings{padding:10px}.alphabet-settings h3,.app-settings h3,.export-settings h3,.secret-settings h3,.service-settings h3{font-size:1rem}.alphabet-settings .sub-settings,.app-settings .sub-settings,.export-settings .sub-settings,.secret-settings .sub-settings,.service-settings .sub-settings{margin-top:10px;padding-bottom:10px;padding-left:20px;padding-top:1px}.alphabet-settings .row,.app-settings .row,.export-settings .row,.secret-settings .row,.service-settings .row{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:10px}@media(max-width:500px){.alphabet-settings .row,.app-settings .row,.export-settings .row,.secret-settings .row,.service-settings .row{align-items:stretch;flex-flow:column}.alphabet-settings .row.checkbox,.app-settings .row.checkbox,.export-settings .row.checkbox,.secret-settings .row.checkbox,.service-settings .row.checkbox{align-items:center;flex-flow:row nowrap}}.alphabet-settings .row.vertical,.app-settings .row.vertical,.export-settings .row.vertical,.secret-settings .row.vertical,.service-settings .row.vertical{flex-flow:column}.alphabet-settings .row.centered,.app-settings .row.centered,.export-settings .row.centered,.secret-settings .row.centered,.service-settings .row.centered{justify-content:center}.alphabet-settings .row.invalid input[type=text],.app-settings .row.invalid input[type=text],.export-settings .row.invalid input[type=text],.secret-settings .row.invalid input[type=text],.service-settings .row.invalid input[type=text]{color:var(--error-color)}.alphabet-settings .row.flex label,.app-settings .row.flex label,.export-settings .row.flex label,.secret-settings .row.flex label,.service-settings .row.flex label{align-items:center;display:flex}.alphabet-settings .row label a,.app-settings .row label a,.export-settings .row label a,.secret-settings .row label a,.service-settings .row label a{margin-left:5px;margin-right:5px}@media(max-width:500px){.alphabet-settings .row label,.app-settings .row label,.export-settings .row label,.secret-settings .row label,.service-settings .row label{margin-bottom:3px}}.alphabet-settings .row label svg,.app-settings .row label svg,.export-settings .row label svg,.secret-settings .row label svg,.service-settings .row label svg{margin-left:5px}.alphabet-settings .row.checkbox label,.app-settings .row.checkbox label,.export-settings .row.checkbox label,.secret-settings .row.checkbox label,.service-settings .row.checkbox label{cursor:pointer;margin-right:5px;-webkit-user-select:none;user-select:none}.alphabet-settings .row input,.app-settings .row input,.export-settings .row input,.secret-settings .row input,.service-settings .row input{height:24px;min-width:50%}.alphabet-settings .row input[type=checkbox],.app-settings .row input[type=checkbox],.export-settings .row input[type=checkbox],.secret-settings .row input[type=checkbox],.service-settings .row input[type=checkbox]{cursor:pointer;height:24px;min-width:auto;width:24px}.alphabet-settings .row select,.app-settings .row select,.export-settings .row select,.secret-settings .row select,.service-settings .row select{max-width:50%}@media(max-width:500px){.alphabet-settings .row select,.app-settings .row select,.export-settings .row select,.secret-settings .row select,.service-settings .row select{max-width:none}}.alphabet-settings .row #defaultPasswordLength,.app-settings .row #defaultPasswordLength,.export-settings .row #defaultPasswordLength,.secret-settings .row #defaultPasswordLength,.service-settings .row #defaultPasswordLength{min-width:25%}.alphabet-settings .load-btn,.alphabet-settings .remove-btn,.app-settings .load-btn,.app-settings .remove-btn,.export,.export .export-import,.export-settings .load-btn,.export-settings .remove-btn,.secret-settings .load-btn,.secret-settings .remove-btn,.service-settings .load-btn,.service-settings .remove-btn{margin-top:10px}.export .export-import .export-result{background:#4d4100;border:1px solid gold;border-radius:5px;color:#fff3b3;margin-bottom:10px;margin-top:10px;padding:10px}.export .export-import .export-result.success{background:rgba(179,217,179,.75);border:1px solid green;color:#002600}.export .export-import .export-result.error{background:rgba(77,0,0,.75);border:1px solid red;color:#ffb3b3}.export .export-import textarea{width:100%}.export .export-import .actions{display:flex;flex-flow:column;gap:10px;padding-bottom:10px;padding-top:0}.export .export-import .actions .actions-export,.export .export-import .actions .actions-import{display:flex;flex-flow:row nowrap;gap:10px;justify-content:center}.export .export-import .actions .row.checkbox{margin:0}.app-settings{padding:0 20px}@media(max-width:500px){.app-settings{padding:0}.app-settings .sub-settings{padding-left:10px}}h1{font-family:FasterOne,sans-serif;font-size:2rem;font-weight:400;margin:0;text-align:center;text-transform:uppercase;width:100%}@media(max-width:500px){h1{font-size:1.5rem}}h2,h3{font-weight:700;text-align:center;text-transform:uppercase}h2,h3,select{margin:0;width:100%}select{-webkit-appearance:none;appearance:none;background-color:var(--input-bkg-color);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid var(--input-border-color);border-radius:3px;box-sizing:border-box;color:var(--input-text-color);cursor:pointer;display:block;height:24px;line-height:1.3;padding:0 25px 0 4px}select::-ms-expand{display:none}select:focus,select:hover{border-color:#888}select option{font-weight:400}input[type=number],input[type=password],input[type=text],textarea{background:var(--input-bkg-color);border:1px solid var(--input-border-color);border-radius:3px;color:var(--input-text-color);margin:0;padding:3px 10px}textarea{padding:10px}.icon-btn{align-items:center;background:transparent;border:none;border-radius:3px;color:var(--icon-color);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;width:24px}.icon-btn:hover{color:var(--icon-hover-color)}.btn{background:var(--btn-color);border:1px solid #8e8e8e;border-radius:3px;color:var(--text-color);cursor:pointer;font-weight:700;padding:5px 8px;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--hover-color)}.btn:disabled{cursor:not-allowed}.btn:disabled,.btn:disabled:hover{background:var(--bkg-l-color)}.help-icon{cursor:help}.warning-label{color:var(--error-color);cursor:help;margin-left:5px}.keep-apart{display:flex;flex-flow:row nowrap;justify-content:space-between}.qrcode-wrapper{display:flex;justify-content:flex-end;width:100%}.qrcode-wrapper .qrcode-background{background:#fff;margin:4px;padding:4px;width:-webkit-min-content;width:min-content}.qrcode-wrapper .qrcode-background svg{display:block}.mb,.mt{margin-top:10px}
/*# sourceMappingURL=main.4a7cf2cd.css.map*/