.deck-component.reveal-card{
  display:flex; flex-direction:column; justify-content:space-between; gap:24px;
  padding:24px;
  background:var(--md-neutral-background-1-rest);
  border:1px solid var(--md-neutral-stroke-1-rest);
  border-radius:var(--radius);
  text-align:left;
}
.reveal-card-text{ display:flex; flex-direction:column; gap:8px; min-height:0; min-width:0; }
.reveal-card-title, .reveal-card-description{ min-width:0; outline:none; }
.reveal-card-title{
  font-family:var(--font-display); font-weight:var(--font-weight-light);
  font-size:var(--md-typography-font-size-600); line-height:32px;
  color:var(--md-brand-foreground-1-rest);
}
.reveal-card-description{
  font-family:var(--font-sans); font-weight:var(--font-weight-light);
  font-size:var(--md-typography-font-size-600); line-height:32px;
  color:var(--md-neutral-foreground-1-rest);
  white-space:pre-wrap;
}
.reveal-card-icon{ flex-shrink:0; display:flex; color:var(--md-brand-foreground-1-rest); }
.reveal-card-icon i{ font-size:64px; }
.reveal-card[data-icon-name=""] .reveal-card-icon{ display:none; }

.reveal-card[data-icon-position="top"] .reveal-card-icon{ order:-1; }

.reveal-card[data-size="S"]{ padding:20px; gap:16px; }
.reveal-card[data-size="S"] .reveal-card-title, .reveal-card[data-size="S"] .reveal-card-description{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.reveal-card[data-size="S"] .reveal-card-icon i{ font-size:48px; }
.reveal-card[data-size="L"]{ padding:32px; gap:32px; }
.reveal-card[data-size="L"] .reveal-card-title, .reveal-card[data-size="L"] .reveal-card-description{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.reveal-card[data-size="L"] .reveal-card-icon i{ font-size:96px; }

.present-frame .reveal-card{ transition:background-color .3s ease, border-color .3s ease; }
.present-frame .reveal-card-text{ display:grid; flex:1 1 auto; }
.present-frame .reveal-card-title, .present-frame .reveal-card-description{ grid-area:1 / 1; align-self:start; }
.present-frame .reveal-card[data-icon-position="top"] .reveal-card-title{ align-self:end; }
.present-frame .reveal-card-title{ transition:opacity .25s ease, transform .3s ease, color .3s ease; }
.present-frame .reveal-card-description{
  opacity:0; transform:translateY(12px);
  transition:opacity .2s ease, transform .2s ease, color .3s ease;
}
.present-frame .reveal-card-icon{ transition:color .3s ease; }
.present-frame .reveal-card:is(:hover, .is-revealed){
  background-color:var(--md-brand-background-inverted-rest);
  border-color:var(--md-brand-background-inverted-rest);
}
.present-frame .reveal-card:has(.reveal-card-description):is(:hover, .is-revealed) .reveal-card-title{ opacity:0; transform:translateY(-8px); }
.present-frame .reveal-card:is(:hover, .is-revealed) .reveal-card-description{
  opacity:1; transform:none;
  transition:opacity .4s ease .1s, transform .5s cubic-bezier(0.2,0.7,0.3,1) .1s, color .3s ease;
}
.present-frame .reveal-card:is(:hover, .is-revealed) .reveal-card-title,
.present-frame .reveal-card:is(:hover, .is-revealed) .reveal-card-description,
.present-frame .reveal-card:is(:hover, .is-revealed) .reveal-card-icon{ color:var(--md-neutral-foreground-on-color-rest); }