@layer organisms{.phxsg-selection-slider{display:grid;grid-template-areas:"title" "controls" "center" "details";row-gap:var(--sys-spacing-4);height:100%;@media screen and (min-width: 768px){grid-template-columns:1fr 2fr 1fr;grid-template-areas:"title center details" "controls center details";gap:var(--sys-spacing-3) var(--sys-spacing-9);align-content:center}.phxsg-slider-container{grid-area:center;padding-block:var(--sys-spacing-2)}}.phxsg-selection-slider__title{grid-area:title;margin-block-start:auto}.phxsg-selection-slider__start{grid-area:controls;display:flex;flex-direction:column;gap:var(--sys-spacing-3)}.phxsg-selection-slider__controls{display:flex;align-items:center;gap:var(--sys-spacing-1)}.phxsg-selection-slider__nav-btn{--comp-btn-padding-inline: 0;--comp-btn-padding-block: 0}.phxsg-selection-slider__indicator{display:inline-flex;margin-inline-start:var(--sys-spacing-2)}.phxsg-selection-slider__indicator-current{display:inline-block}.phxsg-selection-slider__slide{width:100%;aspect-ratio:1;background-color:var(--sys-color-background)}.phxsg-selection-slider__end{grid-area:details;display:grid;align-items:center}.phxsg-selection-slider__detail-item{grid-area:1 / 1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sys-spacing-1);opacity:0;visibility:hidden;transform:translateY(var(--sys-spacing-4));pointer-events:none}.phxsg-selection-slider__detail-item--leaving{transform:translateY(calc(-1 * var(--sys-spacing-4)));transition:opacity var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard-accelerate-decelerate),transform var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard-accelerate-decelerate),visibility var(--sys-motion-duration-medium-2)}.phxsg-selection-slider__detail-item--active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard-accelerate-decelerate),transform var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard-accelerate-decelerate),visibility var(--sys-motion-duration-medium-2);transition-delay:var(--sys-motion-duration-medium-2);pointer-events:auto}.phxsg-selection-slider__cta{margin-block-start:var(--sys-spacing-2)}}