.card.svelte-1oc54vy{--mx:50%;--my:50%;color:#153e35;display:block}.frame.svelte-1oc54vy{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffd9,#fff6);border:1px solid #fff;border-radius:24px;padding:10px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:relative;box-shadow:inset 0 1px #fff,0 24px 50px #153e351f}.card.svelte-1oc54vy:hover .frame:where(.svelte-1oc54vy){box-shadow:inset 0 1px 0 #fff, 0 36px 70px #153e3538, 0 0 0 3px color-mix(in srgb, var(--c2) 70%, transparent);transform:translateY(-10px)rotate(-.6deg)}.frame.svelte-1oc54vy:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx) var(--my), #ffffff73, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.card.svelte-1oc54vy:hover .frame:where(.svelte-1oc54vy):before{opacity:1}.bar.svelte-1oc54vy{align-items:center;gap:6px;padding:2px 8px 9px;display:flex}.bar.svelte-1oc54vy i:where(.svelte-1oc54vy){background:#153e3538;border-radius:50%;width:8px;height:8px}.bar.svelte-1oc54vy i:where(.svelte-1oc54vy):first-child{background:var(--c2)}.bar.svelte-1oc54vy span:where(.svelte-1oc54vy){letter-spacing:1.2px;text-transform:uppercase;color:#153e358c;white-space:nowrap;text-overflow:ellipsis;margin-inline-start:8px;font-size:11px;overflow:hidden}.win.svelte-1oc54vy{aspect-ratio:16/10;background:var(--c1);border-radius:14px;position:relative;overflow:hidden}.big.svelte-1oc54vy .win:where(.svelte-1oc54vy){aspect-ratio:16/9}.win.svelte-1oc54vy img:where(.svelte-1oc54vy){object-fit:cover;object-position:top;width:100%;height:auto;min-height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:translateY(0)}.card.svelte-1oc54vy:hover .win:where(.svelte-1oc54vy) img:where(.svelte-1oc54vy){transition:transform 5s cubic-bezier(.45,0,.55,1);transform:translateY(calc(100cqh - 100%))}.win.svelte-1oc54vy{container-type:size}.shine.svelte-1oc54vy{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff40 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.card.svelte-1oc54vy:hover .shine:where(.svelte-1oc54vy){transition:transform 1.1s;transform:translate(120%)}.meta.svelte-1oc54vy{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 6px 0;display:flex}.meta.svelte-1oc54vy small:where(.svelte-1oc54vy){letter-spacing:1.4px;text-transform:uppercase;color:#6e7c73;align-items:center;gap:10px;font-size:12px;display:flex}.meta.svelte-1oc54vy small:where(.svelte-1oc54vy) b:where(.svelte-1oc54vy){color:var(--c1);background:color-mix(in srgb, var(--c2) 35%, #fff);border-radius:99px;padding:3px 8px;font-weight:700}h3.svelte-1oc54vy{margin:8px 0 6px;font-size:clamp(22px,2vw,28px)}p.svelte-1oc54vy{max-width:440px;margin:0;font-size:14.5px;line-height:1.6}.go.svelte-1oc54vy{background:#d7f499;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;transition:transform .45s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:0 10px 22px #153e3526}.card.svelte-1oc54vy:hover .go:where(.svelte-1oc54vy){transform:rotate(45deg)scale(1.1)}html[dir=rtl] .go.svelte-1oc54vy{transform:scaleX(-1)}html[dir=rtl] .card.svelte-1oc54vy:hover .go:where(.svelte-1oc54vy){transform:scaleX(-1)rotate(45deg)scale(1.1)}.card.svelte-1oc54vy:focus-visible{outline-offset:8px;border-radius:28px;outline:3px solid #88a970}
