.keyring-entry{display:flex;padding:.25em .25em .25em 2em;align-items:center}.keyring-entry>*{max-height:1.5em}.keyring-entry label,.keyring-entry .actions{white-space:nowrap}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table}.modal-wrapper{display:table-cell;padding-top:2em;vertical-align:top}.modal-container{width:30em;max-width:100vw;margin:0 auto;background-color:#fff;border:2px solid #666;display:flex;flex-direction:column}.modal-container>*{padding:1em}.modal-container .modal-header{border-top-left-radius:2px;border-top-right-radius:2px;background:#ccc;font-weight:700}.modal-container .modal-body{display:flex;flex-direction:column;gap:.5em;padding-top:2em}.modal-container .modal-body .fields{display:grid;grid-template-columns:6em auto;grid-gap:.5em}.modal-container .modal-body .fields label{font-weight:700;text-align:right}.modal-container .modal-body .fields input{text-align:left;margin:0}.modal-container .modal-footer{border-bottom-left-radius:2px;border-bottom-right-radius:2px;text-align:right}.modal-container .modal-footer button{margin-left:.5em;padding:.5em}.keyring-entry-dialog .modal-body label{font-weight:700}.keyring-entry-dialog .modal-body .notes{min-height:10em;resize:none;overflow:auto}.keyring-entry-dialog .modal-body .fields>div{display:flex;align-items:center}.keyring-entry-dialog .modal-body .fields>div .fa{font-size:14pt;color:#666;cursor:pointer;margin:0 .25em}.keyring-entry-dialog .modal-body .fields>div .fa:hover{opacity:.6}.unlock-dialog .error{text-align:center;color:red;margin-top:1em;height:1.25em}.keyring{border:1px solid #ddd}.keyring .keyring-header{padding:.25em;background:#ccc;display:flex;user-select:none;align-items:center}.keyring .keyring-header label{flex:1;font-weight:700;font-size:120%}.keyring.locked .keyring-header{background:#666}.keyring .keyring-columns{display:flex;font-weight:700;padding:.25em .25em .25em 2em;background:#ccc}.keyring .keyring-entries div:nth-child(even){background:#eee}.keyring .scheme{width:5em}.keyring .domain,.keyring .user{width:15em}.keyring .notes{padding:0 .5em}.keyring .actions{flex:1;text-align:right}.keyring .scheme,.keyring .domain,.keyring .user,.keyring .notes{text-overflow:ellipsis;overflow:hidden}@media (max-width: 900px){.keyring>*>.scheme,.keyring>*>.notes{display:none}}.keyring-dialog .messages{height:3em}.keyring-dialog .error{text-align:center;color:red;margin:.5em}.keyrings[data-v-7e888d4a]{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%}.keyrings .keyrings-header[data-v-7e888d4a]{flex-grow:0;display:flex;flex-direction:row;padding:.25em}.keyrings .keyrings-header .search[data-v-7e888d4a]{flex:1}.keyrings .keyrings-body[data-v-7e888d4a]{flex-grow:1;overflow:auto}body{margin:0;padding:0}.container{height:100vh;width:100vw;display:flex;flex-direction:column;flex-wrap:nowrap}header,footer{flex-shrink:0;min-height:1.25em;padding:.5em;background:#222;color:#aaa}main{flex-grow:1;overflow:auto;min-height:1em;position:relative}header{display:flex;flex-gap:1em}header h1{margin:0;flex:1}header .fa{font-size:180%;cursor:pointer}header .avatar{cursor:pointer;margin:.25em;width:48px;height:48px;overflow:hidden;border-radius:5px}header .avatar:hover{opacity:.6}.fa{margin:0 .5em}button{padding:.25em .5em;margin:0 1px}button:not(:disabled){cursor:pointer}button .fa{margin:0}.password-input .fa{color:#666;cursor:pointer}.password-input .fa:hover{opacity:.6}