:where(.floating-cbar),:where(.floating-cbar) *{margin:0;padding:0;box-sizing:border-box}.floating-cbar{position:fixed;left:50%;bottom:clamp(20px,4vh,40px);max-width:calc(100vw - 32px);z-index:20;transform:translate(-50%) translateY(14px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.floating-cbar.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.ab-cbar{display:flex;align-items:center;gap:clamp(8px,2.5vw,16px);flex-wrap:nowrap;min-width:0}.ab-cbar__sort{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111214;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 32px #0006;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .1s ease}.ab-cbar__sort:not(.is-open):hover{border-color:#ffffff80}.ab-cbar__sort:active{transform:scale(.96)}.ab-cbar__sort svg{width:20px;height:20px}.ab-cbar__sort .ab-cbar__ico--fermer,.ab-cbar__sort.is-open .ab-cbar__ico--trier{display:none}.ab-cbar__sort.is-open .ab-cbar__ico--fermer{display:block}.ab-cbar__seg{display:inline-flex;align-items:center;padding:4px;border-radius:999px;background:#111214;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 32px #0006;transition:background .3s ease;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ab-cbar__seg::-webkit-scrollbar{display:none}.ab-cbar__btn{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;display:flex;align-items:center;gap:clamp(5px,1.5vw,8px);padding:12px clamp(12px,3vw,22px);border-radius:999px;background:none;border:none;color:#fff;cursor:pointer;white-space:nowrap;transition:background .3s ease,color .3s ease,transform .1s ease}.ab-cbar__btn:not(.is-open):hover{background:#ffffff12}.ab-cbar__btn:active{transform:scale(.96)}.ab-cbar__btn svg{width:15px;height:15px;flex:0 0 auto}.ab-cbar__seg--solo{padding:0;height:48px}.ab-cbar__seg--solo .ab-cbar__btn{height:100%;padding:0 clamp(26px,7vw,34px)}.ab-cbar__btn.is-open,.ab-cbar__btn.is-open:hover{background:#fff;color:#000}.ab-cbar__sort.is-open{background:#fff;color:#1a1a1a;border-color:#fff}.ab-cbar__seg.is-open{background:#fff;border-color:#fff}.floating-cbar__top{display:none;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;background:#111214;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 32px #0006;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;transition:background .3s ease,border-color .3s ease,transform .1s ease}.floating-cbar__top:hover{border-color:#ffffff80}.floating-cbar__top:active{transform:scale(.96)}.floating-cbar__top svg{width:16px;height:16px;flex:0 0 auto}.floating-cbar.is-top-mode .floating-cbar__sort-mode{display:none}.floating-cbar.is-top-mode .floating-cbar__top{display:flex}@media screen and (min-width:1000px){#sort-by-popover.popover{position:fixed;--popover-block-offset:.75rem;inset-block-start:auto;inset-block-end:calc(var(--ab-tri-bas, 4.5rem) + var(--popover-block-offset));inset-inline-start:var(--ab-tri-gauche, 50%);inset-inline-end:auto}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/artbery-barre.css.map */