.shop-by-clothing-type__header{max-width:72rem;margin:0 auto 2rem}.shop-by-clothing-type__header.center{text-align:center}.shop-by-clothing-type__heading{margin-top:0;margin-bottom:.8rem}.shop-by-clothing-type__text>*{margin-top:0}.shop-by-clothing-type__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.shop-by-clothing-type__button{position:relative;isolation:isolate;display:flex;aspect-ratio:1 / 1;min-height:unset;height:auto;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;overflow:hidden;padding:1.6rem 1.2rem;border:none;border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center;text-decoration:none;box-shadow:none;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease,border-color var(--duration-short) ease}.shop-by-clothing-type__button:hover,.shop-by-clothing-type__button:focus-visible{transform:translateY(-.2rem)}.shop-by-clothing-type__button--has-image{color:#fff;background:#111}.shop-by-clothing-type__button--has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(0,0,0,var(--shop-by-clothing-type-overlay-opacity, .35))}.shop-by-clothing-type__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.shop-by-clothing-type__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.shop-by-clothing-type__button:hover .shop-by-clothing-type__image,.shop-by-clothing-type__button:focus-visible .shop-by-clothing-type__image{transform:scale(1.04)}.shop-by-clothing-type__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:100%;text-shadow:0 .1rem .6rem rgba(0,0,0,.45)}.shop-by-clothing-type__title{font-size:1.5rem;font-weight:700;line-height:1.2}.shop-by-clothing-type__description{max-width:22rem;font-size:1.2rem;line-height:1.35;opacity:.9}.shop-by-clothing-type__button:not(.shop-by-clothing-type__button--has-image) .shop-by-clothing-type__content{text-shadow:none}@media screen and (min-width:750px){.shop-by-clothing-type__header{margin-bottom:3rem}.shop-by-clothing-type__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.shop-by-clothing-type__button{padding:2rem 1.4rem}.shop-by-clothing-type__button--has-image{min-height:16rem}.shop-by-clothing-type__title{font-size:1.7rem}.shop-by-clothing-type__description{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-shop-by-clothing-type.css.map */