.custom-col-progress{position:relative;width:100%}.custom-col-progress__track-wrapper{overflow:clip;position:relative}@media screen and (max-width:767px){.custom-col-progress{width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important}}.custom-col-progress__track{display:flex;gap:var(--slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;padding-left:12px;padding-right:10vw}@media screen and (min-width:768px){.custom-col-progress__track{padding-left:0;padding-right:0}}.custom-col-progress__track::-webkit-scrollbar{display:none}.custom-col-progress__item{flex:0 0 80vw;max-width:380px;scroll-snap-align:center}@media screen and (min-width:768px){.custom-col-progress__item{flex:0 0 calc(33.333% - (var(--slider-gap, 16px) * 2 / 3));max-width:none}}@media screen and (min-width:990px){.custom-col-progress__item{flex:0 0 calc(25% - (var(--slider-gap, 16px) * 3 / 4))}}.custom-col-progress__card{position:relative;display:block;text-decoration:none;aspect-ratio:4 / 5!important;border-radius:var(--blocks-radius, 1.6rem);overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.03);width:100%;transition:transform .3s ease}.custom-col-progress__image-wrapper{width:100%;height:100%;position:relative}.custom-col-progress__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.custom-col-progress__card:hover .custom-col-progress__image{transform:scale(1.03)}.custom-col-progress__overlay{display:none}.custom-col-progress__content{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.2) 60%,transparent 100%)!important;z-index:2}.custom-col-progress__title{color:#fff;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 800);text-transform:var(--font-heading-transform, uppercase);letter-spacing:var(--font-heading-letter-spacing, .06em);font-size:1.6rem;text-align:center;line-height:1.2;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .3s ease}.custom-col-progress__card:hover .custom-col-progress__title{transform:translateY(-2px)}@media screen and (min-width:768px){.custom-col-progress__title{font-size:2rem}}.custom-col-progress__image-wrapper svg.placeholder-svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.03)}.custom-col-progress__controls{display:flex;align-items:center;justify-content:space-between;margin-top:3.5rem;gap:3rem}@media screen and (max-width:767px){.custom-col-progress__controls{padding-left:2.5rem;padding-right:1.5rem}}progress.custom-col-progress__progress-native{display:block;flex-grow:1;width:100%;height:2px;border:none;border-radius:2px;background-color:rgba(var(--color-foreground),.1);-webkit-appearance:none;-moz-appearance:none;appearance:none}progress.custom-col-progress__progress-native::-webkit-progress-bar{background-color:rgba(var(--color-foreground),.1);border-radius:2px}progress.custom-col-progress__progress-native::-webkit-progress-value{background-color:rgb(var(--color-foreground));border-radius:1px;transition:width .15s ease}progress.custom-col-progress__progress-native::-moz-progress-bar{background-color:rgb(var(--color-foreground));border-radius:1px}.custom-col-progress__buttons{display:flex;gap:1.2rem;flex-shrink:0}.custom-col-progress__button{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;width:var(--swiper-navigation-size, 4.4rem);height:var(--swiper-navigation-size, 4.4rem);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;cursor:pointer;padding:0;transition:background-color .2s,border-color .2s,transform .1s,color .2s}.custom-col-progress__button svg{width:var(--swiper-navigation-icon-size, 1.4rem);height:var(--swiper-navigation-icon-size, 1.4rem)}@media(hover:hover){.custom-col-progress__button:hover{color:rgb(var(--color-button-hover-text));border-color:rgb(var(--color-button-hover-background));background-color:rgb(var(--color-button-hover-background))}}.custom-col-progress__button:active{transform:scale(.94)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-col-progress.css.map */