@layer lf-mobile-carousel-navigation{body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)){--lf-mobile-arrow-rotation: 90deg;display:inline-flex;align-items:center;justify-content:center;width:32px!important;min-width:32px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#000!important}body.template-index #MainContent :is(button[is=next-button],button[data-om-direction="1"],button[data-showcase-direction="1"]){--lf-mobile-arrow-rotation: -90deg}body.template-index #MainContent :is(button[is=previous-button],button[data-om-direction="-1"],button[data-showcase-direction="-1"]):dir(rtl){--lf-mobile-arrow-rotation: -90deg}body.template-index #MainContent :is(button[is=next-button],button[data-om-direction="1"],button[data-showcase-direction="1"]):dir(rtl){--lf-mobile-arrow-rotation: 90deg}body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):focus-visible{outline:2px solid currentColor;outline-offset:-2px}body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):before{content:""!important;display:block!important;position:static!important;flex:0 0 32px;width:32px!important;height:32px!important;background:currentColor!important;mask:url(bobobark-ways-next.svg) center / 32px 32px no-repeat;-webkit-mask:url(bobobark-ways-next.svg) center / 32px 32px no-repeat;transform:rotate(var(--lf-mobile-arrow-rotation))!important}body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)) :is(.btn-text,.btn-fill,.btn-duplicate,.btn-loader,svg,img),body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):after{display:none!important}body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):disabled{color:#bfbfbf!important;opacity:1!important;visibility:visible!important;cursor:default}@media(hover:hover){body.template-index #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):not(:disabled):hover{opacity:.65}}@media(max-width:1023px){body.template-product #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)){--lf-mobile-arrow-rotation: 90deg;display:inline-flex;align-items:center;justify-content:center;width:32px!important;min-width:32px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#000!important}body.template-product #MainContent :is(button[is=next-button],button[data-om-direction="1"],button[data-showcase-direction="1"]){--lf-mobile-arrow-rotation: -90deg}body.template-product #MainContent :is(button[is=previous-button],button[data-om-direction="-1"],button[data-showcase-direction="-1"]):dir(rtl){--lf-mobile-arrow-rotation: -90deg}body.template-product #MainContent :is(button[is=next-button],button[data-om-direction="1"],button[data-showcase-direction="1"]):dir(rtl){--lf-mobile-arrow-rotation: 90deg}body.template-product #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):focus-visible{outline:2px solid currentColor;outline-offset:-2px}body.template-product #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):before{content:""!important;display:block!important;position:static!important;flex:0 0 32px;width:32px!important;height:32px!important;background:currentColor!important;mask:url(bobobark-ways-next.svg) center / 32px 32px no-repeat;-webkit-mask:url(bobobark-ways-next.svg) center / 32px 32px no-repeat;transform:rotate(var(--lf-mobile-arrow-rotation))!important}body.template-product #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)) :is(.btn-text,.btn-fill,.btn-duplicate,.btn-loader,svg,img),body.template-product #MainContent :is(button[is=previous-button],button[is=next-button],button[data-om-direction],button[data-showcase-direction]):not(:where(.product--grid *)):after{display:none!important}}@media(max-width:767px){body:is(.template-index,.template-product) #MainContent optimized-multicolumn[data-carousel-active]:has([data-om-controls]:not([hidden])) .om-gallery-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:32px!important;position:relative}body:is(.template-index,.template-product) #MainContent optimized-multicolumn[data-carousel-active]:has([data-om-controls]:not([hidden])) .om-gallery-container>.om-viewport{padding-inline:0!important}body:is(.template-index,.template-product) #MainContent optimized-multicolumn[data-carousel-active] .om-gallery-container>[data-om-controls]:not([hidden]){display:flex!important;position:absolute!important;inset-inline:0!important;top:var(--om-navigation-image-center, 50%)!important;bottom:auto!important;width:auto!important;height:44px!important;justify-content:space-between;align-items:center;transform:translateY(-50%)!important;pointer-events:none;z-index:3}body:is(.template-index,.template-product) #MainContent optimized-multicolumn .om-gallery-container>[data-om-controls] button{pointer-events:auto}}@media(min-width:768px)and (max-width:1023px){body.template-index #MainContent optimized-multicolumn[data-carousel-active]:has([data-om-controls]:not([hidden])) .om-gallery-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:32px!important;position:relative}body.template-index #MainContent optimized-multicolumn[data-carousel-active]:has([data-om-controls]:not([hidden])) .om-gallery-container>.om-viewport{padding-inline:0!important}body.template-index #MainContent optimized-multicolumn[data-carousel-active] .om-gallery-container>[data-om-controls]:not([hidden]){display:flex!important;position:absolute!important;inset-inline:0!important;top:var(--om-navigation-image-center, 50%)!important;bottom:auto!important;width:auto!important;height:44px!important;justify-content:space-between;align-items:center;transform:translateY(-50%)!important;pointer-events:none;z-index:3}body.template-index #MainContent optimized-multicolumn .om-gallery-container>[data-om-controls] button{pointer-events:auto}}}
/*# sourceMappingURL=/cdn/shop/t/459/assets/mobile-carousel-navigation.css.map */
