.ecat{gap:4px}.ecat__item{white-space:nowrap;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:72px;padding:8px 10px;font-size:1.2rem;font-weight:500;display:flex}.ecat__item:hover{background:var(--color-surface-hover)}.ecat__item--active{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:700}.ecat__icon{background:var(--color-surface-1);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.ecat__icon img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.ebanner{background:var(--color-surface-1);border-radius:16px;margin:16px 0;position:relative;overflow:hidden}.ebanner__track{transition:transform .4s;display:flex}.ebanner__item{aspect-ratio:16/6;background:linear-gradient(135deg,var(--color-indigo-100),var(--color-purple-100)) 50%/cover no-repeat;flex:0 0 100%;align-items:flex-end;min-height:180px;max-height:300px;padding:20px;display:flex;position:relative}.ebanner__item:after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.ebanner__text{z-index:1;color:#fff;text-shadow:0 1px 2px #0006;flex-direction:column;gap:4px;display:flex;position:relative}.ebanner__text strong{font-size:2rem;line-height:2.6rem}.ebanner__text span{opacity:.9;font-size:1.3rem}.ebanner__ctrl{color:#fff;z-index:2;background:#00000080;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:12px;right:12px}.ebanner__ctrl button{color:#fff;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ebanner__glyph{font-size:1.2rem;line-height:1}.ebanner__count{margin-right:4px;font-size:1.2rem;font-weight:700}