@layer elements{.cardBackgroundMedia{display:grid;position:relative}.cardBackgroundMedia>*{grid-area:1/1/-1/-1}.cardBackgroundMedia__cta{margin:var(--space-5);align-self:start;position:initial!important}.cardBackgroundMedia__cta:before{content:"";display:block;position:absolute;inset:0}.cardBackgroundMedia__media{--bdrs:0}}
:root{--card-feature-rows:auto auto 1fr}@layer elements{.cardFeature{--card-background-color:var(--color-cool-gray-100);--card-icon-size:var(--space-10);--card-padding:var(--space-5);--card-row-gap:var(--space-9);background-color:var(--card-background-color);grid-template-areas:"header""content""footer";grid-template-rows:var(--card-feature-rows);padding:var(--card-padding);row-gap:0;display:grid;position:relative}@media (min-width:60em){.cardFeature{--card-padding:var(--space-6);--card-row-gap:var(--space-12)}}[data-card-type=cardFeature] .cardFeature{--card-row-span:1;grid-row:auto/span var(--card-row-span);grid-template-rows:subgrid}[data-card-type=cardFeature] .cardFeature:has(>:nth-last-child(2)){--card-row-span:2}[data-card-type=cardFeature] .cardFeature:has(>:nth-last-child(3)){--card-row-span:3}.cardFeature:has(.cardFeature__header:last-child){--card-background-color:transparent}@media (max-width:59.9375em){.cardFeature:has(.cardFeature__header:last-child){--card-padding:0}}.cardFeature__body{color:var(--color-secondary-body);grid-area:body}.cardFeature__codeSnippets{--color-code-snippet-background:var(--color-cool-gray-200);--color-code-snippet-border:var(--color-primary-gray);--color-code-snippet-divider:var(--color-primary-gray)}.cardFeature__codeSnippets .codeSnippetTabPanel__tabs [role=tablist]:has(>:first-child:last-child){display:none!important}.cardFeature__content{margin-block-start:var(--card-row-gap)}.cardFeature:not(:has(.cardFeature__codeSnippets)) .cardFeature__cta{position:initial!important}.cardFeature:not(:has(.cardFeature__codeSnippets)) .cardFeature__cta:before{content:"";display:block;position:absolute;inset:0}.cardFeature__footer{-moz-column-gap:var(--space-2);align-items:center;column-gap:var(--space-2);justify-content:space-between;row-gap:var(--space-3);flex-wrap:wrap;grid-area:footer;margin-block-start:var(--card-row-gap);display:flex;container:card-footer/inline-size}.cardFeature__list{--list-space:var(--space-3);align-self:start;row-gap:var(--list-space);display:grid}.cardFeature__listItem{--list-item-marker-size:var(--space-3);border-bottom:1px solid var(--color-primary-gray);-moz-column-gap:var(--list-item-marker-size);column-gap:var(--list-item-marker-size);grid-template-columns:var(--list-item-marker-size)1fr;padding-block-end:var(--list-space);display:grid}.cardFeature__listItem:before{background-color:var(--color-primary-browserbase-red);content:"";height:var(--list-item-marker-size);width:var(--list-item-marker-size);margin-block-start:calc((1lh - var(--list-item-marker-size))/2);display:block}.cardFeature__header{--card-header-gap:.875rem;align-self:start;gap:var(--card-header-gap);grid-template-areas:"icon title""body body";grid-template-columns:var(--card-icon-size)1fr;grid-template-rows:auto auto;display:grid}@media (min-width:60em){.cardFeature__header{--card-header-gap:1rem}}.cardFeature__icon{height:var(--card-icon-size);width:var(--card-icon-size);grid-area:icon}.cardFeature__icon svg{height:var(--card-icon-size);width:var(--card-icon-size);display:block}.cardFeature__icon--library{background-color:var(--color-pale-red);place-items:center;display:grid}.cardFeature__icon--library svg{--card-icon-size:1.75rem}.cardFeature__tags{gap:var(--space-2);max-height:var(--tag-compact-height);flex-wrap:wrap;order:2;justify-content:flex-end;display:flex;overflow:clip}@container card-footer not (min-width:250px){.cardFeature__tags{justify-content:flex-start}}.cardFeature__title{grid-area:title;align-self:center}}