.timeline-carousel .keen-slider-slide{display:flex;justify-content:center;padding:0 var(--container-padding)}.timeline-carousel .timeline-item{padding:1em;border-radius:.6rem;box-shadow:0 4px 4px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:50rem;transition:all .1s ease-in-out}.timeline-carousel .timeline-item .timeline-item-days{margin-bottom:1em}.timeline-carousel .timeline-item .timeline-item-title{font-weight:600}.timeline-carousel .timeline{position:relative;padding-top:50%;overflow:hidden}.timeline-carousel .timeline .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;border:1px solid var(--scheme-text-color);border-radius:50%;--circle-size: 123%}.timeline-carousel .timeline .circle-1{width:var(--circle-size);height:var(--circle-size)}.timeline-carousel .timeline .circle-2{width:calc(var(--circle-size) - 6%);height:calc(var(--circle-size) - 6%)}.timeline-carousel .timeline .circle-3{width:calc(var(--circle-size) - 10%);height:calc(var(--circle-size) - 10%)}.timeline-carousel .timeline .circle-4{width:calc(var(--circle-size) - 34%);height:calc(var(--circle-size) - 34%)}.timeline-carousel .timeline .days-number{font-size:2.6rem;line-height:1}.timeline-carousel .timeline .days-text{font-size:.9rem}.timeline-carousel .timeline .wheel{position:absolute;top:44%;display:flex;align-items:center;justify-content:center;width:110vw;height:110vw;max-width:2000px;max-height:2000px;left:50%;transform:translate(-50%)}.timeline-carousel .timeline .wheel-card{position:absolute;top:0;left:0;width:6%;max-width:200px;aspect-ratio:1 / 1;cursor:pointer}.timeline-carousel .timeline:before{content:"";display:block;width:120%;height:107%;position:absolute;z-index:1;top:0;background:var(--timeline-gradient-background)}@media (min-width: 66.001em){.timeline-carousel .keen-slider-slide{padding:0}.timeline-carousel .keen-slider-slide:not(.active)>*{opacity:.2;transform:scale(.8) translateY(13%)}.timeline-carousel .timeline{padding-top:25%}.timeline-carousel .timeline-item{padding:1.5em 3em}.timeline-carousel .timeline .wheel{width:90vw;height:90vw;top:43%}.timeline-carousel .timeline .days-number{font-size:6.4rem}.timeline-carousel .timeline .days-text{font-size:2.1rem}.timeline-carousel .timeline .circle-1{--circle-size: 120%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/timeline_carousel.css.map */