.yvette-shop-by-need{padding:var(--sbn-desktop-padding) 0;background:var(--sbn-background)}.yvette-shop-by-need *,.yvette-shop-by-need *:before,.yvette-shop-by-need *:after{box-sizing:border-box}.yvette-shop-by-need .sectionHeading{max-width:720px;margin:0 auto 48px;text-align:center}.yvette-shop-by-need .sectionHeading .eyebrow{margin:0 0 14px;color:var(--sbn-eyebrow-color);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.yvette-shop-by-need .sectionHeading h2{margin:0 0 14px;color:var(--sbn-heading-color);font-family:Georgia,serif;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.035em}.yvette-shop-by-need .sectionHeading>p:last-child{margin:0;color:var(--sbn-text-color);font-size:16px;line-height:1.7}.yvette-shop-by-need .needSlider{position:relative}.yvette-shop-by-need .needGrid{display:flex;gap:14px;width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.yvette-shop-by-need .needGrid::-webkit-scrollbar{display:none}.yvette-shop-by-need .needCard{position:relative;display:flex;flex:0 0 calc((100% - 42px)/4);align-items:flex-end;width:calc((100% - 42px)/4);min-width:0;height:var(--sbn-card-height);overflow:hidden;color:#fff;text-decoration:none;scroll-snap-align:start;scroll-snap-stop:normal}.yvette-shop-by-need picture.needCard__media,.yvette-shop-by-need img.needCard__media,.yvette-shop-by-need .needCard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.yvette-shop-by-need picture.needCard__media img,.yvette-shop-by-need img.needCard__media,.yvette-shop-by-need .needCard__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.yvette-shop-by-need .needCard__placeholder{background:#d8d2cc}.yvette-shop-by-need .cardShade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 30%,rgba(0,0,0,var(--sbn-overlay-opacity)))}.yvette-shop-by-need .needCard__content{position:relative;z-index:2;width:100%;padding:28px 24px}.yvette-shop-by-need .needCard .h3-title{margin:0;color:#fff;font-size:26px;font-weight:600;line-height:1.15}.yvette-shop-by-need .needCard p{margin:10px 0 0;color:#fff;font-size:14px;line-height:1.5}.yvette-shop-by-need .needCard__link-text{display:inline-block;margin-top:16px;color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none}.yvette-shop-by-need .needSlider__button{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;color:#111;background:#fffffff0;border:1px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:0 4px 18px #00000024;cursor:pointer;opacity:1;visibility:visible;transform:translateY(-50%);transition:color .2s ease,background .2s ease,opacity .2s ease,visibility .2s ease,transform .2s ease}.yvette-shop-by-need .needSlider__button--previous{left:6px}.yvette-shop-by-need .needSlider__button--next{right:6px}.yvette-shop-by-need .needSlider__button svg{display:block;width:22px;height:22px}.yvette-shop-by-need .needSlider__button:disabled{opacity:.25;cursor:default;pointer-events:none}.yvette-shop-by-need .needSlider--no-navigation .needSlider__button{display:none}.yvette-shop-by-need .needSlider:not(.needSlider--has-navigation) .needSlider__button{opacity:0;visibility:hidden;pointer-events:none}@media(hover:hover)and (pointer:fine){.yvette-shop-by-need .needSlider__button:not(:disabled):hover{color:#fff;background:#111;transform:translateY(-50%) scale(1.05)}.yvette-shop-by-need .needGrid{cursor:grab}.yvette-shop-by-need .needGrid.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.yvette-shop-by-need .needGrid.is-dragging .needCard{cursor:grabbing}.yvette-shop-by-need .needCard img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.yvette-shop-by-need .needCard:hover picture.needCard__media img,.yvette-shop-by-need .needCard:hover>img.needCard__media,.yvette-shop-by-need .needCard:hover .needCard__placeholder{transform:scale(1.04)}.yvette-shop-by-need .needCard:hover .needCard__link-text{text-decoration:underline;text-underline-offset:4px}}@media screen and (min-width:768px)and (max-width:1100px){.yvette-shop-by-need .needGrid{gap:12px}.yvette-shop-by-need .needCard{flex-basis:calc((100% - 36px)/4);width:calc((100% - 36px)/4)}.yvette-shop-by-need .needCard__content{padding:20px 14px}.yvette-shop-by-need .needCard .h3-title{font-size:21px}.yvette-shop-by-need .needCard p{font-size:12px}.yvette-shop-by-need .needCard__link-text{margin-top:12px;font-size:12px}.yvette-shop-by-need .needSlider__button{width:40px;height:40px}.yvette-shop-by-need .needSlider__button--previous{left:10px}.yvette-shop-by-need .needSlider__button--next{right:10px}}@media screen and (max-width:767px){.yvette-shop-by-need{padding:var(--sbn-mobile-padding) 0}.yvette-shop-by-need .sectionHeading{margin-bottom:30px}.yvette-shop-by-need .sectionHeading h2{font-size:39px}.yvette-shop-by-need .needGrid{gap:8px;scroll-snap-type:x proximity}.yvette-shop-by-need .needCard{flex:0 0 calc((100% - 4px) / 1.5);width:calc((100% - 4px) / 1.5);height:var(--sbn-mobile-card-height)}.yvette-shop-by-need .needCard__content{padding:20px 16px}.yvette-shop-by-need .needCard .h3-title{font-size:23px}.yvette-shop-by-need .needCard p{font-size:12px}.yvette-shop-by-need .needCard__link-text{margin-top:12px;font-size:12px}.yvette-shop-by-need .needSlider__button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/339/assets/yvette-shop-by-need.css.map */