.step-element .timeline-container{max-width:230px;min-width:230px;position:sticky;top:100px}.step-element button:hover{background-color:var(--step-accent-color,var(--blue));border-color:var(--step-accent-color,var(--blue))}.step-element ul.timeline{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.step-element ul.timeline:before{animation:gradient 6s linear infinite;animation-direction:alternate;background-blend-mode:hard-light;background-color:var(--yellow);background-size:cover;background:linear-gradient(180deg,#ffce4a,#04c4c5 50%,#d70023);background-size:150% 100%;border-radius:0;bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.step-element ul.timeline li{color:var(--white);cursor:default;display:flex;flex-direction:column;font-size:1rem;justify-content:center;min-height:100px;padding:.5rem 1.5rem;position:relative}.step-element .timeline li:before{background-color:var(--yellow);border:6px solid #000;border-radius:50%;content:"";height:30px;left:-12.5px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:1}.step-element .timeline li.active:after{border:solid transparent;border-right:solid #1a1a1a;border-width:20px 20px 20px 0;content:" ";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;z-index:1}.step-element .timeline li.active{color:var(--white)}.step-element .timeline li.active:before,.step-element .timeline li.completed:before{background-color:var(--yellow)}.step-element .timeline li.completed{color:var(--white)}.step-element .timeline .timeline-item-clickable:not(.active):hover{color:var(--link);cursor:pointer}@media(max-width:1024px){.step-element ul.timeline{height:100%;top:unset}.step-element .timeline-container{margin-top:2rem;max-width:100%;min-width:100%;position:relative;top:unset}.step-element ul.timeline{display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0;position:relative;width:100%}.step-element ul.timeline:before{animation:gradient 6s linear infinite;animation-direction:alternate;background-blend-mode:hard-light;background-color:var(--yellow);background-size:cover;background:linear-gradient(90deg,#ffce4a,#04c4c5 50%,#d70023);background-size:150% 100%;border-radius:0;bottom:0;content:"";height:6px;left:0;position:absolute;top:12.5px;width:100%}.step-element ul.timeline li{color:var(--white);cursor:default;display:flex;flex-direction:column;font-size:.875rem;justify-content:start;line-height:1.4;min-height:unset;padding:2rem 1rem .5rem;position:relative}.step-element .timeline li:before{background-color:var(--yellow);border:6px solid #000;border-radius:50%;content:"";height:30px;left:12px;position:absolute;top:0;transform:translateY(0);width:30px;z-index:1}.step-element .timeline li.active:after{display:none}}.step-element .content-container{background-color:var(--secondary);border-radius:6px;display:flex;flex-direction:column;flex-grow:1;min-width:0;padding:40px}.step-element .step{display:none;text-align:left}.step-element .step.active{display:block}.step-element .step h5{font-size:.875rem;letter-spacing:.1rem;text-transform:uppercase}.step-element .step h1.h2{font-size:30px;margin-bottom:20px}@media (max-width:1200px){.step-element .step h1.h2{font-size:24px}}.step-element .step h2{color:var(--yellow);margin-bottom:20px;margin-top:10px}.step-element .step h3{margin-bottom:10px;margin-top:20px}.step-element .step h2:first-child{margin-top:0}.step-element .step li,.step-element .step p{font-size:16px}.step-element .step .compact-list{margin-top:.5rem}.step-element .step .compact-list li+li{margin-top:0}.step-element .step .panel p{font-size:18px}.step-element .step p.step-legal-text,.step-element .step p.step-legal-text a{color:var(--heading_color);font-size:12px}.step-element .step p.step-legal-text a{text-decoration:underline}.step-element .step p.step-legal-text a:hover{color:var(--heading_color)}.step-element .button-group{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:start;margin-top:auto;padding-top:20px}.step-element #prev-next-btns.button-group{padding-top:2rem}.step-element.current-step-0 #prev-next-btns.button-group{padding-top:0}.step-element .button-group button{background-color:#00dbdd;border:1px solid #00dbdd;border-radius:0;color:#000;font-family:Instrument Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.1em;line-height:normal;min-width:207px;padding:19px 29px;text-decoration:none;text-transform:uppercase;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}.step-element .button-group button.secondary{background-color:transparent;border:1px solid #00dbdd;color:#00dbdd}.step-element .button-group button:hover{background-color:transparent;color:#00dbdd}.step-element .button-group button.secondary:hover{background-color:#00dbdd;color:#000}.step-element button:disabled{background-color:var(--akka-gray-700);color:var(--akka-gray-500);cursor:not-allowed;display:none}.step-element .button-group button:disabled{background-color:#ccc;cursor:not-allowed}.step-element .visually-hidden{opacity:0}.step-element pre{padding:.5rem 2.75rem .5rem .75rem}.step-element .code-snippets{margin:1rem 0}.step-element .code-snippets .pre-code-wrapper pre{margin-top:.25rem}.step-element .code-snippets p{color:var(--soft-white-text);font-size:15px;margin-bottom:.5rem;margin-top:1.5rem}.step-element p>code{font-size:90%}.step-element .code-snippets p.under-pre{margin-top:-.5rem}.step-element .panel{background-color:var(--secondary-ltr);border-radius:12px;padding:2rem}.step-element .panel-secondary{background-color:transparent;border-radius:12px;padding:0 2rem 2rem}.step-element .bordered-panel{background-color:var(--secondary-ltr);border:2px solid var(--yellow);border-radius:12px;padding:2rem}.step-element .bordered-panel h3,.step-element .panel h3{color:var(--yellow);margin-top:0}.step-element .panel-secondary h3{margin-top:0}.step-element .bordered-panel .button-group,.step-element .panel .button-group{margin:0;padding:0}.step-element .panel-secondary p{color:var(--soft-white-text)}.step-element .panel-secondary .link{color:var(--link);cursor:pointer}.step-element .panel-secondary .link:hover{text-decoration:underline}.step-element .get-started-card{background-color:var(--secondary-ltr);border:2px solid transparent;border-radius:12px;flex-grow:1;overflow:hidden;padding:0;transition:all .4s ease-in-out;width:100%}.step-element .get-started-card:hover{border:2px solid var(--link);transition:all .4s ease-in-out}.step-element .get-started-card .gsc-content{padding:20px}.step-element .get-started-card .gsc-content .content,.step-element .get-started-card .gsc-content .title{display:inline-block;margin-bottom:15px;max-width:100%;width:100%}.step-element .get-started-card .gsc-content .title h3{color:var(--yellow);height:60px}.step-element a.get-started-card .gsc-content .content{color:#fff!important}.step-element a.get-started-card:hover{text-decoration:none!important}.step-element .get-started-card .gsc-content .textLink{display:inline-block;margin-top:15px;width:100%}@media(max-width:1366px){.step-element .get-started-card .gsc-content .title h3{font-size:20px}.step-element .get-started-card .gsc-content .content{font-size:16px}}@media(max-width:1200px){.step-element .timeline-container{min-width:200px}.step-element ul.timeline li{font-size:.875rem}}@media(max-width:767px){.step-element .get-started-card .gsc-content .title h3{height:auto}.step-element .button-group button{min-width:100%}}