#pagination{display:flex;justify-content:center;margin:1.5rem 0}@media (max-width: 767px){#pagination{margin:1rem 0 .5rem}}#pagination>*{min-width:2.5rem;border:1px solid #e5e7eb;text-align:center;line-height:1.25rem;padding:.625rem}#pagination>*.current{border-color:#4f46e5;background:#4f46e5;color:#fff;z-index:10}#pagination>*:is(a):active{background:#f3f4f6}@media (hover: hover){#pagination>*:is(a):hover{background:#f3f4f6}}#pagination>*:not(:first-child){margin-left:-1px}@media (max-width: 639px){.custom-clamp-7[data-v-c776a2ea]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;-webkit-mask-image:linear-gradient(to bottom,#000 75%,#00000030);mask-image:linear-gradient(to bottom,#000 75%,#00000030)}h1[data-v-c776a2ea]{padding:0 10px}}@media (min-width: 640px){.top-text p{display:inline}.top-text br{display:block}}@media (max-width: 639px){.top-text p:not(:last-child){margin-bottom:8px}.top-text br{display:none}}.top-text{color:#4b5563}#sort{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom-width:1px}@media (max-width: 767px){#sort{padding:.5rem}}#sort p{flex:1;color:#374151}#sort p span{font-weight:500}#sort p button{padding:0 1rem;font-weight:500;transition:.15s cubic-bezier(.4,0,.2,1);border-radius:.25rem;height:36px;border:1px solid #e5e7eb}#sort p button:hover{background-color:#f3f4f6}#sort p button.active{background-color:#4f46e5;border:1px solid #4f46e5;font-weight:600;color:#fff}#sort p button.active:hover{background-color:#6366f1;border:1px solid #6366f1}#sort p button:first-child{margin-right:8px}@media (max-width: 440px){.card-list{grid-template-columns:initial}}.card-list>a{transition:transform .2s;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;position:relative}.card-list>a.scale{transform:scale(1.03)}.card-list>a:active{background-color:#f3f4f6}.card-list>a strong{display:block;color:#1f2937;font-weight:600;text-align:center;font-size:1.125rem;line-height:1.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem .75rem}.card-list>a div:first-child{display:none;position:absolute;right:0;top:0;background:#fffc;border-radius:0 0 0 .375rem;padding:4px;z-index:1}.card-list>a div:first-child i{width:32px;color:#374151}@media (hover: hover) and (min-width: 1024px){.card-list>a div:first-child:hover,.card-list>a div:first-child.favorite{display:block;background:#4f46e5}.card-list>a div:first-child:hover i,.card-list>a div:first-child.favorite i{color:#fff}.card-list>a:hover div:first-child{display:block}}