.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(100%,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);z-index:3;display:flex;align-items:center;pointer-events:none}.hf-banner-section--controls-overlay .hf-banner-progress{flex:1;height:var(--hf-si-thickness, 3px);background:#ffffff61;box-shadow:0 1px 3px #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}.hf-slider-progress{height:var(--hf-si-thickness, 3px)}.hf-slider-progress[data-indicator-style=slider]{overflow:visible}.hf-slider-progress[data-indicator-style=dots]{display:none}.hf-slider-progress__dots{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.hf-slider-progress__dot{width:var(--hf-si-dot, 7px);height:var(--hf-si-dot, 7px);border-radius:999px;background:var(--product-gallery-progress-bar);transition:width .3s ease-out,background-color .3s ease-out}.hf-slider-progress__dot[data-active=true]{width:var(--hf-si-dot-active, 24px);background:var(--product-gallery-progress-indicator)}.hf-slider-progress--hide-desktop+.hf-slider-progress__dots,.hf-slider-progress--hide-mobile+.hf-slider-progress__dots{display:none}.hf-slider-block__controls{display:grid;grid-template-columns:1fr minmax(0,240px) 1fr;align-items:center;justify-content:initial}.hf-slider-block__controls .hf-slider-progress{grid-column:2;width:100%}.hf-slider-block__controls .hf-slider-progress__dots{grid-column:2;width:auto;justify-self:center}.hf-slider-block__controls .hf-slider-nav{grid-column:3;justify-content:flex-end}.hf-slider-block--controls-overlay .hf-slider-block__controls{display:flex;justify-content:space-between}.hf-slider-block--controls-overlay .hf-slider-block__controls .hf-slider-progress{flex:none;width:min(100%,240px);margin-inline:auto}.hf-slider-block--controls-overlay .hf-slider-block__controls .hf-slider-nav,.hf-banner-section--controls-overlay .hf-slider-block__controls .hf-slider-nav,.hf-upsell-slider--controls-overlay .hf-slider-block__controls .hf-slider-nav{justify-content:space-between}.hf-banner-section--controls-overlay .hf-slider-block__controls .hf-slider-progress,.hf-upsell-slider--controls-overlay .hf-slider-block__controls .hf-slider-progress{flex:none;width:min(100%,240px);margin-inline:auto}.hf-banner-section--controls-overlay .hf-slider-progress__dots .hf-slider-progress__dot,.hf-gallery-modal .hf-slider-progress__dots .hf-slider-progress__dot{background:#ffffff6b;box-shadow:0 1px 3px #00000073}.hf-banner-section--controls-overlay .hf-slider-progress__dots .hf-slider-progress__dot[data-active=true],.hf-gallery-modal .hf-slider-progress__dots .hf-slider-progress__dot[data-active=true]{background:#fff;box-shadow:0 1px 3px #00000073}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-slider-controls.css.map */