.refill-strip{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--mist-2);border-radius:var(--r-card)}.refill-strip-head{display:flex;flex-direction:column;gap:6px}.refill-strip-head b{font:500 15px/1.35 var(--font-body)}.refill-strip-points{display:flex;flex-direction:column;gap:8px}.refill-strip-points li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);line-height:1.45}.refill-strip-points svg{width:14px;height:14px;flex:none;margin-top:3px;stroke:var(--dusk);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.refill-strip-btn{align-self:flex-start}@media(max-width:560px){.refill-strip-btn{align-self:stretch;justify-content:center}}.refill-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;visibility:hidden}.refill-pop.open{pointer-events:auto;visibility:visible}.refill-pop[aria-hidden=true]:not(.open){visibility:hidden}.refill-pop-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f23276b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .5s var(--ease)}.refill-pop.open .refill-pop-scrim{opacity:1}.refill-pop-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--ivory);border-radius:var(--r-panel);box-shadow:0 40px 90px #1b202847;opacity:0;transform:translateY(22px) scale(.985);filter:blur(6px);transition:opacity .5s var(--ease),transform .55s var(--ease),filter .5s var(--ease)}.refill-pop.open .refill-pop-card{opacity:1;transform:none;filter:blur(0)}.refill-pop.open .refill-pop-card.settled{filter:none}.refill-pop-close{position:absolute;top:12px;right:12px;z-index:2}.refill-pop-body{display:flex;flex-direction:column;gap:16px;padding:clamp(26px,3.4vw,38px)}.refill-pop-line{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.refill-pop.open .refill-pop-line{opacity:1;transform:none;transition-delay:calc(.18s + (var(--i,0) * 70ms))}.refill-pop-line:empty{display:none}.refill-pop-heading{font-size:clamp(26px,2.8vw,34px);line-height:1.12;margin:0}.refill-pop-text{font-size:15px;line-height:1.65;color:var(--ink-2);max-width:44ch}.refill-pop-points{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.refill-pop-points li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2);line-height:1.5}.refill-pop-points svg{width:15px;height:15px;flex:none;margin-top:3px;stroke:var(--dusk);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.refill-pop-gift{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:13px;background:var(--linen);border-radius:var(--r-card)}.refill-pop-gift-thumb{width:52px;height:62px;border-radius:2px;overflow:hidden;background:var(--ivory)}.refill-pop-gift-thumb img,.refill-pop-gift-thumb svg{width:100%;height:100%;object-fit:cover}.refill-pop-gift-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.refill-pop-gift-copy b{display:block;font:500 13.5px/1.3 var(--font-body)}.refill-pop-gift-copy span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere}.refill-pop-gift-tag{font:600 9.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--dusk);white-space:nowrap}.refill-pop-ctas{display:flex;flex-direction:column;gap:10px;align-items:stretch}.refill-pop-ctas .btn{justify-content:center}.refill-pop-dismiss{font-size:13px;color:var(--gray);padding:4px 0}.refill-pop-dismiss:hover{color:var(--charcoal)}.refill-pop-footnote{font-size:12px;color:var(--gray);line-height:1.5;text-align:center}@media(max-width:600px){.refill-pop{padding:0;align-items:flex-end}.refill-pop-card{max-height:90vh;border-radius:var(--r-panel) var(--r-panel) 0 0;transform:translateY(40px)}.refill-pop-gift{grid-template-columns:44px 1fr;row-gap:8px}.refill-pop-gift-thumb{width:44px;height:52px}.refill-pop-gift-tag{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.refill-pop-card,.refill-pop.open .refill-pop-card{transform:none;filter:none;transition:opacity .001ms}.refill-pop-scrim{transition:opacity .001ms}.refill-pop-line,.refill-pop.open .refill-pop-line{opacity:1;transform:none;transition:none;transition-delay:0ms}}.pdp-subscription{display:flex;flex-direction:column;gap:14px}.pdp-subscription:empty{display:none}.sub-terms{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r-card);background:var(--ivory);transition:border-color .3s var(--ease),background .3s var(--ease)}.sub-terms.is-subscribing{border-color:var(--sand);background:var(--mist-2)}.sub-terms.needs-consent{border-color:var(--error)}.sub-terms-head{font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin:0}.sub-terms-list{display:flex;flex-direction:column;gap:8px}.sub-terms-list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.5}.sub-terms-list svg{width:14px;height:14px;flex:none;margin-top:3px;stroke:var(--dusk);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sub-terms-list b{font-weight:600;color:var(--charcoal)}.sub-terms-link{font-size:12.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.sub-terms-link:hover{color:var(--charcoal)}.sub-consent{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding-top:10px;border-top:1px solid var(--rule);font-size:13px;line-height:1.5;color:var(--charcoal)}.sub-consent input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:var(--dusk);cursor:pointer}.sub-consent input:disabled{cursor:default;opacity:.45}.sub-consent input:disabled+span{color:var(--gray)}.sub-terms-error{font-size:12.5px;color:var(--error);line-height:1.45;margin:0}.sub-terms-error[hidden]{display:none}.sub-terms-compact{display:block;font-size:12px;color:var(--gray);line-height:1.45}.cart-line .v.sub-terms-line{color:var(--gray)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/refill.css.map */