.vk-subcategory-section{background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.08)}.vk-subcategory-heading{text-align:center;margin:0 0 1.6rem}.vk-subcategory-heading__eyebrow{display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin-bottom:.4rem}.vk-subcategory-heading__title{font-size:2rem;font-weight:700;color:rgb(var(--color-foreground));margin:0;line-height:1.2}.vk-subcategory-track-wrapper{position:relative}.vk-subcategory-track{display:flex;flex-wrap:wrap;gap:2rem;padding:.8rem 0 1.6rem;justify-content:var(--subcat-justify, center)}.vk-subcat-card{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-decoration:none;color:rgb(var(--color-foreground));flex:0 0 auto;scroll-snap-align:start;transition:transform .22s ease,opacity .22s ease;cursor:pointer;min-width:var(--subcat-card-width, 26rem);max-width:var(--subcat-card-width, 26rem)}.vk-subcat-card:hover{transform:translateY(-3px)}.vk-subcat-card__image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--subcat-radius, 1.2rem);overflow:hidden;background:rgba(var(--color-foreground),.05);border:2px solid transparent;transition:border-color .22s ease,box-shadow .22s ease}.vk-subcat-card:hover .vk-subcat-card__image-wrap{border-color:rgba(var(--color-foreground),.2);box-shadow:0 8px 24px rgba(var(--color-foreground),.12)}.vk-subcat-card--active .vk-subcat-card__image-wrap{border-color:rgb(var(--color-button));box-shadow:0 4px 16px rgba(var(--color-button),.25)}.vk-subcat-card--active .vk-subcat-card__label{color:rgb(var(--color-button));font-weight:700}.vk-subcat-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.vk-subcat-card:hover .vk-subcat-card__img{transform:scale(1.06)}.vk-subcat-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:rgba(var(--color-foreground),.3);background:linear-gradient(135deg,rgba(var(--color-foreground),.07),rgba(var(--color-foreground),.03))}.vk-subcat-card--active .vk-subcat-card__image-wrap:after{content:"";position:absolute;bottom:.5rem;right:.5rem;width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-button));border:2px solid rgb(var(--color-background))}.vk-subcat-card__label{font-size:1.8rem;font-weight:700;text-align:center;line-height:1.3;color:rgb(var(--color-foreground));transition:color .22s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vk-subcat-card__count{display:inline-block;font-size:1rem;color:rgba(var(--color-foreground),.45);margin-top:-.4rem}.vk-subcat-viewall{display:flex;align-items:center;gap:.5rem;background:rgba(var(--color-foreground),.06);border:1.5px solid rgba(var(--color-foreground),.12);border-radius:10rem;padding:.5rem 1.6rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none;margin-top:1.6rem;width:fit-content;margin-left:auto;margin-right:auto;transition:background .2s,border-color .2s}.vk-subcat-viewall:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.25)}.vk-subcategory-section--pill .vk-subcat-card{min-width:auto;max-width:none;flex-direction:row;gap:.8rem}.vk-subcategory-section--pill .vk-subcat-card__image-wrap{width:4rem;height:4rem;flex-shrink:0;border-radius:50%}.vk-subcategory-section--pill .vk-subcat-card__label{white-space:nowrap;font-size:1.4rem}.vk-subcategory-section--pill .vk-subcat-card{background:rgba(var(--color-foreground),.05);border:1.5px solid rgba(var(--color-foreground),.1);border-radius:10rem;padding:.6rem 1.4rem .6rem .6rem;transition:background .2s,border-color .2s,transform .22s}.vk-subcategory-section--pill .vk-subcat-card:hover{background:rgba(var(--color-foreground),.09);border-color:rgba(var(--color-foreground),.2)}.vk-subcategory-section--pill .vk-subcat-card--active{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button))}.vk-subcategory-section--pill .vk-subcat-card__count{display:none}@media screen and (max-width:749px){.vk-subcategory-heading__title{font-size:1.6rem}.vk-subcat-card{min-width:18rem;max-width:18rem}.vk-subcat-card__label{font-size:1.5rem}}@media screen and (min-width:750px){.vk-subcategory-track{gap:2.4rem;padding:1rem .4rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-subcategory-bar-vk.css.map */