:root{--md-ref-typeface-brand: "Roboto Flex Title", system-ui, -apple-system, sans-serif;--md-ref-typeface-plain: "Roboto Flex", system-ui, -apple-system, sans-serif;--md-sys-color-primary: #a8c7fa;--md-sys-color-on-primary: #003062;--md-sys-color-primary-container: #004788;--md-sys-color-on-primary-container: #d6e3ff;--md-sys-color-secondary: #bec6ff;--md-sys-color-on-secondary: #242c5e;--md-sys-color-secondary-container: #3b4376;--md-sys-color-on-secondary-container: #e0e1ff;--md-sys-color-tertiary: #7ddbab;--md-sys-color-on-tertiary: #00391f;--md-sys-color-tertiary-container: #00522f;--md-sys-color-on-tertiary-container: #99f7c6;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #000000;--md-sys-color-on-background: #e2e2e5;--md-sys-color-surface: #000000;--md-sys-color-surface-dim: #000000;--md-sys-color-surface-bright: #161616;--md-sys-color-surface-container-lowest: #000000;--md-sys-color-surface-container-low: #0a0a0a;--md-sys-color-surface-container: #121212;--md-sys-color-surface-container-high: #1a1a1a;--md-sys-color-surface-container-highest: #242424;--md-sys-color-on-surface: #e2e2e5;--md-sys-color-on-surface-variant: #c4c6cf;--md-sys-color-outline: #8e9099;--md-sys-color-outline-variant: #444650;--md-sys-color-inverse-surface: #e2e2e5;--md-sys-color-inverse-on-surface: #2e3133;--md-sys-color-inverse-primary: #005db4;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-surface-tint: #a8c7fa;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: 600;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: 600;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: 500}@font-face{font-family:Product Sans;font-style:normal;font-weight:400;src:local("Product Sans"),url(/ProductSans-Regular.woff) format("woff")}@font-face{font-family:Roboto Flex,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}@font-face{font-family:Roboto Flex Title,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}*{margin:0;padding:0;box-sizing:border-box}.loading-container{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;gap:1rem}.dialog{--md-dialog-container-color: var(--md-sys-color-surface-container);position:fixed;margin:auto;inset:50%}.dialog-headline{margin:20px 20px 0;font-family:Roboto Flex Title,sans-serif}.dialog-content{margin:20px;font-family:Roboto Flex,sans-serif}.dialog-button{font-family:Roboto Flex,sans-serif;margin-right:20px;min-width:80px;max-width:max-content;margin-bottom:10px}.login-button{width:max-content;padding:1.25dvh;align-items:center;margin:auto;justify-content:center;justify-items:center}.login-text-field{position:relative;padding:10px;margin-bottom:10px;place-items:center;display:flex}.code{font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html,body{height:100%;font-family:"Product Sans",var(--md-ref-typeface-plain)}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.breadcrumbs{display:flex;position:absolute;right:0;align-items:center;margin-right:20px}.delete-button,.download-button{margin:0 6px;padding:0 6px;width:auto}.delete-button:hover,.download-button:hover{transform:scale(1.05);transition:transform .15s ease-out}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.m3-loader-container{display:inline-flex;position:relative;line-height:0;overflow:hidden;height:var(--m3-size, 40px);width:var(--m3-size, 40px)}.m3-outer-spin{width:100%;height:100%;animation:m3-cpi-rotate 6s linear infinite}.m3-inner-container{position:absolute;width:100%;height:100%;transform:rotate(-90deg);animation:m3-cpi-container-rotate 6s ease infinite}.m3-svg{height:100%;width:100%;fill:transparent}.m3-active-circle{stroke:var(--m3-color, #0b57d0);stroke-width:var(--m3-stroke, 4px);stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(0,0,.2,1);animation:m3-cpi-active-grow 6s ease infinite}.m3-track-circle{stroke:var(--m3-track, #c2e7ff);stroke-width:var(--m3-stroke, 4px);stroke-linecap:round;animation:m3-cpi-track-grow 6s ease infinite}@keyframes m3-cpi-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(990deg)}}@keyframes m3-cpi-container-rotate{0%{transform:rotate(0)}8.33%{transform:rotate(90deg)}25%{transform:rotate(90deg)}33.33%{transform:rotate(180deg)}50%{transform:rotate(180deg)}58.33%{transform:rotate(270deg)}75%{transform:rotate(270deg)}83.33%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes m3-cpi-active-grow{0%,to{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-15}}@keyframes m3-cpi-track-grow{0%,to{stroke-dasharray:100,200;stroke-dashoffset:-15}50%{stroke-dasharray:1,200;stroke-dashoffset:0}}::view-transition-old(root){animation:fade-out .15s ease-in}::view-transition-new(root){animation:fade-in .15s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--md-sys-color-background)}.header{background-color:var(--md-sys-color-surface-container);padding:1.5rem 2rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.header-icon{color:var(--md-sys-color-primary);font-size:2rem}.header h1{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);color:var(--md-sys-color-on-surface);margin:0}.main{flex:1;padding:2rem}.container{max-width:1200px;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.empty-state-icon{font-size:4rem;color:var(--md-sys-color-outline);margin-bottom:1rem}.empty-state h2{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface-variant);margin-bottom:.5rem}.empty-state p{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-outline)}.error-container{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:1rem 1.5rem;border-radius:var(--md-sys-shape-corner-medium);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.error-icon{font-size:1.5rem}.key-list-container{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);overflow:hidden}md-list{--md-list-container-color: transparent}md-list-item{--md-list-item-container-color: transparent;--md-list-item-label-text-color: var(--md-sys-color-on-surface);--md-list-item-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-list-item-leading-icon-color: var(--md-sys-color-primary)}md-list-item:hover{--md-list-item-container-color: var(--md-sys-color-surface-container-high)}.delete-button{--md-filled-button-container-color: var(--md-sys-color-error);--md-filled-button-label-text-color: var(--md-sys-color-on-error);--md-filled-button-hover-container-color: var(--md-sys-color-error-container);--md-filled-button-hover-label-text-color: var(--md-sys-color-on-error-container)}.bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;margin-bottom:.75rem;background-color:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-large);animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-bar-info{display:flex;align-items:center;gap:.75rem;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-secondary-container)}md-checkbox{--md-checkbox-selected-container-color: var(--md-sys-color-primary);--md-checkbox-selected-icon-color: var(--md-sys-color-on-primary);flex-shrink:0}md-list-item md-checkbox{margin-right:-.25rem}.list-item-info md-checkbox~.list-item-icon{margin-left:0}.material-symbols-outlined{align-self:center;justify-self:center;align-items:center;justify-items:center;display:flex}.list-item-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem}.list-item-info{display:flex;align-items:center;gap:1rem;flex:1}.list-item-icon{color:var(--md-sys-color-primary);font-size:1.5rem}.list-item-text{flex:1}.list-item-filename{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;color:var(--md-sys-color-on-surface);font-family:Courier New,monospace}.list-item-meta{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-top:.25rem}@media(max-width:768px){.header,.main{padding:1rem}.list-item-content{flex-direction:column;align-items:flex-start;gap:1rem}.delete-button{align-self:stretch}}