.section-stages-info{padding:6rem 0}.fysi-container{padding:3rem 2rem;display:flex;margin-bottom:1rem}.fysi-container .fysi-description div{display:flex;flex-direction:column;align-items:center;text-align:center}.fys-image{display:none}.stage-details{border-radius:1rem;padding:4rem 2rem 2rem;display:grid;grid-template-columns:80px 30px auto 30px 80px;grid-template-rows:auto auto;justify-content:center;align-items:center}@media (max-width: 768px){.stage-nav{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center}.stage-nav li{display:flex;flex-direction:column}.stage-details{grid-template-columns:30px auto 30px;padding:4rem 0 2rem}.stage-image-left,.stage-image-right{display:none}}.stage-details .stage-footer{grid-row:2 / 3;grid-column:1 / span 5}.stage-details .stage-content{display:grid}.stage-details .stage-content .stage-detail{grid-row-start:1;grid-column-start:1;text-align:center;margin:0 auto;opacity:0;transition:opacity .5s}.stage-details .stage-side-image{position:relative;left:-80%}.stage-details .stage-image-right .stage-side-image{left:80%}.stage-details .stage-side-image.flipped{transform:scalex(-1)}.stage-details .stage-button button{width:4rem}.stage-details .stage-button button[data-direction=prev]{transform:rotate(180deg)}.stage-details .stage-content .stage-detail:has(input:checked){opacity:1}.stage-footer{text-align:center;margin-left:auto;margin-right:auto}.fys-stages{background-color:unset}.fys-stages .fys-stage-list{display:grid;grid-template-columns:1fr;gap:1rem}.fys-stages .fys-stage-list a{display:flex}@media screen and (min-width: 768px){.fysi-container{display:grid;grid-template-columns:1fr 1fr;padding:0}.fysi-container .fysi-description{display:flex;align-items:center;justify-content:center;padding:1rem}.fysi-container .fysi-description div{align-items:flex-start;text-align:left;max-width:54rem;margin:0 10%}.fys-image{display:block}.fys-image img{height:100%;object-fit:cover}.fys-stages .fys-stage-list{grid-template-columns:repeat(4,1fr);grid-template-rows:unset}}@media screen and (min-width: 768px){.fysi-container .fysi-description div{margin:0 10%}}.fys-stages .fys-stage{color:var(--color-racing-green);border-color:rgba(var(--color-background));width:100%}.fys-stages .fys-stage .my-2.text-center{flex-grow:1}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-stages-info.css.map */