@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";.search{padding:1rem;background-color:#0077f2}.search__header{display:flex;margin:1rem 0 0 1rem;align-items:center;justify-content:space-between}.search__nav{position:relative;z-index:70}.search form{position:relative}.search input,.search button{border:none;color:#fff}.search input{width:26rem;height:2.75rem;text-align:center;border-radius:50px;background:rgba(68,71,88,.6117647059)}.search input::placeholder{color:#fff}.search button{margin-left:1rem;background:none;font-size:15px;cursor:pointer}.search__autocomplete{position:absolute;top:100%;left:0;background:#ffffff;width:100%;max-width:26rem;list-style:none;padding:0;margin-top:6px;border-radius:8px;overflow:hidden;z-index:50;animation:scaleIn .15s ease;transform-origin:top}.search__autocomplete-item{padding:10px;cursor:pointer;transition:background .2s}.search__autocomplete-item:hover{background:#ff8c00;color:#fff}.search__tab-btn.active{border-bottom:3px solid #ff8c00}@keyframes scaleIn{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.list{padding:.5rem}.list__content{padding:2rem}.list__content p{font-size:.9rem;color:#4447589c}.list__content h2{margin-top:1rem;font-size:1.6rem}.list__card{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;cursor:pointer}.list__li{background-color:#ffffff82;display:flex;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px #00000026;transition:transform .2s ease}.list__li:hover{transform:translateY(-4px)}.list__card-image{width:150px;flex-shrink:0}.list__card-image img{width:100%;height:100%;object-fit:cover}.list__card-infos{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.list__card-infos h2{font-size:22px;font-weight:700;margin:0;line-height:1.15}.list__card-infos p{margin-top:6px;margin-bottom:14px;font-size:14px;color:#4447589c;line-height:1.4}.list__badge{background-color:#0079f2c6;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;align-self:flex-start;margin-bottom:1rem;letter-spacing:1px}.detail{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;padding:20px 10px 10px;width:100%;height:100%;background:rgba(13,17,23,.7098039216);color:#fff;overflow:scroll}@media (min-width: 375px) and (max-width: 540px){.detail{flex-wrap:wrap}}@media (min-width: 541px) and (max-width: 1250px){.detail{flex-wrap:wrap}}.detail__view{display:flex;width:80%;background-color:#0d0f10;border-radius:5px;box-shadow:0 15px 30px #0d1117,0 10px 10px #0d1117;animation:modalFadeIn .35s ease}@media (min-width: 375px) and (max-width: 540px){.detail__view{flex-direction:column;width:100%}}@media (min-width: 541px) and (max-width: 1250px){.detail__view{flex-direction:column;width:100%}}.detail__image{width:100%;border-radius:1rem;overflow:hidden;max-width:360px;display:flex;align-items:center;padding:2rem}@media (min-width: 375px) and (max-width: 540px){.detail__image{max-width:360px;margin:0 auto}}@media (min-width: 541px) and (max-width: 1250px){.detail__image{max-width:360px;margin:0 auto}}.detail__image img{width:100%;display:block}.detail__fullName{font-size:15px;line-height:1.5}.detail__name{font-size:35px;font-weight:700;margin-bottom:1rem}.detail__btns{margin-bottom:2rem}.detail__tab{background:none;border:none;font-size:20px;text-transform:uppercase;cursor:pointer;color:inherit;margin:1rem 1rem 0 0;transition:all .2s ease}.detail__tab.active{border-bottom:4px solid #ff8c00;transform:scale(1.05)}.detail__powerstats{height:340px;overflow-y:auto;padding-right:10px}.detail__powerstats::-webkit-scrollbar{width:8px}.detail__powerstats::-webkit-scrollbar-thumb{background-color:#ff8c00;border-radius:4px}.detail__ul{list-style:none;padding:0;margin:0;animation:fadeTab .25s ease}.detail__card{padding:2rem;width:100%}@media (min-width: 375px) and (max-width: 540px){.detail__card{width:auto}}@media (min-width: 541px) and (max-width: 1250px){.detail__card{width:auto}}.detail__about{display:flex;justify-content:space-between}.detail__close{align-self:center;border:none;background:none;color:#fff;cursor:pointer}.detail__close i{font-size:2rem}.detail__lists{display:flex;justify-content:center}.detail__list{display:flex;line-height:2;flex-direction:column;align-items:center;padding:1rem}.detail__title{font-size:18px;font-weight:700;margin-bottom:1rem;margin-top:1rem}.detail__infos{display:flex;justify-content:space-between;margin:.5rem auto;padding:1.5rem;box-shadow:0 5px 7px #00000080}.detail__infos.bio{justify-content:inherit}.detail__infos.bio span{padding:0 1rem}.detail__infos.conect{flex-direction:column}.detail__infos.conect span{line-height:1.8}.detail__info_name{text-transform:uppercase;letter-spacing:2px;border-radius:7px;padding:0 1rem;opacity:.6;font-size:1rem}.detail__bars{font-weight:700;color:#ff8c00}.detail__appearance{font-weight:600;background-color:#f64445;border-radius:2rem;padding:.4rem}.detail__connections{display:block;text-transform:uppercase;color:#505050;margin:1rem 0 1rem 2rem;position:relative;font-weight:700;font-size:1.5rem;letter-spacing:2px}.detail__connections:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-40px;height:3px;width:30px;background-color:#ff8c00}.detail__error{color:#fff;font-size:3rem;font-weight:600;margin:2rem auto;height:20vw}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeTab{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#0d1117;margin-top:1rem;height:10rem}.footer__content{padding:2rem;line-height:2;color:#fff}.footer__logo{width:3rem}.footer a{text-decoration:none}#app{font-family:Poppins,sans-serif}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}