.ngn-card{border-radius:12px;display:flex;flex-direction:column;position:relative}.ngn-card,.ngn-card__media{overflow:hidden}.ngn-card__header{padding:16px 16px 0}.ngn-card__subhead{padding:4px 16px 0}.ngn-card__body{flex:1;padding:4px 16px}.ngn-card__actions{align-items:center;display:flex;gap:4px;padding:4px 16px 16px}.ngn-card>:last-child{padding-bottom:16px}.has-elevation-0{box-shadow:none}.has-elevation-1{box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.has-elevation-2{box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.has-elevation-3{box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)}.has-elevation-4{box-shadow:0 2px 3px rgba(0,0,0,.3),0 6px 10px 4px rgba(0,0,0,.15)}.has-elevation-5{box-shadow:0 4px 4px rgba(0,0,0,.3),0 8px 12px 6px rgba(0,0,0,.15)}.ngn-card.is-variant-elevated{background-color:var(--ngn-v2-sys-color-surface-container-low);box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);color:var(--ngn-v2-sys-color-on-surface)}.ngn-card.is-variant-filled{background-color:var(--ngn-v2-sys-color-surface-container-highest);color:var(--ngn-v2-sys-color-on-surface)}.ngn-card.is-variant-outlined{background-color:var(--ngn-v2-sys-color-surface);border:1px solid var(--ngn-v2-sys-color-outline-variant);color:var(--ngn-v2-sys-color-on-surface)}.ngn-card.is-interactive:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:background-color .2s ease;z-index:1}.ngn-card.is-interactive:hover:before{background-color:var(--ngn-v2-sys-state-on-surface-variant-hover)}.ngn-card.is-interactive:focus-visible:before{background-color:var(--ngn-v2-sys-state-on-surface-variant-focus)}.ngn-card.is-interactive:active:before{background-color:var(--ngn-v2-sys-state-on-surface-variant-pressed)}.ngn-card.is-interactive:focus-visible{outline:2px solid var(--ngn-v2-sys-color-primary);outline-offset:2px}.ngn-card.is-variant-elevated.is-interactive:hover{box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}