#topbar{position:fixed;top:0;width:100%;padding:10px;display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface-container)}#topbar>a{font-weight:700;font-size:1.3rem;margin-left:5px;color:var(--md-sys-color-on-surface)}#topbar #icons-row{margin-right:20px}#content{padding:70px 10px 40px}#content>.qr-code{width:320px;margin:0 auto}#content>.qr-code h3{margin:10px 0}#content>.qr-code div.apk-src{margin-bottom:10px}#content>.qr-code input,#content>.qr-code label{vertical-align:middle}#content>.qr-code button.generate{display:block;width:200px;margin:20px auto}#content>.qr-code canvas{display:block;margin:0 auto}#greeting{width:max-content;margin:0 auto}#greeting>div{display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface-variant);padding:10px;border-radius:6px;margin:8px 0}#greeting>div>button{margin-left:8px;width:100px}table{border-collapse:collapse;margin:0 auto}tr{border-bottom:1px solid var(--md-sys-color-outline-variant)}td,th{padding:.5rem}th{text-align:start}td.details{white-space:pre-wrap}td.details>pre{white-space:pre-wrap}dialog{min-width:200px;max-height:85%;border:none;border-radius:20px;background:var(--md-sys-color-surface-container)}dialog[open]{display:flex;flex-direction:column}dialog>div:not(.buttons-row){overflow-y:auto}dialog>div:not(.buttons-row)>h2{margin-block-start:10px}dialog .buttons-row{align-self:end;margin-top:20px}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#filters h3{margin:5px 0 10px}#filters .columns,#filters .levels,#filters .types{margin-bottom:10px}#filters .columns>div,#filters .levels>div,#filters .types>div{display:inline-block;margin-right:5px}#filters :is(.columns,.levels,.tags,.types)>div>*{vertical-align:middle}#filters .tags>div{margin-bottom:5px}#filters .tags>div input{margin-right:5px}#filters label>span:last-child{margin-left:3px}button.m3{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:36px;padding:0 12px;font-size:14px;font-weight:600;line-height:20px}button.m3{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.m3:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b / .12);color:rgb(from var(--md-sys-color-on-surface) r g b / .38)}button.m3:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-on-primary) 8%);color:color-mix(in srgb,var(--md-sys-color-on-primary),var(--md-sys-color-on-primary) 8%)}button.m3:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-on-primary) 10%);color:color-mix(in srgb,var(--md-sys-color-on-primary),var(--md-sys-color-on-primary) 10%)}button.m3.tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.m3.tonal:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 8%);color:color-mix(in srgb,var(--md-sys-color-on-secondary-container),var(--md-sys-color-on-secondary-container) 8%)}button.m3.tonal:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 10%);color:color-mix(in srgb,var(--md-sys-color-on-secondary-container),var(--md-sys-color-on-secondary-container) 10%)}button.icon-button{background-color:transparent;border:0;border-radius:50%;width:40px;height:40px;padding:8px}button.icon-button>svg{fill:var(--md-sys-color-on-surface-variant)}button.icon-button:disabled>svg{fill:rgb(from var(--md-sys-color-on-surface) r g b / .38)}button.icon-button:hover:not(:disabled){cursor:pointer;background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b / .08);fill:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,var(--md-sys-color-on-surface-variant))}button.icon-button:active:not(:disabled){background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b / .1);fill:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 10%,var(--md-sys-color-on-surface-variant))}button.icon-button.extra-small{width:32px;height:32px;padding:4px}input:is([type=text],[type=number],[type=date]).m3,textarea.m3,select.m3{color:var(--md-sys-color-on-background);background-color:transparent;border:1px solid var(--md-sys-color-on-background);border-radius:6px;padding:4px}input:is([type=text],[type=number],[type=date]).m3:focus-visible,textarea.m3:focus-visible,select.m3:focus-visible{border-color:var(--md-sys-color-primary);outline-color:var(--md-sys-color-primary)}input[type=checkbox].m3{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:2px;background:transparent}input[type=checkbox].m3:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}input[type=checkbox].m3:active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}input[type=checkbox].m3:after{display:none;position:relative;content:"";width:5px;height:10px;left:4px;border:solid var(--md-sys-color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox].m3:checked{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary)}input[type=checkbox].m3:checked:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-primary))}input[type=checkbox].m3:checked:active{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,var(--md-sys-color-primary))}input[type=checkbox].m3:checked:after{display:block}input[type=radio].m3{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:50%;margin:auto 5px;cursor:pointer}input[type=radio].m3:checked{border-color:var(--md-sys-color-primary)}input[type=radio].m3:checked:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background-color:var(--md-sys-color-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
