.mem-cat-section{--c-ink-2:#775e55;--c-rose-deep:#c64f6e;width:100%;max-width:calc(var(--page-max) + var(--page-gutter) * 2);background:var(--background);padding:50px var(--page-gutter) 4px;margin:0 auto}.mem-cat-wrap{position:relative}.mem-cat-inner{--swipe-bleed:var(--page-gutter);margin:0 calc(var(--swipe-bleed) * -1);padding:0 var(--swipe-bleed) 0 calc(var(--swipe-bleed) - 10px);scroll-padding-inline:calc(var(--swipe-bleed) - 10px) var(--swipe-bleed);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:20px;display:flex;overflow-x:auto}.mem-cat-inner::-webkit-scrollbar{display:none}.mem-cat-inner.dragging{cursor:grabbing;scroll-snap-type:none}.mem-cat-inner.dragging .mem-cat-item{pointer-events:none}.mem-cat-item{scroll-snap-align:start;border-radius:var(--radius-8);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:10px;padding:6px 10px;text-decoration:none;transition:background .15s;display:flex}.mem-cat-icon{border-radius:var(--radius-8);justify-content:center;align-items:center;width:46px;height:46px;font-size:28px;transition:transform .15s;display:flex;overflow:hidden}.mem-cat-icon img{object-fit:cover;border-radius:var(--radius-8);width:100%;height:100%}.mem-cat-item:hover .mem-cat-icon{transform:translateY(-2px)}.mem-cat-item span{color:var(--c-ink-2);white-space:nowrap;font-size:16px;font-weight:600}.mem-cat-item.is-highlight span{color:var(--c-rose-deep)}.mem-cat-nav{z-index:5;border-radius:var(--radius-full);width:30px;height:30px;color:var(--icon-white);cursor:pointer;background:#00000047;border:none;justify-content:center;align-items:center;display:none;position:absolute;top:25px}.mem-cat-nav:hover{background:#00000073}.mem-cat-nav svg{width:var(--icon-size-16);height:var(--icon-size-16);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.mem-cat-prev{left:-4px}.mem-cat-next{right:-4px}.mem-cat-wrap.can-left .mem-cat-prev,.mem-cat-wrap.can-right .mem-cat-next{display:flex}.mem-cat-page{display:contents}.mem-cat-dots{display:none}@media (min-width:1024px){.mem-cat-inner{margin:0 0 0 -10px;padding:0;scroll-padding-inline:0}}@media (min-width:769px) and (max-width:1023px){.mem-left .mem-cat-inner{--swipe-bleed:calc(var(--page-gutter) * 2)}}@media (max-width:768px){.mem-cat-section{padding:24px 0 16px}.mem-cat-inner{padding-left:var(--swipe-bleed);scroll-padding-inline:var(--swipe-bleed);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-y;gap:0}.mem-cat-page{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;justify-items:center;gap:10px 4px;max-width:100%;padding:0;display:grid}.mem-cat-item{gap:6px;padding:6px 4px}.mem-cat-icon{width:50px;height:50px;font-size:26px}.mem-cat-item span{font-size:clamp(11px,3.7333vw,14px)}.mem-cat-nav{display:none!important}.mem-cat-dots{justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.mem-cat-dots button{border-radius:var(--radius-full);background:var(--c-ink-2);opacity:.3;cursor:pointer;border:none;width:6px;height:6px;padding:0;transition:opacity .18s,width .18s,background .18s}.mem-cat-dots button.active{opacity:1;background:var(--c-rose-deep);width:18px}}.mem-cat-pc{display:none}@media (min-width:1024px){.mem-cat-pc{display:block}.mem-left .mem-cat-section{display:none}.mem-cat-pc .mem-cat-section{padding:40px var(--page-gutter) 24px}.mem-cat-pc .mem-feed-divider{margin-top:0}}