.shop-by-need__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header links" "tabs   tabs" "panels panels";align-items:end;column-gap:var(--anew-space-3)}@media screen and (min-width:750px){.shop-by-need__inner{grid-template-areas:"header header" "tabs   links" "panels panels";align-items:center;column-gap:var(--anew-space-6)}}.shop-by-need__header{grid-area:header;margin-bottom:var(--anew-space-4)}@media screen and (min-width:750px){.shop-by-need__header{margin-bottom:var(--anew-space-6)}}.shop-by-need__links{grid-area:links;display:flex;justify-content:flex-end;margin-bottom:var(--anew-space-4)}@media screen and (min-width:750px){.shop-by-need__links{margin-bottom:var(--anew-space-8)}}.shop-by-need__panels{grid-area:panels;min-width:0}.shop-by-need__eyebrow{margin:0 0 var(--anew-space-2);color:var(--anew-forest)}.shop-by-need__heading{margin:0}@media screen and (max-width:749px){.shop-by-need__heading{font-size:22px}}.shop-by-need__view-all{display:inline-flex;align-items:center;gap:var(--anew-space-2);flex-shrink:0;padding-bottom:2px;border-bottom:1px solid var(--anew-forest);color:var(--anew-forest);font-size:var(--anew-text-body-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:gap var(--anew-duration-fast) var(--anew-ease-standard)}.shop-by-need__view-all[hidden],.shop-by-need__panel[hidden]{display:none}@media screen and (min-width:750px){.shop-by-need__view-all{font-size:var(--anew-text-body)}}.shop-by-need__view-all-arrow{display:inline-flex;align-items:center}.shop-by-need__view-all-arrow svg{width:14px;height:10px;fill:currentColor}@media(hover:hover){.shop-by-need__view-all:hover{gap:var(--anew-space-3)}}.shop-by-need__tabs{grid-area:tabs;min-width:0;display:flex;gap:var(--anew-space-2);margin-bottom:var(--anew-space-6);overflow-x:auto;scrollbar-width:none}.shop-by-need__tabs::-webkit-scrollbar{display:none}@media screen and (max-width:749px){.shop-by-need__tabs{margin-left:-1.5rem;margin-right:-1.5rem;padding:0 1.5rem}}@media screen and (min-width:750px){.shop-by-need__tabs{flex-wrap:wrap;margin-bottom:var(--anew-space-8);overflow:visible}}.shop-by-need__tab{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--anew-space-2);margin:0;padding:var(--anew-space-2) var(--anew-space-4) var(--anew-space-2) var(--anew-space-3);border:1px solid var(--anew-border-default);border-radius:var(--anew-radius-pill);background:var(--anew-paper);color:var(--anew-fg-1);font-family:inherit;font-size:var(--anew-text-body-sm);font-weight:500;line-height:var(--anew-lh-tight);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}@media screen and (min-width:750px){.shop-by-need__tab{font-size:var(--anew-text-body);padding:var(--anew-space-3) var(--anew-space-5) var(--anew-space-3) var(--anew-space-4)}}@media(hover:hover){.shop-by-need__tab:hover{border-color:var(--anew-border-strong)}}.shop-by-need__tab:focus-visible{outline:2px solid var(--anew-forest);outline-offset:2px}.shop-by-need__dot{flex:0 0 auto;width:1.4rem;height:1.4rem;border:1.5px solid var(--anew-border-default);border-radius:50%;background:var(--anew-paper)}.shop-by-need__tab[aria-selected=true]{border-color:var(--anew-forest);background:var(--anew-forest-wash);font-weight:600}.shop-by-need__tab[aria-selected=true] .shop-by-need__dot{border-color:var(--anew-forest);box-shadow:inset 0 0 0 .3rem var(--anew-paper);background:var(--anew-forest)}.shop-by-need__grid{display:grid;grid-template-columns:repeat(var(--sbn-columns-mobile, 2),minmax(0,1fr));gap:var(--anew-space-6) var(--anew-space-4);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.shop-by-need__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--anew-space-8) var(--anew-space-6)}}@media screen and (min-width:990px){.shop-by-need__grid{grid-template-columns:repeat(var(--sbn-columns, 4),minmax(0,1fr))}}.shop-by-need__item{display:flex}@keyframes shop-by-need-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.shop-by-need__panel.is-entering{animation:shop-by-need-in var(--anew-duration-slow) var(--anew-ease-standard)}@media(prefers-reduced-motion:reduce){.shop-by-need__tab,.shop-by-need__view-all{transition:none}.shop-by-need__panel.is-entering{animation:none}}.shop-by-need--bg-paper{background:var(--anew-paper)}.shop-by-need--bg-chalk{background:var(--anew-chalk)}.shop-by-need--bg-stone{background:var(--anew-stone-deep)}.shop-by-need--bg-mist{background:var(--anew-mist)}.shop-by-need__note{margin:0;padding:var(--anew-space-3) var(--anew-space-4);border:1px dashed var(--anew-coral);border-radius:var(--anew-radius-md);color:var(--anew-coral-deep);font-size:var(--anew-text-body-sm);line-height:var(--anew-lh-body)}
/*# sourceMappingURL=/cdn/shop/t/208/assets/section-shop-by-need.css.map */