:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.tsr-steps{--icon-size:1.8125rem;--icon-pos:.9375rem}@media (width>=960px){.tsr-steps{--icon-size:2rem;--icon-pos:1.25rem}}.tsr-steps .tsr.selected .tsr__body{grid-template-rows:1fr;transform:translateY(.5rem)}.tsr-steps .tsr.selected .icon{rotate:45deg}@media (width>=960px){.tsr-steps .tsr:hover .tsr__body,.tsr-steps .tsr:focus-visible .tsr__body{grid-template-rows:1fr;transform:translateY(.5rem)}.tsr-steps .tsr:hover .icon,.tsr-steps .tsr:focus-visible .icon{rotate:45deg}}.tsr-steps .tsr--step{aspect-ratio:.72;transform-style:preserve-3d;will-change:transform}@media (width>=960px){.tsr-steps .tsr--step{cursor:pointer}}.tsr-steps .tsr__main{border-top-left-radius:0;border-top-right-radius:0;padding:.875rem .9375rem;position:relative;bottom:0}.tsr-steps .tsr__main--steps{flex-grow:0;inset-inline:0}.tsr-steps .tsr__main--placeholder{visibility:hidden;opacity:0}.tsr-steps .tsr__hdln{margin-bottom:.625rem}.tsr-steps .tsr__subline{margin:0}.tsr-steps .tsr__body{transition-behavior:allow-discrete;will-change:grid-template-rows, transform;transform-style:preserve-3d;grid-template-rows:0fr;margin:0;transition:grid-template-rows .25s ease-out,transform .25s ease-out;display:grid;overflow:hidden}.tsr-steps .tsr__body>div{overflow:hidden}.tsr-steps .tsr .icon{top:var(--icon-pos);right:var(--icon-pos);width:var(--icon-size);height:var(--icon-size);background-color:hsl(var(--white));color:hsl(var(--grey-midnight));border:.125rem solid hsl(var(--grey-midnight));z-index:1;border-radius:50%;transition:rotate .25s ease-out;position:absolute;rotate:0deg}.tsr-steps .tsr__content{flex-direction:column;height:100%;display:flex}.tsr-steps .tsr__media{width:100%;transform-style:preserve-3d;will-change:transform;flex:1;padding-bottom:0;position:relative}.tsr-steps .tsr__media img{height:auto;max-height:100%;transform-style:preserve-3d;backface-visibility:hidden}.tsr-steps .tsr__media--full-h{height:100%}.tsr-steps__hdln{margin-bottom:0}.tsr-steps.carousel-swiper__wrapper .swiper-slide{padding-bottom:0}.tsr-steps--list.tsr-steps{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}@media (width>=768px){.tsr-steps--list.tsr-steps{flex-direction:row;gap:0}}.tsr-steps--list.tsr-steps .swiper-slide{flex:1;padding-bottom:0;scale:1}@media (width>=960px){.tsr-steps__wrapper.carousel-swiper.swiper{padding-bottom:0}}.tsr-steps__wrapper .swiper-wrapper{padding-block:.375rem}
