.web3-roadmap-filters{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:1rem;margin:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.web3-roadmap-filters::-webkit-scrollbar{display:none}.web3-filter-label{color:#a0a0b0;white-space:nowrap;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.web3-filter-options{flex-shrink:0;gap:.5rem;display:flex}.web3-filter-button{color:#a0a0b0;cursor:pointer;background:#1e1e2880;border:1px solid #5050644d;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.web3-filter-button:hover{color:#fff;background:#282832b3}.web3-filter-button.active{color:#8a2be2;background:#8a2be233;border-color:#8a2be280}.web3-roadmap-timeline{margin:4rem 0;position:relative}.web3-roadmap-timeline:before{content:"";z-index:0;background:#5050644d;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.web3-roadmap-item{width:50%;padding:2rem 1rem;position:relative}.web3-roadmap-item.left{left:0}.web3-roadmap-item.right{left:50%}.web3-roadmap-item.left .web3-roadmap-content{margin-right:auto}.web3-roadmap-item.right .web3-roadmap-content{margin-left:auto}.web3-roadmap-connector{z-index:2;background:#1a1a25;border:3px solid #5050644d;border-radius:50%;width:20px;height:20px;position:absolute;top:2.5rem}.web3-roadmap-item.left .web3-roadmap-connector{right:-10px}.web3-roadmap-item.right .web3-roadmap-connector{left:-10px}.web3-roadmap-item.completed .web3-roadmap-connector{border-color:#8a2be2}.web3-roadmap-item.in-progress .web3-roadmap-connector{border-color:#00bfff}.web3-roadmap-item.planned .web3-roadmap-connector{border-color:#a0a0b0}.web3-roadmap-content{background:#1e1e2880;border:1px solid #5050644d;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative}.web3-roadmap-item.completed .web3-roadmap-content{border-left:4px solid #8a2be2}.web3-roadmap-item.in-progress .web3-roadmap-content{border-left:4px solid #00bfff}.web3-roadmap-item.planned .web3-roadmap-content{border-left:4px solid #a0a0b0}.web3-roadmap-details{color:#a0a0b0;max-height:0;padding:0;transition:max-height .5s;overflow:hidden}.web3-roadmap-item.expanded .web3-roadmap-details{border-top:1px solid #5050644d;max-height:2000px;padding-top:1.5rem}.web3-roadmap-content:hover{cursor:pointer;background:#282832b3}.web3-roadmap-expand{transition:transform .3s}.web3-roadmap-item.expanded .web3-roadmap-expand{transform:rotate(180deg)}.web3-roadmap-progress-bar{background:#29293280;border-radius:3px;height:6px;overflow:hidden}.web3-roadmap-progress-fill{height:100%;transition:width .5s}.web3-roadmap-item.completed .web3-roadmap-progress-fill{background:#8a2be2}.web3-roadmap-item.in-progress .web3-roadmap-progress-fill{background:#00bfff}.web3-roadmap-item.planned .web3-roadmap-progress-fill{background:#a0a0b0}.web3-roadmap-title{text-align:left;color:#dedede;margin:10px 0;font-size:1.25rem;font-weight:600}.web3-roadmap-status{align-items:center;gap:.5rem;display:flex}.status-text{text-transform:uppercase;font-size:.75rem;font-weight:600}.status-icon.completed,.status-text.completed{color:#0c6}.status-icon.in-progress,.status-text.in-progress{color:#00bfff}.status-icon.planned,.status-text.planned{color:#a0a0b0}.web3-roadmap-release,.web3-roadmap-tags{color:#a0a0b0;margin:10px 0}.web3-roadmap-tag{color:#a0a0b0;background:#14141e80;border:1px solid #5050644d;border-radius:20px;margin:3px;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.web3-roadmap-contributors{padding:20px 0}.web3-roadmap-contributors h3{text-align:left;padding:10px 0}.web3-contributors-list{flex-wrap:wrap;gap:1rem;display:flex}.web3-contributor{align-items:center;gap:.75rem;display:flex}.web3-contributor-name{color:#f4f4f4;font-weight:700}.web3-contributor-avatar{color:#fff;background:linear-gradient(135deg,#8a2be233,#00bfff33);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.web3-roadmap-demo-link{color:#00bfff;background:#00bfff1a;border:1px solid #00bfff4d;border-radius:8px;align-items:center;gap:.5rem;margin:10px 0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.web3-roadmap-demo-link:hover{background:#00bfff33;transform:translateY(-2px)}@media (max-width:800px){.web3-roadmap-item{text-align:left;width:100%;padding-left:0;left:0!important}.web3-roadmap-item.right .web3-roadmap-content,.web3-roadmap-item.left .web3-roadmap-content{margin-left:0;margin-right:0}.web3-roadmap-timeline:before{left:10px}.web3-roadmap-connector{left:0!important;right:auto!important}.web3-roadmap-filters{margin:1rem 0;display:block}.web3-filter-options{flex-wrap:wrap;gap:1px;display:flex}.web3-filter-button{margin:10px}.web3-roadmap-connector{border-radius:0;display:none}}
