.shape-finder-wrapper{display:flex;flex-direction:column;gap:1.5rem}.shape-header-text{text-align:center;margin-bottom:.5rem}.shape-header-text p{margin:0;padding:0;color:var(--color-dim-gray);font-size:var(--font-size-sm);line-height:var(--line-height-base);font-weight:500;max-width:400px}.shape-header-text h5{margin:0 0 1rem;font-family:var(--font-body-family);color:var(--color-gray-mid);font-size:var(--font-size-xs);line-height:var(--line-height-normal);text-transform:uppercase;color:var(--color-dim-gray);font-weight:500}.shape-header-text h2{font-size:var(--font-size-lg);line-height:var(--line-height-xl);color:var(--color-charcoal);text-transform:uppercase;font-weight:500;margin:0}.shape-main-display{position:relative;background-color:#f7f7f7;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.shape-main-display img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease-in-out}.now-wearing-badge{position:absolute;top:3.5rem;left:2.5rem;z-index:2}.now-wearing-label{font-size:var(--font-size-xxs);font-family:var(--font-body-family);color:var(--color-gray-mid);color:var(--color-dim-gray);text-transform:uppercase;margin:0;font-weight:500}.now-wearing-title{font-size:var(--font-size-sm);color:var(--color-charcoal);text-transform:uppercase;margin:0;font-weight:500}.swipe-hint{position:absolute;bottom:1rem;right:1.5rem;color:#a4a4a4;font-size:1.2rem;font-weight:300;letter-spacing:2px;z-index:2}.shape-swiper-container{overflow:hidden;position:relative;width:100%;padding-bottom:2.5rem}.shape-slide{border:1px solid var(--color-ghost-white);padding:1.5rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;box-sizing:border-box;height:auto;border-radius:15px;background:var(--color-ghost-white);height:130px}.shape-slide img{height:20px;margin-bottom:0;mix-blend-mode:multiply;transition:all .3s ease;filter:none;width:auto}.shape-slide svg{transition:all .3s cubic-bezier(.25,.8,.25,1);opacity:.5}.shape-slide span{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;color:var(--color-charcoal);transition:color .3s ease;font-family:var(--font-heading-family)}.shape-btn-area{width:100%}.shape-btn-area svg{width:15px;fill:#fff}.explore-btn{color:var(--color-teal);transition:all .2s ease;width:100%}.explore-btn:hover{background:var(--color-charcoal);color:var(--color-white)}.shape-dynamic-btn{display:none}.shape-dynamic-btn.active{display:flex;align-items:center;justify-content:center;gap:5px}.shape-name-in-btn{text-transform:uppercase;color:var(--color-white)}.explore-btn:hover .shape-name-in-btn{color:var(--color-teal)}.shape-slide.active{background:var(--color-white);border-color:var(--color-teal, #00A59B)}.shape-slide.active img{filter:invert(44%) sepia(87%) saturate(2250%) hue-rotate(137deg) brightness(97%) contrast(101%);transform:translateY(-5px) scale(1)}.shape-slide.active svg{transform:translateY(3px) scale(1);opacity:.6}.shape-slide.active span{color:var(--color-teal)}@media screen and (min-width:1025px){.shape-slide:hover{background:var(--color-white);border-color:var(--color-teal, #00A59B)}.shape-slide:hover img{filter:invert(44%) sepia(87%) saturate(2250%) hue-rotate(137deg) brightness(97%) contrast(101%);transform:translateY(-5px) scale(1)}.shape-slide:hover svg{transform:translateY(3px) scale(1);opacity:.6}.shape-slide:hover span{color:var(--color-teal)}.shape-slide img{height:auto}.shape-header-text h2{font-size:var(--font-size-xl);margin:0 0 1rem;max-width:800px}.now-wearing-title{font-size:var(--font-size-xl)}.now-wearing-label{font-size:var(--font-size-xs)}.shape-finder-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image text" "image slider" "image button";gap:3rem 8rem}.shape-header-text{grid-area:text;text-align:left;margin-bottom:0}.shape-main-display{grid-area:image}.swipe-hint{display:none}.shape-swiper-container{grid-area:slider;padding-bottom:0}.shape-btn-area{grid-area:button;display:flex;align-items:flex-end}.explore-btn{width:fit-content;padding:1.2rem 3.5rem}.desktop-grid-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2rem!important;transform:none!important;width:100%!important;height:auto}.desktop-grid-wrapper .swiper-slide{width:100%!important;margin-right:0!important;display:flex}.shape-swiper-container .swiper-pagination{display:none!important}}@media screen and (max-width:1024px){.now-wearing-badge{top:1.5rem;left:1.5rem}.shape-slide{display:flex!important;min-height:100px;height:100px;border:1px solid var(--color-ghost-white)}.shape-slide span{font-size:var(--font-size-xs)}.shape-finder-main .page-width{padding-left:0;padding-right:0}.shape-header-text{padding-left:1.5rem;padding-right:1.5rem}.shape-main-display{width:calc(100% - 3rem);margin:0 auto}.shape-btn-area{padding-left:1.5rem;padding-right:1.5rem}.shape-header-text p{display:none}}@media screen and (max-width:380px){.shape-header-text h2{font-size:var(--font-size-base);line-height:var(--line-height-base)}}
/*# sourceMappingURL=/cdn/shop/t/244/assets/shape-finder.css.map */