:root{--background: #fff;--foreground: #000;--primary: #08f;--primary-foreground: #fff;--error: #f22;font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--background: #000;--foreground: #fff;color-scheme:dark}}:root[color-scheme=dark]{--background: #000;--foreground: #fff;color-scheme:dark}:root[color-scheme=light]{--background: #fff;--foreground: #000;color-scheme:light}*{-webkit-tap-highlight-color:transparent;background:none;border:none;box-sizing:border-box;color:inherit;font-family:inherit;line-height:1;margin:0;min-width:0;padding:0;scrollbar-width:none}*:focus{outline:2px solid var(--primary)}body{background:var(--background);color:var(--foreground);height:100dvh;margin:0 auto;max-width:640px;overflow:hidden;overscroll-behavior:contain;padding-bottom:var(--keyboard-height, 0);transition:padding .1s}ul{margin:0 0 0 16px}p{line-height:1.25;margin:8px 0}label[for],input[type=checkbox],input[type=radio],button{-webkit-user-select:none;user-select:none}label[for]:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),button:not(:disabled){cursor:pointer}[input-mode=touch]{-webkit-user-select:none;user-select:none}[input-mode=touch] a,[input-mode=touch] input[type=checkbox],[input-mode=touch] input[type=radio],[input-mode=touch] button,[input-mode=mouse] a,[input-mode=mouse] input[type=checkbox],[input-mode=mouse] input[type=radio],[input-mode=mouse] button{outline:none!important}#app{width:100%;height:100%;position:relative}input[type=radio]{flex-shrink:0;margin:0;padding:0;width:20px;height:20px;position:relative;border-radius:100%}input[type=radio]:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:100%;background:var(--background);border:2px solid #888}input[type=radio]:after{content:"";position:absolute;left:4px;right:4px;top:4px;bottom:4px;border-radius:100%;background:var(--primary);opacity:0;transition:opacity .1s}input[type=radio]:checked:before{border-color:var(--primary)}input[type=radio]:checked:after{opacity:1}input[type=radio]:not(:disabled){cursor:pointer}input[type=radio]:not(:disabled):hover{filter:brightness(1.2)}input[type=radio]:disabled{opacity:.5}input[type=radio]:disabled:before{border-color:#888}input[type=radio]:disabled:after{background:#888}input[type=checkbox]{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;width:20px;height:20px;position:relative;border-radius:6px}input[type=checkbox]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;background:var(--background);border:2px solid #888;transition:background .1s}input[type=checkbox]:after{content:"+";color:#fff;font-family:monospace;font-size:24px;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;transform:rotate(45deg);opacity:0;transition:opacity .1s}input[type=checkbox]:checked:before{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:not(:disabled){cursor:pointer}input[type=checkbox]:not(:disabled):hover{filter:brightness(1.2)}input[type=checkbox]:disabled{opacity:.5}input[type=checkbox]:disabled:before{border-color:#888;background:#888}input[type=checkbox]:disabled:after{color:#aaa}app-floating-modal{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}app-floating-modal:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}app-floating-modal>main{position:relative;width:400px;min-height:200px;max-width:calc(100% - 32px);max-height:calc(100% - 64px);padding:24px;border-radius:24px;background:var(--background);box-shadow:0 0 32px #0004;display:flex;flex-direction:column}app-floating-modal>main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:inherit;opacity:.1}app-floating-modal>main>*{position:relative}app-floating-modal>main>.header{flex-shrink:0;padding:0 0 16px}app-floating-modal>main>.content{flex:1;padding:8px;margin:-8px;overflow:auto}app-floating-modal>main>.content>*:first-child{margin-top:0}app-floating-modal>main>.actions{padding:8px 0 0;flex-shrink:0;display:flex;justify-content:flex-end;gap:8px}app-floating-modal>main>.actions>button{padding:16px;margin:-8px 0;font-size:14px;font-weight:500;color:var(--primary)}app-floating-modal>main>.actions>button:disabled{color:var(--foreground);opacity:.5}app-floating-modal.opening{animation:blur-in .2s}app-floating-modal.opening>main{animation:pop-in .2s}app-floating-modal.closing{animation:blur-out .2s forwards}app-floating-modal.closing>main{animation:pop-out .2s forwards}@keyframes pop-in{0%{opacity:0;transform:scale(0)}}@keyframes pop-out{to{opacity:0}}@keyframes click-feedback{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(60)}}@keyframes view-in{0%{opacity:0}33%{transform:scale(.8) translate(calc(100% + 32px));opacity:0;border-radius:32px;box-shadow:0 0 64px #8884}67%{transform:scale(.8);opacity:1;border-radius:32px;box-shadow:0 0 64px #8884}}@keyframes view-in-reverse{0%{opacity:0}33%{transform:scale(.8) translate(calc(-100% - 32px));opacity:0;border-radius:32px;box-shadow:0 0 64px #8884}67%{transform:scale(.8);opacity:1;border-radius:32px;box-shadow:0 0 64px #8884}}@keyframes view-out{33%{border-radius:32px;transform:scale(.8);box-shadow:0 0 64px #8884}67%{transform:scale(.8) translate(calc(-100% - 32px));opacity:1;box-shadow:0 0 64px #8884}to{border-radius:32px;transform:scale(.8) translate(calc(-100% - 32px));opacity:0}}@keyframes view-out-reverse{33%{border-radius:32px;transform:scale(.8);box-shadow:0 0 64px #8884}67%{transform:scale(.8) translate(calc(100% + 32px));opacity:1;box-shadow:0 0 64px #8884}to{border-radius:32px;transform:scale(.8) translate(calc(100% + 32px));opacity:0}}@keyframes modal-in{0%{transform:translate(100%);opacity:0}50%{opacity:1;box-shadow:0 0 64px #8884}}@keyframes modal-out{50%{opacity:1;box-shadow:0 0 64px #8884}to{transform:translate(100%);opacity:0}}app-main{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-main>button{position:absolute;right:16px;bottom:24px;width:56px;height:56px;border-radius:100%;display:flex;justify-content:center;align-items:center;fill:var(--primary-foreground);background:var(--primary)}app-main>button:not(:disabled):hover{filter:brightness(1.1)}app-main>button:not(:disabled):focus{outline-color:var(--foreground)}app-main-header{--bar-height: 4px;height:calc(64px + var(--bar-height));padding:12px 12px calc(12px + var(--bar-height));display:flex;align-items:center;justify-content:space-between;position:relative}app-main-header button{fill:var(--foreground);display:flex;width:40px;height:40px;box-sizing:content-box;padding:4px;margin:-4px;border-radius:100%;justify-content:center;align-items:center}app-main-header button:disabled{opacity:.5}app-main-header .actions{display:flex;align-items:center;gap:8px}app-main-header>.timer-bar{position:absolute;left:0;bottom:0;height:var(--bar-height);width:100%;border-radius:calc(var(--bar-height) / 2);background:var(--primary)}app-main-header>.selection{position:absolute;top:0;left:0;right:0;bottom:var(--bar-height);padding:12px;background:var(--background);display:none;align-items:center;justify-content:space-between}app-main-header>.search{position:absolute;top:0;left:0;right:0;bottom:var(--bar-height);padding:12px;background:var(--background);display:none;gap:8px}app-main-header>.search>.placeholder{position:absolute;top:12px;left:20px;right:60px;bottom:12px;display:none;align-items:center;font-size:16px;font-weight:500;opacity:.4}app-main-header>.search>.placeholder>.icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;fill:var(--foreground)}app-main-header>.search>input{flex:1;font-size:16px;padding:0 8px;border-bottom:1px solid #888}app-main-header>.search>input:not(:disabled):hover{filter:brightness(1.1)}app-main-header>.search>input:not(:disabled):focus{outline:none;border-color:var(--foreground)}app-main-header.selected>.actions{display:none}app-main-header.selected>.selection{display:flex}app-main-header.selected.multiple>.selection .edit,app-main-header.selected.multiple>.selection .copy{display:none}app-main-header[search]>.actions{display:none}app-main-header[search]>.search{display:flex}app-main-header[search][search=""]>.search>.placeholder{display:flex}app-main-header.empty>.actions>.search{display:none}app-qr-code-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-qr-code-modal main{flex:1;display:flex;overflow:auto;scroll-snap-type:x mandatory}app-qr-code-modal main .card{scroll-snap-align:center;scroll-snap-stop:always;flex-shrink:0;width:100%;height:100%;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}app-qr-code-modal main .card .issuer{font-size:24px;height:24px;margin:32px 0 8px}app-qr-code-modal main .card .name{font-size:16px;height:16px}app-qr-code-modal main .card app-button{margin:48px 0}app-qr-code-modal main .card .img{display:block;background:#fff;border-radius:16px;padding:16px;width:100%;max-height:min(100%,432px);max-width:min(100%,432px)}app-qr-code-modal main .card .img:empty{padding:0 16px min(100%,432px)}app-qr-code-modal main .card .img svg{width:100%;height:100%}app-qr-code-modal .footer{height:96px;display:flex;justify-content:center;align-items:center;gap:24px}app-qr-code-modal .footer .index{font-size:16px;font-weight:500}app-qr-code-modal .footer button{fill:var(--foreground);width:40px;height:40px;border-radius:100%;display:flex;justify-content:center;align-items:center}app-qr-code-modal .footer button:disabled{opacity:0}app-button{flex-shrink:0;display:inline-block;height:40px;position:relative;border-radius:20px}app-button button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;padding:0 24px;background:var(--primary);color:var(--primary-foreground);border-radius:inherit;overflow:hidden;transition:background .2s,color .2s,opacity .2s,filter .1s}app-button button:not(:disabled):hover{filter:brightness(1.1)}app-button button:not(:disabled):focus{outline-color:var(--foreground)}app-button .loader{display:none;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;justify-content:center;align-items:center;background:var(--primary);stroke:var(--primary-foreground)}app-button.disabled button{background:#888;color:#fff;opacity:.5}app-button.loading .loader{display:flex}app-modal-header{height:64px;padding:12px;display:flex;align-items:center;gap:8px}app-modal-header h2{flex:1}app-modal-header>div{display:flex;align-items:center;gap:8px}app-modal-header button{fill:var(--foreground);display:flex;width:40px;height:40px;box-sizing:content-box;padding:4px;margin:-4px;border-radius:100%;justify-content:center;align-items:center}app-modal-header button:disabled{opacity:.5}app-input{flex-shrink:0;display:block;position:relative;padding:6px 0 0;width:100%}app-input>label{position:absolute;top:0;left:12px;font-size:12px;padding:0 2px;background:var(--background);border-radius:4px;pointer-events:none;color:#888;transition:top .1s,transform .1s,font-size .1s,background .1s}app-input>input{width:100%;height:48px;padding:0 12px;background:var(--background);font-size:16px;border:1px solid #8888;border-radius:8px;transition:border-color .1s}app-input>input::placeholder{color:#8888}app-input>input:not(:disabled):hover{border-color:#888}app-input>.error{color:var(--error);padding:4px 0;font-size:12px;height:20px}app-input>.eye{position:absolute;top:30px;transform:translateY(-50%);right:8px;fill:#8888;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;transition:fill .1s}app-input>.eye:hover{fill:var(--foreground)}app-input.empty:not(.placeholder):not(.focus)>label{top:30px;transform:translateY(-50%);font-size:16px;background:none}app-input.focus>label{color:var(--primary);font-weight:700}app-input.focus>input{border-color:var(--primary);outline-color:var(--primary)}app-input.disabled>input{color:#888}app-input.disabled:after{content:"";position:absolute;top:7px;left:1px;right:1px;bottom:21px;pointer-events:none;background:var(--foreground);border-radius:8px;opacity:.1}app-input.error>label{color:var(--error)}app-input.error>input{border-color:var(--error);outline-color:var(--error)}app-input.password>input{padding-right:40px}app-settings-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-settings-modal main{flex:1;display:flex;flex-direction:column;overflow:auto;padding:0 2px}app-settings-modal main button{height:80px;padding:0 22px 0 14px;display:flex;align-items:center;gap:12px;text-align:left}app-settings-modal main button:disabled{opacity:.5}app-settings-modal main button .icon{flex-shrink:0;width:32px;height:32px;display:flex;justify-content:center;align-items:center;fill:var(--foreground)}app-settings-modal main button .info{display:flex;flex-direction:column;gap:4px}app-settings-modal main button .info .name{font-size:14px;font-weight:700}app-settings-modal main button .info .description{font-size:12px;font-weight:300;line-height:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}app-about-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-about-modal>main{flex:1;overflow:auto}app-about-modal>main>article{margin:16px;padding:8px 0;display:flex;flex-direction:column;border-radius:16px;border:1px solid #8888}app-about-modal>main>article>.header{padding:8px 16px;display:flex;gap:12px;align-items:center}app-about-modal>main>article>.header>img{width:32px;height:32px}app-about-modal>main>article>.entry{padding:8px 16px;display:flex;gap:12px;text-align:left}app-about-modal>main>article>.entry>.icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;fill:var(--foreground)}app-about-modal>main>article>.entry>.content{display:flex;flex-direction:column;justify-content:center;gap:4px}app-about-modal>main>article>.entry>.content>.label{font-weight:500;pointer-events:none}app-about-modal>main>article>.entry>.content>.description{font-weight:300}app-appearance-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-appearance-modal main{flex:1;display:flex;flex-direction:column;overflow:auto}app-radio{display:block;height:40px}app-radio button{width:100%;height:100%;display:flex;align-items:center;padding:0 8px;gap:16px}app-radio button label{pointer-events:none}app-switch{width:56px;height:32px;border-radius:16px;overflow:hidden;background:var(--background);position:relative}app-switch:before{content:"";pointer-events:none;position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;border:2px solid #888;transition:border-color .1s,background .1s}app-switch:after{content:"";pointer-events:none;position:absolute;top:8px;left:8px;height:16px;width:16px;border-radius:100%;background:#888;transition:background .1s,transform .1s}app-switch input{width:100%;height:100%;opacity:0}app-switch input:not(:disabled){cursor:pointer}app-switch.checked:before{border-color:var(--primary);background:var(--primary)}app-switch.checked:after{background:var(--primary-foreground);transform:translate(24px) scale(1.25)}app-switch.disabled{filter:grayscale(1);opacity:.5}app-switch:not(.disabled):hover{filter:brightness(1.2)}app-settings-entry{display:block;height:80px;padding:0 2px}app-settings-entry button{width:100%;height:100%;padding:0 22px;text-align:left;display:flex;align-items:center;gap:12px}app-settings-entry button:disabled{opacity:.5}app-settings-entry button:disabled app-switch{opacity:1!important}app-settings-entry button .info{flex:1;display:flex;flex-direction:column;gap:4px}app-settings-entry button .info .name{font-size:14px;font-weight:700}app-settings-entry button .info .description{font-size:12px;font-weight:300;line-height:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}app-audit-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-audit-modal>main{flex:1;overflow:auto}app-audit-modal>main>h3{padding:12px;background:var(--background);position:sticky;top:0;z-index:1}app-audit-entry-element{display:block;padding:4px 8px}app-audit-entry-element>div{width:100%;text-align:left;gap:8px;display:flex;border-radius:12px;padding:8px;position:relative;overflow:hidden}app-audit-entry-element>div:before{content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;background:var(--foreground);opacity:.05}app-audit-entry-element>div>.icon{fill:var(--foreground);width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:8px;position:relative;overflow:hidden}app-audit-entry-element>div>.icon:before{content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;background:var(--foreground);opacity:.05}app-audit-entry-element>div>.content{display:flex;flex-direction:column;gap:4px}app-audit-entry-element>div>.content>.title{font-weight:700}app-audit-entry-element>div>.content>.description{font-size:14px;font-style:italic}app-audit-entry-element>div>.content>.date{font-size:12px;opacity:.5}app-import-export-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-import-export-modal main{flex:1;display:flex;flex-direction:column;overflow:auto}app-checkbox{display:block;height:40px}app-checkbox button{width:100%;height:100%;display:flex;align-items:center;padding:0 8px;gap:16px}app-checkbox button label{pointer-events:none}app-export-to-qr-code-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-export-to-qr-code-modal>.header{padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}app-export-to-qr-code-modal>main{flex:1;display:flex;overflow:auto;scroll-snap-type:x mandatory}app-export-to-qr-code-modal>main>.card{scroll-snap-align:center;scroll-snap-stop:always;flex-shrink:0;width:100%;height:100%;padding:16px;display:flex;flex-direction:column;align-items:center}app-export-to-qr-code-modal>main>.card>.img{display:block;background:#fff;border-radius:16px;padding:16px;width:100%;max-height:min(100%,432px);max-width:min(100%,432px)}app-export-to-qr-code-modal>main>.card>.img:empty{padding:0 16px min(100%,432px)}app-export-to-qr-code-modal>main>.card>.img>svg{width:100%;height:100%}app-export-to-qr-code-modal>.footer{height:96px;display:flex;justify-content:center;align-items:center;gap:24px}app-export-to-qr-code-modal>.footer>.index{font-size:16px;font-weight:500}app-export-to-qr-code-modal>.footer>button{fill:var(--foreground);width:40px;height:40px;border-radius:100%;display:flex;justify-content:center;align-items:center}app-export-to-qr-code-modal>.footer>button:disabled{opacity:0}app-import-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-import-modal main{flex:1;display:flex;flex-direction:column;overflow:auto}app-security-settings-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-security-settings-modal main{flex:1;display:flex;flex-direction:column;overflow:auto}app-upsert-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column}app-upsert-modal app-modal-header .trash{display:none}app-upsert-modal main{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 16px;overflow:auto}app-upsert-modal main>div{display:flex;gap:16px}app-upsert-modal main>div>*{flex:1}app-upsert-modal .counter,app-upsert-modal .period{display:none}app-upsert-modal[type=TOTP] .period{display:block}app-upsert-modal[type=HOTP] .counter{display:block}app-upsert-modal.deletable app-modal-header .trash{display:block}app-select{flex-shrink:0;display:block;position:relative;padding:6px 0 0;width:100%}app-select>label{z-index:1;position:absolute;top:0;left:12px;font-size:12px;padding:0 2px;background:var(--background);border-radius:4px;pointer-events:none;color:#888;transition:top .1s,transform .1s,font-size .1s,background .1s}app-select>select,app-select ::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:1px solid #8888;border-radius:8px;cursor:pointer}app-select ::picker(select){border-top:none;border-top-left-radius:0;border-top-right-radius:0}app-select>select{width:100%;height:48px;padding:0 12px;background:var(--background);font-size:16px;font-weight:400;transition:border-color .1s;display:flex;align-items:center}app-select>select::placeholder{color:#8888}app-select>select:not(:disabled):not(:open):hover{border-color:#888}app-select>select::picker-icon{opacity:.5}app-select>select:open{border-bottom-left-radius:0;border-bottom-right-radius:0}app-select>select:open::picker-icon{transform:rotate(180deg)}app-select>select>option{background:var(--background);padding:12px}app-select>select>option::checkmark{order:1;display:none}app-select>select>option:focus{font-weight:500;background:var(--primary);color:var(--primary-foreground)}app-select>select>option[value=""]{display:none}app-select>.error{color:var(--error);padding:4px 0;font-size:12px;height:20px}app-select.empty:not(.focus)>label{top:30px;transform:translateY(-50%);font-size:16px;background:none}app-select.focus>label{color:var(--primary);font-weight:700}app-select.focus>select{border-color:var(--primary);outline-color:var(--primary)}app-select.disabled>select{color:#888}app-select.disabled:after{content:"";position:absolute;top:7px;left:1px;right:1px;bottom:21px;pointer-events:none;background:var(--foreground);border-radius:8px;opacity:.1}app-select.error>label{color:var(--error)}app-select.error>select{border-color:var(--error);outline-color:var(--error)}app-main-content{display:block;flex:1;overflow:auto}app-main-content .count{font-size:14px;font-weight:500;text-align:center;margin:8px 0 16px}app-main-content .splash{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}app-main-content .splash svg{fill:var(--foreground);opacity:.25}app-main-content .splash p{text-align:center;margin:16px 0 32px}app-main-content .splash app-button{margin:0 0 128px}app-drawer-modal{position:absolute;top:0;left:0;right:0;bottom:0}app-drawer-modal:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}app-drawer-modal>main{position:absolute;left:0;right:0;bottom:0;max-height:calc(100% - 32px);background:var(--background);box-shadow:0 0 32px #0004;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column}app-drawer-modal>main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:inherit;opacity:.1}app-drawer-modal>main>*{position:relative}app-drawer-modal>main>.header{flex-shrink:0;text-align:center}app-drawer-modal>main>.header:not(:empty){padding:24px 0 16px}app-drawer-modal>main>.content{flex:1;overflow:auto}app-drawer-modal.opening{animation:blur-in .2s}app-drawer-modal.opening>main{animation:slide-in .2s}app-drawer-modal.closing{animation:blur-out .2s forwards}app-drawer-modal.closing>main{animation:slide-out .2s forwards}@keyframes blur-in{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes blur-out{0%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes slide-in{0%{border-radius:0;transform:translateY(100%)}}@keyframes slide-out{to{transform:translateY(100%)}}app-scan-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);overflow:hidden}app-scan-modal video{cursor:pointer}app-scan-modal video.user{transform:scaleX(-1)}app-scan-modal button{position:absolute;fill:#fff;filter:drop-shadow(0 0 8px #000);display:flex;width:48px;height:48px;border-radius:100%;justify-content:center;align-items:center}app-scan-modal button:disabled{opacity:.5}app-scan-modal button.back{top:8px;left:8px}app-scan-modal button.flip{top:8px;right:8px}app-scan-modal.opening{animation:some .2s}app-scan-modal.closing{animation:some .2s}app-scan-modal:not(.contain) video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:min(100vw,640px);min-height:100dvh}app-scan-modal.contain{display:flex;justify-content:center;align-items:center;padding:16px}app-scan-modal.contain .video-container{border-radius:16px;overflow:hidden}app-scan-modal.contain .video-container video{width:100%;height:100%;margin-bottom:-4px}app-main-entry{--identifier-height: 16px;position:relative;display:block;height:104px;padding:4px;transition:transform .1s}app-main-entry>button{width:100%;height:100%;border-radius:16px;display:flex;align-items:center;text-align:left;padding:16px;gap:16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:background .2s}app-main-entry>button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--foreground);transition:opacity .1s;opacity:.025}app-main-entry>button>*{z-index:1}app-main-entry>button>.icon{height:64px;width:64px;border-radius:100%;background:#888;color:#fff;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:500;text-transform:uppercase;position:relative;overflow:hidden}app-main-entry>button>.icon>.image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;border-radius:100%;overflow:hidden}app-main-entry>button>.icon>.check,app-main-entry>button>.icon>.copy{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;display:flex;justify-content:center;align-items:center;opacity:0}app-main-entry>button>.icon>.copy{background:#888;fill:#fff;transition:opacity .15s}app-main-entry>button>.icon>.check{background:var(--primary);fill:var(--primary-foreground);transform:scale(0);transition:transform .15s,opacity .15s}app-main-entry>button>.content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}app-main-entry>button>.content>.identifier{font-size:calc(var(--identifier-height) - 2px);line-height:var(--identifier-height)}app-main-entry>button>.content>.identifier>.issuer{font-weight:700}app-main-entry>button>.content>.code{font-size:28px;height:28px;font-weight:700;color:var(--primary);filter:saturate(.5)}app-main-entry>button>.increment{width:40px;height:40px;border-radius:100%;display:flex;justify-content:center;align-items:center;fill:var(--foreground)}app-main-entry>button>.drag{position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:24px;height:24px;cursor:grab;fill:var(--foreground);display:none;justify-content:center;align-items:center}app-main-entry.selected>button:before{opacity:.1}app-main-entry.selected>button>.icon>.check{opacity:1;transform:scale(1)}app-main-entry.draggable>button>.drag{display:flex}app-main-entry.active>button{background:#8884}app-main-entry.active>button>.icon>.copy{opacity:1}app-main-entry.hide-icon>button>.icon{display:none}app-main-entry[name-placement=right]>button>.content>.identifier{height:var(--identifier-height);word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}app-main-entry[name-placement=right]>button>.content>.identifier>.name:not(:empty){margin-left:8px}app-main-entry[name-placement=right]>button>.content>.identifier>.name:not(:empty):before{content:"("}app-main-entry[name-placement=right]>button>.content>.identifier>.name:not(:empty):after{content:")"}app-main-entry[name-placement=bottom]>button>.content>.identifier{display:flex;flex-direction:column;grid-gap:4px}app-main-entry[name-placement=bottom]>button>.content>.identifier>.issuer,app-main-entry[name-placement=bottom]>button>.content>.identifier>.name{word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}app-main-entry[name-placement=hide]>button>.content>.identifier>.name{display:none}app-main-entry[view-mode=compact]{--identifier-height: 14px;height:88px}app-main-entry[view-mode=compact]>button>.icon{height:48px;width:48px;font-size:24px}app-main-entry[view-mode=compact]>button>.content>.code{font-size:24px;height:24px}app-main-entry[view-mode=small]{--identifier-height: 12px;height:80px}app-main-entry[view-mode=small]>button{padding:12px;gap:12px}app-main-entry[view-mode=small]>button>.icon{height:48px;width:48px;font-size:24px}app-main-entry[view-mode=small]>button>.content>.code{font-size:20px;height:20px}app-main-entry.indicate-expiring.error>button>.content>.code{transition:color .5s;color:var(--error)}app-main-entry.indicate-expiring.blink>button>.content>.code{animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes touch-hold-feedback{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}to{opacity:.5;transform:translate(-50%,-50%) scale(60)}}app-setup{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column;align-items:center;padding:48px 32px;overflow:auto}app-setup>*{max-width:400px}app-setup>h1{font-weight:800}app-setup>p{text-align:center;margin:32px 0}app-setup>app-button{width:100%;margin-top:24px}app-fingerprint{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column;padding:96px 32px;overflow:auto;align-items:center}app-fingerprint>*{max-width:400px}app-fingerprint>.icon{fill:var(--foreground)}app-fingerprint>h1{font-weight:800;margin-top:48px}app-fingerprint>p{text-align:center;margin:48px 0}app-fingerprint>app-button{width:100%;margin-bottom:32px}app-fingerprint>button{opacity:.5;transition:opacity .1s;padding:8px}app-fingerprint>button:hover{opacity:1}app-unlock{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);display:flex;flex-direction:column;align-items:center;padding:48px 32px;overflow:auto}app-unlock>*{max-width:400px}app-unlock>h1{font-weight:800;margin-bottom:32px}app-unlock>app-button{width:100%;margin:24px 0}app-unlock>button.fingerprint{fill:var(--foreground);width:48px;height:48px;border-radius:100%;display:flex;justify-content:center;align-items:center;opacity:.5;transition:opacity .1s}app-unlock>button.fingerprint:hover{opacity:1}app-unlock>button.forgot{position:fixed;padding:8px;bottom:32px;left:50%;transform:translate(-50%);opacity:.5;transition:opacity .1s}app-unlock>button.forgot:hover{opacity:1}