span.svelte-26mx6w{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);padding:3.5cqw 9cqw;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--primary-color-t-25);color:var(--over-primary-color);border:solid 1px var(--primary-color)}.card.svelte-eut6w7{--animation-in-time: .75s;--animation-out-time: .4s;width:100%;container-type:inline-size;aspect-ratio:.8;position:relative;box-shadow:var(--box-shadow-md);border-radius:var(--border-radius-md);overflow:hidden;display:flex;flex-direction:column;justify-content:end}.card.svelte-eut6w7 .background-img:where(.svelte-eut6w7){position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;object-fit:cover;transition:filter var(--animation-out-time),transform var(--animation-out-time)}.card.svelte-eut6w7 :where(.svelte-eut6w7):after{content:"";position:absolute;border-radius:25px;top:1px;left:-1px;width:calc(100% + 2px);height:150%;z-index:-1;background:linear-gradient(180deg,transparent 30%,var(--card-darkness-color) 70%);transition:transform var(--animation-out-time)}.card.svelte-eut6w7 .tag{position:absolute;top:4cqw;left:4cqw}.card.svelte-eut6w7 .content-wrapper:where(.svelte-eut6w7){margin:7cqw 10cqw}.card.svelte-eut6w7 h3:where(.svelte-eut6w7){font-size:7.25cqw;color:var(--over-card-darkness-color)}.card.svelte-eut6w7 .description-wrapper:where(.svelte-eut6w7){display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--animation-out-time)}.card.svelte-eut6w7 p:where(.svelte-eut6w7){padding-top:5cqw;font-size:4cqw;color:var(--over-card-darkness-color-d-20);overflow:hidden;height:100%}.card.svelte-eut6w7:focus-visible,.card.svelte-eut6w7:hover{grid-template-rows:auto 1fr}:is(.card.svelte-eut6w7:focus-visible,.card.svelte-eut6w7:hover)>:where(.svelte-eut6w7):after{transform:translateY(-25%);transition:transform var(--animation-in-time)}:is(.card.svelte-eut6w7:focus-visible,.card.svelte-eut6w7:hover) .description-wrapper:where(.svelte-eut6w7){grid-template-rows:1fr;transition:grid-template-rows var(--animation-in-time)}:is(.card.svelte-eut6w7:focus-visible,.card.svelte-eut6w7:hover) .background-img:where(.svelte-eut6w7){filter:brightness(.8);transform:scale(1.1);transition:filter var(--animation-in-time),transform var(--animation-in-time)}