@property --rc-hole{syntax:"<length>";inherits:true;initial-value:0}.related-collect{--rc-scale:1;--rc-seam:calc(4px*var(--rc-scale));--rc-r-out:calc(16px*var(--rc-scale));--rc-r-in:calc(5px*var(--rc-scale));--rc-fh:calc(46px*var(--rc-scale));--rc-fgap:calc(10px*var(--rc-scale));--rc-av:calc(32px*var(--rc-scale));--rc-av-cx:calc(1px + 6px*var(--rc-scale) + var(--rc-av)/2);--rc-sp:calc(5px*var(--rc-scale));--rc-k:2.2;--rc-p:calc(var(--rc-av)*var(--rc-k));--rc-dur:.56s;--rc-ease:cubic-bezier(.2,.85,.25,1)}.related-collect .rc-row{grid-template-columns:repeat(6,15.5%);grid-template-columns:repeat(var(--rc-n,6),15.5%);justify-content:center;column-gap:1.4%;width:90%;padding:8px 0 .35rem;display:grid}.related-collect .rc-card{isolation:isolate;min-width:0;color:var(--color-text);-webkit-tap-highlight-color:transparent;--rc-hole:0px;transition:--rc-hole var(--rc-dur) cubic-bezier(.5,0,.2,1),scale .18s ease;outline:none;display:block;position:relative;container-type:inline-size}.related-collect .rc-card:active{scale:.975}.related-collect .rc-card:focus-visible .rc-art{outline:2px solid var(--collect-accent);outline-offset:5px;border-radius:var(--rc-r-out)}.related-collect .rc-art{aspect-ratio:1;gap:var(--rc-seam);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:relative}.related-collect .rc-art[data-count="3"]>.rc-tile:first-child{grid-column:1/-1}.related-collect .rc-art[data-count="2"]{grid-template-rows:1fr}.related-collect .rc-art[data-count="1"]{grid-template-rows:1fr;grid-template-columns:1fr}.related-collect .rc-tile{--rc-hx:calc(var(--rc-cxp)*100% + var(--rc-cxs)*var(--rc-seam)/2 - var(--rc-mx)*var(--rc-sp));--rc-hy:calc(var(--rc-cyp)*100% + var(--rc-cys)*var(--rc-seam)/2 - var(--rc-my)*var(--rc-sp));background:var(--collect-tile-bg);border-radius:var(--rc-tl) var(--rc-tr) var(--rc-br) var(--rc-bl);min-width:0;min-height:0;-webkit-mask:radial-gradient(circle at var(--rc-hx) var(--rc-hy),#0000 var(--rc-hole),#000 calc(var(--rc-hole) + 1px));-webkit-mask:radial-gradient(circle at var(--rc-hx) var(--rc-hy),#0000 var(--rc-hole),#000 calc(var(--rc-hole) + 1px));mask:radial-gradient(circle at var(--rc-hx) var(--rc-hy),#0000 var(--rc-hole),#000 calc(var(--rc-hole) + 1px));transition:transform var(--rc-dur) var(--rc-ease);display:block;position:relative;overflow:hidden}.related-collect .rc-tile img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform calc(var(--rc-dur)*1.6) var(--rc-ease);display:block}.related-collect .rc-foot{align-items:center;gap:calc(9px*var(--rc-scale));height:var(--rc-fh);margin-top:var(--rc-fgap);padding:0 calc(12px*var(--rc-scale)) 0 calc(6px*var(--rc-scale));background:var(--collect-pill-bg);border:1px solid var(--collect-pill-edge);box-shadow:0 8px 22px var(--collect-pill-shadow);border-radius:999px;display:flex;position:relative}.related-collect .rc-avslot{width:var(--rc-av);height:var(--rc-av);box-shadow:0 0 0 1px var(--collect-avatar-ring);border-radius:50%;flex:none;position:relative}.related-collect .rc-avslot:after{content:"";background:var(--collect-socket-fill);box-shadow:inset 0 0 0 1px var(--collect-socket);opacity:0;transition:opacity var(--rc-dur) var(--rc-ease);border-radius:50%;position:absolute;inset:0}.related-collect .rc-meta{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;line-height:1.28;display:flex}.related-collect .rc-name{white-space:nowrap;text-overflow:ellipsis;font-size:calc(max(12.5px, .28rem)*var(--rc-scale));letter-spacing:.3px;font-weight:600;overflow:hidden}.related-collect .rc-sub{white-space:nowrap;font-size:calc(max(11px, .22rem)*var(--rc-scale));letter-spacing:.6px;color:var(--collect-sub);font-weight:400}.related-collect .rc-go{width:calc(18px*var(--rc-scale));height:calc(18px*var(--rc-scale));opacity:0;transition:opacity var(--rc-dur) var(--rc-ease),transform var(--rc-dur) var(--rc-ease);flex:none;place-items:center;display:grid;transform:translate(-6px)}.related-collect .rc-go svg{width:calc(14px*var(--rc-scale));height:calc(14px*var(--rc-scale));fill:var(--collect-accent)}.related-collect .rc-portal{z-index:2;pointer-events:none;width:var(--rc-p);height:var(--rc-p);left:calc(50% - var(--rc-p)/2);top:calc(50cqw - var(--rc-p)/2);transform:translateX(calc(var(--rc-av-cx) - 50cqw));transition:transform var(--rc-dur) cubic-bezier(.5,0,.2,1);position:absolute}.related-collect .rc-portal-y{transform:translateY(calc(50cqw + var(--rc-fgap) + var(--rc-fh)/2)) scale(calc(1/var(--rc-k)));transition:transform var(--rc-dur) cubic-bezier(.15,.85,.3,1);position:relative}.related-collect .rc-portal-y,.related-collect .rc-portal-y .user-avatar-wrapper{width:100%;height:100%;display:block}.related-collect .rc-portal-y .user-avatar-img{box-shadow:0 0 0 calc(1px*var(--rc-k)) var(--collect-avatar-ring);padding:0}.related-collect .rc-portal-y:after{content:"";border:1.5px solid var(--collect-accent);box-shadow:0 0 18px var(--collect-accent-glow);opacity:0;transition:opacity var(--rc-dur) var(--rc-ease),transform var(--rc-dur) var(--rc-ease);border-radius:50%;position:absolute;inset:-4px;transform:scale(.82)}@media (hover:hover){.related-collect .rc-card:hover{--rc-hole:calc(var(--rc-p)/2 + 5px*var(--rc-scale))}.related-collect .rc-card:hover .rc-tile{transform:translate(calc(var(--rc-mx)*var(--rc-sp)),calc(var(--rc-my)*var(--rc-sp)))}.related-collect .rc-card:hover .rc-tile img{transform:scale(1.06)}.related-collect .rc-card:hover .rc-portal,.related-collect .rc-card:hover .rc-portal-y{transform:none}.related-collect .rc-card:hover .rc-avslot:after,.related-collect .rc-card:hover .rc-go,.related-collect .rc-card:hover .rc-portal-y:after{opacity:1;transform:none}}.related-collect .rc-card:focus-visible{--rc-hole:calc(var(--rc-p)/2 + 5px*var(--rc-scale))}.related-collect .rc-card:focus-visible .rc-tile{transform:translate(calc(var(--rc-mx)*var(--rc-sp)),calc(var(--rc-my)*var(--rc-sp)))}.related-collect .rc-card:focus-visible .rc-tile img{transform:scale(1.06)}.related-collect .rc-card:focus-visible .rc-portal,.related-collect .rc-card:focus-visible .rc-portal-y{transform:none}.related-collect .rc-card:focus-visible .rc-avslot:after,.related-collect .rc-card:focus-visible .rc-portal-y:after,.related-collect .rc-card:focus-visible .rc-go{opacity:1;transform:none}@media screen and (width<=800px){.related-collect .rc-row{scroll-snap-type:x mandatory;gap:4vw;width:100%;padding:8px 6vw 22px;scroll-padding-inline:6vw;display:flex;overflow-x:auto}.related-collect .rc-card{scroll-snap-align:start;flex:0 0 54vw}}.bodySty .related-collect .rc-card,.bodySty .related-collect .rc-card *,.bodySty .related-collect .rc-card :after{transition:none!important}@media (prefers-reduced-motion:reduce){.related-collect .rc-card,.related-collect .rc-card *,.related-collect .rc-card :after{transition:none!important}}
