:root{--tag-0:#439a86;--tag-1:#f09d51;--tag-2:#9e3c74;--tag-3:#398e96}.tagsContainer{background:var(--color-white);border-radius:var(--cardbradius);overflow:hidden}.tagsHeader{padding:var(--padding)var(--padding)0}.tagsList{padding:calc(var(--padding)*.8)var(--padding)var(--padding);flex-wrap:wrap;gap:.8rem;display:flex}.tagPill{cursor:pointer;border:1.5px solid;border-radius:3rem;align-items:center;gap:.55rem;padding:.6rem 1.1rem .6rem .9rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s!important}.tagPill:before{content:"";opacity:0;border-radius:inherit;position:absolute;inset:0;transition:opacity .25s!important}.tagPill:hover{transform:translateY(-2px)}.tagPill:hover:before{opacity:1}.tagPill:hover .tagName,.tagPill:hover .tagCount,.tagPill:hover .tagIcon{color:#fff!important;stroke:#fff!important}.tagPill:hover .tagCount{background:#ffffff40!important}.tagPill[data-color="0"]{border-color:var(--tag-0);color:var(--tag-0);box-shadow:0 2px 8px #439a861f}.tagPill[data-color="0"]:before{background:var(--tag-0)}.tagPill[data-color="0"] .tagCount{color:var(--tag-0);background:#439a861f}.tagPill[data-color="0"]:hover{box-shadow:0 4px 14px #439a8661}.tagPill[data-color="1"]{border-color:var(--tag-1);color:var(--tag-1);box-shadow:0 2px 8px #f09d511f}.tagPill[data-color="1"]:before{background:var(--tag-1)}.tagPill[data-color="1"] .tagCount{color:var(--tag-1);background:#f09d511f}.tagPill[data-color="1"]:hover{box-shadow:0 4px 14px #f09d5161}.tagPill[data-color="2"]{border-color:var(--tag-2);color:var(--tag-2);box-shadow:0 2px 8px #9e3c741f}.tagPill[data-color="2"]:before{background:var(--tag-2)}.tagPill[data-color="2"] .tagCount{color:var(--tag-2);background:#9e3c741f}.tagPill[data-color="2"]:hover{box-shadow:0 4px 14px #9e3c7461}.tagPill[data-color="3"]{border-color:var(--tag-3);color:var(--tag-3);box-shadow:0 2px 8px #398e961f}.tagPill[data-color="3"]:before{background:var(--tag-3)}.tagPill[data-color="3"] .tagCount{color:var(--tag-3);background:#398e961f}.tagPill[data-color="3"]:hover{box-shadow:0 4px 14px #398e9661}.tagIcon{z-index:1;flex-shrink:0;width:1.2rem;height:1.2rem;position:relative;transition:stroke .2s!important}.tagName{font-size:calc(var(--textsize)*.75);white-space:nowrap;z-index:1;font-weight:600;position:relative;transition:color .2s!important}.tagCount{min-width:2rem;height:2rem;font-size:calc(var(--textsize)*.6);z-index:1;border-radius:3rem;justify-content:center;align-items:center;padding:0 .5rem;font-weight:700;display:inline-flex;position:relative;transition:background .2s,color .2s!important}
.popularContainer{background:var(--color-white);border-radius:var(--cardbradius);flex-direction:column;display:flex;overflow:hidden}.popularHeader{padding:var(--padding)var(--padding)0}.popularFeatured{margin:calc(var(--padding)*.8)var(--padding);border-radius:var(--bradius);text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f;transition:transform .3s,box-shadow .3s!important}.popularFeatured:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.popularFeaturedImg{aspect-ratio:16/9;position:relative;overflow:hidden}.popularFeaturedImg img{object-fit:cover;width:100%;height:100%;display:block;transition:transform .5s!important}.popularFeatured:hover .popularFeaturedImg img{transform:scale(1.06)}.popularFeaturedOverlay{background:linear-gradient(#0000 20%,#000000bf 100%);position:absolute;inset:0}.popularFeaturedContent{padding:calc(var(--padding)*.9);flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.rankBadge{width:2.8rem;height:2.8rem;font-family:var(--font2);font-size:calc(var(--textsize)*.85);letter-spacing:.05em;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rankGold{color:#f5a623;background:#f5a62326;border-color:#f5a623}.popularFeaturedTitle{font-family:var(--font2);font-size:calc(var(--textsize)*1.15);color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 6px #0006;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.popularFeaturedMeta{align-items:center;gap:1rem;display:flex}.popularMetaItem{color:#ffffffd9;font-size:calc(var(--textsize)*.62);white-space:nowrap;align-items:center;gap:.35rem;font-weight:500;display:flex}.popularMetaItem svg{width:1.2rem;height:1.2rem;stroke:var(--primary);flex-shrink:0;transition:none!important}.popularList{padding:0 var(--padding)var(--padding);flex-direction:column;display:flex}.popularItem{padding:calc(var(--padding)*.75)0;border-bottom:1px solid #0000000f;align-items:center;gap:1.2rem;text-decoration:none;display:flex;transition:background .2s!important}.popularItem:last-child{border-bottom:none}.popularItem:hover .popularItemImg img{transform:scale(1.08)}.popularItem:hover .popularItemTitle{color:var(--primary)}.popularRank{font-family:var(--font2);font-size:calc(var(--textsize)*1.6);text-align:center;letter-spacing:.03em;flex-shrink:0;width:2.8rem;font-weight:700;line-height:1}.popularItemImg{aspect-ratio:1;border-radius:var(--bradius);flex-shrink:0;width:6rem;overflow:hidden}.popularItemImg img{object-fit:cover;width:100%;height:100%;display:block;transition:transform .4s!important}.popularItemInfo{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.popularItemTitle{font-family:var(--font2);font-size:calc(var(--textsize)*.95);color:var(--text-100);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden;transition:color .2s!important}.popularItemMeta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.popularItemMeta span{font-size:calc(var(--textsize)*.6);color:var(--color-light);white-space:nowrap;align-items:center;gap:.3rem;display:flex}.popularItemMeta svg{flex-shrink:0;width:1.1rem;height:1.1rem;transition:none!important}.popularDot{background:var(--color-light);border-radius:50%;flex-shrink:0;width:3px;height:3px;display:inline-block!important}