carousel-loading-bar{bottom:.8rem;display:flex;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translate(-50%);transition:opacity .22s ease,visibility .22s ease;visibility:hidden;width:auto;z-index:2}.gfs-panel__carousel-hover{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.gfs-panel__carousel-hover--stacked{gap:var(--gfs-gallery-stack-gap, 10px)}.gfs-panel__carousel-hover--stacked carousel-loading-bar{bottom:auto;left:auto;min-height:1.5rem;position:static;transform:none;width:100%}.gfs-panel__carousel-hover:hover carousel-loading-bar,[data-gfs-gallery].is-carousel-hovering carousel-loading-bar,.gigi-card-media-gallery__hover:hover carousel-loading-bar,[data-gigi-card-gallery].is-carousel-hovering carousel-loading-bar{opacity:1;pointer-events:auto;visibility:visible}.carousel-loading-bar__tab{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff6b;border:.1rem solid rgba(0,0,0,.08);border-radius:1.4rem;box-shadow:0 .4rem 1.6rem #0000001f;display:inline-flex;gap:.55rem;isolation:isolate;padding:.85rem 1.25rem;pointer-events:auto;position:relative;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.carousel-loading-bar__tab:before{background:#0000001f;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.carousel-loading-bar__dot{background:#00000024;border:0;border-radius:999px;cursor:pointer;flex:0 0 auto;height:.55rem;overflow:hidden;padding:0;position:relative;transition:background-color .22s ease,transform .22s ease,width .22s ease;width:.55rem}.carousel-loading-bar__dot.is-active{background:#0000001a;width:2.4rem}.carousel-loading-bar__dot-fill{background:#8cd201;display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:none;width:100%}.carousel-loading-bar:not(.is-playing) .carousel-loading-bar__dot.is-active .carousel-loading-bar__dot-fill{transform:scaleX(1)}.carousel-loading-bar.is-autoplaying .carousel-loading-bar__dot.is-active .carousel-loading-bar__dot-fill{animation:carousel-loading-bar-progress 3s linear forwards}.carousel-loading-bar__dot:focus-visible{outline:.2rem solid #8CD201;outline-offset:.2rem}@keyframes carousel-loading-bar-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-carousel-loading-bar.css.map */