@layer organisms{.phxsg-progress-slider-wrapper{overflow:clip;overscroll-behavior-x:contain}.phxsg-progress-slider__header{display:flex;flex-direction:column;gap:var(--sys-spacing-4);margin-bottom:var(--sys-spacing-6);@media screen and (min-width:768px){width:50%}@media screen and (min-width:1024px){width:calc(100% / 3)}}.phxsg-progress-slider__header,.phxsg-progress-slider__content-wrapper{box-sizing:border-box}.phxsg-progress-slider__slider-wrapper{display:flex;flex-direction:column;min-width:0}.phxsg-progress-slider__slider{--this-slides-in-viewport: 1.5;--this-slides-gap: var(--sys-spacing-1);--comp-slider-item-width: calc( (100% - (var(--this-slides-in-viewport) - 1) * var(--this-slides-gap)) / var(--this-slides-in-viewport) );height:fit-content;@media screen and (min-width:768px){--this-slides-in-viewport: 2.5}@media screen and (min-width:1024px){--this-slides-in-viewport: 3}.phxsg-slider{--comp-slider-spacing-vertical: var(--sys-spacing-4);padding-block-end:calc(var(--sys-spacing-6) + var(--sys-spacing-2))}.phxsg-slider__item{max-width:var(--comp-slider-item-width);aspect-ratio:var(--sys-aspect-ratio-4-5);margin-inline-end:var(--this-slides-gap)}&:not(.phxsg-progress-slider__slider--loop) .phxsg-slider__item:last-child{margin-inline-end:calc((var(--this-slides-in-viewport) - 1) * (var(--comp-slider-item-width) + var(--this-slides-gap)))}}.phxsg-progress-slider__content-wrapper{@media screen and (min-width:768px){width:50%}}.phxsg-progress-slider__progress{--this-progress-slider-progress: 0;margin-block:var(--sys-spacing-5);height:5px;position:relative;border-top:solid 1px var(--sys-color-foreground);&:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--sys-color-foreground);transform:scaleX(var(--this-progress-slider-progress));transform-origin:left;transition:transform;transition-duration:inherit}}.phxsg-progress-slider__content{display:grid;grid-template:1fr / 1fr}.phxsg-progress-slider__item{grid-area:2 / 1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sys-spacing-3);opacity:0;visibility:hidden;transition:opacity var(--sys-motion-duration-medium-4),visibility var(--sys-motion-duration-medium-4);pointer-events:none;@media screen and (min-width:1024px){height:fit-content}}.phxsg-progress-slider__item--active{opacity:1;visibility:visible;pointer-events:auto}}@layer overrides{.phxsg-progress-slider__slider-wrapper{.phxsg-slider-container{overflow:visible}}}