.focus-card{
  width:100%; height:100%; box-sizing:border-box; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; gap:24px; padding:24px;
  border-radius:var(--radius); background:var(--md-neutral-background-2-rest); position:relative;
  overflow:visible;
}
.focus-card[data-kind="logo"][data-logo="genius"]{
  background-image:linear-gradient(110deg, rgba(131,195,229,0.1) 8%, rgba(224,147,244,0.1) 29%, rgba(235,77,114,0.1) 58%, rgba(242,180,77,0.1) 81%);
}
.focus-card-logo{ flex-shrink:0; width:80px; height:80px; border-radius:var(--md-radius-160,16px); display:flex; align-items:center; justify-content:center; }
.focus-card-logo img{ width:100%; height:100%; object-fit:contain; }
.focus-card[data-kind="custom"] .focus-card-logo{ background:var(--md-brand-foreground-1-rest); color:var(--md-color-grey-white); }
.focus-card[data-kind="custom"] .focus-card-logo i{ font-size:36px; }
.focus-card-titles{ display:flex; flex-direction:column; width:100%; }
.focus-card-title{ 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); outline:none; }
.focus-card-subtitle{ font-family:var(--font-display); font-weight:var(--font-weight-black); font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-neutral-foreground-1-rest); outline:none; }
.focus-card[data-kind="logo"][data-logo="genius"] .focus-card-subtitle{
  background-image:linear-gradient(160deg, var(--md-color-blue-500) 4%, var(--md-color-ai-lavender) 51%, var(--md-color-ai-berry) 94%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.focus-card-divider{ width:64px; height:1px; flex-shrink:0; background:var(--md-neutral-stroke-3-rest); }
.focus-card-description{ font-family:var(--font-sans); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-neutral-foreground-2-rest); outline:none; width:100%; white-space:pre-wrap; }
.focus-card.selected{ overflow:visible; }
.focus-card-side-icon{
  position:absolute; top:50%; right:-48px; transform:translateY(-50%);
  width:72px; height:72px; border-radius:9999px; box-sizing:border-box;
  background:var(--md-neutral-background-2-rest); border:8px solid var(--slide-bg);
  display:flex; align-items:center; justify-content:center; color:var(--md-neutral-foreground-3-rest);
  z-index:6;
}
.focus-card-side-icon i{ font-size:var(--md-typography-font-size-800); }
.focus-card[data-side-icon=""] .focus-card-side-icon{ display:none; }

.focus-card[data-size="M"]{ gap:32px; padding:32px; }
.focus-card[data-size="M"] .focus-card-logo{ width:100px; height:100px; }
.focus-card[data-size="M"] .focus-card-logo i{ font-size:44px; }
.focus-card[data-size="M"] .focus-card-titles{ gap:2px; }
.focus-card[data-size="M"] .focus-card-title{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.focus-card[data-size="M"] .focus-card-subtitle{ font-size:var(--md-typography-font-size-600); line-height:32px; }
.focus-card[data-size="M"] .focus-card-description{ font-size:var(--md-typography-font-size-600); line-height:32px; }
.focus-card[data-size="M"] .focus-card-side-icon{ width:100px; height:100px; right:-60px; border-width:16px; }
.focus-card[data-size="M"] .focus-card-side-icon i{ font-size:48px; }

.focus-card[data-size="L"]{ gap:32px; padding:42px; }
.focus-card[data-size="L"] .focus-card-logo{ width:140px; height:140px; border-radius:var(--md-radius-240,24px); }
.focus-card[data-size="L"] .focus-card-logo i{ font-size:64px; }
.focus-card[data-size="L"] .focus-card-titles{ gap:2px; }
.focus-card[data-size="L"] .focus-card-title{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.focus-card[data-size="L"] .focus-card-subtitle{ font-size:var(--md-typography-font-size-600); line-height:28px; }
.focus-card[data-size="L"] .focus-card-divider{ width:100px; }
.focus-card[data-size="L"] .focus-card-description{ font-size:var(--md-typography-font-size-700); line-height:36px; }
.focus-card[data-size="L"] .focus-card-side-icon{ width:124px; height:124px; right:-72px; border-width:16px; }
.focus-card[data-size="L"] .focus-card-side-icon i{ font-size:60px; }