.resource .resource-heart{width:32px;height:32px;border:0;border-radius:0;background:transparent;backdrop-filter:none;color:#6095f6;opacity:0;pointer-events:none;transition:opacity .16s,color .16s,transform .16s}
.resource .resource-heart svg{width:23px;height:23px;filter:drop-shadow(0 1px 3px #18172b99)}
.resource:hover .resource-heart,.resource:focus-within .resource-heart,.resource .resource-heart.is-favorite{opacity:1;pointer-events:auto}
.resource .resource-heart:hover{background:transparent;color:#f27aa9;transform:scale(1.1)}
.resource .resource-heart.is-favorite{background:transparent;color:#ec5b93}
.resource .resource-heart:focus-visible{opacity:1;outline:2px solid #a695ff;outline-offset:1px}
.resource .resource-heart:disabled{pointer-events:none}
.resource .resource-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:3.2em;line-height:1.6}
.resource-selected-badge{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #b9aff4;border-radius:7px;background:#efecff;color:#6095f6;box-shadow:0 3px 10px #6e60a11a;font-size:11px;font-weight:750;line-height:1;pointer-events:none}
.resource-selected-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.resource-selected-badge[hidden]{display:none}
.dark .resource-selected-badge{border-color:#766bd2;background:#39335c;color:#6095f6;box-shadow:0 3px 12px #08071266}
@media(hover:none){.resource .resource-heart{opacity:1;pointer-events:auto}}

@media(max-width:760px){
 .resource .resource-foot > b { display:none; }
 .resource .resource-body h3 {
  font-size:14px;
  line-height:1.45;
  margin:8px 0 6px;
  white-space:normal;
  overflow-wrap:anywhere;
  height:auto;
  min-height:0;
  max-height:none;
 }
}