.cd-refill-recs{--cd-rr-ease: cubic-bezier(.19, 1, .22, 1);--cd-rr-duration: .8s;--cd-rr-gap: clamp(12px, 1.1vw, 16px);--cd-rr-feature-w: clamp(282px, 20.85vw, 306px);--cd-rr-small-w: clamp(205px, 15vw, 220px);--cd-rr-down-offset: clamp(224px, 16.5vw, 286px);background:var(--cd-rr-bg, #fff);color:var(--cd-rr-text, #111);overflow:hidden;isolation:isolate}.cd-refill-recs,.cd-refill-recs *{box-sizing:border-box}.cd-refill-recs__shell{width:100%;max-width:none;margin:0 auto}.cd-refill-recs__grid{display:grid;grid-template-columns:var(--cd-rr-feature-w) var(--cd-rr-small-w) var(--cd-rr-small-w) var(--cd-rr-feature-w) var(--cd-rr-small-w);column-gap:var(--cd-rr-gap);align-items:start;justify-content:center;width:100%;min-height:clamp(780px,60vw,860px);padding:var(--cd-rr-desktop-top, 132px) clamp(44px,4.15vw,60px) var(--cd-rr-desktop-bottom, 48px)}.cd-refill-recs__products{display:contents}.cd-refill-recs__heading-wrap{grid-column:1 / span 2;grid-row:1;align-self:start;z-index:2;max-width:500px}.cd-refill-recs__heading{margin:0;color:var(--cd-rr-text, #111);font-family:inherit;font-size:clamp(72px,5.95vw,88px);font-weight:400;line-height:1.17;letter-spacing:-.005em;text-wrap:balance}.cd-refill-recs__card{width:100%;min-width:0;color:var(--cd-rr-text, #111);opacity:0;transform:translateY(24px);transition:opacity var(--cd-rr-duration) var(--cd-rr-ease),transform var(--cd-rr-duration) var(--cd-rr-ease);transition-delay:calc(var(--cd-rr-step, 0) * 80ms)}.cd-refill-recs__card.is-visible,.cd-refill-recs.is-visible .cd-refill-recs__heading-wrap{opacity:1;transform:translateY(0)}.cd-refill-recs__heading-wrap{opacity:0;transform:translateY(20px);transition:opacity var(--cd-rr-duration) var(--cd-rr-ease),transform var(--cd-rr-duration) var(--cd-rr-ease)}.cd-refill-recs__card--slot-1{grid-column:1;grid-row:1;margin-top:var(--cd-rr-down-offset)}.cd-refill-recs__card--slot-2{grid-column:2;grid-row:1;margin-top:var(--cd-rr-down-offset)}.cd-refill-recs__card--slot-3{grid-column:3;grid-row:1}.cd-refill-recs__card--slot-4{grid-column:4;grid-row:1}.cd-refill-recs__card--slot-5{grid-column:5;grid-row:1;margin-top:var(--cd-rr-down-offset)}.cd-refill-recs__media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:var(--cd-rr-media-bg, #f4f4f4);text-decoration:none;color:inherit}.cd-refill-recs__card--standard .cd-refill-recs__media{height:var(--cd-rr-small-w)}.cd-refill-recs__card--feature .cd-refill-recs__media{height:clamp(420px,31.4vw,460px)}.cd-refill-recs__media:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:2;background:var(--cd-rr-bg, #fff);transform:scaleY(1);transform-origin:top;transition:transform var(--cd-rr-duration) var(--cd-rr-ease);transition-delay:calc((var(--cd-rr-step, 0) * 80ms) + .11s);pointer-events:none}.cd-refill-recs__card.is-visible .cd-refill-recs__media:after{transform:scaleY(0)}.cd-refill-recs__image,.cd-refill-recs__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cd-refill-recs__card--standard .cd-refill-recs__placeholder{padding:clamp(16px,1.8vw,26px)}.cd-refill-recs__card--feature .cd-refill-recs__placeholder{padding:clamp(18px,2.2vw,32px)}.cd-refill-recs__info{padding-top:18px}.cd-refill-recs__product-title{margin:0 0 3px;font-family:inherit;font-size:clamp(16px,1.25vw,19px);font-weight:400;line-height:1.12;letter-spacing:-.005em}.cd-refill-recs__product-title a{color:inherit;text-decoration:none}.cd-refill-recs__rating{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0 0 6px;font-size:clamp(15px,1.2vw,18px);font-weight:400;line-height:1.16;letter-spacing:-.005em}.cd-refill-recs__stars{display:inline-block;font-size:1em;line-height:1;letter-spacing:-.005em}.cd-refill-recs__reviews{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cd-refill-recs__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;font-size:16px;font-weight:400;line-height:1.12;letter-spacing:-.005em}.cd-refill-recs__price-current{color:inherit}.cd-refill-recs__price-compare{color:var(--cd-rr-muted, #a8a8a8);text-decoration:line-through;text-decoration-thickness:1px}.cd-refill-recs__empty{grid-column:3 / span 2;grid-row:1;align-self:center;font-size:18px;color:var(--cd-rr-muted, #777)}.cd-rr-line{display:block;overflow:hidden}.cd-rr-line__text{display:block;transform:translateY(112%);transition:transform var(--cd-rr-duration) var(--cd-rr-ease);transition-delay:calc(var(--cd-rr-line-index, 0) * 85ms);will-change:transform}.cd-refill-recs.is-visible .cd-rr-line__text{transform:translateY(0)}@media screen and (min-width:1500px){.cd-refill-recs__grid{grid-template-columns:318px 228px 228px 318px 228px}.cd-refill-recs__card--standard .cd-refill-recs__media{height:228px}.cd-refill-recs__card--feature .cd-refill-recs__media{height:474px}}@media screen and (max-width:1180px)and (min-width:750px){.cd-refill-recs{--cd-rr-feature-w: 25vw;--cd-rr-small-w: 18vw;--cd-rr-down-offset: 24vw}.cd-refill-recs__grid{padding-left:32px;padding-right:32px}.cd-refill-recs__heading{font-size:clamp(58px,6.6vw,48px)}}@media screen and (max-width:989px)and (min-width:750px){.cd-refill-recs__grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px;min-height:0}.cd-refill-recs__heading-wrap,.cd-refill-recs__card--slot-1,.cd-refill-recs__card--slot-2,.cd-refill-recs__card--slot-3,.cd-refill-recs__card--slot-4,.cd-refill-recs__card--slot-5{grid-column:auto;grid-row:auto;margin-top:0}.cd-refill-recs__heading-wrap{grid-column:1 / span 2}.cd-refill-recs__card--feature .cd-refill-recs__media,.cd-refill-recs__card--standard .cd-refill-recs__media{height:31vw}}@media screen and (max-width:749px){.cd-refill-recs{overflow:hidden}.cd-refill-recs__shell{padding:var(--cd-rr-mobile-top, 84px) 0 var(--cd-rr-mobile-bottom, 72px)}.cd-refill-recs__grid{display:block;min-height:0;width:100%;padding:0}.cd-refill-recs__products{display:flex;align-items:stretch;justify-content:flex-start;gap:10px;width:100%;padding:0 0 0 36px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:36px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cd-refill-recs__products::-webkit-scrollbar{display:none}.cd-refill-recs__heading-wrap{width:calc(100vw - 60px);max-width:calc(100vw - 60px);margin:0 0 46px 32px}.cd-refill-recs__heading{max-width:345px;font-size:clamp(20px,17.4vw,48px);line-height:1.18;letter-spacing:-.026em}.cd-refill-recs__card{flex:0 0 min(82vw,330px);width:min(82vw,330px);margin-top:0!important;scroll-snap-align:start}.cd-refill-recs__card--slot-1{margin-left:20px}.cd-refill-recs__card--feature .cd-refill-recs__media,.cd-refill-recs__card--standard .cd-refill-recs__media{height:min(121vw,476px)}.cd-refill-recs__card--standard .cd-refill-recs__placeholder,.cd-refill-recs__card--feature .cd-refill-recs__placeholder{padding:24px}.cd-refill-recs__info{padding-top:22px}.cd-refill-recs__product-title{margin-bottom:7px;font-size:16px;line-height:1.04;letter-spacing:-.005em}.cd-refill-recs__rating{gap:9px;margin-bottom:7px;font-size:16px;line-height:1;letter-spacing:-.035em}.cd-refill-recs__stars{letter-spacing:.035em;font-size:16px}.cd-refill-recs__price{gap:4px;font-size:16px;line-height:1.05;letter-spacing:-.004em}.cd-refill-recs__empty{flex:0 0 calc(100vw - 72px);padding-right:36px}}@media screen and (max-width:390px){.cd-refill-recs__products{padding-left:32px;padding-right:32px;scroll-padding-left:32px}.cd-refill-recs__heading-wrap{width:calc(100vw - 56px);max-width:calc(100vw - 56px);margin-left:28px}.cd-refill-recs__heading{font-size:62px}.cd-refill-recs__card{flex-basis:82vw;width:82vw}.cd-refill-recs__card--slot-1{margin-left:18px}}@media(prefers-reduced-motion:reduce){.cd-refill-recs__heading-wrap,.cd-refill-recs__card,.cd-rr-line__text,.cd-refill-recs__media:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/cd-refill-recs.css.map */