sky-cat-grid{display:block}.sky-cat-grid{background:rgb(var(--cat-bg, 255 255 255))}.sky-cat-grid__row{display:flex;align-items:center;gap:var(--cat-gap, 12px)}.sky-cat-grid__row+.sky-cat-grid__row{margin-top:calc(var(--cat-gap, 12px) + 1px)}.sky-cat-grid__item{position:relative;display:block;flex:var(--grow, 1) 1 0%;min-width:100px;height:var(--cat-row-height, 170px);border-radius:12px;overflow:hidden;color:rgb(var(--sky-white))}.sky-cat-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;background:#6d6d6d}.sky-cat-grid__layer{grid-area:1 / 1;display:block}.sky-cat-grid__layer :is(img,svg){backface-visibility:hidden;transition:transform .5s var(--sky-ease)}.sky-cat-grid__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--cat-overlay, 0));opacity:0;pointer-events:none;transition:opacity .5s var(--sky-ease)}.sky-cat-grid__title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:20px;font-size:var(--cat-title-size, 20px);font-weight:600;line-height:1.2;color:rgb(var(--sky-white));white-space:normal;opacity:0;visibility:hidden;transform:scale(2);transition:opacity .5s var(--sky-ease),transform .5s var(--sky-ease),visibility .5s var(--sky-ease)}.sky-cat-grid__title[class*=--top-]{justify-content:flex-start}.sky-cat-grid__title[class*=--middle-]{justify-content:center}.sky-cat-grid__title[class*=--bottom-]{justify-content:flex-end}.sky-cat-grid__title[class*=-left]{align-items:flex-start;text-align:left}.sky-cat-grid__title[class*=-center]{align-items:center;text-align:center}.sky-cat-grid__title[class*=-right]{align-items:flex-end;text-align:right}.sky-cat-grid--hover-none .sky-cat-grid__title{opacity:1;visibility:visible;transform:none}.sky-cat-grid--hover-clip-brightness .sky-cat-grid__layer:first-child,.sky-cat-grid--hover-clip-blur .sky-cat-grid__layer:first-child{transform:skew(15deg) scale(2);transform-origin:50% 50%;filter:brightness(0%)}.sky-cat-grid--hover-clip-brightness .sky-cat-grid__layer:last-child,.sky-cat-grid--hover-clip-blur .sky-cat-grid__layer:last-child{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path}@media(hover:hover)and (pointer:fine){.sky-cat-grid--hover-blur .sky-cat-grid__media{filter:blur(0);transition:filter .35s cubic-bezier(.16,1,.3,1)}.sky-cat-grid--hover-blur .sky-cat-grid__item:hover .sky-cat-grid__media{filter:blur(2px)}.sky-cat-grid:not(.sky-cat-grid--hover-none) .sky-cat-grid__item:hover .sky-cat-grid__layer :is(img,svg){transform:scale(1.1)}.sky-cat-grid:not(.sky-cat-grid--hover-none) .sky-cat-grid__item:hover .sky-cat-grid__media:after,.sky-cat-grid:not(.sky-cat-grid--hover-none) .sky-cat-grid__item:hover .sky-cat-grid__title{opacity:1;visibility:visible}.sky-cat-grid:not(.sky-cat-grid--hover-none) .sky-cat-grid__item:hover .sky-cat-grid__title{transform:scale(1)}}@media not ((hover:hover)and (pointer:fine)){.sky-cat-grid__title{opacity:1;visibility:visible;transform:none}.sky-cat-grid__layer:first-child:not(:last-child){display:none}.sky-cat-grid__layer:last-child{clip-path:none}}.sky-cat-grid__text{flex:0 0 auto;display:flex;align-items:center;height:var(--cat-row-height, 170px);font-size:calc(var(--cat-row-height, 170px) * .92);font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap;color:rgb(var(--sky-black))}.sky-cat-grid__text[style*=--text-fill]{background-image:var(--text-fill);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent}.sky-cat-grid__text--video{position:relative;display:grid;border-radius:12px;overflow:hidden;isolation:isolate}.sky-cat-grid__text--video>*{grid-area:1 / 1}.sky-cat-grid__video{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.94,.92)}.sky-cat-grid__video video{display:block;width:100%;height:100%;object-fit:cover}.sky-cat-grid__word{position:relative;display:flex;align-items:center;height:100%}.sky-cat-grid__text--light .sky-cat-grid__word{background:#fff;color:#000;mix-blend-mode:screen}.sky-cat-grid__text--dark .sky-cat-grid__word{background:#000;color:#fff;mix-blend-mode:multiply}@media(max-width:1024px){.sky-cat-grid__item{min-height:90px}}@media(max-width:767px){.sky-cat-grid--m-grid .sky-cat-grid__rows{overflow:visible;margin-inline-end:0}.sky-cat-grid--m-grid .sky-cat-grid__row{display:grid;grid-template-columns:1fr 1fr;width:auto;padding-inline-end:0;gap:var(--cat-gap, 12px)}.sky-cat-grid--m-grid .sky-cat-grid__row+.sky-cat-grid__row{margin-top:var(--cat-gap, 12px)}.sky-cat-grid--m-grid .sky-cat-grid__item{flex:none;width:auto;min-width:0;height:44vw}.sky-cat-grid--m-grid .sky-cat-grid__text{grid-column:1 / -1;height:auto;justify-content:center;text-align:center;white-space:normal;font-size:20vw;line-height:1;padding-block:6px}.sky-cat-grid--m-grid .sky-cat-grid__text--video{width:100%}.sky-cat-grid--m-carousel .sky-cat-grid__rows{display:flex;gap:var(--cat-gap, 12px);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline-end:calc(var(--sky-gutter) * -1);padding-inline-end:var(--sky-gutter)}.sky-cat-grid--m-carousel .sky-cat-grid__rows::-webkit-scrollbar{display:none}.sky-cat-grid--m-carousel .sky-cat-grid__row{display:flex;flex:0 0 auto;width:auto;gap:var(--cat-gap, 12px);padding-inline-end:0}.sky-cat-grid--m-carousel .sky-cat-grid__row+.sky-cat-grid__row{margin-top:0}.sky-cat-grid--m-carousel .sky-cat-grid__item{flex:0 0 auto;width:62vw;min-width:0;height:62vw;scroll-snap-align:start}.sky-cat-grid--m-carousel .sky-cat-grid__text{flex:0 0 auto;width:auto;height:62vw;white-space:nowrap;font-size:42vw;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-categories-grid.css.map */