.m-category-mosaic__grid{display:grid;gap:var(--cm-gap-mobile, 8px);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"c1 c2" "c1 c3" "c1 c4";aspect-ratio:380 / 394}.m-category-mosaic__card--1{grid-area:c1}.m-category-mosaic__card--2{grid-area:c2}.m-category-mosaic__card--3{grid-area:c3}.m-category-mosaic__card--4{grid-area:c4}.m-category-mosaic__card{position:relative;display:block;overflow:hidden;color:rgb(var(--color-foreground))}.m-category-mosaic__card .m-category-mosaic__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.m-category-mosaic__image{width:100%;height:100%;object-fit:cover;display:block}.m-category-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;pointer-events:none}.m-category-mosaic__pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 24px);min-height:35px;padding:0 22px;border-radius:var(--blocks-radius);background:#0000001a;border:1px solid rgba(var(--color-foreground),.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background var(--m-duration-default, .25s) ease,border-color var(--m-duration-default, .25s) ease,transform var(--m-duration-default, .25s) ease}.m-category-mosaic__card:hover .m-category-mosaic__pill{background:#0000002e;border-color:rgba(var(--color-foreground),.75);transform:translate(-50%,-50%) scale(1.04)}.m-category-mosaic__card--1 .m-category-mosaic__pill{min-height:44px}.m-category-mosaic__title{color:rgb(var(--color-foreground));font-weight:500;line-height:1;letter-spacing:-.1em;white-space:nowrap;font-size:calc(var(--font-base-size, 16) * 1px)}.m-category-mosaic__cta{position:absolute;left:50%;bottom:16px;transform:translate(-50%);color:rgb(var(--color-foreground));font-weight:500;text-decoration:underline;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;letter-spacing:-.05em;font-size:calc(var(--font-base-size, 16) * .875px)}.m-category-mosaic__card:not(.m-category-mosaic__card--1) .m-category-mosaic__cta{display:none}@media screen and (min-width:768px){.m-category-mosaic__grid{gap:var(--cm-gap, 10px);grid-template-columns:512fr 512fr 336fr;grid-template-rows:1fr 1fr;grid-template-areas:"c1 c2 c3" "c1 c2 c4";aspect-ratio:1380 / 603}.m-category-mosaic__overlay{background:#0000001a}.m-category-mosaic__card--1 .m-category-mosaic__pill,.m-category-mosaic__card--2 .m-category-mosaic__pill{min-height:68px;padding:0 40px}.m-category-mosaic__card--3 .m-category-mosaic__pill,.m-category-mosaic__card--4 .m-category-mosaic__pill{min-height:50px;padding:0 40px}.m-category-mosaic__card--1 .m-category-mosaic__title,.m-category-mosaic__card--2 .m-category-mosaic__title{font-size:calc(var(--font-base-size, 16) * 2.375px)}.m-category-mosaic__card--3 .m-category-mosaic__title,.m-category-mosaic__card--4 .m-category-mosaic__title{font-size:calc(var(--font-base-size, 16) * 1.5px)}.m-category-mosaic__card--1 .m-category-mosaic__cta,.m-category-mosaic__card--2 .m-category-mosaic__cta{font-size:calc(var(--font-base-size, 16) * 1.375px);bottom:30px}.m-category-mosaic__card--3 .m-category-mosaic__cta,.m-category-mosaic__card--4 .m-category-mosaic__cta{font-size:calc(var(--font-base-size, 16) * 1px);bottom:20px}.m-category-mosaic__card:not(.m-category-mosaic__card--1) .m-category-mosaic__cta{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/category-mosaic.css.map */