.reviews{background-color:#f5f5f5;padding:1.8rem 0 1.2rem;position:relative}.reviews .title{font-family:var(--ff-display);margin:auto auto 1.2rem;max-width:6.7rem;text-align:center}.reviews .splide{cursor:grab;margin:auto auto 1.2rem;max-width:9rem}:is(.reviews .splide) .splide__track{overflow:visible}.reviews .progress-bar{align-items:center;display:flex;gap:.3rem;margin:auto;position:relative;width:fit-content}:is(.reviews .progress-bar)>div:not(.button){background-color:#dfdfdf;border-radius:.025rem;height:.05rem;position:relative;width:4.4rem}:is(.reviews .progress-bar)>div:not(.button):after{background-color:#000;border-radius:.025rem;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:width var(--dur) var(--ease);width:var(--progress)}:is(.reviews .progress-bar) .button{align-items:center;cursor:pointer;display:flex;height:.4rem;justify-content:center;width:.4rem}:is(:is(.reviews .progress-bar) .button)>svg{display:block;height:auto;width:100%}:is(:is(.reviews .progress-bar) .button)>svg path{transition:fill var(--dur) var(--ease)}:is(:is(.reviews .progress-bar) .button:hover)>svg path{fill:#000}:is(:is(.reviews .progress-bar) .button.next)>svg{transform:rotate(180deg)}.reviews .card{background-color:#fff;border-radius:.4rem;display:block;padding:.6rem;user-select:none}:is(.reviews .card) svg{display:block;height:auto;margin-bottom:.3rem;width:.24rem}:is(.reviews .card) .text{color:#3c3c3c;margin-bottom:.3rem}:is(.reviews .card) .creds{color:#ff3f00;font-family:var(--ff-sans);font-size:.18rem;font-weight:400;line-height:1.2}:is(:is(.reviews .card) .creds) span{display:block}@media (max-width:768px) and (orientation:portrait){.reviews{padding:1rem 0 .6rem}.reviews .splide,.reviews .title{margin-bottom:.6rem}.reviews .progress-bar{gap:.28rem}:is(.reviews .progress-bar)>div:not(.button){height:.05rem;width:2.14rem}:is(.reviews .progress-bar) .button{height:.3rem;width:.3rem}.reviews .card{border-radius:.2rem;display:flex;flex-direction:column;height:100%;padding:.3rem}:is(.reviews .card) svg{height:auto;margin-bottom:.2rem;width:.18rem}:is(.reviews .card) .text{margin-bottom:.2rem}:is(.reviews .card) .creds{margin-top:auto}}