.hc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:var(--hc-white, #ffffff);color:var(--hc-grey-900, #070707);box-shadow:0 2px 8px #00000024;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease;opacity:0}.product-single__photos:hover .hc-arrow,.product-slideshow:hover .hc-arrow{opacity:1}@media(hover:none){.hc-arrow{opacity:1}}.hc-arrow:hover{background:var(--hc-grey-900, #070707);color:var(--hc-white, #ffffff);box-shadow:0 4px 14px #00000038}.hc-arrow--disabled{opacity:0!important;pointer-events:none}.hc-arrow--prev{left:12px}.hc-arrow--next{right:12px}.product-slideshow{position:relative;overflow:hidden}.product-slideshow{overflow:hidden}.hc-arrow svg{display:block;flex-shrink:0;pointer-events:none}@media(max-width:767px){.hc-arrow{width:32px;height:32px;opacity:1}.hc-arrow--prev{left:25px}.hc-arrow--next{right:25px}.hc-arrow svg{width:13px;height:13px}}.product-slideshow .flickity-page-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0 4px;list-style:none;margin:0;bottom:0;position:relative}.product-slideshow .flickity-page-dots .dot{display:block;width:7px;height:7px;margin:0;padding:0;border-radius:50%;background:var(--hc-grey-300, #d0d0d0);opacity:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.product-slideshow .flickity-page-dots .dot.is-selected{background:var(--hc-grey-900, #070707);transform:scale(1.3)}.product-slideshow .flickity-page-dots .dot:hover{background:var(--hc-grey-600, #666666)}.product-slideshow .flickity-page-dots .dot.hc--video-dot{width:0;height:0;background:none;border-radius:0;transform:none;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent var(--hc-grey-400, #aaaaaa);transition:border-color .2s ease;position:relative}.product-slideshow .flickity-page-dots .dot.hc--video-dot.is-selected{background:none;transform:none;border-color:transparent transparent transparent var(--hc-grey-900, #070707)}.product-slideshow .flickity-page-dots .dot.hc--video-dot:hover{background:none;border-color:transparent transparent transparent var(--hc-grey-700, #444444)}
/*# sourceMappingURL=/cdn/shop/t/126/assets/hc-pdp-image-nav.css.map */