.stt-steps{--stt-steps-size: 72px;--stt-steps-line: rgba(var(--stt-primary-rgb), .35);--stt-steps-gap: 32px;list-style:none;margin:0;padding:0}.stt-steps__item{position:relative;min-width:0}.stt-steps__marker{position:relative;z-index:1;flex:0 0 auto;display:grid;place-items:center;width:var(--stt-steps-size);height:var(--stt-steps-size);border-radius:50%;font-size:calc(var(--stt-steps-size) * .36);line-height:1;transition:transform .4s var(--stt-ease),box-shadow .4s var(--stt-ease)}.stt-steps__marker svg{width:1em;height:1em;fill:currentColor}.stt-steps__num{font-family:var(--stt-font-heading);font-weight:700;font-size:calc(var(--stt-steps-size) * .3);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stt-steps__item:hover .stt-steps__marker{transform:translateY(-4px)}.stt-steps--filled .stt-steps__marker{background:var(--stt-primary);color:var(--stt-white);box-shadow:0 0 0 8px rgba(var(--stt-primary-rgb),.12),var(--stt-shadow)}.stt-steps--outline .stt-steps__marker{background:var(--stt-bg);color:var(--stt-primary);border:2px solid var(--stt-primary)}.stt-steps--soft .stt-steps__marker{background:rgba(var(--stt-primary-rgb),.1);color:var(--stt-primary)}.stt-steps--soft.stt-steps--connector .stt-steps__marker{background:linear-gradient(rgba(var(--stt-primary-rgb),.1),rgba(var(--stt-primary-rgb),.1)),var(--stt-bg)}.stt-steps__title{margin:0;color:var(--stt-heading);font-family:var(--stt-font-heading);font-size:20px;line-height:1.35;letter-spacing:-.01em}.stt-steps__text{margin:10px 0 0;color:var(--stt-text);font-size:15px;line-height:1.65}.stt-steps .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stt-steps--horizontal{display:grid;gap:40px var(--stt-steps-gap);grid-template-columns:repeat(var(--stt-cols, 4),minmax(0,1fr));text-align:center}.stt-steps--horizontal .stt-steps__marker{margin:0 auto 26px}.stt-steps--horizontal .stt-steps__body{padding-inline:6px}.stt-steps--horizontal.stt-steps--connector .stt-steps__item:not(:last-child):after{content:"";position:absolute;z-index:0;inset-block-start:calc(var(--stt-steps-size) / 2 - 1px);inset-inline-start:calc(50% + var(--stt-steps-size) / 2 + 12px);width:calc(100% - var(--stt-steps-size) - 24px + var(--stt-steps-gap));border-block-start:2px dashed var(--stt-steps-line)}.stt-steps--horizontal.stt-steps--connector.stt-steps--cols-2 .stt-steps__item:nth-child(2n):after,.stt-steps--horizontal.stt-steps--connector.stt-steps--cols-3 .stt-steps__item:nth-child(3n):after,.stt-steps--horizontal.stt-steps--connector.stt-steps--cols-4 .stt-steps__item:nth-child(4n):after,.stt-steps--horizontal.stt-steps--connector.stt-steps--cols-5 .stt-steps__item:nth-child(5n):after{display:none}@media (max-width: 1024px){.stt-steps--horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}.stt-steps--horizontal.stt-steps--connector .stt-steps__item:after{display:none}}.stt-steps--vertical .stt-steps__item{display:flex;gap:26px;padding-bottom:40px;text-align:start}.stt-steps--vertical .stt-steps__item:last-child{padding-bottom:0}.stt-steps--vertical .stt-steps__body{padding-top:calc(var(--stt-steps-size) / 2 - 14px)}.stt-steps--vertical.stt-steps--connector .stt-steps__item:not(:last-child):after{content:"";position:absolute;z-index:0;inset-inline-start:calc(var(--stt-steps-size) / 2 - 1px);inset-block:calc(var(--stt-steps-size) + 10px) 10px;border-inline-start:2px dashed var(--stt-steps-line)}@media (max-width: 767px){.stt-steps--horizontal{display:block;text-align:start}.stt-steps--horizontal .stt-steps__item{display:flex;gap:22px;padding-bottom:36px}.stt-steps--horizontal .stt-steps__item:last-child{padding-bottom:0}.stt-steps--horizontal .stt-steps__marker{margin:0}.stt-steps--horizontal .stt-steps__body{padding-inline:0;padding-top:calc(var(--stt-steps-size) / 2 - 14px)}.stt-steps--horizontal.stt-steps--connector .stt-steps__item:not(:last-child):after{display:block;inset-inline-start:calc(var(--stt-steps-size) / 2 - 1px);inset-block:calc(var(--stt-steps-size) + 10px) 10px;width:auto;border-block-start:0;border-inline-start:2px dashed var(--stt-steps-line)}.stt-steps{--stt-steps-size: 60px}}@media (prefers-reduced-motion: reduce){.stt-steps__marker{transition:none}.stt-steps__item:hover .stt-steps__marker{transform:none}}