span.svelte-f5aiiz{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-m2idxq{--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-m2idxq .background-img:where(.svelte-m2idxq){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-m2idxq :where(.svelte-m2idxq):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-m2idxq .tag{position:absolute;top:4cqw;left:4cqw}.card.svelte-m2idxq .content-wrapper:where(.svelte-m2idxq){margin:7cqw 10cqw}.card.svelte-m2idxq h3:where(.svelte-m2idxq){font-size:7.25cqw;color:var(--over-card-darkness-color)}.card.svelte-m2idxq .description-wrapper:where(.svelte-m2idxq){display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--animation-out-time)}.card.svelte-m2idxq p:where(.svelte-m2idxq){padding-top:5cqw;font-size:4cqw;color:var(--over-card-darkness-color-d-20);overflow:hidden;height:100%}.card.svelte-m2idxq:focus-visible,.card.svelte-m2idxq:hover{grid-template-rows:auto 1fr}:is(.card.svelte-m2idxq:focus-visible,.card.svelte-m2idxq:hover)>:where(.svelte-m2idxq):after{transform:translateY(-25%);transition:transform var(--animation-in-time)}:is(.card.svelte-m2idxq:focus-visible,.card.svelte-m2idxq:hover) .description-wrapper:where(.svelte-m2idxq){grid-template-rows:1fr;transition:grid-template-rows var(--animation-in-time)}:is(.card.svelte-m2idxq:focus-visible,.card.svelte-m2idxq:hover) .background-img:where(.svelte-m2idxq){filter:brightness(.8);transform:scale(1.1);transition:filter var(--animation-in-time),transform var(--animation-in-time)}
