.free-shaker-bar{--fsb-red: #b42318;margin-top:6px;text-align:left}.free-shaker-bar__text{margin:0 0 12px;font-size:.875rem;line-height:1.25;font-weight:var(--font-body-bold-weight, 600);color:var(--color-heading, inherit)}.free-shaker-bar__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;isolation:isolate}.free-shaker-bar__track:before,.free-shaker-bar__track:after{content:"";position:absolute;height:4px;top:18px;left:16.6667%;z-index:-1}.free-shaker-bar__track:before{width:66.6667%;background:#e9bfc9}.free-shaker-bar__track:after{width:0;background:var(--fsb-red);transition:width .35s ease}.free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(2).is-filled):after{width:33.3333%}.free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(3).is-filled):after{width:66.6667%}.free-shaker-bar__segment{display:flex;flex-direction:column;align-items:center;min-width:0;gap:7px}.free-shaker-bar__pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:40px;width:64px;max-width:100%;padding:2px 7px;border:2px solid var(--fsb-red);border-radius:999px;background:#fff;color:var(--fsb-red);box-sizing:border-box;position:relative}.free-shaker-bar__segment.is-filled .free-shaker-bar__pill{color:#fff;background:var(--fsb-red)}.free-shaker-bar__shaker{width:19px;height:19px;flex:none}.free-shaker-bar__step-number{font-size:12px;line-height:1;font-weight:700}.free-shaker-bar__reward{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--fsb-red);font-family:var(--font-display-family, inherit);font-weight:var(--font-display-weight, 700);line-height:1.15;font-size:11px;text-align:center;white-space:nowrap}.free-shaker-bar__reward-icon{width:13px;height:13px;flex:none}.free-shaker-bar__reward--placeholder{visibility:hidden}.free-shaker-bar.is-animating .free-shaker-bar__segment.is-filled:not(.is-static) .free-shaker-bar__pill{animation:fsb-pill-enter .38s ease-out both;animation-delay:var(--fsb-delay,0ms)}.free-shaker-bar.is-complete.is-animating .free-shaker-bar__segment.is-gift .free-shaker-bar__pill{animation:fsb-pill-enter .45s ease-out both;animation-delay:var(--fsb-delay,0ms)}@keyframes fsb-pill-enter{0%{transform:scale(.94)}to{transform:scale(1)}}@media(max-width:359px){.free-shaker-bar__pill{height:38px;width:58px;padding:2px 4px}.free-shaker-bar__shaker{width:17px;height:17px}.free-shaker-bar__reward{font-size:10px;gap:2px}.free-shaker-bar__reward-icon{width:11px;height:11px}.free-shaker-bar__track:before,.free-shaker-bar__track:after{top:17px}}@media(prefers-reduced-motion:reduce){.free-shaker-bar__track:after{transition:none}.free-shaker-bar.is-animating .free-shaker-bar__pill{animation:none!important}}#Cart-Drawer .free-shaker-bar__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;column-gap:0;width:100%;min-width:0}#Cart-Drawer .free-shaker-bar__segment{grid-row:1;width:100%;min-width:0;gap:5px}#Cart-Drawer .free-shaker-bar__segment:nth-child(1){grid-column:1}#Cart-Drawer .free-shaker-bar__segment:nth-child(2){grid-column:2}#Cart-Drawer .free-shaker-bar__segment:nth-child(3){grid-column:3}#Cart-Drawer .free-shaker-bar__pill{width:54px;height:34px;padding:2px 5px;gap:3px;flex-shrink:0}#Cart-Drawer .free-shaker-bar__shaker{width:16px;height:16px}#Cart-Drawer .free-shaker-bar__step-number{font-size:11px}#Cart-Drawer .free-shaker-bar__reward{max-width:100%;min-width:0;gap:3px;font-size:10px;white-space:nowrap}#Cart-Drawer .free-shaker-bar__reward-icon{width:11px;height:11px}#Cart-Drawer .free-shaker-bar__track:before,#Cart-Drawer .free-shaker-bar__track:after{top:15px}@media(max-width:359px){#Cart-Drawer .free-shaker-bar__pill{width:48px;height:32px}#Cart-Drawer .free-shaker-bar__shaker{width:14px;height:14px}#Cart-Drawer .free-shaker-bar__reward{font-size:9px;gap:2px}#Cart-Drawer .free-shaker-bar__reward-icon{width:10px;height:10px}#Cart-Drawer .free-shaker-bar__track:before,#Cart-Drawer .free-shaker-bar__track:after{top:14px}}#Cart-Drawer .free-shaker-bar__track{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}#Cart-Drawer .free-shaker-bar__segment:first-child{align-items:flex-start}#Cart-Drawer .free-shaker-bar__segment:nth-child(2){align-items:center}#Cart-Drawer .free-shaker-bar__segment:last-child{align-items:flex-end}#Cart-Drawer .free-shaker-bar__segment:first-child .free-shaker-bar__reward{align-self:flex-start}#Cart-Drawer .free-shaker-bar__segment:last-child .free-shaker-bar__reward{align-self:flex-end}#Cart-Drawer .free-shaker-bar__track:before,#Cart-Drawer .free-shaker-bar__track:after{left:0;right:auto;top:15px;height:4px}#Cart-Drawer .free-shaker-bar__track:before{width:calc(100% - 27px)}#Cart-Drawer .free-shaker-bar__track:after{width:27px}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(2).is-filled):after{width:50%}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(3).is-filled):after{width:calc(100% - 27px)}#Cart-Drawer .free-shaker-bar__text{position:relative;margin:22px 0 0;padding:12px 14px;border-radius:6px;background:#fbecef;color:#171717;font-size:.625rem;line-height:1.35;font-weight:400;text-align:left}#Cart-Drawer .free-shaker-bar__text:before{content:"";position:absolute;top:-10px;right:24px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:11px solid #fbecef}@media(max-width:359px){#Cart-Drawer .free-shaker-bar__track:before{width:calc(100% - 24px)}#Cart-Drawer .free-shaker-bar__track:after{width:24px}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(3).is-filled):after{width:calc(100% - 24px)}#Cart-Drawer .free-shaker-bar__track:before,#Cart-Drawer .free-shaker-bar__track:after{top:14px}#Cart-Drawer .free-shaker-bar__text{margin-top:20px;padding:10px 12px}}#Cart-Drawer .free-shaker-bar__segment.is-gift:not(.is-filled) .free-shaker-bar__pill{background:#fbecef;border-color:var(--fsb-red);border-width:2.5px;color:var(--fsb-red)}#Cart-Drawer .free-shaker-bar__track{--fsb-end-inset: 27px}#Cart-Drawer .free-shaker-bar__track:after{width:calc(15% + var(--fsb-end-inset) * .7)}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(2).is-filled):after{width:calc(65% - var(--fsb-end-inset) * .3)}@media(max-width:359px){#Cart-Drawer .free-shaker-bar__track{--fsb-end-inset: 24px}}#Cart-Drawer .free-shaker-bar__track{padding-left:7%;box-sizing:border-box}#Cart-Drawer .free-shaker-bar__track:before{width:calc(100% - var(--fsb-end-inset))}#Cart-Drawer .free-shaker-bar__track:after{width:calc(23.92% + var(--fsb-end-inset) * .7)}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(2).is-filled):after{width:calc(67.45% - var(--fsb-end-inset) * .3)}#Cart-Drawer .free-shaker-bar__gift-emoji{display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:16px;line-height:1}#Cart-Drawer .free-shaker-bar__segment.is-gift.is-filled .free-shaker-bar__gift-emoji{text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff}@media(max-width:359px){#Cart-Drawer .free-shaker-bar__gift-emoji{font-size:14px}}#Cart-Drawer .free-shaker-bar__track:has(.free-shaker-bar__segment:nth-child(3).is-filled):after{width:calc(100% - var(--fsb-end-inset))}
/*# sourceMappingURL=/cdn/shop/t/137/assets/free-shaker-bar.css.map */