.wj-card{border:1px solid var(--line);will-change:transform;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.wj-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.wj-card__media{clip-path:polygon(0 0,100% 0,100% 88%,0 100%);background:var(--cosmos-tint-9,#e5e9f2);width:100%;height:186px;position:relative;overflow:hidden}.wj-card__media--sm{height:150px}.wj-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wj-card__wash{pointer-events:none;background:linear-gradient(#0000 32%,#215bea0f 58%,#215bea47);position:absolute;inset:0}.wj-card__body{flex-direction:column;flex:1;gap:8px;padding:20px 22px 22px;display:flex}.wj-card__topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.wj-card__topic{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-sirius);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.wj-card__duration{color:var(--ink-3);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.wj-card__duration svg{width:10px;height:10px;color:var(--brand-sirius);flex:none}.wj-card__title{letter-spacing:-.018em;color:var(--ink);text-wrap:pretty;margin:0;font-size:16.5px;font-weight:700;line-height:1.3}.wj-card__title--lg{letter-spacing:-.015em;font-size:18px;line-height:1.32}.wj-card__sheet{inset-inline:8%;border:1px solid var(--line-2);background:#fff;border-radius:6px 6px 0 0;position:absolute;top:16%;bottom:0;overflow:hidden;box-shadow:0 14px 34px -18px #0b102073}.wj-card__sheet img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.wj-card__tool{inset-inline-end:14px;z-index:3;border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;position:absolute;top:14px;overflow:hidden;box-shadow:0 10px 24px -10px #0b102080}.wj-card__tool img{object-fit:contain;width:34px;height:34px;position:static;inset:auto}.wj-card__rules{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wj-card__meta{letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:8px;min-width:0;font-size:12px;font-weight:800;display:flex}.wj-card__type{color:var(--brand-sirius);flex:none}.wj-card__meta .wj-card__topic{color:var(--ink-3)}.wj-card__meta .wj-card__topic:before{content:"·";color:var(--ink-4);margin-inline-end:8px}@media (prefers-reduced-motion:reduce){.wj-card{transition:none}}[dir=rtl] .wj-card__meta,[dir=rtl] .wj-card__topic{letter-spacing:normal;text-transform:none}[dir=rtl] .wj-card .wj-card__title,[dir=rtl] .wj-card .wj-card__title--lg{letter-spacing:normal;line-height:1.5}.rs-card{min-width:0;color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;display:flex;position:relative}.rs-card:focus-visible{box-shadow:0 0 0 4px color-mix(in oklab, var(--brand-sirius) 28%, transparent);outline:none}.rs-card__media{aspect-ratio:16/10;background:var(--secondary);position:relative;overflow:hidden}.rs-card__media>img{object-fit:cover;backface-visibility:hidden;will-change:transform;width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.rs-card__placeholder{color:color-mix(in oklab, var(--brand-sirius) 55%, transparent);place-items:center;display:grid;position:absolute;inset:0}.rs-card__placeholder svg{width:44px;height:44px}.rs-card__media--sheet{background:color-mix(in oklab, var(--brand-sirius) 7%, var(--secondary))}.rs-card__sheet{inset-inline:10%;border:1px solid var(--line-2);box-shadow:var(--shadow-md);background:#fff;border-bottom:0;border-radius:10px 10px 0 0;transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;top:13%;bottom:0;overflow:hidden}.rs-card__sheet img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.rs-card__tool{inset-inline-end:12px;z-index:2;border:1px solid var(--line);width:42px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border-radius:11px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px}.rs-card__tool img{object-fit:contain;width:28px;height:28px}.rs-card__chip{inset-inline-start:12px;z-index:2;max-width:calc(100% - 24px);box-shadow:var(--shadow-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;bottom:12px;overflow:hidden}.rs-card__chip svg{width:14px;height:14px;color:var(--brand-sirius);flex:none}.rs-card__duration{inset-inline-end:12px;z-index:2;background:color-mix(in oklab, var(--ink) 78%, transparent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;bottom:12px}.rs-card__duration svg{width:10px;height:10px}.rs-card__body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.rs-card__title{letter-spacing:-.016em;color:var(--ink);text-wrap:pretty;margin:0;font-size:19px;font-weight:700;line-height:1.3;transition:color .35s cubic-bezier(.16,1,.3,1)}.rs-card--sm .rs-card__title{font-size:17px}.rs-card__desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.rs-card__foot{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:600;display:flex}.rs-card__foot:empty{display:none}.rs-card__avatar{object-fit:cover;background:var(--secondary);border-radius:50%;flex:none;width:26px;height:26px}.rs-card__avatar--initial{color:var(--brand-sirius);place-items:center;font-size:12px;font-weight:800;display:inline-grid}.rs-card__author{color:var(--ink);font-weight:700}.rs-card__dot{background:var(--ink-4);border-radius:50%;width:3px;height:3px}.rs-card .rs-card__media{border-radius:16px}.rs-card .rs-card__body{padding-top:18px}.rs-card:hover .rs-card__media>img,.rs-card:hover .rs-card__sheet{transform:scale(1.03)}.rs-card:hover .rs-card__title{color:var(--brand-sirius)}@media (prefers-reduced-motion:reduce){.rs-card,.rs-card *{transition:none!important}}[dir=rtl] .rs-card__title{letter-spacing:normal;line-height:1.5}
