const r = ':host{--_tile-img-fit: var(--app-card-tile-img-fit, cover);--_height: var(--app-card-height, 14rem);--_width: var(--app-card-width, 16rem);--_tile-img-height: var(--app-card-tile-img-height, 9rem);--_tile-img-background-color: var(--app-card-tile-img-background-color, var(--md-sys-color-secondary-container, olive));color:var(--md-sys-color-on-surface)}a.rail-button,a.drawer-button,a.navigation-button,a.card-wrapper{text-decoration:none;color:var(--md-sys-color-on-surface)}:host{display:block;position:relative;height:var(--_height);box-sizing:border-box;flex-shrink:1;flex-grow:1;flex-basis:var(--_width);max-width:calc(2 * var(--_width))}:host(.drawer){width:100%;height:3.5rem;flex-shrink:0;flex-grow:0;flex-basis:3.5rem}:host(.rail){width:100%;height:min-content;flex-shrink:0;flex-grow:0;flex-basis:min-content}:host(.navigation){width:3.5rem;height:3.5rem;display:flex;flex-shrink:0;flex-grow:0;flex-basis:3.5rem;overflow:hidden}::-webkit-scrollbar{height:4px;width:4px;background-color:var(--highlight-10, rgba(0, 0, 0, .1));border-radius:2px}::-webkit-scrollbar-thumb{background:var(--highlight-20, rgba(0, 0, 0, .2));border-radius:2px}.card-wrapper{box-sizing:border-box;display:grid;grid-template-rows:var(--_tile-img-height) 1fr;position:relative;width:100%;height:100%;--md-elevation-level: 1;background-color:var(--md-sys-color-surface-container, #F7F2FA);border-radius:var(--md-sys-shape-corner-medium, .75rem);cursor:pointer}.card-wrapper:hover{--md-elevation-level: 2}.tile-picture{height:var(--_tile-img-height);width:100%;border-radius:var(--md-sys-shape-corner-medium, .75rem);background:var(--_tile-img-background-color);overflow:clip}.tile-picture img{object-fit:var(--_tile-img-fit)}.tile-picture img{width:100%;height:100%}.content{padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;height:100%;overflow:hidden}.card-wrapper .headline{font-weight:500}.supporting-text{font-size:.8rem;opacity:66%;overflow:auto}.drawer-button{display:grid;grid-template-columns:1.5rem 1fr;gap:.75rem;padding:1rem;position:relative;width:100%;box-sizing:border-box;height:3.5rem;color:var(--md-sys-color-on-secondary-container);font:var(--md-sys-typescale-title-medium, 800 .85rem / 1.25rem "Roboto Flex", Roboto, sans-serif);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .00625rem);border-radius:var(--md-sys-shape-corner-full, 9999px);cursor:pointer;transition:background-color .3s ease}.drawer-button md-ripple{--md-ripple-hover-opacity: 0}.drawer-button,.rail-button .icon,.navigation-button .icon{transition:background-color .3s ease}.drawer-button.active,.rail-button .icon.active,.navigation-button .icon.active{background-color:var(--md-sys-color-secondary-container)}.drawer-button:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface),transparent var(----md-sys-state-hoverstate-layer-transparent, 92%))}.drawer-button.active:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-secondary-container),transparent var(--md-sys-state-hoverstate-layer-transparent, 92%));color:var(--md-sys-color-on-secondary-container)}.drawer-button .icon img{width:1.5rem;height:1.5rem}.rail-button{box-sizing:border-box;width:100%;height:min-content;min-height:3.5rem;text-align:center;font:var(--md-sys-typescale-label-medium, 600 .75rem / 1rem "Roboto Flex", Roboto, sans-serif);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, .03125rem);color:var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface);cursor:pointer}.rail-button .icon{position:relative;padding:.25rem 0;width:100%;border-radius:var(--md-sys-shape-corner-full, 9999px)}.app-icon{max-width:2rem;max-height:2rem}.navigation-button{position:relative;box-sizing:border-box;height:100%;width:min-content;min-width:3.5rem;text-align:center;font:var(--md-sys-typescale-label-medium, 600 .75rem / 1rem "Roboto Flex", Roboto, sans-serif);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, .03125rem);color:var(--md-sys-color-on-surface-variant);background-color:inherit;cursor:pointer}.navigation-button .icon{position:relative;padding:.25rem 0;width:100%;border-radius:var(--md-sys-shape-corner-full, 9999px)}.navigation-button .headline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:.25rem}';
export {
  r as default
};
