.compact-categories-section{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.compact-categories-section .background-image{position:absolute;top:0;left:0;width:100%;height:100%}.compact-categories-section .background-image:after{content:"";position:absolute;top:0rem;left:0rem;bottom:0rem;right:0rem;background-color:rgb(var(--background-color-overlay) / var(--overlay-color-opacity))}svg.progress-line.hide-item.dark{overflow:visible;transition:stroke-dashoffset .2s ease}.progress-line{display:block;overflow:visible;transition:all .5s ease}.background-image img{width:100%;height:100%;object-fit:cover}.compact-categories-wrap{position:relative;margin:0 auto}.compact-categories-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--grid-gap);row-gap:2rem}.compact-categories--text{display:flex;align-items:center;color:var(--text-color);word-break:break-word;position:relative;z-index:1}.compact-categories--line{padding:.1rem .5rem;position:relative}.categories-image{width:15.625rem;height:5rem;display:flex;justify-content:center;border-radius:.375rem;overflow:hidden}.categories-image .categories-image-media{border-radius:.375rem;overflow:hidden;width:100%;height:100%}.categories-image .categories-image-media :is(img,.placeholder-svg){width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.categories-image-media:hover :is(img,.placeholder-svg){transform:scale3d(1.1,1.1,1);transform-style:preserve-3d}.svg-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}.compact-categories--text svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.compact-categories--text svg rect{fill:none;stroke:rgb(var(--text-color));stroke-width:2;stroke-linecap:round;stroke-linejoin:miter}.categories-image.img--large{width:12rem}.categories-image.img--medium{width:9rem}.categories-image.img--small{width:6rem}.compact-categories-image-hover{position:absolute;top:50%;left:50%;width:15rem;height:15rem;will-change:transform,opacity;transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s ease;overflow:hidden;border-radius:var(--rounded-block)}.compact-categories--hover-on-image>span{position:relative;z-index:1}.compact-categories-image-hover :is(img,.placeholder-svg){width:100%;height:100%;object-fit:cover;transform:scale(.8);transition:all .3s ease-in-out}.compact-categories--text:hover .compact-categories-image-hover{opacity:1;visibility:visible}.compact-categories--text:hover .compact-categories-image-hover :is(img,.placeholder-svg){transform:scale(1)}@media screen and (max-width: 767px){.compact-categories-grid{row-gap:1rem}.compact-categories--text{font-size:var(--text-h4);text-align:center}.compact-categories-grid .categories-image{width:3.5rem;height:2rem}.compact-categories--line{border:.0625rem solid currentColor;border-radius:.2rem}.compact-categories-image-hover,.compact-categories--text svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/compact-categories.css.map */