.card-grid-section__root{margin:0;padding:0;border:none}.card-grid-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-gap:var(--spacing-2);gap:var(--spacing-2)}.docs-card--static,.docs-card__body,.docs-card__interactable,.docs-card__link,.docs-card__surface{width:100%}.docs-card__link{color:inherit;text-decoration:none}.docs-card__interactable,.docs-card__link{display:block;height:100%}.docs-card--static,.docs-card__surface{position:relative;overflow:visible}.docs-card--static:before,.docs-card__surface:before{content:"";position:absolute;top:calc(var(--border-width)*-1);left:50%;width:16.5rem;height:var(--border-width);transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(143,143,143,.67) 50%,rgba(0,0,0,0))}.docs-card__surface{transition:background-color var(--animation-duration-normal) var(--animation-easing-ease-in-out)}.docs-card__surface:hover{background-color:var(--color-background-hover)}.docs-card--static{height:100%}.docs-card__body{min-height:25rem;overflow:visible}.docs-card__icon-area{padding:var(--spacing-3) var(--spacing-2);overflow:visible}.docs-card__icon-container{display:flex;width:var(--spacing-7);height:var(--spacing-7);align-items:center;justify-content:center;padding:var(--spacing-1);border-radius:var(--border-radius-medium);border:var(--border-width) solid var(--docs-card-icon-border);overflow:visible;background:var(--docs-card-icon-bg)}.docs-card__icon-container--accent{--docs-card-icon-bg:var(--accent-a3);--docs-card-icon-color:var(--accent-a11);--docs-card-icon-border:var(--accent-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(155,175,255,0.48)) drop-shadow(0 0 var(--spacing-2) rgba(155,175,255,0.56)) drop-shadow(0 0 var(--spacing-4) rgba(155,175,255,0.16))}.docs-card__icon-container--green{--docs-card-icon-bg:var(--green-a3);--docs-card-icon-color:var(--green-a11);--docs-card-icon-border:var(--green-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgb(61,214,140)) drop-shadow(0 0 var(--spacing-2) rgba(61,214,140,0.56)) drop-shadow(0 0 var(--spacing-4) rgba(61,214,140,0.16))}.docs-card__icon-container--crimson{--docs-card-icon-bg:var(--crimson-a3);--docs-card-icon-color:var(--crimson-a11);--docs-card-icon-border:var(--crimson-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(255,146,173,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(255,146,173,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(255,146,173,0.08))}.docs-card__icon-container--sage{--docs-card-icon-bg:var(--sage-a3);--docs-card-icon-color:var(--sage-a11);--docs-card-icon-border:var(--sage-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(244,254,251,0.08))}.docs-card__icon-container--grass{--docs-card-icon-bg:var(--grass-a3);--docs-card-icon-color:var(--grass-a11);--docs-card-icon-border:var(--grass-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(244,254,251,0.08))}.docs-card__icon-container--violet{--docs-card-icon-bg:var(--violet-a3);--docs-card-icon-color:var(--violet-a11);--docs-card-icon-border:var(--violet-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(244,254,251,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(244,254,251,0.08))}.docs-card__icon-container--yellow{--docs-card-icon-bg:var(--yellow-a3);--docs-card-icon-color:var(--yellow-a11);--docs-card-icon-border:var(--yellow-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(254,233,73,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(254,233,73,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(254,233,73,0.08))}.docs-card__icon-container--purple{--docs-card-icon-bg:var(--purple-a3);--docs-card-icon-color:var(--purple-a11);--docs-card-icon-border:var(--purple-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(155,175,255,0.08))}.docs-card__icon-container--ruby{--docs-card-icon-bg:var(--ruby-a3);--docs-card-icon-color:var(--ruby-a11);--docs-card-icon-border:var(--ruby-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(255,148,157,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(255,148,157,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(255,148,157,0.08))}.docs-card__icon-container--lime{--docs-card-icon-bg:var(--lime-a3);--docs-card-icon-color:var(--lime-a11);--docs-card-icon-border:var(--lime-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(209,254,119,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(209,254,119,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(209,254,119,0.08))}.docs-card__icon-container--pink{--docs-card-icon-bg:var(--pink-a3);--docs-card-icon-color:var(--pink-a11);--docs-card-icon-border:var(--pink-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(155,175,255,0.08))}.docs-card__icon-container--orange{--docs-card-icon-bg:var(--orange-a3);--docs-card-icon-color:var(--orange-a11);--docs-card-icon-border:var(--orange-a6);--docs-card-icon-glow:drop-shadow(0 0 var(--spacing-05) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-2) rgba(155,175,255,0.24)) drop-shadow(0 0 var(--spacing-4) rgba(155,175,255,0.08))}.docs-card__icon-glow{overflow:visible;color:var(--docs-card-icon-color);filter:var(--docs-card-icon-glow)}