.smileat-timeline{overflow:hidden;width:100%;position:relative}.smileat-timeline .timeline-wrapper{overflow:visible;position:relative}.smileat-timeline .timeline-scroll-container{overflow-x:auto;scroll-behavior:auto;overflow-y:hidden}.smileat-timeline .timeline-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:5.8rem 1rem;cursor:grab;-webkit-user-select:none;user-select:none}.smileat-timeline .timeline-scroll-container.is-dragging{cursor:grabbing}.smileat-timeline .timeline-scroll-container::-webkit-scrollbar{display:none}.smileat-timeline .timeline-track{display:flex;flex-direction:row;position:relative;width:100%}.smileat-timeline .timeline-columns{display:flex;flex-direction:row}.smileat-timeline .timeline-column{position:relative;flex:0 0 25%;max-width:25%;display:grid;grid-template-rows:1fr auto 1fr;align-items:center}.smileat-timeline .timeline-column:before{content:"";position:absolute;top:50%;left:0;width:100%;height:.2rem;background:rgba(var(--color-foreground));z-index:0;transform:translateY(-50%)}.smileat-timeline .timeline-column:first-child:before{width:100%;left:5%}.smileat-timeline .timeline-column:last-child:before{width:50%}.smileat-timeline .timeline-axis-extension{flex:0 0 8rem;position:relative}.smileat-timeline .timeline-dot{width:1.2rem;height:1.2rem;background:rgba(var(--color-foreground));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 .5rem #0000001a;display:block}.smileat-timeline .timeline-dot--start{left:5%;transform:translateY(-50%)}.smileat-timeline .timeline-dot--end{left:100%;transform:translate(-100%,-50%)}.smileat-timeline .timeline-part{display:flex;justify-content:center;align-items:center;flex-direction:column}.smileat-timeline .timeline-part--top{grid-row:1;padding-bottom:2rem}.timeline-part .timeline-content{padding-inline:2.5rem}.smileat-timeline .timeline-part--bottom{grid-row:3;padding-top:2rem}.smileat-timeline .timeline-content,.smileat-timeline .timeline-content--left{text-align:left}.smileat-timeline .timeline-content--center{text-align:center}.smileat-timeline .timeline-content--right{text-align:right}.smileat-timeline .timeline-year-label{margin:0 0 1rem;line-height:1.27}.smileat-timeline .timeline-description{line-height:1.25;margin:0}.smileat-timeline .timeline-diamond-image{width:68%;height:auto;transform:rotate(-35deg);border-radius:.5rem;flex-shrink:0;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.smileat-timeline .timeline-diamond-image img{width:140%;height:140%;object-fit:cover;aspect-ratio:1;border-radius:.5rem;vertical-align:bottom;transform:rotate(35deg);pointer-events:none;-webkit-user-drag:none}.timeline-tag-wrapper{position:relative;z-index:1}.timeline-tag-wrapper{margin-left:-35px}.smileat-timeline .timeline-column:nth-child(odd) .timeline-part--bottom,.smileat-timeline .timeline-column:nth-child(2n) .timeline-part--bottom{position:relative;left:-35px}.smileat-timeline .timeline-tag{display:inline-block;padding:1.75rem clamp(2rem,4.25vw,4.8rem);border-radius:8rem;font-size:3rem;font-weight:700;text-align:center;line-height:1.27}.smileat-timeline .timeline-navigation-wrapper{position:absolute;right:0rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:1;background:var(--gradient-background);padding:0 2.8rem 0rem 10rem}.smileat-timeline .timeline-navigation{display:flex;gap:1rem}.smileat-timeline .timeline-arrow{background:#d0e3f2;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#454545}.smileat-timeline .timeline-arrow[disabled]{opacity:.4;cursor:not-allowed}@media screen and (min-width:990px){.smileat-timeline .timeline-column:last-child{padding-inline-end:2rem}.smileat-timeline .timeline-column:last-child .timeline-diamond-image{width:calc(68% + 2rem)}}@media screen and (min-width:1920px){.smileat-timeline .timeline-part--top{padding-bottom:2rem}.smileat-timeline .timeline-part--bottom{padding-top:3rem}.smileat-timeline .timeline-column:nth-child(odd) .timeline-part--bottom,.smileat-timeline .timeline-column:nth-child(2n) .timeline-part--bottom{position:relative;left:-40px}}@media screen and (max-width:1600px){.smileat-timeline .timeline-scroll-container{padding:4.5rem 1rem}}@media screen and (max-width:1440px){.smileat-timeline .timeline-scroll-container{padding:4rem 1rem}}@media screen and (max-width:1400px){.smileat-timeline .timeline-navigation-wrapper{padding-right:22px}.smileat-timeline .timeline-part--top{padding-bottom:2rem}.smileat-timeline .timeline-part--bottom{padding-top:2rem}}@media screen and (max-width:1320px){.smileat-timeline .timeline-navigation-wrapper{padding-right:15px}.smileat-timeline .timeline-tag{padding:1.2rem 4rem}}@media screen and (max-width:1280px){.smileat-timeline .timeline-tag{padding-inline:3.5rem}}@media screen and (max-width:1150px){.smileat-timeline .timeline-tag{padding-inline:3rem;font-size:2.2rem}.smileat-timeline .timeline-scroll-container{padding-block:3rem}}@media screen and (max-width:1099px){.smileat-timeline .timeline-part--top{padding-bottom:1rem}.smileat-timeline .timeline-part--bottom{padding-top:1rem}.smileat-timeline .timeline-description{--font-body-big-size-desktop: 1.3rem}.timeline-part .timeline-content{padding-inline:2.5rem}.smileat-timeline .timeline-scroll-container{padding-block:2.8rem}}@media screen and (max-width:1050px){.smileat-timeline .timeline-scroll-container{padding-block:2rem}.smileat-timeline .timeline-part--top{padding-bottom:.5rem}.smileat-timeline .timeline-part--bottom{padding-top:.5rem}.smileat-timeline .timeline-tag{padding-inline:2.5rem}}@media screen and (min-width:750px)and (max-width:989px){.smileat-timeline .timeline-column{position:relative;flex:0 0 33.33%;max-width:33.33%;min-height:52rem}.smileat-timeline .timeline-scroll-container{padding-block:0rem}.smileat-timeline .timeline-part--top{padding-bottom:0rem}.smileat-timeline .timeline-part--bottom{padding-top:0rem}.smileat-timeline .timeline-navigation-wrapper{padding-right:1rem}.smileat-timeline .timeline-tag{padding:1.25rem 2.4rem;font-size:2rem}.smileat-timeline .timeline-part{margin-block:-3rem;max-width:100%}}@media screen and (max-width:749px){.smileat-timeline .timeline-navigation-wrapper{position:relative;right:auto;top:auto;transform:none;justify-content:center;background:none;padding:2rem 0;margin-top:2rem}.smileat-timeline .timeline-diamond-image{width:14rem;height:14rem}.smileat-timeline .timeline-part--top,.smileat-timeline .timeline-part--bottom{height:auto}.smileat-timeline .timeline-column{min-height:100%}.smileat-timeline .timeline-tag{font-size:1.456rem;padding:.825rem 2rem}.smileat-timeline .timeline-part--top,.smileat-timeline .timeline-part--bottom{padding-block:1.5rem}.smileat-timeline .timeline-content{text-align:center}.smileat-timeline .timeline-year-label{margin:0 0 .5rem;line-height:1.15}.smileat-timeline .timeline-content--left-mobile{text-align:left}.smileat-timeline .timeline-content--center-mobile{text-align:center}.smileat-timeline .timeline-content--right-mobile{text-align:right}.smileat-timeline .timeline-scroll-container{padding:1.5rem 0rem}.smileat-timeline .timeline-wrapper{padding-inline:0rem;overflow-x:hidden;max-width:100vw}.smileat-timeline .timeline-scroll-container{padding-inline-start:0;padding-inline-end:1.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.smileat-timeline .timeline-column{flex:0 0 23%;max-width:23%}.smileat-timeline .timeline-column:nth-child(odd) .timeline-part--bottom,.smileat-timeline .timeline-column:nth-child(2n) .timeline-part--bottom{left:0rem}.timeline-tag-wrapper{margin-left:0}.timeline-part .timeline-content{padding-inline:1rem}.smileat-timeline .timeline-description{--font-body-small-size-mobile: 12px}.smileat-timeline .timeline-columns .timeline-column:nth-child(odd) .timeline-part--top{left:10px;position:relative}.smileat-timeline .timeline-columns .timeline-column:nth-child(2n) .timeline-part--top{padding-left:10px}.smileat-timeline .timeline-columns .timeline-column:nth-child(odd) .timeline-part--bottom{padding-right:10px}.smileat-timeline .timeline-columns .timeline-column:nth-child(2n) .timeline-part--bottom{left:-10px;position:relative}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-smileat-timeline.css.map */