.stw-cats__grid{display:grid;grid-template-columns:repeat(var(--cat-cols),minmax(0,1fr));gap:var(--cat-gap);margin:0;padding:0;list-style:none}.stw-cat{position:relative;display:block;aspect-ratio:var(--cat-ratio);overflow:hidden;border-radius:var(--cat-radius);background:#f1f1f0;isolation:isolate}.stw-cat__media,.stw-cat__media img,.stw-cat__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stw-cat__media img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.stw-cats--zoom .stw-cat:hover .stw-cat__media img{transform:scale(1.05)}.stw-cat__text{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:56px 25px 25px;color:var(--cat-label);background:linear-gradient(transparent,rgba(0,0,0,var(--cat-overlay)))}.stw-cat__text small{display:block;font-size:12px;opacity:.9}.stw-cat__title{display:block;margin-top:6px;font-family:var(--stw-font-body);font-size:21px;font-weight:700;letter-spacing:-.04em;line-height:1.2}.stw-cat__arrow{font-size:18px;transition:transform .3s}.stw-cat:hover .stw-cat__arrow{transform:translate(3px,-3px)}@media(max-width:999px){.stw-cats__grid{grid-template-columns:repeat(var(--cat-cols-t),minmax(0,1fr));gap:min(var(--cat-gap),12px)}.stw-cat__title{font-size:18px}.stw-cat__text{padding:40px 16px 16px}}@media(max-width:699px){.stw-cats--m-two .stw-cats__grid{grid-template-columns:1fr 1fr;gap:10px}.stw-cats--m-two.stw-cats--odd .stw-cats__item:last-child{grid-column:1/-1}.stw-cats--m-two.stw-cats--odd .stw-cats__item:last-child .stw-cat{aspect-ratio:16/10}.stw-cats--m-one .stw-cats__grid{grid-template-columns:1fr;gap:12px}.stw-cats--m-one .stw-cat{aspect-ratio:4/3}.stw-cats--m-swipe .stw-cats__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--stw-gutter)*-1);padding-inline:var(--stw-gutter);scroll-padding-inline:var(--stw-gutter);scrollbar-width:none}.stw-cats--m-swipe .stw-cats__grid::-webkit-scrollbar{display:none}.stw-cats--m-swipe .stw-cats__item{flex:0 0 72%;scroll-snap-align:start}.stw-cat__text{padding:36px 14px 14px}.stw-cat__text small{font-size:11px}.stw-cat__title{font-size:17px;margin-top:3px}}.stw-cats--grey .stw-cat__media img{filter:grayscale(var(--cat-grey))}.stw-cats--grey.stw-cats--zoom .stw-cat:hover .stw-cat__media img{filter:grayscale(0);transform:scale(1.045)}.stw-cats:not(.stw-cats--animate) .stw-cats__item{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}.stw-cats__nav{display:none}@media(max-width:699px){.stw-cats--m-swipe .stw-cats__wrap{min-width:0;overflow:hidden}.stw-cats--m-swipe .stw-cats__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.stw-cats--m-swipe .stw-cats__item{flex:0 0 82%;min-width:0}.stw-cats__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;min-height:30px}.stw-cats__nav>button{border:1px solid #dedede;background:transparent;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}.stw-cats__dots{display:flex;justify-content:center;align-items:center;gap:8px}.stw-cats__dots button{width:7px;height:7px;border:0;padding:0;background:#b8b8b8;border-radius:99px;cursor:pointer}.stw-cats__dots button[aria-current=true]{width:20px;background:#1c1c1c}}@media(prefers-reduced-motion:reduce){.stw-cats .stw-cat__media img,.stw-cats .stw-cats__item{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/stw-collection-grid.css.map */
