#roadmap{width:100%}@media(max-width:520px){.roadmap{padding-top:0;margin-top:2rem;min-height:50rem}#common-misconceptions{padding-top:0}.community-section{padding-top:2rem}.checklists-section{padding-top:4rem}#contributors{margin-top:3rem}}.tabs{display:flex;flex-wrap:wrap;position:relative;background-color:#fff;box-shadow:0 0 1px rgba(24,94,224,.15),0 6px 12px rgba(24,94,224,.15);border-radius:20px}input[type=radio]{display:none}.tab{display:flex;flex:auto;align-items:center;justify-content:center;height:40px;font-size:1rem;font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in;color:#000;padding-inline:10px}.glider{position:absolute;display:flex;height:40px;opacity:.3;background-color:hsl( var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness)/50) * 45)/var(--tw-bg-opacity) );z-index:1;border-radius:99px;transition:transform .25s ease-out,width .25s ease-out}input[type=radio]:checked+label{color:#000}.hextra-feature-card{overflow:visible}.start-hf-card-color{background:radial-gradient( ellipse at 50% 80%,rgba(38,125,255,.25),hsla(0,0%,100%,0) );height:100px}.basic-hf-card-color{background:radial-gradient( ellipse at 50% 80%,rgba(97,254,176,.25),hsla(0,0%,100%,0) );height:100px}.medium-hf-card-color{background:radial-gradient( ellipse at 50% 80%,rgba(254,225,97,.25),hsla(0,0%,100%,0) );height:100px}.advanced-hf-card-color{background:radial-gradient( ellipse at 50% 80%,rgba(254,128,97,.25),hsla(0,0%,100%,0) );height:100px}.roadmap-section ol{padding:0;--unit:0.8rem;content:"";clear:both;display:table}.roadmap-section ol li:not(.content ul li):not(.content ol li){--height:7rem;position:relative;display:block}.roadmap-section ol li:not(.content ul li):not(.content ol li)::before{content:"";background-color:inherit;position:absolute;display:block;width:var(--unit);height:var(--unit);top:100%;left:calc(50% - (var(--unit)/2))}.roadmap-section ol li:not(.content ul li):not(.content ol li)::after{content:"";position:absolute;display:block;top:calc(100% + var(--unit)/3);left:calc(50% - (var(--unit)));border:var(--unit)solid transparent;border-top-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):last-child::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):last-child::after{content:none}@media(max-width:550px){.roadmap-section ol li:not(.content ul li):not(.content ol li){padding:1rem;margin:2rem 0}.roadmap-section ol{margin:auto}}@media(min-width:550px) and (max-width:899px){.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(50% - 2rem);float:left;min-height:var(--height)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+4){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+1)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+1)::after{top:calc(var(--height)/3);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(4n+3)::after{top:calc(var(--height)/3);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}@media(min-width:900px) and (max-width:1199px){.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(33.33% - 2rem);float:left;min-height:7rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+6){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+1)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+2)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+1)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+2)::after{top:calc(var(--height)/3);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+4)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(6n+5)::after{top:calc(var(--height)/3);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}@media(min-width:1200px){ol{width:100%;margin:0 auto}.roadmap-section ol li:not(.content ul li):not(.content ol li){margin:1rem;width:calc(25% - 2rem);float:left;min-height:7rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7),.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+8){float:right}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+1)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+2)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+3)::before{top:calc(var(--height)/2 + var(--unit)/2);left:100%}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+1)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+2)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+3)::after{top:calc(var(--height)/3);left:calc(100% + .6rem);border:var(--unit)solid transparent;border-left-color:var(--roadmap-step-pointer)}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6)::before,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7)::before{top:calc(var(--height)/2 + var(--unit)/2);left:-1rem}.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+5)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+6)::after,.roadmap-section ol li:not(.content ul li):not(.content ol li):nth-child(8n+7)::after{top:calc(var(--height)/3);left:-2.2rem;border:var(--unit)solid transparent;border-right-color:var(--roadmap-step-pointer)}}.startContentOL{display:flex!important;justify-content:center}@media(max-width:1000px){.startContentOL{display:table!important}}.coming-soon-label{width:100%;background-color:rgba(0,0,0,.5);color:#fff;position:absolute;text-align:center;top:75%;overflow:hidden;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.roadmap-checkbox{position:absolute;top:8px;right:8px}.roadmap-checkbox div[role=checkbox]{width:13px;height:13px;appearance:none;-webkit-appearance:none;background-color:#6b6969;border-radius:3px;cursor:pointer;position:relative}.roadmap-checkbox div[role=checkbox][aria-checked=true]{background-color:#006be6}.roadmap-checkbox div[role=checkbox][aria-checked=true]::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border-width:0 3px 3px 0;transform:rotate(45deg)}.roadmap-modal{display:none;position:fixed;top:2.6%;left:5%;z-index:1000;overflow:hidden;width:90%;height:95%}.overlay{position:fixed;bottom:-62px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:19;display:none}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:64px;background-color:rgba(0,0,0,.6);z-index:25;display:none}.overlay-mobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:20;display:none}.roadmap-modal:target{display:block}.roadmap-modal-content{position:absolute;width:100%;height:100%;background:var(--bg-roadmap-modal);padding:20px;border-radius:8px;overflow-y:auto}.roadmap-modal-close{position:absolute;top:0;right:.8rem;cursor:pointer;font-size:xx-large;color:var(--color-black);text-decoration-line:none}.article-content{overflow-y:auto}.mark-done-button{width:90%}#common-misconceptions{width:100%}.misconception-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;justify-content:center}.misconception-card{margin:.7rem;padding:1rem;border:1px solid #ccc;border-radius:8px}@media(max-width:600px){.misconception-container{grid-template-columns:1fr}}@media(min-width:600px){.misconception-card:last-child{grid-column:span 2}}.community-section{display:flex;flex-direction:column;gap:2rem;max-width:1280px}.community-content{order:2;display:flex;flex-direction:column;align-items:center}.community-cta{text-align:center}.community-image{width:100%;max-width:600px;height:auto;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.social-chat-container{display:flex;justify-content:space-between;width:100%;margin-top:1.5rem}.chat-section-button{display:inline-flex;border:1px solid;padding:10px;border-radius:10px;background:0 0;color:rgb(var(--color-black));transition:all .2s ease-in-out}.chat-section-button:hover{background:rgb(var(--color-black));border-color:rgb(var(--color-black));color:rgb(var(--color-white))}.chat-section{flex:1;margin-right:2rem}.chat-section:last-child{margin-right:0}.chat-section .platform-icons{justify-content:center}@media(max-width:330px){.social-chat-container{display:block}.chat-section{margin-right:0}}@media(min-width:1090px){.community-section{flex-direction:row;align-items:flex-start;gap:4rem}.community-content{flex:1;order:1;flex-direction:column;align-items:flex-start}.community-cta{flex:1;order:2;text-align:left}.community-cta p{margin:0}.chat-section .platform-icons{justify-content:left}}.carousel-container{position:relative;display:flex;align-items:center}.carousel-fade{position:absolute;top:0;bottom:0;width:150px;pointer-events:none;z-index:5}.carousel-fade.left{left:0;background:linear-gradient(to right,#ffffff 0%,transparent 100%)}.carousel-fade.right{right:0;background:linear-gradient(to left,#ffffff 0%,transparent 100%)}.carousel-fade.left:is(html[class~=dark] *){left:0;background:linear-gradient(to right,#111 0%,transparent 100%)}.carousel-fade.right:is(html[class~=dark] *){right:0;background:linear-gradient(to left,#111 0%,transparent 100%)}.carousel-button{padding:0;color:#000;cursor:pointer;font-size:1.5rem;display:inline-flex;opacity:.7;transition:opacity .3s ease;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.1);user-select:none;width:36px;height:36px;justify-content:center;align-items:center;border:none}.carousel-button.prev{left:8px}.carousel-button.next{right:0}.carousel-button:hover{opacity:1;box-shadow:0 0 12px rgba(0,0,0,.15)}.carousel{position:relative;overflow:hidden;width:100%;padding:10px 0;scroll-behavior:smooth}.carousel-track{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;user-select:none;gap:1rem}.carousel-item{flex:none;width:250px;max-height:70px;box-sizing:border-box;padding:1.5rem 1rem;background:#f9f9f9;border:1px solid #ddd;border-radius:.75rem;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;color:#111827;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.carousel-item:hover,.carousel-item:focus{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.12);outline:none}#contributors{width:100%;text-align:center;font-size:2rem}#shareDropdown{display:none;position:absolute;background-color:#fff;color:#000;padding:10px;box-shadow:0 8px 16px rgba(0,0,0,.2);font-size:20px;border-radius:10px;margin-top:55px}.contributors-button{height:50px;font-size:18px;display:flex;align-items:center;justify-content:center;width:200px;margin:2px}.all-contributors-table table tbody tr td{text-align:center}@media(max-width:768px){.all-contributors-table table tbody tr td{width:100%}}