:root{--bgsl-move:.6s cubic-bezier(.22,1,.36,1);--bgsl-step:.8s cubic-bezier(.65,0,.35,1)}.bgsl-nav[data-bgsl-nav]{display:flex;align-items:center;gap:10px;margin-top:16px}.bgsl-nav[data-bgsl-nav][hidden]{display:none!important}.bgsl-nav .bgsl-line{position:relative;display:block;flex:1;min-width:0;height:2px;border-radius:2px;background:#ffffff4d;overflow:hidden}.bgsl-nav .bgsl-line b{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#ff5f00;transform-origin:0 50%;transform:scaleX(var(--p,.25));transition:transform .6s cubic-bezier(.22,1,.36,1)}.bgsl-nav .bgsl-b{flex:none;box-sizing:border-box;width:52px;height:52px;min-width:52px;min-height:52px;margin:0;padding:0;border-radius:14px;display:grid;place-items:center;cursor:pointer;color:#fff;font:inherit;line-height:1;background:#ffffff24;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff6;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-appearance:none;appearance:none;transition:opacity .4s,background-color .4s,border-color .4s}.bgsl-nav .bgsl-b svg{display:block;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.bgsl-nav .bgsl-b:hover{background:#ffffff38;border-color:#fffc}}.bgsl-nav .bgsl-b[aria-disabled=true]{opacity:.3;cursor:default;background:#ffffff24;border-color:#ffffff8c}.bgsl-nav .bgsl-b:focus-visible{outline:2px solid #FF5F00;outline-offset:3px}@media(min-width:1000px){.bgsl-nav .bgsl-line{max-width:320px}.bgsl-nav .bgsl-b.pv{margin-left:auto}.bgsl-nav[data-bis="999"]{display:none}}@media(min-width:760px){.bgsl-nav[data-bis="759"]{display:none}}.bgsl-glide[data-bgsl],.bgsl-glide.bgsl-over{scroll-snap-type:none!important;scroll-behavior:auto!important}.bgsl-drag.bgsl-over{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing!important}.bgsl-drag.bgsl-over *{pointer-events:none}@media(pointer:fine){.bgsl-over[data-bgsl]:not([data-bgsl-drag="0"]){cursor:grab;-webkit-user-select:none;user-select:none}}.bgsl-over[data-bgsl] img{-webkit-user-drag:none}html body [data-bgsl][tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid #FF5F00;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.bgsl-nav .bgsl-line b,.bgsl-nav .bgsl-b{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bgslider.css.map */
