.cqs-bb{position:fixed;left:0;right:0;bottom:0;z-index:60;padding-bottom:env(safe-area-inset-bottom,0px);background:#fbfbfd;border-top:1px solid rgba(12,12,74,.08);box-shadow:none;transform:translateY(110%);visibility:hidden;transition:transform .34s cubic-bezier(.4,0,.2,1),visibility 0s linear .34s}.cqs-bb.is-shown{transform:none;visibility:visible;transition:transform .48s cubic-bezier(.16,1,.3,1)}html.cqs-bb-on{scroll-padding-bottom:9.6rem}.cqs-bb-in{box-sizing:border-box;display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto auto;grid-template-areas:"img text price add";align-items:center;column-gap:1.4rem;max-width:calc(132rem + 2*clamp(1.6rem,4vw,5.6rem));min-height:5.6rem;margin:0 auto;padding:.8rem clamp(1.6rem,4vw,5.6rem)}.cqs-bb-img{grid-area:img;width:3.6rem;height:3.6rem;overflow:hidden;border-radius:var(--cq-r-sm, 8px);background:#f5f5f5}.cqs-bb-img img{display:block;width:100%;height:100%;object-fit:cover}.cqs-bb-text{grid-area:text;display:flex;align-items:baseline;gap:1rem;min-width:0}.cqs-bb-name{overflow:hidden;color:var(--cq-navy);font:600 1.5rem/1.2 var(--cq-font-ui);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis}.cqs-bb-opts{overflow:hidden;color:var(--cq-body);font:400 1.3rem/1.2 var(--cq-font-ui);white-space:nowrap;text-overflow:ellipsis}.cqs-bb-price{grid-area:price;color:var(--cq-navy);font:500 1.6rem/1 var(--cq-font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.cqs-bb-price :is(s,.cqs-bb-sub){margin-inline-start:.6rem;color:var(--cq-text-secondary);font-size:.85em;font-weight:400}.cqs-bb-sub--short{display:none}.cqs-bb-add{grid-area:add;display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:0 2rem;border:0;border-radius:var(--cq-r-btn, 8px);background:var(--cq-blue, #171796);color:#fff;font:500 1.4rem/1 var(--cq-font-ui);letter-spacing:.005em;cursor:pointer}.cqs-bb :is(.cqs-bb-add,.cqs-bb-icon){transition:background-color .2s cubic-bezier(.22,.61,.36,1),transform .2s cubic-bezier(.22,.61,.36,1)}.cqs-bb :is(.cqs-bb-add,.cqs-bb-icon):active{transform:scale(.97)}.cqs-bb-add:hover{background:var(--cq-blue-600, #111173)}.cqs-bb-add:disabled{background:var(--cq-ground);box-shadow:inset 0 0 0 1px var(--cq-line-soft);color:var(--cq-text-secondary);cursor:not-allowed;opacity:1}.cqs-bb :is(button):focus-visible{outline:2px solid var(--cq-blue, #171796);outline-offset:3px}.cqs-bb-slot{display:none}.cqpm-jump{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4.4rem;height:4.4rem;min-width:0;margin:0;padding:0;border:0;border-radius:var(--cq-r-md, 12px);background:var(--cq-hover);color:var(--cq-navy);cursor:pointer;-webkit-tap-highlight-color:transparent}.cqpm-jump svg{display:block;width:2rem;height:2rem}.cqs-bb .cqpm-jump{position:relative;transition:transform .1s cubic-bezier(.22,1,.36,1),background-color .1s cubic-bezier(.22,1,.36,1)}.cqs-bb .cqpm-jump:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}@media(hover:hover){.cqs-bb .cqpm-jump:hover{background:var(--cq-line-soft)}}.cqs-bb .cqpm-jump:active{transform:scale(.96);background:var(--cq-blue-100)}.cqpm-jump-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:749px){.cqs-bb{transition:transform .2s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s}.cqs-bb.is-shown{transition:transform .24s cubic-bezier(.22,1,.36,1)}.cqs-bb-in{grid-template-columns:minmax(0,1fr) 4.4rem auto;grid-template-areas:"text slot add" "price slot add";column-gap:.8rem;row-gap:.1rem;min-height:0;padding:.8rem 1.5rem}.cqs-bb-img{display:none}.cqs-bb-text{display:grid;align-self:end}.cqs-bb-name{font-size:1.4rem}.cqs-bb-opts{display:none}.cqs-bb-price{display:flex;flex-wrap:wrap;align-items:baseline;align-self:start;gap:.2rem .6rem;font-size:1.4rem;white-space:normal}.cqs-bb-price :is(s,.cqs-bb-sub){margin-inline-start:0}.cqs-bb-add{min-height:var(--cq-purchase-buy-height, 4.8rem);margin-inline-start:.4rem;padding:0 1.6rem;font-size:var(--cq-purchase-button-font-size, 1.6rem);font-weight:600;white-space:nowrap}.cqs-bb-slot{grid-area:slot;display:block}.cqpm-jump{width:4.4rem;height:4.4rem}.cqs-bb--solo .cqs-bb-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text add" "price add"}html.cq-pbar{scroll-padding-bottom:calc(7.2rem + env(safe-area-inset-bottom,0px))}}@media screen and (max-width:374px){.cqs-bb-name,.cqs-bb-price{font-size:1.3rem}.cqs-bb-price{column-gap:.4rem}}@media screen and (max-width:429px){.cqs-bb-sub--short{display:inline}.cqs-bb-sub--save{display:none}}@media screen and (min-width:750px)and (max-width:989px){.cqs-bb-in{grid-template-columns:3.6rem minmax(0,1fr) auto 4.4rem auto;grid-template-areas:"img text price slot add"}.cqs-bb-slot{grid-area:slot;display:block}.cqs-bb--solo .cqs-bb-in{grid-template-columns:3.6rem minmax(0,1fr) auto auto;grid-template-areas:"img text price add"}}@media screen and (min-width:750px)and (max-width:989px)and (pointer:coarse){.cqs-bb-add{min-height:var(--cq-purchase-buy-height, 48px)}}.cqpm-sheet{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.cqpm-sheet::backdrop{background:transparent}.cqpm-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cq-scrim);opacity:0;transition:opacity .2s cubic-bezier(.22,1,.36,1)}.cqpm-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:var(--cq-window-max);overflow:auto;overscroll-behavior:contain;padding:0 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border-radius:2rem 2rem 0 0;background:var(--cq-white);transform:translateY(100%);transition:transform .2s cubic-bezier(.22,1,.36,1)}.cqpm-sheet.is-open .cqpm-sheet-scrim{opacity:1}.cqpm-sheet.is-open .cqpm-sheet-panel{transform:none;transition-duration:.24s}.cqpm-sheet.is-dragging :is(.cqpm-sheet-panel,.cqpm-sheet-scrim){transition:none}.cqpm-sheet-head{position:sticky;top:0;z-index:1;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:5.6rem;margin:0 -1.6rem;padding:.8rem 1.6rem 0;background:var(--cq-white);touch-action:none}.cqpm-sheet-grab{position:absolute;top:.8rem;left:50%;width:3.6rem;height:.5rem;margin-left:-1.8rem;border-radius:.25rem;background:var(--cq-line);pointer-events:none}.cqpm-sheet-head p{margin:0;color:var(--cq-navy);font:600 1.8rem/1.2 var(--cq-font-ui)}.cqpm-sheet-x{margin-right:-.8rem}.cqpm-sheet ul{display:grid;margin:0;padding:0;list-style:none}.cqpm-sheet li+li{border-top:1px solid var(--cq-line-soft)}.cqpm-sheet li button{box-sizing:border-box;display:flex;align-items:center;gap:1.2rem;width:calc(100% + 1.6rem);min-height:5.6rem;margin:0 -.8rem;padding:0 .8rem;border:0;border-radius:var(--cq-r-sm, 8px);background:none;color:var(--cq-ink);text-align:left;font:500 1.6rem/1.25 var(--cq-font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s cubic-bezier(.22,1,.36,1)}.cqpm-sheet-tile{flex:none;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:var(--cq-r-sm, 8px);background:var(--cq-hover);color:var(--cq-navy);transition:background-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1)}.cqpm-sheet-tile svg{display:block;width:1.8rem;height:1.8rem}.cqpm-sheet-label{min-width:0}.cqpm-sheet li button[aria-current]{background:var(--cq-blue-50);box-shadow:inset 2px 0 0 var(--cq-blue);color:var(--cq-navy);font-weight:600}.cqpm-sheet li button[aria-current] .cqpm-sheet-tile{background:var(--cq-blue-100)}.cqpm-sheet li button:active{background:var(--cq-hover);transition-duration:60ms}.cqpm-sheet li button:active .cqpm-sheet-tile{background:var(--cq-blue-100);color:var(--cq-blue);transition-duration:60ms}.cqpm-sheet li button[aria-current]:active{background:var(--cq-blue-100)}@media(hover:hover){.cqpm-sheet li button:not([aria-current]):hover{background:color-mix(in srgb,var(--cq-navy) 5%,transparent)}}.cqpm-sheet li button:focus-visible{outline:2px solid var(--cq-blue);outline-offset:-2px}html.cq-pbar #hubspot-messages-iframe-container{transition:translate .28s cubic-bezier(.22,.61,.36,1),opacity .2s cubic-bezier(.22,.61,.36,1)}html.cqs-bb-on:not(.hs-messages-widget-open) #hubspot-messages-iframe-container{translate:0 calc(-1 * var(--cq-buybar-height, 8rem))}html.cqs-chat-dodge:not(.hs-messages-widget-open) #hubspot-messages-iframe-container{opacity:0;pointer-events:none}html.hs-messages-widget-open #hubspot-messages-iframe-container{translate:none!important}html.cqs-sheet-open #hubspot-messages-iframe-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media screen and (max-width:749px){html.cq-pbar:not(.cqs-chat-ok):not(.hs-messages-widget-open) #hubspot-messages-iframe-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media screen and (max-width:749px)and (prefers-reduced-motion:no-preference){html.cq-pbar:not(.cqs-chat-ok):not(.hs-messages-widget-open) #hubspot-messages-iframe-container{transition:translate .28s cubic-bezier(.22,.61,.36,1),opacity .2s cubic-bezier(.22,.61,.36,1),visibility 0s linear .2s}}@media(prefers-reduced-motion:reduce){.cqs-bb,.cqs-bb.is-shown,.cqpm-sheet-panel,.cqpm-sheet-scrim,html.cq-pbar #hubspot-messages-iframe-container{transition:none}.cqs-bb .cqpm-jump:active,.cqs-bb :is(.cqs-bb-add,.cqs-bb-icon):active{transform:none}.cqs-bb :is(.cqs-bb-add,.cqs-bb-icon){transition:background-color .16s cubic-bezier(.22,.61,.36,1)}}
/*# sourceMappingURL=/cdn/shop/t/449/assets/cq-product-bar.css.map */
