.snippet{position:relative;text-align:center;margin:1rem auto}.snippet .dot-pulse{margin:0 auto;position:relative;left:-9999px;box-shadow:9999px 0 0 -5px #9880ff;animation:dotPulse 1.5s linear infinite;animation-delay:.25s}.snippet .dot-pulse,.snippet .dot-pulse:after,.snippet .dot-pulse:before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.snippet .dot-pulse:after,.snippet .dot-pulse:before{content:"";display:inline-block;position:absolute;top:0}.snippet .dot-pulse:before{box-shadow:9984px 0 0 -5px #9880ff;animation:dotPulseBefore 1.5s linear infinite;animation-delay:0s}.snippet .dot-pulse:after{box-shadow:10014px 0 0 -5px #9880ff;animation:dotPulseAfter 1.5s linear infinite;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #9880ff}30%{box-shadow:9984px 0 0 2px #9880ff}60%,to{box-shadow:9984px 0 0 -5px #9880ff}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #9880ff}30%{box-shadow:9999px 0 0 2px #9880ff}60%,to{box-shadow:9999px 0 0 -5px #9880ff}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #9880ff}30%{box-shadow:10014px 0 0 2px #9880ff}60%,to{box-shadow:10014px 0 0 -5px #9880ff}}.botttom-box-progressbar{width:100%;height:124px;background-color:var(--ks-background-color-3);box-shadow:0 -1px 2px 0 rgba(0,0,0,.078);padding:24px 0;position:sticky;bottom:0;left:0}.botttom-box-progressbar .progressbar{position:relative;display:flex;justify-content:space-between}.botttom-box-progressbar .progress,.botttom-box-progressbar .progressbar:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:8px;width:100%;background-color:var(--ks-background-color-main)}.botttom-box-progressbar progress{background-color:var(--primary-color);width:0;transition:.3s}.botttom-box-progressbar .container-progressbar{max-width:1037px;width:calc(100% - 133px);margin:0 auto}.botttom-box-progressbar .progress-step{width:var(--size-step);height:var(--size-step);background-color:var(--ks-background-color-3);border:1px solid var(--ks-product-color-roadmap);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1}.botttom-box-progressbar .step-number{color:#3e7bf4;display:flex;align-items:center;justify-content:center}.botttom-box-progressbar .progress-step:after{content:attr(data-title);position:absolute;top:calc(100% + .3rem);font-size:.85rem;font-family:SVN-Poppins;font-size:16px;font-weight:500;line-height:24.42px;text-align:left;color:#2253b6;white-space:nowrap}.botttom-box-progressbar .icon-item-step{position:absolute;font-size:.85rem}.botttom-box-progressbar .active-step{background-color:var(--ks-product-color-roadmap)}.botttom-box-progressbar .active-step .step-number{color:#fff}.botttom-box-progressbar .progress{background-color:#3e7bf4;width:0;transition:.3s}.botttom-box-progressbar .done-step:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20viewBox%3D%220%200%2018%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.8002%203.34778L8.01958%2011.9669C7.70023%2012.2811%207.26738%2012.4587%206.81524%2012.4612C6.81118%2012.4612%206.80716%2012.4614%206.80313%2012.4614C6.79911%2012.4614%206.79505%2012.4612%206.79103%2012.4611C6.75277%2012.4608%206.71453%2012.4592%206.67637%2012.4564C6.64609%2012.4543%206.61581%2012.4513%206.58553%2012.4475C6.54837%2012.443%206.51138%2012.4374%206.4746%2012.4305C6.47135%2012.4299%206.46811%2012.4291%206.46486%2012.4285C6.42685%2012.4209%206.38911%2012.4121%206.3517%2012.4021C6.31461%2012.3923%206.27788%2012.3813%206.24155%2012.3692C6.23905%2012.3683%206.23652%2012.3676%206.23402%2012.3668C6.22899%2012.3651%206.22403%2012.363%206.21903%2012.3612C6.14496%2012.3352%206.07281%2012.3041%206.00311%2012.2682C5.96806%2012.25%205.93367%2012.2305%205.9%2012.2099C5.83635%2012.1715%205.77533%2012.129%205.71734%2012.0828C5.69482%2012.0647%205.67266%2012.0461%205.65086%2012.0267C5.62906%2012.0074%205.60767%2011.9875%205.58668%2011.9669L1.19623%207.65735C0.873621%207.34067%200.69238%206.91116%200.692383%206.46331C0.692386%206.01545%200.873633%205.58594%201.19625%205.26927C1.51887%204.95259%201.95643%204.77468%202.41268%204.77469C2.86893%204.77469%203.30649%204.9526%203.6291%205.26928L6.80304%208.38479L14.3673%200.959647C14.5269%200.80206%2014.7166%200.676933%2014.9255%200.591439C15.1344%200.505945%2015.3585%200.461764%2015.5849%200.461428C15.8112%200.461092%2016.0354%200.504608%2016.2446%200.589482C16.4538%200.674356%2016.6439%200.798919%2016.8039%200.956032C16.964%201.11314%2017.0909%201.29972%2017.1773%201.50506C17.2638%201.7104%2017.3081%201.93047%2017.3078%202.15266C17.3074%202.37485%2017.2624%202.59479%2017.1753%202.79987C17.0882%203.00496%2016.9607%203.19115%2016.8002%203.34778Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat;width:17px;height:13px}.botttom-box-progressbar .remove-content:before{display:none}.botttom-box-progressbar .remove-content{display:flex;justify-content:center;align-items:center}.botttom-box-progressbar .remove-content .icon-item-step{position:relative}@media(max-width:576px){.botttom-box-progressbar{height:68px;padding:8px 0}.botttom-box-progressbar .progress-step:after{font-size:12px;line-height:18px}.botttom-box-progressbar .container-progressbar{width:calc(100% - 93px)}.botttom-box-progressbar .progress-step{width:32px;height:32px}}.modal-loading-learning-path .loader{position:absolute;width:65px;padding:8px;aspect-ratio:1;border-radius:50%;background:var(--ks-primary-color-main);--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s linear infinite}.modal-loading-learning-path svg{position:absolute}@keyframes l3{to{transform:rotate(1turn)}}