.shop-by-goal{--lh-display: .95;--lh-tight: 1.1;--color-chip: #f2f2f2;--color-accent-red: #d63b2e;--color-ink-20: rgba(25, 25, 25, .2);--color-ink-12: rgba(25, 25, 25, .12);--radius-xs: 3px;--radius-sm: 5px;--text-small: clamp(14px, calc(14px * (var(--max-vw) / var(--vw-base))), 14px);--section-gap: clamp(69px, calc(130px * (var(--max-vw) / var(--vw-base))), 130px)}@media(max-width:767px){.shop-by-goal{--text-small: clamp(11px, calc(13px + (var(--max-vw) - 375px) * .015), 14px);--section-gap: clamp(51px, calc(60px + (var(--max-vw) - 375px) * .015), 130px)}}@media(min-width:768px)and (max-width:1023px){.shop-by-goal{--text-small: clamp(14px, calc(14px + (var(--max-vw) - 768px) * .025), 14px);--section-gap: clamp(65.88px, calc(65.88px + (var(--max-vw) - 768px) * .025), 130px)}}.shop-by-goal{--sbg-head-gap: clamp(10px, calc(12px + (var(--max-vw) - 375px) * .015), 20px);--sbg-block-gap: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 40px);--sbg-tab-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 20px);--sbg-tab-pad-y: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 10px);--sbg-tab-pad-x: clamp(14px, calc(16px + (var(--max-vw) - 375px) * .015), 16px);--sbg-cta-pad-x: clamp(34px, calc(40px + (var(--max-vw) - 375px) * .015), 40px);--sbg-cta-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 10px);--sbg-track-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 20px);--sbg-card-pad: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--sbg-card-gap: clamp(34px, calc(40px + (var(--max-vw) - 375px) * .015), 40px);--sbg-badge-row-h: clamp(23px, calc(27px + (var(--max-vw) - 375px) * .015), 27px);--sbg-badge-h: clamp(21px, calc(25px + (var(--max-vw) - 375px) * .015), 27px);--sbg-badge-pad-x: clamp(12px, calc(14px + (var(--max-vw) - 375px) * .015), 14px);--sbg-badge-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 8px);--sbg-stars-w: clamp(67px, calc(78px + (var(--max-vw) - 375px) * .015), 108px);--sbg-stars-h: clamp(12px, calc(14px + (var(--max-vw) - 375px) * .015), 20px);--sbg-img-w: clamp(132px, calc(155px + (var(--max-vw) - 375px) * .015), 194px);--sbg-img-h: clamp(137px, calc(160px + (var(--max-vw) - 375px) * .015), 232px);--sbg-content-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--sbg-info-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 40px);--sbg-title-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 10px);--sbg-mark-w: clamp(63px, calc(74px + (var(--max-vw) - 375px) * .015), 81px);--sbg-mark-h: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 22px);--sbg-list-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 8px);--sbg-check: clamp(15px, calc(18px + (var(--max-vw) - 375px) * .015), 18px);--sbg-check-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 10px);--sbg-price-gap: clamp(14px, calc(16px + (var(--max-vw) - 375px) * .015), 20px);--sbg-old-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 10px);--sbg-btn-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 10px);--sbg-btn-pad-x: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--sbg-btn-icon-gap: clamp(3px, calc(4px + (var(--max-vw) - 375px) * .015), 10px);--sbg-arrow-w: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 15px);--sbg-arrow-h: clamp(11px, calc(13px + (var(--max-vw) - 375px) * .015), 13px);--sbg-cta-arrow-w: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 13px);--sbg-cta-arrow-h: clamp(9px, calc(11px + (var(--max-vw) - 375px) * .015), 18px)}@media(min-width:768px)and (max-width:1023px){.shop-by-goal{--sbg-head-gap: clamp(17.88px, calc(17.88px + (var(--max-vw) - 768px) * .025), 20px);--sbg-block-gap: clamp(20.88px, calc(20.88px + (var(--max-vw) - 768px) * .025), 40px);--sbg-tab-gap: clamp(13.88px, calc(13.88px + (var(--max-vw) - 768px) * .025), 20px);--sbg-tab-pad-y: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-tab-pad-x: clamp(16px, calc(16px + (var(--max-vw) - 768px) * .025), 16px);--sbg-cta-pad-x: clamp(40px, calc(40px + (var(--max-vw) - 768px) * .025), 40px);--sbg-cta-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-track-gap: clamp(15.88px, calc(15.88px + (var(--max-vw) - 768px) * .025), 20px);--sbg-card-pad: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--sbg-card-gap: clamp(40px, calc(40px + (var(--max-vw) - 768px) * .025), 40px);--sbg-badge-row-h: clamp(27px, calc(27px + (var(--max-vw) - 768px) * .025), 27px);--sbg-badge-h: clamp(27px, calc(27px + (var(--max-vw) - 768px) * .025), 27px);--sbg-badge-pad-x: clamp(14px, calc(14px + (var(--max-vw) - 768px) * .025), 14px);--sbg-badge-gap: clamp(8px, calc(8px + (var(--max-vw) - 768px) * .025), 8px);--sbg-stars-w: clamp(83.88px, calc(83.88px + (var(--max-vw) - 768px) * .025), 108px);--sbg-stars-h: clamp(19.88px, calc(19.88px + (var(--max-vw) - 768px) * .025), 20px);--sbg-img-w: clamp(160.88px, calc(160.88px + (var(--max-vw) - 768px) * .025), 194px);--sbg-img-h: clamp(165.88px, calc(165.88px + (var(--max-vw) - 768px) * .025), 232px);--sbg-content-gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--sbg-info-gap: clamp(25.88px, calc(25.88px + (var(--max-vw) - 768px) * .025), 40px);--sbg-title-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-mark-w: clamp(79.88px, calc(79.88px + (var(--max-vw) - 768px) * .025), 81px);--sbg-mark-h: clamp(22px, calc(22px + (var(--max-vw) - 768px) * .025), 22px);--sbg-list-gap: clamp(8px, calc(8px + (var(--max-vw) - 768px) * .025), 8px);--sbg-check: clamp(18px, calc(18px + (var(--max-vw) - 768px) * .025), 18px);--sbg-check-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-price-gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--sbg-old-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-btn-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 10px);--sbg-btn-pad-x: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--sbg-btn-icon-gap: clamp(9.88px, calc(9.88px + (var(--max-vw) - 768px) * .025), 10px);--sbg-arrow-w: clamp(15px, calc(15px + (var(--max-vw) - 768px) * .025), 15px);--sbg-arrow-h: clamp(13px, calc(13px + (var(--max-vw) - 768px) * .025), 13px);--sbg-cta-arrow-w: clamp(13px, calc(13px + (var(--max-vw) - 768px) * .025), 13px);--sbg-cta-arrow-h: clamp(16.88px, calc(16.88px + (var(--max-vw) - 768px) * .025), 18px)}}@media(min-width:1024px){.shop-by-goal{--sbg-head-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-block-gap: clamp(21px, calc(40px * (var(--max-vw) / var(--vw-base))), 40px);--sbg-tab-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-tab-pad-y: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-tab-pad-x: clamp(6px, calc(12px * (var(--max-vw) / var(--vw-base))), 12px);--sbg-tab-w: clamp(59px, calc(110px * (var(--max-vw) / var(--vw-base))), 110px);--sbg-head-max: clamp(315px, calc(590px * (var(--max-vw) / var(--vw-base))), 590px);--sbg-cta-pad-x: clamp(21px, calc(40px * (var(--max-vw) / var(--vw-base))), 40px);--sbg-cta-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-track-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-card-pad: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-card-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-badge-row-h: clamp(14px, calc(27px * (var(--max-vw) / var(--vw-base))), 27px);--sbg-badge-h: clamp(14px, calc(27px * (var(--max-vw) / var(--vw-base))), 27px);--sbg-badge-pad-x: clamp(7px, calc(14px * (var(--max-vw) / var(--vw-base))), 14px);--sbg-badge-gap: clamp(4px, calc(8px * (var(--max-vw) / var(--vw-base))), 8px);--sbg-stars-w: clamp(58px, calc(108px * (var(--max-vw) / var(--vw-base))), 108px);--sbg-stars-h: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-img-w: clamp(103px, calc(194px * (var(--max-vw) / var(--vw-base))), 194px);--sbg-img-h: clamp(124px, calc(232px * (var(--max-vw) / var(--vw-base))), 232px);--sbg-content-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-info-gap: clamp(21px, calc(40px * (var(--max-vw) / var(--vw-base))), 40px);--sbg-title-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-mark-w: clamp(43px, calc(81px * (var(--max-vw) / var(--vw-base))), 81px);--sbg-mark-h: clamp(12px, calc(22px * (var(--max-vw) / var(--vw-base))), 22px);--sbg-list-gap: clamp(4px, calc(8px * (var(--max-vw) / var(--vw-base))), 8px);--sbg-check: clamp(10px, calc(18px * (var(--max-vw) / var(--vw-base))), 18px);--sbg-check-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-price-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-old-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-btn-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-btn-w: clamp(86px, calc(162px * (var(--max-vw) / var(--vw-base))), 162px);--sbg-btn-pad-x: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--sbg-btn-icon-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--sbg-arrow-w: clamp(8px, calc(15px * (var(--max-vw) / var(--vw-base))), 15px);--sbg-arrow-h: clamp(7px, calc(13px * (var(--max-vw) / var(--vw-base))), 13px);--sbg-cta-arrow-w: clamp(7px, calc(13px * (var(--max-vw) / var(--vw-base))), 13px);--sbg-cta-arrow-h: clamp(10px, calc(18px * (var(--max-vw) / var(--vw-base))), 18px)}}.shop-by-goal{margin-top:var(--section-gap);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "tabs" "panels" "cta";row-gap:var(--sbg-block-gap);color:var(--color-ink)}.shop-by-goal__head{grid-area:head;display:flex;flex-direction:column;gap:var(--sbg-head-gap)}.shop-by-goal__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);line-height:var(--lh-base);letter-spacing:var(--ls-tight)}.shop-by-goal__lead{font-family:var(--font-body);font-weight:400;font-size:var(--text-body-lg);line-height:var(--lh-base);letter-spacing:var(--ls-tight)}.shop-by-goal__tabs{grid-area:tabs;display:flex;align-items:center;justify-content:flex-start;gap:var(--sbg-tab-gap);overflow-x:auto;scrollbar-width:none;padding:4px;margin:-4px}.shop-by-goal__tabs::-webkit-scrollbar{display:none}.shop-by-goal__tab{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--sbg-tab-pad-y) var(--sbg-tab-pad-x);border-radius:var(--radius-xs);background:var(--color-chip);color:var(--color-ink);font-family:var(--font-body);font-weight:400;font-size:var(--text-body);line-height:var(--lh-base);letter-spacing:var(--ls-tight);white-space:nowrap;transition:opacity .2s,background-color .2s,color .2s}.shop-by-goal__tab--switzer{font-family:var(--font-alt)}.shop-by-goal__tab[aria-selected=true]{background:var(--color-ink);color:var(--color-white)}.shop-by-goal__tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.shop-by-goal__panels{grid-area:panels;min-width:0}.shop-by-goal__placeholder{font-size:var(--text-body);line-height:var(--lh-base);letter-spacing:var(--ls-tight);color:var(--color-ink-80);font-style:italic;padding:12px 0}.shop-by-goal .slides-blocks{margin:0 calc(-1 * var(--container-pad)) 0 0;padding:0 var(--container-pad) 0 0;scroll-padding-inline:0 var(--container-pad);gap:var(--sbg-track-gap);align-items:stretch}.shop-by-goal .slides-blocks.is-dragging{scroll-snap-type:none;scroll-behavior:auto}.shop-by-goal .slide-wrapper{flex:0 0 100%;width:auto;height:auto;border-radius:0;overflow:visible;display:flex;scroll-snap-align:start}.shop-by-goal .slide-wrapper:last-child{scroll-snap-align:end}.shop-by-goal__card{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--sbg-card-gap);padding:var(--sbg-card-pad);border:1px solid var(--color-ink-20);border-radius:var(--radius-sm);background:transparent;-webkit-user-select:none;user-select:none}.shop-by-goal__top{height:var(--sbg-badge-row-h);display:flex;align-items:flex-start;justify-content:space-between;overflow:visible}.shop-by-goal__badges{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:var(--sbg-badge-gap)}.shop-by-goal__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;height:var(--sbg-badge-h);padding:0 var(--sbg-badge-pad-x);border-radius:var(--radius-full);font-family:var(--font-badge);font-weight:500;font-size:var(--text-small);line-height:var(--lh-tight);letter-spacing:0;white-space:nowrap}.shop-by-goal__badge--popular{background:var(--color-accent-red);color:var(--color-white)}.shop-by-goal__badge--new{background:var(--color-ink-12);color:var(--color-ink)}.shop-by-goal__badge--save{background:var(--color-white);color:var(--color-accent-red);box-shadow:0 0 0 1px var(--color-accent-red)}.shop-by-goal__stars{flex:none;display:block}.shop-by-goal__stars img{width:auto;height:var(--sbg-stars-h)}.shop-by-goal__content{display:flex;flex-direction:column;align-items:center;gap:var(--sbg-content-gap)}.shop-by-goal__img{display:block;flex:none;width:var(--sbg-img-w);height:var(--sbg-img-h)}.shop-by-goal__img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-user-drag:none}.shop-by-goal__info{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbg-info-gap)}.shop-by-goal__text{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbg-title-gap)}.shop-by-goal__name{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);line-height:var(--lh-base);letter-spacing:var(--ls-tight)}.shop-by-goal__mark{display:block;flex:none}.shop-by-goal__mark img{width:var(--sbg-mark-w);height:var(--sbg-mark-h);object-fit:contain;pointer-events:none}.shop-by-goal__benefits{align-self:stretch;display:flex;flex-direction:column;gap:var(--sbg-list-gap)}.shop-by-goal__benefit{display:flex;align-items:flex-end;gap:var(--sbg-check-gap);font-size:var(--text-body);line-height:var(--lh-base);letter-spacing:var(--ls-tight);color:var(--color-ink-80)}.shop-by-goal__benefit>span{flex:1 1 0;min-width:0}.shop-by-goal__check{flex:none;width:var(--sbg-check);height:var(--sbg-check)}.shop-by-goal__buy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbg-price-gap)}.shop-by-goal__price{display:flex;align-items:center;gap:var(--sbg-old-gap);white-space:nowrap;color:var(--color-ink);letter-spacing:.16px;line-height:var(--lh-display)}.shop-by-goal__price-now{font-family:var(--font-display);font-weight:500;font-size:var(--text-price)}.shop-by-goal__price-old{font-family:var(--font-alt);font-weight:400;font-size:var(--text-body);opacity:.9;text-decoration:line-through}.shop-by-goal__actions{align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sbg-btn-gap)}.shop-by-goal__btn{height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--sbg-btn-icon-gap);padding:0 var(--sbg-btn-pad-x);border-radius:var(--radius-xs);font-family:var(--font-body);font-weight:400;font-size:var(--text-body);line-height:var(--lh-base);letter-spacing:var(--ls-tight);white-space:nowrap;transition:opacity .2s}.shop-by-goal__add{background:var(--color-ink);color:var(--color-white);font-family:var(--font-alt)}.shop-by-goal__more{background:transparent;color:var(--color-ink);border:1px solid var(--color-ink)}.shop-by-goal__soldout{grid-column:1 / -1;background:var(--color-ink);color:var(--color-white);cursor:not-allowed}.shop-by-goal__arrow{display:block;flex:none;pointer-events:none}.shop-by-goal__arrow img{width:var(--sbg-arrow-w);height:var(--sbg-arrow-h)}.shop-by-goal__cta{grid-area:cta;height:var(--btn-h);display:flex;align-items:center;justify-content:center;gap:var(--sbg-cta-gap);padding:0 var(--sbg-cta-pad-x);border-radius:var(--radius-xs);background:var(--color-ink);color:var(--color-white);font-family:var(--font-alt);font-weight:400;font-size:var(--text-body);line-height:var(--lh-base);letter-spacing:var(--ls-tight);white-space:nowrap;transition:opacity .2s}.shop-by-goal__cta-arrow{position:relative;flex:none;width:var(--sbg-cta-arrow-w);height:var(--sbg-cta-arrow-h);pointer-events:none}.shop-by-goal__cta-arrow picture{position:absolute;top:-4.55%;right:-5%;bottom:0;left:-3.64%}.shop-by-goal__cta-arrow img{width:100%;height:100%}@media(hover:hover){.shop-by-goal__tab[aria-selected=false]:hover{opacity:.8}.shop-by-goal__tab[aria-selected=true]:hover,.shop-by-goal__add:hover,.shop-by-goal__cta:hover{opacity:.85}.shop-by-goal__more:hover{opacity:.7}}.shop-by-goal__btn:focus-visible,.shop-by-goal__cta:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media(min-width:768px){.shop-by-goal{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "tabs cta" "panels panels";align-items:center}.shop-by-goal__head{align-self:start}.shop-by-goal__tabs{min-width:0}@media(max-width:1023px){.shop-by-goal__tabs{justify-self:start;max-width:calc(100% + 8px)}}.shop-by-goal .slide-wrapper{flex-basis:calc((100% - var(--sbg-track-gap)) / 2)}.shop-by-goal__cta-arrow picture{top:0;right:-5.77%;bottom:-.33%;left:-4%}}@media(min-width:1024px){.shop-by-goal__head{max-width:var(--sbg-head-max)}.shop-by-goal__tabs{overflow-x:visible;padding:0;margin:0}.shop-by-goal__tab{width:var(--sbg-tab-w)}.shop-by-goal .slides-blocks{margin:0;padding:0;scroll-padding-inline:0}.shop-by-goal .slide-wrapper{flex-basis:calc((100% - 2 * var(--sbg-track-gap)) / 3)}.shop-by-goal__actions{grid-template-columns:var(--sbg-btn-w) var(--sbg-btn-w);justify-content:start}}.shop-by-goal .shop-by-goal__form-wrap,.shop-by-goal .shop-by-goal__form{display:contents}.shop-by-goal .shop-by-goal__add{position:relative}.shop-by-goal .shop-by-goal__add .loading__spinner{position:absolute;top:50%;left:50%;width:1.8rem;transform:translate(-50%,-50%)}.shop-by-goal .shop-by-goal__add.loading>:not(.loading__spinner){visibility:hidden}.shop-by-goal .shop-by-goal__top{position:relative;z-index:1}.shop-by-goal .fs-stars{position:relative}.shop-by-goal .fs-stars__fill{position:absolute;top:0;left:0;bottom:0;width:var(--fs-rating, 0%);overflow:hidden}.shop-by-goal .fs-stars__fill img{max-width:none}.shop-by-goal .shop-by-goal__img{color:inherit}.shop-by-goal .shop-by-goal__pdp{grid-column:1 / -1}.shop-by-goal .shop-by-goal__content,.shop-by-goal .shop-by-goal__info{flex:1 1 auto}.shop-by-goal .shop-by-goal__buy{margin-top:auto}.shop-by-goal .shop-by-goal__img img{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fullspan-shop-by-goal.css.map */