.vault-body{font-family:Open Sans,Arial,sans-serif;display:flex;min-height:100vh;background-color:var(--background);position:relative}.vault-main-content{display:flex;flex-direction:column;flex:1;order:1}.vault-btn{font-size:inherit;font-weight:inherit;background:none;border:none;color:inherit;justify-content:center;cursor:pointer}.masthead,.vault-btn{display:flex;align-items:center}.masthead{flex-basis:3.75rem;position:-webkit-sticky;position:sticky;top:0;padding:0 3.125rem;z-index:10}.vault-logo h1{font-size:1.5625rem;font-weight:600;letter-spacing:-.0625rem;white-space:nowrap}.vault-logo-icon{padding-left:.3125rem;vertical-align:middle}.vault-search-container{flex:1 0 12rem;margin:0 1rem;position:relative}.vault-search-input{font-size:1.125rem;font-weight:400;height:2.75rem;width:100%;color:var(--foreground);caret-color:var(--foreground);padding-left:2.75rem;border:none}.vault-search-input:focus,.vault-search-input:hover{outline:none}.vault-search-input::placeholder{color:var(--muted-foreground)}.vault-search-icon{font-size:1.0625rem;position:absolute;top:50%;left:1.375rem;transform:translate(-50%,-50%)}.user-settings{display:flex;align-items:center;font-weight:400;line-height:1.2;height:100%;padding:0 .5rem;cursor:pointer}.user-image{font-size:2rem}.user-info{margin:0 .625rem}.user-email{font-size:.8125rem}.user-type{font-size:.6875rem;color:var(--muted-foreground)}.user-arrow-btn{font-size:.9375rem}.vault-items-controls{display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:3.75rem;padding:1.125rem 3.125rem;z-index:9}.vault-items-controls h2{flex:1;font-size:1.1875rem;font-weight:700;color:var(--foreground)}.vault-items-controls-group{display:flex}.vault-items-controls-group .vault-items-controls-btn{flex:1}.vault-items-controls-btn{font-size:1.25rem;width:3rem;height:2.5rem;color:var(--muted-foreground);border-radius:.125rem;margin-right:.625rem}.vault-items-controls-btn.current,.vault-items-controls-btn:nth-child(5){margin-right:0}.vault-items-controls-btn.current{color:var(--foreground)}.vault-items-container{display:flex;flex-wrap:wrap;align-content:flex-start;flex:1;padding:0 3.125rem .9375rem}.vault-item{flex-basis:16.875rem;height:8rem;margin-right:.9375rem;margin-bottom:1.875rem;border-radius:.125rem;cursor:pointer}.vault-item,.vault-item-info{display:flex;flex-direction:column}.vault-item-info{flex-basis:3.125rem;justify-content:center;padding:0 .5625rem;line-height:1.2}.vault-item-name{font-size:.9375rem;font-weight:600;color:var(--foreground)}.vault-item-summary{font-size:.75rem;font-weight:400;color:var(--muted-foreground)}.vault-item-thumbnail{display:flex;justify-content:center;align-items:center;flex:1;font-size:2.8125rem;color:#fff;border-top-left-radius:inherit;border-top-right-radius:inherit}.add-vault-item-btn{position:fixed;right:1.25rem;bottom:1.25rem;height:3.625rem;width:3.625rem;font-size:1.75rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:50%;box-shadow:.25rem .25rem .625rem rgba(0,0,0,.3)}.vault-sidebar{display:flex;flex-direction:column;flex:0 0 3.75rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;font-size:1.25rem;color:var(--muted-foreground);z-index:10}.vault-controls-menu{display:flex;flex-direction:column;flex:1 0 0;overflow-y:auto}.vault-controls-menu::-webkit-scrollbar{width:.75rem}.vault-controls-menu::-webkit-scrollbar-track{background-color:transparent}.vault-controls-menu::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:.3125rem;border:.125rem solid transparent}.vault-menu-group,.vault-menu-group:last-of-type{margin-bottom:1.125rem}.vault-settings-menu{font-size:1.5rem;z-index:1}.vault-menu-btn{height:2.5rem;flex-shrink:0;width:100%}.vault-menu-btn.current{color:var(--foreground)}.collapse-btn{height:3.75rem}