.component\:card{--background-color: var(--figma-web-color-white-500);--border-radius: 24px;--padding-x: 16px;--padding-y: 16px;--font-size-heading: 18px;--box-shadow: 0px 0px 16px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .1), 0px 5px 15px rgba(0, 0, 0, .02);--box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, .25), 0 4px 16px rgba(0, 0, 0, .02), 0 2px 4px rgba(0, 0, 0, .1), 0 5px 15px rgba(0, 0, 0, .02);background-color:var(--background-color);border-radius:24px;box-shadow:var(--box-shadow);padding:var(--padding-y) var(--padding-x);transition:box-shadow .15s cubic-bezier(0,0,.2,1);position:relative}.component\:card.elevated{box-shadow:var(--box-shadow-elevated)}.component\:card .card-title{font-size:var(--font-size-heading);font-weight:700;font-family:var(--font-family-sans-serif)}