.studio-journey{color:var(--color-on-paper);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-block:24px;padding:24px 0;list-style:none;display:grid}.studio-journey[data-steps="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-journey li{border:1px solid var(--color-paper-edge);border-radius:var(--radius-card);background:var(--color-paper);align-content:start;gap:8px;min-inline-size:0;padding:20px;display:grid;position:relative;overflow:hidden}.studio-journey li:after{content:"";background:var(--color-iris-700);transform-origin:50%;block-size:3px;animation:studio-journey-flow calc(var(--dur-entrance) * 6) var(--ease-in-out) infinite;position:absolute;inset-block-end:0;inset-inline:0}.studio-journey li:nth-child(2):after{animation-delay:var(--dur-entrance)}.studio-journey li:nth-child(3):after{animation-delay:calc(var(--dur-entrance) * 2)}.studio-journey li:nth-child(4):after{animation-delay:calc(var(--dur-entrance) * 3)}.studio-journey__icon{background:var(--color-iris-100);block-size:44px;inline-size:44px;color:var(--color-iris-700);border-radius:50%;place-items:center;display:grid}.studio-journey__number{font-size:.875rem;position:absolute;inset-block-start:24px;inset-inline-end:20px}.studio-journey p{margin:0;font-size:.9rem}.on-auth-card .studio-journey{gap:8px;padding:0}.on-auth-card .studio-journey li{padding:12px}.on-auth-card .studio-journey__number{display:none}[data-motion=reduce] .studio-journey li:after{animation:none}@keyframes studio-journey-flow{0%,to{opacity:.25;transform:scaleX(.12)}45%,60%{opacity:1;transform:scaleX(1)}}@media (max-width:760px){.studio-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:520px){.studio-journey[data-steps="3"]{grid-template-columns:minmax(0,1fr)}.on-auth-card .studio-journey li{grid-template-columns:44px minmax(0,1fr);align-items:center}.on-auth-card .studio-journey p{grid-column:2}}
