.radar-container{--tech-point-font-size:13px;--tech-name-font-size:9.5px;--tech-name-transform:translateY(100%);--tech-name-max-width:65px;--tooltip-font-size:12px;--tooltip-padding:10px;--tooltip-close-font-size:16px;--tooltip-width:110px;--triangle-height:10px;--triangle-width:12px;--tech-name-gap:-2px}.radar-container[data-zoom-level="1.5"]{--tech-point-font-size:9px;--tech-name-font-size:7.5px;--tech-name-transform:translateY(130%);--tech-name-max-width:55px;--tooltip-font-size:8px;--tooltip-padding:7.5px;--tooltip-close-font-size:10px;--tooltip-width:90px;--triangle-height:8px;--triangle-width:10px;--tech-name-gap:-2px}.radar-container[data-zoom-level="2"]{--tech-point-font-size:8.5px;--tech-name-font-size:6px;--tech-name-transform:translateY(150%);--tech-name-max-width:42.5px;--tooltip-font-size:7px;--tooltip-padding:7.5px;--tooltip-close-font-size:8px;--tooltip-width:70px;--triangle-height:6px;--triangle-width:8px;--tech-name-gap:-3px}.radar-tech{align-items:center;background-color:#070329;display:flex;height:100vh;justify-content:space-around;margin:0;.zoom-container{height:900px;overflow:hidden;position:relative;width:1000px}.zoom-container:active{cursor:grabbing}.radar-container[data-zoom-level="1.5"] .tech-icon{&.stay{height:13px!important}svg{transform:scale(.9)}}.radar-container[data-zoom-level="2"] .tech-icon{&.stay{height:13px!important}svg{transform:scale(.75)}}.radar-container[data-zoom-level="1.5"] .relevance-text{font-size:11.5px}.radar-container[data-zoom-level="2"] .relevance-text{font-size:10px}.radar-container{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:900px;justify-content:center;position:absolute;transform-origin:0 0;transition:transform .3s ease;width:900px;.circle{background:transparent;border-radius:50%;position:absolute}.circle-techs{height:825px;width:825px;z-index:999}.circle-0{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.circle-1{height:825px;width:825px}.circle-1,.circle-2{background-color:hsla(0,0%,100%,.07)}.circle-2{height:725px;width:725px}.circle-3{background-color:hsla(0,0%,100%,.07);height:525px;width:525px}.circle-text-titles{height:100%;width:100%}.letter-title{color:#fff;font-size:14px!important;font-weight:lighter;position:absolute;transform-origin:center;white-space:nowrap}.title-1{transform:rotate(calc(32deg + var(--i)*2.04545deg)) translateY(-445px)}.title-2{transform:rotate(calc(332deg - var(--i)*1.875deg)) translateY(445px) rotate(1turn)}.title-3{transform:rotate(calc(63deg - var(--i)*1.875deg)) translateY(445px) rotate(1turn)}.title-4{transform:rotate(calc(292deg + var(--i)*1.73077deg)) translateY(-445px)}.line{background:#fff;position:absolute}.line-vertical{background:repeating-linear-gradient(180deg,#94a4d6 0,#94a4d6 11px,transparent 0,transparent 20px);border-radius:4px;height:852px;left:50%;opacity:.5;top:25px;width:1px}.line-horizontal{background:repeating-linear-gradient(90deg,#94a4d6 0,#94a4d6 11px,transparent 0,transparent 20px);border-radius:4px;height:1px;left:25px;opacity:.5;top:50%;width:940px}.relevance-text{color:#9798a1;font-size:13px;left:96.5%;position:absolute;top:48%;width:105px}svg{vertical-align:baseline}.tech-point{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:var(--tech-point-font-size);justify-content:center;.tech-impact{bottom:1px;font-size:9px;position:relative;&.low{font-size:14px;top:0}}.tech-icon{height:15px;&.stay{height:16px}}.tech-name{color:#fff;font-size:var(--tech-name-font-size);left:50%;line-height:1;position:absolute;text-align:center;top:calc(100% + var(--tech-name-gap));transform:translateX(-52.5%);width:var(--tech-name-max-width)}.tooltip{background-color:#0c1217;border-radius:5px;box-shadow:4px 4px 10px rgba(0,0,0,.4);color:#fff;cursor:auto;display:none;height:auto;justify-content:center;opacity:0;padding:var(--tooltip-padding);position:absolute;transition:opacity .3s ease;width:var(--tooltip-width);z-index:9999;p{font-size:var(--tooltip-font-size);margin:0;white-space:nowrap;&:first-child{margin-bottom:5px;white-space:normal}}a{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:275px}.triangle{bottom:67%;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.3));height:0;opacity:0;position:absolute;transition:opacity .3s ease;width:0;z-index:999}.tooltip-close{cursor:pointer;font-size:var(--tooltip-close-font-size);font-weight:700;position:absolute;right:4px;top:0}}.right{transform:translate(65%,25%);.triangle{border-bottom:var(--triangle-height) solid transparent;border-right:var(--triangle-width) solid #0c1217;border-top:var(--triangle-height) solid transparent;right:97%;top:22%}}.left{transform:translate(-65%,30%);.triangle{border-bottom:var(--triangle-height) solid transparent;border-left:var(--triangle-width) solid #0c1217;border-top:var(--triangle-height) solid transparent;left:97%;top:18%}}}.hidden{visibility:hidden}.d-none{display:none}}.trend{color:#00e6da}.tool{color:#36f}.framework{color:#f5c27a}.pattern{color:#df8fff}.no-tech-search{background-color:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:4px 4px 10px rgba(0,0,0,.15);color:#fff;left:26%;opacity:1;padding:0 15px;position:absolute;text-align:center;width:300px}.info-legend{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:5% 5px;position:relative;width:400px;.legend-top{.legend-span{color:#d1d8ed;font-size:14px;font-weight:700;padding-left:10px}.dropdown-top{cursor:pointer;display:inline-block;padding-bottom:10px;position:relative;user-select:none;user-select:text;width:100%;z-index:9;>span{align-items:center;border-radius:5px;box-shadow:0 0 0 1px transparent;color:#fff;display:flex;font-size:12px;justify-content:end;padding:15px;position:relative;transition:background-color .5s ease;width:99%;z-index:999;&:hover{background-color:#2f2e42}.text{margin:0 8px}}.icon-help{border:1px solid #fff;border-radius:15px;box-sizing:border-box;font-size:10px;padding:0 5px}.arrow-right{display:none;transform:rotate(-45deg)}.arrow-down,.arrow-right{border:solid #fff;border-width:0 2px 2px 0;padding:3px;position:relative}.arrow-down{bottom:2px;display:block;transform:rotate(45deg)}.info-box{background-color:#2f2e42;border:1px solid transparent;border-radius:10px;color:#fff;cursor:auto;display:flex;flex-direction:column;height:0;justify-content:end;left:-1px;overflow:hidden;position:absolute;top:-1px;transition:height .3s ease,visibility .09s ease,border-color .3s ease;visibility:hidden;width:100%;p{font-size:14px;font-weight:700;padding-left:10px}ul{padding-left:2rem}ul li{padding:3px 3px 0 0}>span,ul li{font-size:12px}>span{bottom:1px;color:#fff;display:flex;justify-content:end;padding:15px;position:relative}}&.open>span{background-color:#2f2e42;border-radius:10px}&.open .info-box{border-color:#ccc;border-radius:10px;height:175px;visibility:visible;z-index:99}}.filters{display:flex;font-size:14px;gap:10px;justify-content:space-between;position:relative;z-index:8;.filter-input{position:relative;z-index:9;#filterInput{background-color:#201d3f;border:1px solid #2c2b40;border-radius:5px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 45px;text-overflow:ellipsis;&::placeholder{color:#747480}}.zoom{border:2px solid #fff;border-radius:8px;height:15px;left:6%;position:absolute;top:10px;width:15px}.zoom-inner{background:#fff;display:block;height:2px;left:8px;position:relative;top:12px;transform:rotate(45deg);width:8px;z-index:999}#clearBtn{color:#fff;cursor:pointer;display:none;font-size:20px;height:16px;position:absolute;right:4%;top:3px;width:13px}}.selector{cursor:pointer;position:relative;width:100%;z-index:9;.selector-trigger{align-items:center;background-color:#201d3f;border:1px solid #2c2b40;box-sizing:border-box;display:flex;height:38px;justify-content:space-between;padding:8px 12px}.selector-options,.selector-trigger{border-radius:5px;color:#fff;font-size:14px}.selector-options{background-color:transparent;border:1px solid transparent;left:0;margin-top:5px;max-height:0;overflow-y:hidden;position:absolute;right:0;scrollbar-color:#9e9e9e transparent;scrollbar-width:thin;transition:max-height .3s ease-out,border-color .3s ease,background-color .3s ease;z-index:8}.selector-options.active{background-color:#201d3f;border:1px solid grey;max-height:250px}.selector-option{border-radius:5px;cursor:pointer;padding:10px;&.active{background:hsla(0,0%,100%,.1)}}.selector-option:hover{background:hsla(0,0%,100%,.1)}.arrow-down{border:solid #fff;border-width:0 2px 2px 0;bottom:2px;display:inline-block;padding:3px;position:relative;transform:rotate(45deg)}}}#suggestions{background-color:#201d3f;border:1px solid grey;border-radius:5px;color:#fff;display:none;font-size:14px;margin-top:5px;max-height:300px;overflow-y:auto;padding:0;position:absolute;scrollbar-color:#9e9e9e transparent;scrollbar-width:thin;width:97.5%;z-index:8;li{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:15px!important;justify-content:space-between;list-style:none;padding:15px 10px;&:hover{background-color:#49495c}span{padding-right:5px}}}}.description-tech{background-color:#1e234a;border-radius:10px;box-sizing:border-box;color:#fff;display:none;padding:5px 15px;position:relative;z-index:7;.close-info{cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:15px;top:5px}.evolution,.impact{align-items:center;display:inline-flex}.impact{font-size:14px;height:20px;width:20px}.title{.text{color:#d1d8ed;font-size:30px;line-height:20px;margin-bottom:0;a{svg{stroke:#d1d8ed;stroke-width:2;transition:transform .2s ease,stroke .2s ease;width:18px;&:hover{stroke:#fff;transform:scale(1.1)}}}}}.subtitle{bottom:10px;color:#9d9fb0;font-size:13px;position:relative}.description{font-size:14px;margin:0 0 5px}}.description-default{color:#fff;display:grid;gap:12px;p:first-child{font-size:30px;margin:0}p{font-size:15px;opacity:.8}}.legend-bottom{.legend-filters{font-size:12px}.clear-all-filters-container{height:25px;margin-bottom:10px;.clear-all-filters-btn{align-items:center;background:none;border:1px solid #8e98b5;border-radius:50%;color:#d1d8ed;cursor:pointer;display:inline-flex;height:25px;justify-content:center;padding:0;transition:all .3s ease;width:25px}.clear-all-filters-btn:hover{background-color:hsla(0,0%,100%,.1);border-color:#fff;color:#fff}.clear-all-filters-btn svg{stroke:currentColor}}.legend{color:#fff;display:flex;font-size:14px!important;font-size:14px;gap:20px;justify-content:space-between;position:relative;z-index:6;>div.category-active .legend-category-title{color:#fff;font-weight:700}>div>span{color:#9596a1}ul{color:#fff;list-style:none;padding:0;li{font-size:14px!important;padding:5px 0;.icon{font-size:12px;margin-right:8px;svg{bottom:2px;position:relative}}}}ul li{font-size:14px!important;.icon{font-size:12px;margin-right:8px}.text{cursor:pointer;&.selected{opacity:.6;text-decoration:line-through}}}.position ul li .icon{color:#fff}}.dropdown-bottom{cursor:pointer;display:inline-block;position:relative;width:100%;z-index:10;>span{align-items:center;border-radius:5px;box-shadow:0 0 0 1px transparent;color:#fff;display:flex;font-size:12px;justify-content:end;margin-right:2px;padding:15px;position:relative;transition:background-color .5s ease;z-index:999;&:hover{background-color:#2f2e42}.text{margin:0 8px}}.arrow-right{display:none;transform:rotate(-45deg)}.arrow-down,.arrow-right{border:solid #fff;border-width:0 2px 2px 0;padding:3px;position:relative}.arrow-down{bottom:2px;display:block;transform:rotate(45deg)}.info-box{background-color:#2f2e42;border:1px solid transparent;border-radius:10px;bottom:-3%;box-sizing:border-box;color:#fff;cursor:auto;display:flex;flex-direction:column;height:0;justify-content:space-between;left:-1px;overflow:hidden;padding:15px;position:absolute;transition:height .4s ease,visibility .2s ease,border-color .3s ease;visibility:hidden;width:100%;.tab-view{>p{font-size:1rem!important;margin:5px 0}.title,>p{font-weight:700}.title{font-size:13px;padding-left:0}.text{padding-left:20px}.tab-container{border-bottom:1px solid #ccc;display:flex}.tab{border-bottom:2px solid transparent;cursor:pointer;flex:1;font-size:14px;opacity:.5;padding:10px 5px;text-align:center;transition:color .3s ease,font-weight .3s ease}.tab.active,.tab:hover{border-bottom:2px solid #fff;opacity:1}.tab.active{font-weight:700}.tab-content{display:none;padding:10px 5px;p{margin:0;.icon{font-size:1rem!important}}p.text{font-size:13px;margin:5px 0 10px}.relevance-help-img{display:flex;height:300px;justify-content:center;margin-top:20px;position:relative;width:100%;.circle-1-help{background-color:hsla(0,0%,100%,.075);border-radius:50%;height:250px;position:relative;width:250px}.circle-2-help{height:190px;top:30px;width:190px}.circle-2-help,.circle-3-help{background-color:hsla(0,0%,100%,.075);border-radius:50%;position:absolute}.circle-3-help{height:140px;top:55px;width:140px}.less{top:4%}.less,.more{font-size:11px;position:absolute}.more{top:40%}}}.tab-content.active{display:block}}>span{bottom:1px;color:#fff;display:flex;font-size:12px;justify-content:end;padding:15px;position:relative}}&.open>span{background-color:#2f2e42;border-radius:10px}&.open .info-box{border-color:#ccc;border-radius:10px;height:800px;visibility:visible;z-index:99}}}}.modal-backdrop{align-items:center;background-color:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background-color:#1e234a;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.5);color:#d1d8ed;line-height:1.4;max-width:900px;padding:30px;position:relative;width:900px;#modal-body{font-size:18px;max-height:500px;overflow-y:auto;scrollbar-width:thin}}.modal-close{color:#ecf0f1;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:7px;top:0}.modal-close:hover{color:#bdc3c7}.show-more-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:14px;text-decoration:underline}.show-more-btn svg{stroke:#d1d8ed;transition:transform .2s ease,stroke .2s ease}.show-more-btn:hover svg{stroke:#fff;transform:scale(1.1)}}@media (max-width:1280px){.radar-tech{:is(p,li){font-size:13px!important}.zoom-container{height:650px;width:1000px}.radar-container{height:650px;width:650px;.circle-techs{left:0;top:0;z-index:999}.circle-0,.circle-techs{height:650px;width:650px}.circle-1{height:620px;left:15px;top:15px;width:620px}.circle-2{height:525px;left:60px;top:60px;width:525px}.circle-3{height:375px;left:135px;top:135px;width:375px}.circle-4{height:150px;left:250px;top:250px;width:150px}.title-1{transform:rotate(calc(32deg + var(--i)*2.14286deg)) translateY(-330px)}.title-2{transform:rotate(calc(332deg - var(--i)*1.95652deg)) translateY(330px) rotate(1turn)}.title-3{transform:rotate(calc(63deg - var(--i)*1.95652deg)) translateY(330px) rotate(1turn)}.title-4{transform:rotate(calc(292deg + var(--i)*1.875deg)) translateY(-330px)}.line-vertical{background:repeating-linear-gradient(180deg,#535aa6 0,#535aa6 10px,transparent 0,transparent 20px);border-radius:4px;height:630px;left:50%;top:10px;transform:translateX(-50%);width:1px}.line-horizontal{background:repeating-linear-gradient(90deg,#535aa6 0,#535aa6 10px,transparent 0,transparent 20px);border-radius:4px;height:1px;left:10px;top:50%;transform:translateY(-50%);width:725px}.relevance-text{font-size:12px;left:99%;top:47.5%;width:85px}.tech-point{font-size:11px;.tech-impact{font-size:8px}.tech-name{font-size:7.5px;width:60px}.tooltip{font-size:11px;width:200px;a{width:200px}.triangle{bottom:61%;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.3));opacity:0;position:absolute;transition:opacity .3s ease;z-index:999}.tooltip-close{font-size:12px}}.right{.triangle{right:97.5%}}.left{.triangle{left:97.5%}}}.tech-counter{font-size:11px!important;height:13px!important;line-height:12px!important;width:22px!important}}.no-tech-search{left:13%}.description-tech{top:23%!important;.title{font-size:20px!important}.description{font-size:13px!important}}.info-legend{padding:2.5% 0;.legend-top{.filters{align-items:end;display:flex;font-size:14px;gap:10px;justify-content:space-between;position:relative;z-index:8;.filter-input{#filterInput{font-size:12px}}.selector{.selector-trigger{font-size:12px}}}#suggestions{width:99%;li{font-size:12px!important}}}.description-default p:first-child{font-size:22px!important}.legend-bottom{.dropdown-bottom{&.open .info-box{height:600px!important}}}}}}