.shop-by-topic{--topic-ink: #25303e;--topic-accent: rgb(var(--color-button, 139, 197, 63));--topic-radius: 8px;background:#fff;color:var(--topic-ink);padding:35px 0 34px}.shop-by-topic__container{max-width:132rem}.shop-by-topic__header{margin-bottom:20px}.shop-by-topic__heading{color:#8bc53f;font-family:var(--font-heading-family);font-size:2.4rem;font-style:var(--font-heading-style);font-weight:600;letter-spacing:.1px;line-height:1.25;margin:0}.shop-by-topic__subheading{color:#121212bf;font-size:1.35rem;line-height:1.55;margin:6px 0 0;max-width:56ch}.shop-by-topic__grid{display:grid;gap:clamp(14px,1.4vw,20px);grid-template-columns:1fr}.shop-by-topic__secondary-grid{display:grid;gap:clamp(14px,1.4vw,20px);grid-template-columns:repeat(2,minmax(0,1fr))}.shop-by-topic__card{background:#111820;border-radius:var(--topic-radius);color:#fff;display:block;min-width:0;overflow:hidden;position:relative;text-decoration:none}.shop-by-topic__card--featured{min-height:300px}.shop-by-topic__card--secondary{aspect-ratio:16 / 10;min-height:0}.shop-by-topic__media,.shop-by-topic__media:after{top:0;right:0;bottom:0;left:0;position:absolute}.shop-by-topic__media{display:block}.shop-by-topic__media:after{background:linear-gradient(to top,rgba(15,20,26,.8) 0%,rgba(15,20,26,.2) 55%,transparent 80%);content:""}.shop-by-topic__card--featured .shop-by-topic__media:after{background:linear-gradient(to top,#0f141ae6 8%,#0f141a73 52%,#0f141a1a)}.shop-by-topic__image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1);width:100%}.shop-by-topic__card:hover .shop-by-topic__image,.shop-by-topic__card:focus-visible .shop-by-topic__image{transform:scale(1.05)}.shop-by-topic__featured-content{align-items:flex-start;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;max-width:none;min-height:300px;padding:clamp(22px,3vw,30px);position:absolute;right:0;top:0;z-index:1}.shop-by-topic__featured-title{color:#fff;font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.6vw,2.8rem);font-weight:700;letter-spacing:.2px;line-height:1.2;margin:0}.shop-by-topic__description{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c119e;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 22px #0000003d;color:#fff;font-size:1.35rem;line-height:1.6;margin-top:8px;max-width:38ch;padding:8px 10px}.shop-by-topic__button{background:#8bc53f;border-radius:8px;color:#111820;font-size:1.4rem;font-weight:600;letter-spacing:.2px;line-height:1.4;margin-top:18px;min-width:0;padding:11px 24px;text-align:center}.shop-by-topic__secondary-title{bottom:12px;color:#fff;font-family:var(--font-heading-family);font-size:1.25rem;font-weight:600;left:14px;letter-spacing:1.2px;line-height:1.2;position:absolute;right:14px;text-transform:uppercase;z-index:1}.shop-by-topic__card:focus-visible{outline:3px solid var(--topic-accent);outline-offset:4px}.shop-by-topic__skeleton{animation:shop-by-topic-pulse 1.5s ease-in-out infinite;background:linear-gradient(110deg,#202a35 15%,#303d4c,#202a35 55%);background-size:200% 100%;display:block;height:100%;width:100%}.shop-by-topic.is-ready .shop-by-topic__skeleton,.shop-by-topic.has-error{display:none}@keyframes shop-by-topic-pulse{to{background-position-x:-200%}}@media screen and (min-width:960px){.shop-by-topic__grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}}@media screen and (max-width:749px){.shop-by-topic{padding:30px 0}.shop-by-topic__header{margin-bottom:18px}.shop-by-topic__grid,.shop-by-topic__secondary-grid{gap:12px}.shop-by-topic__card--featured .shop-by-topic__media:after{background:linear-gradient(to top,#0f141aeb 8%,#0f141a7a 56%,#0f141a1a)}.shop-by-topic__featured-content{padding:22px 20px}.shop-by-topic__secondary-title{bottom:10px;font-size:1.1rem;left:10px;right:10px}}@media(prefers-reduced-motion:reduce){.shop-by-topic__image{transition:none}.shop-by-topic__skeleton{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/shop-by-topic.css.map */