.ipl-results-timeline{width:100%;background-color:#fff;padding:4rem 2rem;font-family:Poppins,sans-serif}.ipl-results-container{max-width:1400px;margin:0 auto}.ipl-results-main-title{font-size:var(--main-title-size, 40px);font-weight:700;color:var(--main-title-color, #000000);text-align:center;margin:0 0 3rem;line-height:1.2;font-family:Poppins,sans-serif}.ipl-results-period-selector{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:3rem;flex-wrap:wrap}.ipl-period-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:1px solid #000000;background-color:#fff;color:#000;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;border-radius:0;position:relative}.ipl-period-button:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px;border-right:none}.ipl-period-button:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px;border-left:none}.ipl-period-button:not(:first-child):not(:last-child){border-left:none;border-right:none}.ipl-period-button--active{background-color:#000;color:#fff;z-index:1}.ipl-period-button:hover:not(.ipl-period-button--active){background-color:#f5f5f5}.ipl-results-content{position:relative}.ipl-period-content{display:none}.ipl-period-content--active{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.ipl-content-left{display:flex;flex-direction:column;gap:1rem}.ipl-period-title{font-size:var(--period-title-size, 28px);font-weight:700;color:var(--period-title-color, #000000);margin:0;line-height:1.2;font-family:Poppins,sans-serif}.ipl-period-subtitle{font-size:var(--period-subtitle-size, 16px);font-weight:400;color:var(--period-subtitle-color, #A9A9A9);margin:0;line-height:1.4;font-family:Poppins,sans-serif}.ipl-period-description{font-size:var(--period-description-size, 16px);font-weight:400;color:var(--period-description-color, #000000);margin:0;line-height:1.6;font-family:Poppins,sans-serif}.ipl-cta-button{display:inline-block;padding:.875rem 1.5rem;background-color:var(--cta-button-bg, #000000);color:var(--cta-button-text, #FFFFFF);text-decoration:none;border-radius:6px;font-size:1rem;font-weight:500;margin-top:.5rem;transition:background-color .2s ease;font-family:Poppins,sans-serif;align-self:flex-start}.ipl-cta-button:hover{background-color:#333}.ipl-content-right{position:relative}.ipl-before-after-container{position:relative;width:var(--image-container-width, 100%);overflow:hidden;border-radius:0;aspect-ratio:var(--image-container-aspect-ratio, 16 / 10)}.ipl-before-image,.ipl-after-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ipl-before-image{z-index:1}.ipl-after-image{z-index:2;clip-path:inset(0 50% 0 0)}.ipl-before-image img,.ipl-after-image img{width:100%;height:100%;object-fit:cover;display:block}.ipl-image-label{position:absolute;padding:.5rem .75rem;font-weight:500;border-radius:4px;z-index:10;font-family:Poppins,sans-serif}.ipl-image-label--before{background-color:var(--before-label-bg, #000000);color:var(--before-label-color, #FFFFFF);font-size:var(--before-label-size, 14px);top:1rem;left:1rem}.ipl-image-label--after{background-color:var(--after-label-bg, #000000);color:var(--after-label-color, #FFFFFF);font-size:var(--after-label-size, 14px);top:1rem;right:1rem}.ipl-slider-container{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#fff;z-index:5;cursor:ew-resize;transform:translate(-50%)}.ipl-slider-line{width:100%;height:100%;background-color:#ccc}.ipl-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;cursor:grab;z-index:6}.ipl-slider-handle:active{cursor:grabbing}.ipl-slider-handle svg{display:block;width:100%;height:100%}.ipl-legal-text{position:absolute;bottom:0;left:0;right:0;background-color:var(--legal-text-bg, #000000);color:var(--legal-text-color, #FFFFFF);padding:.75rem 1rem;font-size:var(--legal-text-size, 12px);line-height:1.4;text-align:justify;font-family:Poppins,sans-serif;z-index:10;font-style:italic}@media screen and (max-width: 989px){.ipl-results-timeline{padding:3rem 1.5rem}.ipl-results-main-title{font-size:2rem;margin-bottom:2rem}.ipl-period-content--active{grid-template-columns:1fr;gap:2rem}.ipl-content-right{order:-1}.ipl-before-after-container{aspect-ratio:4 / 3}}@media screen and (max-width: 749px){.ipl-results-timeline{padding:2rem 1rem}.ipl-results-main-title{font-size:1.75rem}.ipl-period-button{padding:.625rem 1.25rem;font-size:.875rem}.ipl-period-title{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-ipl-results-timeline.css.map */