.find-needs{--find-needs-radius: 22.4px;--find-needs-gap: 19.2px}.find-needs__header{max-width:992px;margin:0 auto;text-align:center}.find-needs__title{margin:0}.find-needs__subtitle{margin:12.8px 0 0;font-size:16px;line-height:1.5;color:rgb(var(--color-foreground));opacity:.8}.find-needs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--find-needs-gap);list-style:none;margin:44.8px 0 0;padding:0}.find-needs__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--find-needs-radius);background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .2s ease,transform .2s ease}.find-needs__media{aspect-ratio:4 / 3;overflow:hidden;background:rgba(var(--color-foreground),.08)}.find-needs__media img,.find-needs__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.find-needs__body{display:flex;flex-direction:column;gap:6.4px;padding:22.4px 22.4px 25.6px;text-align:left}.find-needs__name{margin:0;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.find-needs__desc{margin:0;font-size:14px;line-height:1.45;opacity:.75}.find-needs__card:focus-visible{outline:3.2px solid rgb(var(--color-foreground));outline-offset:4.8px}@media(hover:hover){.find-needs__card:hover{background:rgba(var(--color-foreground),.09);transform:translateY(-4.8px)}.find-needs__card:hover .find-needs__media img{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.find-needs__card,.find-needs__media img{transition:none}.find-needs__card:hover,.find-needs__card:hover .find-needs__media img{transform:none}}@media screen and (min-width:750px){.find-needs{--find-needs-radius: 22.4px;--find-needs-gap: 32px}.find-needs__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px}.find-needs__body{padding:28.8px 28.8px 35.2px;gap:9.6px}.find-needs__desc{font-size:19.2px}.find-needs__name{font-size:28.8px}}.find-needs__card{position:relative}.find-needs__link{color:inherit;text-decoration:none}.find-needs__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.find-needs__card:has(.find-needs__link:focus-visible){outline:3.2px solid rgb(var(--color-foreground));outline-offset:4.8px}.find-needs__card--static{cursor:default}@media(hover:hover){.find-needs__card--static:hover{background:rgba(var(--color-foreground),.05);transform:none}.find-needs__card--static:hover .find-needs__media img{transform:none}}.find-needs__swatches{display:flex;flex-wrap:wrap;gap:8px;margin:6.4px 0 0;padding:0;list-style:none}.find-needs__swatch{display:block;flex:none;width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1.6px rgba(var(--color-foreground),.25);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.find-needs__swatch--default{box-shadow:0 0 0 1.6px rgb(var(--color-background)),0 0 0 3.2px rgb(var(--color-foreground));transform:scale(1.04)}@media(hover:hover){.find-needs__swatch:hover{box-shadow:0 0 0 1.6px rgb(var(--color-background)),0 0 0 3.2px rgb(var(--color-foreground));transform:scale(1.2)}.find-needs__swatches:hover .find-needs__swatch--default:not(:hover){box-shadow:inset 0 0 0 1.6px rgba(var(--color-foreground),.25);transform:none}}.find-needs__swatch:active{transform:scale(.94)}.find-needs__swatch:focus-visible{outline:3.2px solid rgb(var(--color-foreground));outline-offset:4.8px}@media(prefers-reduced-motion:reduce){.find-needs__swatch{transition:none}.find-needs__swatch:hover,.find-needs__swatch:active{transform:none}}@media screen and (min-width:750px){.find-needs__swatches{gap:12.8px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-find-aquarium-needs.css.map */
