.card-stack:where(.astro-JEKPDXOH){--card-depth: .3em;--card-color: var(--orange);--card-text: var(--charcoal);container-type:inline-size;padding:.4em .9em .9em .4em;display:grid;text-align:center;font-size:clamp(.8rem,2vw,1.5rem);font-weight:700;color:var(--card-text)}.card:where(.astro-JEKPDXOH){width:100%;aspect-ratio:1.5/1;grid-column:1;grid-row:1;position:relative;background-color:var(--card-color);box-shadow:var(--border-dark-shadow);transition:transform .2s ease-in-out;z-index:0}.card:where(.astro-JEKPDXOH):last-child{display:grid;place-content:center}.card:where(.astro-JEKPDXOH):not(:last-child):after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:var(--card-color);box-shadow:var(--border-dark-shadow);transition:transform .2s ease-in-out;z-index:1}.card:where(.astro-JEKPDXOH):nth-child(2){transform:translate(var(--card-depth),var(--card-depth))}.card:where(.astro-JEKPDXOH):nth-child(3){transform:translate(calc(var(--card-depth) * 2),calc(var(--card-depth) * 2))}.card-stack:where(.astro-JEKPDXOH):hover .card:where(.astro-JEKPDXOH):not(:last-child):after{transform:translate(calc(var(--card-depth) * .5),calc(var(--card-depth) * .5))}.card-stack:where(.astro-JEKPDXOH):not(.transparent):hover{--card-depth: .8em}@container (min-width: 130px){.card:where(.astro-JEKPDXOH){aspect-ratio:2/1}}.card:where(.astro-JEKPDXOH)::-moz-selection{background-color:var(--charcoal);color:var(--white)}.card:where(.astro-JEKPDXOH)::selection{background-color:var(--charcoal);color:var(--white)}.card-stack:where(.astro-JEKPDXOH).orange{--card-color: var(--orange)}.card-stack:where(.astro-JEKPDXOH).green{--card-color: var(--green)}.card-stack:where(.astro-JEKPDXOH).yellow{--card-color: var(--yellow)}.card-stack:where(.astro-JEKPDXOH).pink{--card-color: var(--pink)}.card-stack:where(.astro-JEKPDXOH).transparent{--card-color: transparent;--card-text: var(--white)}