.category-card{min-width:150px;min-height:160px;padding:12px;gap:12px;border-radius:12px;border:1px solid var(--bs-gray-500);background:var(--bs-black-100);box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.category-card__image{flex-shrink:0;width:64px;height:64px;border-radius:50px;box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.category-card__image .badge{z-index:1;top:calc(100% - 10px)}.category-card p{margin:0}.avatar-wrapper{width:70px;height:70px}.avatar-wrapper .avatar-container{background:var(--bs-black-300);border-radius:50%}.avatar-wrapper .avatar-container img{width:64px;height:64px;border-radius:50%}.avatar-wrapper .avatar-container .badge{top:calc(100% - 10px)}
.category-arrow{display:flex;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;background:rgba(0,0,0,0);color:#fff;justify-content:center;align-items:center;gap:4px;flex-shrink:0;cursor:pointer;z-index:10;border:1px solid var(--bs-white-100);opacity:0;transition:opacity .3s ease,background .3s ease;pointer-events:none;height:30px;width:30px}.category-arrow:hover{background:rgba(227,227,227,.8)}.category:hover .category-arrow{opacity:0;pointer-events:auto}@media screen and (min-width: 1144px){.category:hover .category-arrow{opacity:1}}.left-category-arrow{left:0}.right-category-arrow{right:0}.category-shadow{position:absolute;bottom:0;top:0;width:2rem;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}@media screen and (min-width: 1144px){.category-shadow.visible{opacity:1}}.left-category-shadow{left:0;background:linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))}.right-category-shadow{right:0;background:linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))}.category{padding:12px 0px 16px 0px;gap:8px;align-self:stretch;border-top:1px solid var(--bs-black-300)}.category__header-content p{margin:0}.category__carousel{width:100%;overflow-y:hidden;overflow-x:auto;gap:12px;white-space:nowrap}