.navbar{width:100%;padding:10px 20px 2px;display:flex;justify-content:space-between;align-items:center;background:transparent;position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(255,255,255,.3)}.navbar-left{display:flex;align-items:center;gap:.2rem}.navbar-logo{width:62px;height:60px}.navbar-title{font-size:1.2rem;font-weight:400;color:var(--heading-color)}.navbar-right{display:flex;font-size:1rem;color:var(--heading-color);align-items:center}.container{background-color:transparent;display:flex;justify-content:center;align-items:center;height:50vh;padding:0 20px;flex-direction:column}.container h1{font-size:4rem;font-weight:600;color:var(--heading-color);text-align:center;margin-bottom:.5rem}.container h2{font-size:1.2rem;font-weight:300;color:var(--subheading-color);text-align:center;margin-bottom:2rem}.container input{border:none;outline:none;width:20rem;border-radius:8px;background-color:#fff;color:#000;height:3rem;text-align:center;margin-bottom:3rem}.button-container{display:flex;justify-content:center;align-items:center;gap:1rem}.button-container button{background-color:var(--button-color);color:var(--background-color);border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.button-container button:hover{transform:scale(1.05)}@media (max-width:1220px){.container h1{margin-top:8rem}.container{margin-bottom:8rem}.container input{height:5rem}}.card{display:flex;height:10rem;width:23rem;padding:0 15px;background-color:tranparent;border:.5px solid var(--border-color);border-radius:8px;justify-content:space-between;color:beige}.container-1{display:flex;flex-direction:column}.container-1 h3{font-size:1.4rem;font-weight:400;color:var(--heading-color);margin-bottom:.5rem}.container-1 span{font-size:.7rem;font-weight:200;color:var(--subheading-color);margin-bottom:1rem}.stats-container span{font-weight:400;font-size:1rem;color:var(--heading-color)}.stats{display:flex;column-gap:.5rem;margin-top:-2rem}.stats p{font-size:.6rem;font-weight:300;color:var(--subheading-color)}.container-2{display:flex;width:100px;height:100px}.card{transition:transform .3s ease,box-shadow .3s ease;position:relative}.card:hover{transform:scale(1.05);box-shadow:0 0 15px #d1d1d14a}.add-button{position:absolute;bottom:10px;right:10px;padding:5px 10px;font-size:.6rem;background-color:var(--button-color);color:var(--background-color);border:none;border-radius:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.card:hover .add-button{opacity:1;pointer-events:auto}.add-button:hover{background-color:#ff3c3c;transform:scale(1.05)}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:2rem 1rem;justify-items:center}@media (max-width: 700px){.grid-container{display:flex;flex-direction:column;justify-items:center;align-items:center}}@media (max-width:1100px){.grid-container{grid-template-columns:repeat(2,1fr)}}.selected-team-card{width:50rem;height:17rem;background-color:transparent;border:.1px solid var(--border-color);border-radius:5px;color:var(--heading-color);padding:.5rem 2rem;margin:1rem 2rem}.heading-container{display:flex;justify-content:space-between;align-items:center}.heading-container .backtohome{background-color:var(--button-color);border-radius:5px;border:none;color:var(--background-color);font-size:.7rem;height:1.5rem;width:6rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.backtohome:hover{transform:translateY(-2px) scale(1.03)}.heading-container h2{font-size:1.2rem}.team-pokemon-list{display:flex;flex-direction:row;column-gap:1rem;padding:1rem 0rem}.team-pokemon-card{width:10em;height:10rem;background-color:var(--background-image);border:.1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;align-items:center;padding:.8rem .5rem;justify-content:space-between;font-size:.7rem}.img-container{display:flex;justify-content:center;align-items:center;width:90%;height:4rem;background-color:#1616164d;border-radius:3px}.img-container img{width:80%;height:80%;object-fit:cover;border-radius:5px}.remove-button{background-color:var(--button-color);color:var(--background-color);border:none;font-size:.8rem;border-radius:3px;height:1.5rem}@media (max-width:1220px){.selected-team-card{width:90%;height:auto}.team-pokemon-list{display:grid;flex-direction:row;grid-template-columns:repeat(3,1fr);gap:1rem}.team-pokemon-card{width:8em;height:auto}}.team-stats-card h2{color:var(--heading-color);font-size:1.2rem}.team-stats-card{background-color:transparent;border:.1px solid var(--border-color);border-radius:5px;padding:.5rem 2rem;margin:0 2rem;height:15rem;width:35rem;display:flex;justify-content:center;align-items:center}.team-stats-card .recharts-polar-angle-axis text{font-size:10px!important}.team-stats-card .recharts-polar-radius-axis text{font-size:7px!important}@media (max-width:1220px){.team-stats-card{width:90%;margin:1rem 0}}.individual-stats-card{padding-left:2rem;padding-right:2rem;padding-top:.2rem;background-color:transparent;border-radius:5px;color:#fff;width:22.5rem;height:17rem;margin:1rem .1rem;border:.1px solid var(--border-color)}.individual-stats-card h2{font-size:1.2rem;color:var(--heading-color)}.image-container{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}.image-container img{height:80px;object-fit:contain;z-index:1}.arrow{background-color:var(--button-color);border:none;color:var(--border-color);font-size:1rem;padding:.5rem 1rem;cursor:pointer;margin:0 1rem;border-radius:20%;transition:background-color .2s ease}.arrow:hover{background-color:var(--subheading-color)}.stats-container{display:flex;flex-direction:column;gap:1rem}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-row span{width:80px;font-weight:500;font-size:.5rem}.progress-bar{flex:1;height:5px;background-color:var(--progressbar-color);border-radius:1rem;overflow:hidden;margin-left:1rem}.progress{height:100%;background-color:var(--progress-color);transition:width .3s ease}@media (max-width:1220px){.individual-stats-card{width:90%;margin:-.2rem}}*{box-sizing:border-box}:root{--heading-color: rgb(38, 62, 70);--subheading-color: rgb(55, 71, 77);--text-color: black;--button-color:rgb(89, 117, 127);--background-color: #f0f5f5;--background-image: linear-gradient(304deg, rgba(240, 245, 245, 1) 0%, rgba(131, 190, 199, 1) 100%);--border-color: rgb(38, 62, 70);--progress-color:white;--progressbar-color:rgb(89, 117, 127)}[data-theme=Dark]{--heading-color: white;--subheading-color:white;--text-color: black;--button-color:rgb(249, 249, 249);--background-color: #121212;--background-image: none;--border-color: rgb(73, 73, 73);--progress-color:rgb(89, 117, 127);--progressbar-color:white}body,html{margin:0;padding:0;font-family:Inter,sans-serif;background-image:var(--background-image);background-color:var(--background-color);min-height:100vh;color:#222;overflow-x:hidden;width:100%;background-repeat:no-repeat;background-attachment:fixed;-webkit-backdrop-filter:blur(144px);backdrop-filter:blur(144px)}html,body,#root{min-height:100vh}.home-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.team-page-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;overflow-y:hidden;max-width:1300px}@media (max-width:1220px){.team-page-container{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}}.type-analysis-card{background-color:transparent;color:var(--heading-color);padding:1rem;border-radius:5px;border:.1px solid var(--border-color);height:15rem;width:37.5rem;margin:0 -15rem 2rem}.type-analysis-card h2{font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.type-analysis-container{display:flex;justify-content:space-between;gap:2rem}.type-column{font-size:.7rem;margin-bottom:1rem;color:var(--subheading-color);text-align:left;padding-bottom:.5rem}.type-entry{background-color:var(--button-color);display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;width:15rem;height:.5rem;padding:1rem;border-radius:5px;color:var(--background-color)}@media (max-width:1220px){.type-analysis-card{width:90%;height:auto;margin:0rem 0 1rem}.type-analysis-container{flex-direction:column;align-items:center;gap:1rem}.type-analysis-card h2{text-align:left}}