.b365-samplebar{--b365-samplebar-slots: 5;--b365-samplebar-slot-max: 36px;--b365-samplebar-slot-gap: var(--b365-space-1);--b365-samplebar-go: 36px;--b365-samplebar-gap: var(--b365-space-2);--b365-samplebar-pad-y: var(--b365-space-2);--b365-samplebar-pad-x: var(--b365-space-3);--b365-samplebar-x: 16px;--b365-samplebar-base: 0px;--b365-samplebar-safe: env(safe-area-inset-bottom, 0px);position:fixed;z-index:24;box-sizing:border-box;padding-block:var(--b365-samplebar-pad-y);padding-block-end:calc(var(--b365-samplebar-pad-y) + var(--b365-samplebar-safe));padding-inline:var(--b365-samplebar-pad-x);border-block-start:1px solid var(--b365-rule);background:var(--b365-ground);color:var(--b365-text);inset-block-end:var(--b365-samplebar-base);inset-inline:0}.b365-samplebar__row{display:flex;max-inline-size:var(--b365-content-max);align-items:center;margin-inline:auto;gap:var(--b365-samplebar-gap)}@media(max-width:989px){:root:has(.b365-tabbar) .b365-samplebar{--b365-samplebar-base: calc(var(--b365-tabbar-h) + env(safe-area-inset-bottom, 0px));--b365-samplebar-safe: 0px}:root:has(.b365-cart__bar) .b365-samplebar{--b365-samplebar-base: calc(var(--b365-buybar-cart-h) + env(safe-area-inset-bottom, 0px));--b365-samplebar-safe: 0px}:root:has([data-b365-product-sticky]:not([hidden])) .b365-samplebar{--b365-samplebar-base: calc(var(--b365-buybar-product-h) + env(safe-area-inset-bottom, 0px));--b365-samplebar-safe: 0px}}.b365-samplebar__text{overflow:hidden;min-inline-size:0;flex:1 1 auto;margin:0;font-size:var(--b365-fs-small);font-weight:var(--b365-fw-medium);line-height:var(--b365-lh-head);text-overflow:ellipsis;white-space:nowrap}.b365-samplebar__tally{color:var(--b365-text-soft);font-variant-numeric:tabular-nums}.b365-samplebar__long{display:none}@media(min-width:560px){.b365-samplebar__short{display:none}.b365-samplebar__long{display:inline}}.b365-samplebar__slots{display:flex;max-inline-size:calc(var(--b365-samplebar-slots) * var(--b365-samplebar-slot-max) + (var(--b365-samplebar-slots) - 1) * var(--b365-samplebar-slot-gap));min-inline-size:0;flex:100 1 0;padding:0;margin:0;gap:var(--b365-samplebar-slot-gap);list-style:none}.b365-samplebar__slot{position:relative;min-inline-size:0;flex:1 1 0;aspect-ratio:1;max-inline-size:var(--b365-samplebar-slot-max)}.b365-samplebar__empty{display:block;box-sizing:border-box;inline-size:100%;block-size:100%;border:1px dashed var(--b365-text-mute);border-radius:var(--b365-radius-pill);background:var(--b365-surface)}.b365-samplebar__empty[hidden]{display:none}.b365-samplebar__filled{position:relative;display:block;overflow:hidden;box-sizing:border-box;inline-size:100%;block-size:100%;padding:0;border:1px solid var(--b365-text-mute);border-radius:var(--b365-radius-pill);background:var(--b365-surface);color:var(--b365-text);cursor:pointer}.b365-samplebar__filled[hidden]{display:none}.b365-samplebar__image{display:block;inline-size:100%;block-size:100%;border-radius:var(--b365-radius-pill);object-fit:cover}.b365-samplebar__x{position:absolute;display:inline-flex;box-sizing:border-box;inline-size:var(--b365-samplebar-x);block-size:var(--b365-samplebar-x);align-items:center;justify-content:center;border:1px solid var(--b365-text-mute);border-radius:var(--b365-radius-pill);background:var(--b365-ground);color:var(--b365-text);inset-block-start:0;inset-inline-end:0;pointer-events:none}.b365-samplebar__filled:hover .b365-samplebar__x{border-color:var(--b365-signal);background:var(--b365-signal);color:var(--b365-signal-ink)}.b365-samplebar__filled:focus-visible{outline:var(--b365-focus-width) solid var(--b365-focus);outline-offset:var(--b365-focus-offset)}.b365-samplebar__filled[aria-busy=true]{cursor:progress}.b365-samplebar__go{position:relative;display:inline-flex;inline-size:var(--b365-samplebar-go);block-size:var(--b365-samplebar-go);flex:0 0 auto;align-items:center;justify-content:center;border-radius:var(--b365-radius-pill);background:var(--b365-ink-deep);color:var(--b365-text-invert);text-decoration:none}.b365-samplebar__go:hover{background:var(--b365-text)}.b365-samplebar__go:focus-visible{outline:var(--b365-focus-width) solid var(--b365-focus);outline-offset:var(--b365-focus-offset)}.b365-samplebar__badge{position:absolute;display:inline-flex;min-inline-size:var(--b365-badge-size);box-sizing:border-box;align-items:center;justify-content:center;padding-inline:var(--b365-space-1);border-radius:var(--b365-radius-pill);background:var(--b365-signal);block-size:var(--b365-badge-size);color:var(--b365-signal-ink);font-size:var(--b365-fs-nano);font-variant-numeric:tabular-nums;font-weight:var(--b365-fw-bold);inset-block-start:calc(-1 * var(--b365-space-1));inset-inline-end:calc(-1 * var(--b365-space-1));line-height:1;pointer-events:none}.b365-samplebar__badge[hidden],.b365-samplebar__badge:empty{display:none}@media(max-width:989px){:root:has(.b365-samplebar) .b365-footer{padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--b365-space-8) + var(--b365-space-7))}}@media(min-width:990px){:root:has(.b365-samplebar) .b365-footer{padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--b365-space-9) + var(--b365-space-7))}}:root:has(.b365-samplebar){scroll-padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--b365-space-8) + var(--b365-space-7))}@media(min-width:990px){:root:has(.b365-samplebar){scroll-padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--b365-space-9) + var(--b365-space-7))}}@media(min-width:750px){.b365-samplebar{--b365-samplebar-pad-x: var(--b365-page-pad)}}@media(min-width:990px){.b365-samplebar{--b365-samplebar-go: 40px;--b365-samplebar-slot-gap: var(--b365-space-2);--b365-samplebar-gap: var(--b365-space-4)}.b365-samplebar__text{font-size:var(--b365-fs-body)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/boden365-sample-bar.css.map */