.cs-demo-steps{display:inline-block;width:100%}.cs-demo-steps>.cs-demo-steps__title{align-items:center;display:grid;grid-template-columns:2rem 1fr;grid-gap:1.125rem;gap:1.125rem}.cs-demo-steps>.cs-demo-steps__title>.cs-demo-steps__title-icon{height:2rem;overflow:hidden;width:2rem}.cs-demo-steps>.cs-demo-steps__title>.cs-demo-steps__title-icon>svg{height:2rem;-o-object-fit:contain;object-fit:contain;width:2rem}@media only screen and (max-width:767px){.cs-demo-steps>.cs-demo-steps__title>.cs-demo-steps__title-text{--font-size-xs:1.25rem;--font-size-sm:1.25rem;--font-size-base:1.25rem;--font-size-lg:1.25rem;--font-size-xl:1.25rem;--font-size-2xl:1.25rem;--font-size-3xl:1.25rem;--font-size-4xl:1.25rem;--font-size-4_5xl:1.25rem;--font-size-5xl:1.25rem;--font-size-6xl:1.25rem;--font-size-7xl:1.25rem;--font-size-8xl:1.25rem;--font-size-9xl:1.25rem}}.cs-demo-steps>.cs-demo-steps__content{align-items:center;display:grid;grid-template-columns:1fr;justify-items:center;grid-gap:3rem;gap:3rem;margin:2.25rem auto 0;max-width:650px;width:100%}@media only screen and (min-width:768px){.cs-demo-steps>.cs-demo-steps__content{grid-template-columns:312px 1fr}}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image{align-items:center;border:7px solid #703f73;border-radius:2rem;display:flex;flex-direction:row;gap:0;height:650px;justify-content:center;position:relative;width:312px}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image>.cs-demo-steps__content-image--buttons{left:-10px;position:absolute;top:220px}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image>.cs-demo-steps__content-image--power{position:absolute;right:-10px;top:260px}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image>.cs-demo-steps__content-image--mockup{background-color:hsl(var(--white));border-radius:24px;height:100%;overflow:hidden;padding:8px;position:relative;width:100%}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image>.cs-demo-steps__content-image--mockup:after{border:.5rem solid hsl(var(--black));border-radius:24px;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-image>.cs-demo-steps__content-image--mockup>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-steps{display:flex;flex-direction:column;grid-gap:0;gap:0;width:100%}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-steps>.cs-demo-steps__content-steps-step{align-items:flex-start;display:grid;grid-template-columns:2.25rem 1fr;grid-gap:.875rem;gap:.875rem;padding:1.5rem 0;width:100%}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-steps>.cs-demo-steps__content-steps-step>.cs-demo-steps__content-steps-step-number{align-items:center;display:flex;flex-direction:row;justify-content:center;grid-gap:0;background-color:hsl(var(--gray-250));gap:0;height:2.25rem;width:2.25rem}.cs-demo-steps>.cs-demo-steps__content>.cs-demo-steps__content-steps>.cs-demo-steps__content-steps-step:not(:first-child){border-top:1px solid rgba(72,49,76,.251)}