@layer components{.al-card__outer{--al-card-background-overlay:#f2f5f333;--al-card-padding-inline:var(--al-size-20);--al-card-padding-block:var(--al-size-32);height:100%}[data-color-mode=dark] .al-card__outer{--al-card-background-overlay:#f2f5f30d}.al-card{--al-card-grid-template-rows:auto auto auto auto auto auto 1fr auto;color:var(--al-color-text);padding:var(--al-card-padding-block) var(--al-card-padding-inline);grid-template:"image image""leadingVisual leadingVisual""icon icon""tokens tokens""label label""heading heading""description description"1fr"action action"/1fr 1fr;grid-template-rows:var(--al-card-grid-template-rows);border-radius:var(--al-radius-md);flex:auto;height:100%;text-decoration:none;display:grid;position:relative}@media screen and (width>=64rem){.al-card{--al-card-padding-inline:var(--al-size-32)}}.al-card--backgroundColor-default{background-color:var(--al-card-background-default)}.al-card--backgroundColor-subtle{background-color:var(--al-color-canvas-subtle)}.al-card--fullWidth{max-width:none}.al-card--ctaVariant-arrow{--al-card-arrowAction-endInset:var(--al-size-40)}.al-card:hover{text-decoration:none}.al-card__link{color:currentColor;text-decoration:none!important}.al-card__link:focus{outline:none}.al-card__link:before{content:"";position:absolute;inset:0}.al-card__link code,.al-card__description code{font-family:var(--al-font-mono);font-size:calc(1em - 1px);font-weight:var(--al-font-weight-normal);color:var(--al-color-text-muted);background-color:var(--al-color-canvas-subtle);padding-block:0;padding-inline:var(--al-size-4);border-radius:var(--al-size-2);white-space:normal;overflow-wrap:anywhere;box-decoration-break:clone;line-height:1.6}.al-card--border{border:var(--al-border-thin) solid var(--al-color-border);border-radius:var(--al-radius-md)}.al-card__outer:has(.al-card--variant-minimal){border-radius:var(--al-radius-sm)}.al-card__outer:focus-within{outline:var(--al-border-thick) solid var(--al-color-focus);border-radius:var(--al-radius-md)}.al-card__outer:has(.al-card--variant-minimal):focus-within{outline-offset:var(--al-size-12)}.al-card__image{border-radius:var(--al-radius-md);grid-area:image;margin-block-end:var(--al-size-28);overflow:hidden}.al-card__image--padding-none{margin-inline:calc(var(--al-card-padding-inline) * -1)}.al-card__image--position-block-start.al-card__image--padding-none{margin-block-start:calc(var(--al-card-padding-block) * -1)}.al-card--border .al-card__image--position-block-start.al-card__image--padding-none{border-end-end-radius:0;border-end-start-radius:0}.al-card__image img,.al-card__image picture,.al-card__image span{display:block}.al-card__label{inline-size:fit-content;max-inline-size:100%;grid-area:label;margin-block-end:var(--al-size-20)}.al-card__heading{grid-area:heading;margin-block-end:var(--al-size-12)}.al-card__description{grid-area:description;margin-block-end:var(--al-size-24)}.al-card__action{pointer-events:none;grid-area:action;align-items:center;max-inline-size:100%;margin-block-start:auto;display:inline-flex}.al-card__actionIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.al-card__actionLabel{text-overflow:clip;white-space:normal;min-inline-size:0;display:block;overflow:visible}.al-card:not(.al-card--ctaVariant-arrow) .al-card__action{inline-size:100%;min-inline-size:0}.al-card:not(.al-card--ctaVariant-arrow) .al-card__action>span:first-child{min-inline-size:0}.al-card:not(.al-card--ctaVariant-arrow) .al-card__actionLabel{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.al-card__actionLabelClip{display:contents}.al-card__action--arrowOnly{--al-card-actionArrow-duration:.3s;min-height:var(--al-size-40);width:auto;min-inline-size:0;max-inline-size:calc(100% - var(--al-card-arrowAction-endInset));column-gap:var(--al-size-8);padding-block:var(--al-size-4);border:var(--al-border-thin) solid var(--al-color-border);border-radius:var(--al-radius-pill);background-color:var(--al-card-background-overlay);flex-shrink:0;justify-content:flex-start;margin-block-start:var(--al-size-20);padding-inline-start:var(--al-size-12);padding-inline-end:var(--al-size-4);overflow:hidden}.al-card__actionIcon--arrowOnly{width:var(--al-size-32);min-width:var(--al-size-32);height:var(--al-size-32);min-height:var(--al-size-32);border:var(--al-border-thin) solid var(--al-color-border);border-radius:var(--al-radius-pill);background-color:var(--al-color-canvas)}.al-card .al-card__action.al-card__action,.al-card .al-card__action.al-card__action span{color:var(--al-link-accent)}.al-card__action,.al-card__action *{cursor:inherit}.al-card__expandableArrow{margin-inline-start:var(--al-size-4)}.al-card--ctaVariant-arrow .al-card__expandableArrow{--al-arrow-duration:.4s;--al-arrow-easing:cubic-bezier(.01, .73, .08, .93)}.al-card__actionIcon--arrowOnly .al-card__expandableArrow{margin-inline-start:0}.al-card--ctaVariant-arrow .al-card__description{margin-bottom:var(--al-size-12)}.al-card--ctaVariant-arrow .al-card__action{justify-self:start;min-inline-size:0}@media (hover:hover){.al-card__action--arrowOnly{transition:border-color var(--al-card-actionArrow-duration) ease-out, background-color var(--al-card-actionArrow-duration) ease-out, column-gap var(--al-card-actionArrow-duration) ease-out, padding-inline var(--al-card-actionArrow-duration) ease-out;background-color:#0000;border-color:#0000;column-gap:0;padding-inline:0}.al-card__actionLabelClip{--al-card-actionLabelClip-duration:.4s;opacity:0;min-inline-size:0;max-inline-size:0;transform:translateX(calc(var(--al-size-12) * -1));transition:max-inline-size var(--al-card-actionLabelClip-duration) cubic-bezier(.01, .73, .08, .93), opacity var(--al-card-actionLabelClip-duration) ease-out, transform var(--al-card-actionLabelClip-duration) ease-out, margin-inline var(--al-card-actionLabelClip-duration) ease-out, padding-inline var(--al-card-actionLabelClip-duration) ease-out;background-color:#0000;flex:auto;align-self:stretch;align-items:center;margin-inline:0;padding-inline:0;display:inline-flex;overflow:hidden}.al-card--ctaVariant-arrow .al-card__actionLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.al-card--ctaVariant-arrow:focus-within .al-card__action--arrowOnly,.al-card--ctaVariant-arrow:hover .al-card__action--arrowOnly{column-gap:var(--al-size-8);border-color:var(--al-color-border);background-color:var(--al-card-background-overlay);padding-inline-start:var(--al-size-12);padding-inline-end:var(--al-size-4)}.al-card--ctaVariant-arrow:focus-within .al-card__actionLabelClip,.al-card--ctaVariant-arrow:hover .al-card__actionLabelClip{opacity:1;max-inline-size:100%;margin-inline-start:calc(var(--al-size-12) * -1);margin-inline-end:0;padding-inline-start:var(--al-size-12);padding-inline-end:var(--al-size-4);transform:translate(0)}.al-card:focus-within .al-card__expandableArrow,.al-card:hover .al-card__expandableArrow{transform:translateX(var(--al-size-2))}.al-card:hover .al-card__expandableArrow path:nth-of-type(2),.al-card:focus-within .al-card__expandableArrow path:nth-of-type(2){stroke-dashoffset:20px}@media (prefers-reduced-motion:reduce){.al-card,.al-card:before,.al-card:after,.al-card *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}