.shop-by-shape{background:#fff;padding-block:1.5rem;overflow:hidden}@media screen and (min-width: 46.875rem){.shop-by-shape{padding-block:3rem 2.4375rem}}.shop-by-shape__heading{font-family:var(--font-heading--family, "IvyPresto Headline", serif);font-weight:var(--font-heading--weight, 300);font-size:1.75rem;line-height:2.25rem;color:#151516;margin:0 0 2.5rem;padding-inline:.875rem;text-align:center}@media screen and (min-width: 46.875rem){.shop-by-shape__heading{font-size:2.5rem;line-height:3.125rem;margin:0 0 3rem;padding-inline:2rem}}.shop-by-shape__swiper{width:100%;overflow:visible}.shop-by-shape__slide{width:18.125rem;height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;user-select:none}@media screen and (min-width: 46.875rem){.shop-by-shape__slide{width:36.6875rem}}.shop-by-shape__slide.swiper-slide-active{cursor:default}.shop-by-shape__image-wrap{display:block;width:100%;aspect-ratio:var(--sbs-aspect-m, 3/4);position:relative;overflow:hidden;transition:opacity 320ms ease}@media screen and (min-width: 46.875rem){.shop-by-shape__image-wrap{aspect-ratio:var(--sbs-aspect-d, 3/4)}}.shop-by-shape__slide:not(.swiper-slide-active) .shop-by-shape__image-wrap{opacity:0}.shop-by-shape__img,.shop-by-shape__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--sbs-focal, center);display:block}.shop-by-shape__placeholder{background:#f0eeea}.shop-by-shape__name{display:block;font-family:var(--font-heading--family, "IvyPresto Headline", serif);font-weight:var(--font-heading--weight, 300);font-size:1.75rem;line-height:2.625rem;color:#151d27;white-space:nowrap;margin-top:1.25rem;transition:color 320ms ease}@media screen and (min-width: 46.875rem){.shop-by-shape__name{font-size:2.5rem;line-height:3.6875rem;margin-top:1.5rem}}.shop-by-shape__slide:not(.swiper-slide-active) .shop-by-shape__name{color:rgba(21,29,39,.5)}.shop-by-shape__btn{display:inline-flex;align-items:center;justify-content:center;height:3rem;min-width:9rem;padding-inline:1.25rem;margin-top:.375rem;background:rgba(0,0,0,0);border:none;border-bottom:1px solid #151516;color:#151516;text-decoration:none;cursor:pointer;white-space:nowrap}@media screen and (min-width: 46.875rem){.shop-by-shape__btn{padding-inline:1.875rem;min-width:10.25rem;margin-top:.625rem}}.shop-by-shape__btn{position:relative;overflow:hidden;isolation:isolate;transition:color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}.shop-by-shape__btn::before{content:"";position:absolute;inset:-1px;background:#151516;transform:translateY(100%);transition:transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);z-index:-1;pointer-events:none;will-change:transform}.shop-by-shape__btn:hover,.shop-by-shape__btn:focus-visible{color:#fff}.shop-by-shape__btn:hover::before,.shop-by-shape__btn:focus-visible::before{transform:translateY(0)}@media(hover: none){.shop-by-shape__btn:active::before{transform:translateY(0)}.shop-by-shape__btn:active{color:#fff}}.shop-by-shape__slide:not(.swiper-slide-active) .shop-by-shape__btn{pointer-events:none}.shop-by-shape__btn-label{font-family:var(--font-body--family, sans-serif);font-size:.875rem;line-height:1rem;letter-spacing:0;text-transform:uppercase}.shop-by-shape__controls{display:flex;align-items:center;justify-content:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem;padding-inline:.875rem}@media screen and (min-width: 46.875rem){.shop-by-shape__controls{justify-content:center;gap:0;padding-inline:0;margin-top:2rem}}.shop-by-shape__nav{flex:0 0 auto;width:1.25rem;height:1.25rem;padding:0;background:rgba(0,0,0,0);border:none;color:#151516;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 200ms ease}.shop-by-shape__nav:hover{opacity:.6}.shop-by-shape__nav.swiper-button-disabled{opacity:.3;cursor:default}.shop-by-shape__nav svg{display:block;width:1.25rem;height:1.25rem}@media screen and (min-width: 46.875rem){.shop-by-shape__nav{display:none}}.shop-by-shape__pagination{display:flex;justify-content:center;align-items:center;flex:1 1 0;min-width:0;overflow:hidden;gap:.875rem}@media screen and (min-width: 46.875rem){.shop-by-shape__pagination{flex:0 0 auto;overflow:visible}}.shop-by-shape__pagination .swiper-pagination-bullet{width:.5rem;height:.5rem;background:rgba(0,0,0,0);border:1px solid rgba(21,21,22,.5);border-radius:50%;opacity:1;margin:0;transition:background 200ms ease,border-color 200ms ease;cursor:pointer}.shop-by-shape__pagination .swiper-pagination-bullet-active{background:#151516;border-color:#151516}