.nudient-shop-by-case{--nudient-family-inset: var(--nudient-spacing-16);--nudient-family-scrim: 180px;background-color:var(--color-background)}.nudient-shop-by-case__header{padding:31px var(--nudient-family-inset)}.nudient-shop-by-case__heading{margin:0;color:var(--color-foreground-heading);font-family:var(--nudient-font-family);font-size:var(--nudient-type-heading-h4-size);line-height:var(--nudient-type-heading-h4-line-height);letter-spacing:var(--nudient-type-heading-h4-letter-spacing);font-weight:var(--nudient-type-heading-h4-weight);text-transform:uppercase}.nudient-shop-by-case__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.nudient-shop-by-case__cell{margin:0}.nudient-family-card{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:var(--nudient-color-surface-image)}.nudient-family-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.nudient-family-card__scrim{position:absolute;inset-inline:0;bottom:0;height:var(--nudient-family-scrim);background:linear-gradient(to bottom,rgb(var(--nudient-color-overlay-black-rgb) / 0),rgb(var(--nudient-color-overlay-black-rgb) / .18) 60%,rgb(var(--nudient-color-overlay-black-rgb) / .55));pointer-events:none}.nudient-family-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:var(--nudient-family-inset);text-decoration:none}.nudient-family-card__link:hover .nudient-link-marker__label{text-decoration-line:underline}.nudient-family-card__link:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:calc(var(--nudient-focus-width) * -1)}@media(min-width:768px){.nudient-shop-by-case{--nudient-family-inset: var(--nudient-spacing-24);--nudient-family-scrim: 200px}.nudient-shop-by-case__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){.nudient-shop-by-case{--nudient-family-scrim: 240px}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/nudient-shop-by-case.css.map */