#bag-bar{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:stretch;gap:8px;max-width:560px;margin:0 auto;padding:8px;background:#222;color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000040;box-sizing:border-box;transform:translateY(140%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility 0s linear .25s}#bag-bar.is-on{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .25s ease,visibility 0s}#bag-bar .bb-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}#bag-bar .bb-thumb{position:relative;flex:none;width:40px;height:40px;border-radius:8px;background:#fff}#bag-bar .bb-thumb img{width:40px;height:40px;border-radius:8px;object-fit:contain;display:block}#bag-bar .bb-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#dd24d0;color:#fff;font-family:Hubot Sans,sans-serif;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-sizing:border-box}#bag-bar .bb-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}#bag-bar .bb-l1{font-family:Parkinsans,sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bag-bar .bb-l2{margin-top:2px;font-family:Hubot Sans,sans-serif;font-weight:600;font-size:12px;color:#d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bag-bar .bb-prog{display:block;height:4px;margin-top:5px;background:#555;border-radius:2px;overflow:hidden}#bag-bar .bb-prog[hidden]{display:none}#bag-bar .bb-fill{display:block;height:100%;width:0;background:#dd24d0;border-radius:2px;transition:width .4s ease}#bag-bar .bb-checkout{flex:none;display:flex;align-items:center;padding:0 16px;min-height:44px;border-radius:8px;background:#fff;color:#222;font-family:Parkinsans,sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;text-decoration:none;white-space:nowrap}#bag-bar.just-added .bb-thumb{animation:bb-pop .35s ease}@keyframes bb-pop{50%{transform:scale(1.12)}}.plp-atc-btn .bb-added{font-size:11px;letter-spacing:1px;white-space:nowrap}#bag-bar .bb-mtotal,#bag-bar .bb-close{display:none}#bag-bar.is-on:not(.is-open){left:auto;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:none;margin:0;padding:6px;gap:0;border-radius:999px}#bag-bar:not(.is-open) .bb-text,#bag-bar:not(.is-open) .bb-checkout{display:none}#bag-bar:not(.is-open) .bb-open{flex:none;position:relative;gap:0}#bag-bar:not(.is-open) .bb-thumb,#bag-bar:not(.is-open) .bb-thumb img{width:44px;height:44px;border-radius:999px}#bag-bar:not(.is-open) .bb-mtotal{display:block;position:absolute;left:50%;bottom:-12px;transform:translate(-50%);padding:3px 6px;border-radius:999px;background:#dd24d0;color:#fff;font-family:Parkinsans,sans-serif;font-weight:800;font-size:10px;line-height:1;white-space:nowrap}#bag-bar.is-open .bb-close{display:flex;align-items:center;justify-content:center;position:absolute;top:-14px;right:-8px;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}#bag-bar.is-open .bb-close span{display:block;width:26px;height:26px;border-radius:999px;background:#fff;color:#222;font:800 18px/26px Parkinsans,sans-serif;text-align:center;box-shadow:0 2px 6px #00000040}body.bag-bar-on{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
/*# sourceMappingURL=/cdn/shop/t/46/assets/bag-bar.css.map */