@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}:root{--color-primary:#0f59c1;--color-primary-variant:#0bafcf;--color-gray-0:#fff;--color-gray-100:#eee;--color-gray-200:#ccc;--color-gray-300:#bbb;--color-gray-400:#999;--color-gray-500:#777;--color-gray-600:#555;--color-gray-700:#333;--color-gray-800:#111;--color-gray-900:#000;--color-danger:#f64343;--color-success:#06a465;--radius-1:0.4rem;--radius-2:0.8rem;--radius-3:1.2rem;--radius-4:1.6rem;--radius-5:2rem;--container-w-lg:80%;--container-w-sm:94%;--transition:all 300ms ease}.dark{--color-gray-0:#0e0d14;--color-gray-100:#2f2b42;--color-gray-200:#45405e;--color-gray-300:#7b7b7b;--color-gray-400:#919191;--color-gray-500:#a1a1a1;--color-gray-600:silver;--color-gray-700:#e6e5e5;--color-gray-800:#fafafa;--color-gray-900:#fff}::-webkit-scrollbar{background:#0000;width:.3rem}::-webkit-scrollbar-thumb{background:#000;background:var(--color-gray-900)}body{background:#eee;background:var(--color-gray-100);color:#333;color:var(--color-gray-700);font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6}.container{margin-inline:auto;width:80%;width:var(--container-w-lg)}h1,h2,h3,h4,h5,h6{color:#000;color:var(--color-gray-900);font-weight:800;line-height:1.1;text-transform:uppercase}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:.9rem}h5{font-size:.75rem}h6{font-size:.6rem}a{font-size:.8rem}img{display:block;height:100%;object-fit:cover;width:100%}button{cursor:pointer}.btn{background:#eee;background:var(--color-gray-100);border-radius:.4rem;border-radius:var(--radius-1);color:#000;color:var(--color-gray-900);font-weight:600;padding:1rem 2rem;text-align:center;transition:all .3s ease;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn.primary{background:#0f59c1;background:var(--color-primary);color:#fff}.btn.danger{background:#f64343;background:var(--color-danger);color:#fff}.btn.sm{padding:.5rem 1.2rem}.btn.full{width:100%}.btn:hover{background:#000;background:var(--color-gray-900);color:#fff;color:var(--color-gray-0)}.errorPage{background:#fff;background:var(--color-gray-0);display:grid;height:100vh;place-items:center;width:100vw}.errorPage__container{margin-top:-8rem;text-align:center;width:35rem}.errorPage h1{font-size:4rem;margin-top:-4rem}nav{background:#0f59c1;background:var(--color-primary);display:grid;height:3rem;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:1}.nav__container *{color:#fff}.nav__container{align-items:center;display:flex;justify-content:space-between}.nav__container div{align-items:center;display:flex;gap:4rem}.nav__logo{font-size:1.2rem;font-weight:700}.nav__toggle-btn{background:#0000;display:none;font-size:1.8rem}.nav__container a{transition:all .3s ease;transition:var(--transition)}.nav__container a:hover{color:#0bafcf;color:var(--color-primary-variant)}.nav__container menu{align-items:center;display:flex;gap:4rem}.theme__toggle-btn{background:#0000;border:0;display:flex;font-size:1.5rem;transition:all .3s ease;transition:var(--transition)}.theme__toggle-btn:hover{opacity:.75}.register{display:grid;height:100vh;place-items:center}.register__container{background:#fff;background:var(--color-gray-0);border-radius:2rem;border-radius:var(--radius-5);padding:3rem;width:35rem}.register__container h2{color:#0f59c1;color:var(--color-primary);margin-bottom:2rem}.register form{display:flex;flex-direction:column;gap:1.8rem}.register form input{background:#eee;background:var(--color-gray-100);border-radius:.4rem;border-radius:var(--radius-1);color:#000;color:var(--color-gray-900);padding:.7rem}.register form>p a{color:#0f59c1;color:var(--color-primary);font-weight:500}.form__error-message{background:#f64343;background:var(--color-danger);border-radius:.4rem;border-radius:var(--radius-1);color:#fff;color:var(--color-gray-0);padding:.6rem 1.5rem}.loader{display:grid;height:100%;padding-top:8rem;place-items:center;width:100%}.loader__container{height:7rem;width:7rem}.results{margin:5rem 0;margin-inline:auto;width:58rem}.result,.results__container{display:flex;flex-direction:column}.result{background:#fff;background:var(--color-gray-0);border-radius:1.6rem;border-radius:var(--radius-4);margin-bottom:1.5rem;overflow:hidden}.result__header{align-items:center;background:#eee;background:var(--color-gray-100);border:.5rem solid #fff;border:.5rem solid var(--color-gray-0);border-radius:1.5rem 1.5rem 0 0;display:flex;justify-content:space-between}.result__header-image{aspect-ratio:1/1;border-radius:50%;margin:1.5rem;overflow:hidden;width:3rem}.result h4{color:#000;color:var(--color-gray-900);padding:1.5rem}.result__list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 2rem 2rem}.result__candidate{align-items:center;display:flex;gap:2rem}.result__candidate-image{aspect-ratio:1/1;border-radius:1rem;height:3.5rem;overflow:hidden}.result__candidate-info{width:100%}.result__candidate-rating{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.result__candidate-loader{background:#eee;background:var(--color-gray-100);border-radius:.5rem;display:block;height:.4rem;margin-top:.5rem;overflow:hidden;width:100%}.result__candidate-loader span{background:linear-gradient(90deg,#0f59c1,#0bafcf);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-variant));display:block;height:100%}.result__candidate-rating small{color:#777;color:var(--color-gray-500);line-height:1}.candidates{margin:5rem 0}.candidates__header{align-items:center;display:flex;flex-direction:column;margin-inline:auto;text-align:center;width:60%}.candidates__header p{margin-bottom:3rem}.candidates__header .btn.primary{justify-content:center}.candidates__container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.candidate{background:#fff;background:var(--color-gray-0);border:.5rem solid #fff;border:.5rem solid var(--color-gray-0);border-radius:1.2rem;border-radius:var(--radius-3);box-shadow:0 .5rem .5rem #0000001a;overflow:hidden;padding-bottom:1.2rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.candidate:hover{border-color:#eee;border-color:var(--color-gray-100);box-shadow:none}.candidate__image{aspect-ratio:1/1;margin-inline:auto;margin-bottom:1.5rem;overflow:hidden;width:7rem;width:100%}.candidate small{display:block;margin:.5rem 0 1rem}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:11}.modal__content{background:#fff;background:var(--color-gray-0);border-radius:2rem;border-radius:var(--radius-5);overflow:hidden;width:35rem}.modal__header{align-items:center;background:#0f59c1;background:var(--color-primary);display:flex;justify-content:space-between;padding:2rem}.modal h4{color:#fff}.modal__header button{background:#0000;border:0;color:#fff;cursor:pointer;font-size:1.8rem}.modal__content form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:2rem 2rem 3rem}.modal__content form input{background:#eee;background:var(--color-gray-100);border-radius:.4rem;border-radius:var(--radius-1);color:#000;color:var(--color-gray-900);margin-top:.6rem;padding:.8rem 1rem;width:100%}.confirm__vote-content{border-radius:1.2rem;border-radius:var(--radius-3);text-align:center}.dark .confirm__vote-content{background:#211f2e}.confirm__vote-content h5{color:#0f59c1;color:var(--color-primary);margin:2rem 0}.confirm__vote-image{aspect-ratio:1/1;border-radius:1.2rem;border-radius:var(--radius-3);margin-inline:auto;margin-bottom:2rem;overflow:hidden;width:15rem}.confirm__vote-content p{margin:.4rem 0 2.5rem;padding:0 2rem}.confirm__vote-cta{display:flex;gap:1.5rem;margin-inline:auto;margin-bottom:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dark .confirm__vote-cta .btn{color:#fff}.confirm__vote-cta .btn:hover{background:#ccc;background:var(--color-gray-200)}.congrats{height:100vh;padding:8rem 0;text-align:center}.congrats p{margin:.5rem 0 1.2rem}.elections{margin:5rem 0}.elections__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem}.elections__menu{display:flex;flex-direction:column;gap:1rem}.election{align-items:center;background:#fff;background:var(--color-gray-0);border:.5rem solid #fff;border:.5rem solid var(--color-gray-0);border-radius:1.2rem;border-radius:var(--radius-3);display:grid;grid-template-columns:17rem auto;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.election__image{max-height:13rem}.election:hover{box-shadow:0 .8rem .8rem #0000001a}.election__info{padding:1rem 2rem}.election__info h4{color:#0f59c1;color:var(--color-primary);margin-bottom:.7rem;text-transform:uppercase}.election__cta{display:flex;gap:1.2rem;margin-top:1rem}.electionDetails{margin:5rem 0}.electionDetails__image{height:15rem;margin:1.2rem 0 .8rem}.electionDetails__candidates{grid-gap:3rem;border-top:2px solid #ccc;border-top:2px solid var(--color-gray-200);display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2.5rem;padding-top:2.5rem}.electionCandidate{background:#fff;background:var(--color-gray-0);border-radius:1.6rem;border-radius:var(--radius-4);overflow:hidden;position:relative;text-align:center}.electionCandidate__image{height:12rem;overflow:hidden}.electionCandidate h5{margin:.5rem 0 .2rem}.electionCandidate>div:nth-child(2){padding:1rem}.electionCandidate__btn{background:#f64343;background:var(--color-danger);border:0;border-radius:.8rem;border-radius:var(--radius-2);color:#fff;color:var(--color-gray-0);cursor:pointer;display:flex;font-size:1.1rem;margin:1rem;padding:.5rem;position:absolute;right:0;top:0;transition:all .3s ease;transition:var(--transition)}.electionCandidate__btn:hover{background:#000;background:var(--color-gray-900)}.add__candidate-btn{background:#eee;background:var(--color-gray-100);border:2px solid #0f59c1;border:2px solid var(--color-primary);border-radius:1.6rem;border-radius:var(--radius-4);box-shadow:0 .8rem .8rem #0000001a;color:#0f59c1;color:var(--color-primary);cursor:pointer;display:grid;font-size:5rem;min-height:15rem;place-items:center;transition:all .3s ease;transition:var(--transition)}.add__candidate-btn:hover{background:#0f59c1;background:var(--color-primary);color:#fff;color:var(--color-gray-0)}.voters{margin-bottom:3rem;margin-top:6rem}.voters h2{margin-bottom:3rem;text-align:center}.voters__table{width:100%}.voters__table thead th{padding:.7rem 1.5rem;text-align:left}.voters__table tbody td{padding:.7rem 1.5rem}.voters__table tbody tr:nth-child(odd){background:#fff;background:var(--color-gray-0)}@media screen and (max-width:600px){.container{width:94%;width:var(--container-w-sm)}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1rem}h5{font-size:.8rem}h6{font-size:1.7}nav{height:4rem}.nav__container div{gap:3rem}.nav__container menu{flex-direction:column;gap:0;position:fixed;right:0;top:4rem;width:12rem}.nav__container menu a{background:#fff;background:var(--color-gray-0);border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-gray-200);box-shadow:-2rem 4rem 2rem #0000001a;color:#000;color:var(--color-gray-900);display:grid;height:4rem;place-items:center;width:100%}.nav__toggle-btn{display:inline-block}.results{width:100%}.candidates__header,.modal__content{width:94%;width:var(--container-w-sm)}.election{grid-template-columns:1fr}.election__image{height:100%}.election__info{padding:2rem 1rem}.election__cta{margin-top:1.7rem}.voters__table tbody tr{width:100%}.voters__table tbody tr,.voters__table thead tr{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.d5d8bbd4.css.map*/