.hf-slider-block__controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:16px;padding-inline:1.5rem}.hf-slider-progress{flex:1;height:3px;background:var(--product-gallery-progress-bar);border-radius:999px;overflow:hidden}.hf-slider-progress__bar{height:100%;width:0%;background:var(--product-gallery-progress-indicator);border-radius:999px;transition:width .4s ease-in-out}.hf-banner-section .hf-slider-progress__bar{transition:none}.hf-slider-nav{display:flex;gap:8px;flex-shrink:0}.hf-slider-block .hf-slider-nav__btn--transparent,.hf-banner-section .hf-slider-nav__btn--transparent{background-color:#0003;color:#fff;border:0;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hf-slider-nav__btn:disabled{opacity:.3;cursor:default}@media screen and (min-width:750px){.hf-slider-progress--hide-desktop,.hf-slider-nav--hide-desktop{display:none}}.hf-slider-block--controls-overlay .hf-slider-nav,.hf-banner-section--controls-overlay .hf-slider-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;padding-inline:.8rem;z-index:3;pointer-events:none}.hf-slider-block--controls-overlay .hf-slider-nav__btn,.hf-banner-section--controls-overlay .hf-slider-nav__btn{pointer-events:auto}.hf-slider-block--controls-overlay .hf-slider-progress,.hf-banner-section--controls-overlay .hf-slider-progress{flex:none;width:min(60%,240px);margin-inline:auto}.hf-banner-progress-wrap,.hf-banner-section--controls-overlay .hf-slider-block__controls{display:contents}.hf-banner-section--controls-overlay .hf-banner-progress-wrap{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(45%,280px);padding:6px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3;display:flex;align-items:center;pointer-events:none}.hf-banner-section--controls-overlay .hf-banner-progress{flex:1;height:3px;background:#00000073;border-radius:999px;overflow:hidden;pointer-events:auto}.hf-banner-section--controls-overlay .hf-banner-progress .hf-slider-progress__bar{background:#fff;border-radius:999px}.hf-banner-section--controls-overlay .hf-banner__content{padding-bottom:calc(var(--hf-banner-padding-v-mobile, 0px) + 31px)}@media screen and (min-width:750px){.hf-banner-section--controls-overlay .hf-banner__content{padding-bottom:calc(var(--hf-banner-padding-v-desktop, 0px) + 31px)}}@media screen and (min-width:750px){.hf-banner-section--controls-overlay .hf-banner-progress-wrap.hf-slider-progress--hide-desktop{display:none}}@media screen and (max-width:749px){.hf-banner-section--controls-overlay .hf-banner-progress-wrap.hf-slider-progress--hide-mobile{display:none}}@media(hover:hover)and (pointer:fine){.hf-slider-block--controls-hover .hf-slider-block__controls,.hf-banner-section--controls-hover .hf-slider-block__controls{opacity:0;transition:opacity .3s ease}.hf-slider-block--controls-hover:hover .hf-slider-block__controls,.hf-slider-block--controls-hover:has(:focus-visible) .hf-slider-block__controls,.hf-banner-section--controls-hover:hover .hf-slider-block__controls,.hf-banner-section--controls-hover:has(:focus-visible) .hf-slider-block__controls{opacity:1}.hf-banner-section--controls-overlay.hf-banner-section--controls-hover .hf-banner-progress-wrap,.hf-banner-section--controls-overlay.hf-banner-section--controls-hover .hf-slider-nav{opacity:0;transition:opacity .3s ease}.hf-banner-section--controls-overlay.hf-banner-section--controls-hover:hover .hf-banner-progress-wrap,.hf-banner-section--controls-overlay.hf-banner-section--controls-hover:hover .hf-slider-nav,.hf-banner-section--controls-overlay.hf-banner-section--controls-hover:has(:focus-visible) .hf-banner-progress-wrap,.hf-banner-section--controls-overlay.hf-banner-section--controls-hover:has(:focus-visible) .hf-slider-nav{opacity:1}}@media screen and (max-width:749px){.shopify-design-mode .hf-slider-block--controls-hover .hf-slider-block__controls,.shopify-design-mode .hf-banner-section--controls-hover .hf-slider-block__controls{opacity:1}}@media screen and (max-width:749px){.hf-slider-progress--hide-mobile,.hf-slider-nav--hide-mobile{display:none}}.hf-slider-block:not(.hf-slider-ready) .hf-slider-block__controls,.hf-banner-section:not(.hf-slider-ready) .hf-slider-block__controls{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-slider-controls.css.map */