.needs-selector{padding-top:var(--needs-padding-top, 4rem);padding-bottom:var(--needs-padding-bottom, 4rem);background:var(--needs-section-bg, #faf8f6)}.needs-selector__title{font-size:2rem;letter-spacing:-.03em;margin-bottom:2.5rem;padding:0 1.5rem;text-align:center;color:#1a1a1a}.needs-selector__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.needs-selector__item{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:none;cursor:pointer;font:inherit;padding:0;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 12px #0000000a;transition:box-shadow .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(30px) scale(.96);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),box-shadow .3s ease;will-change:transform,opacity;position:relative;width:100%;max-width:180px;flex:0 1 180px}@media(min-width:1200px){.needs-selector__item{flex:0 1 200px;max-width:200px}}.needs-selector__item.is-visible{opacity:1;transform:translateY(0) scale(1)}.needs-selector__item:not(.is-active):hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px #00000014}.needs-selector__item:active:not(.is-active){transform:scale(.97);transition-duration:.1s}.needs-selector__image-wrapper{width:100%;aspect-ratio:3 / 4;background:var(--needs-bg-color, #f4e4dd);overflow:hidden;position:relative}.needs-selector__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.23,1,.32,1)}.needs-selector__item:hover .needs-selector__image{transform:scale(1.06)}.needs-selector__label{padding:1rem .5rem;font-size:.8rem;font-weight:700;text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#2d2d2d;background:#fff;transition:color .3s ease,background .3s ease;border-top:1px solid rgba(0,0,0,.04)}.needs-selector__item.is-active{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px) scale(1.02)}.needs-selector__item.is-active .needs-selector__image-wrapper{outline:3px solid transparent;outline-offset:-3px;background:linear-gradient(135deg,#000,#333);padding:3px;background-clip:padding-box}.needs-selector__item.is-active .needs-selector__image-wrapper:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:1.5rem;padding:3px;background:linear-gradient(135deg,#000,#555);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.needs-selector__item.is-active .needs-selector__label{color:#000;background:#f5f5f5;border-top-color:#000}.needs-selector__item.is-active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:1.5rem;background:linear-gradient(135deg,#00000014,#fff3);z-index:0;opacity:.5;pointer-events:none}.needs-selector__carousel{display:none;padding:0 1.5rem;position:relative}.needs-selector__carousel .swiper-slide{height:auto}.needs-selector__button{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:none;background:#000;color:#fff;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s ease}.needs-selector__button:hover{background:#333}.needs-selector__button:disabled{opacity:.3;cursor:not-allowed}.needs-selector__button.prev{left:0}.needs-selector__button.next{right:0}.needs-selector__button svg{width:.625rem;height:auto}@media(max-width:989px){.needs-selector__item{flex:0 1 160px;max-width:160px}}@media(max-width:768px){.needs-selector__grid{display:none}.needs-selector__carousel{display:block;padding:0 2.2rem}.needs-selector{padding-top:var(--needs-padding-top-mobile, 2.5rem);padding-bottom:var(--needs-padding-bottom-mobile, 2.5rem)}.needs-selector__title{font-size:1.5rem;margin-bottom:1.75rem;padding:0 1rem;text-align:center}.needs-selector__item{flex:0 1 180px;max-width:180px}.needs-selector__label{font-size:.7rem;padding:.75rem .25rem}.needs-selector__item.is-active{transform:translateY(-2px) scale(1.01)}.needs-selector__button{width:2.2rem;height:2.2rem;top:50%;transform:translateY(-50%)}.needs-selector__button.prev{left:.2rem}.needs-selector__button.next{right:.2rem}}@media(max-width:480px){.needs-selector__carousel{padding:0 2rem}.needs-selector__button{width:2rem;height:2rem}.needs-selector__button.prev{left:.1rem}.needs-selector__button.next{right:.1rem}}
/*# sourceMappingURL=/cdn/shop/t/62/compiled_assets/styles.css.map */