.battery-calculator{text-align:center;max-width:60rem;margin:0 auto}.battery-calculator__heading{margin-bottom:2rem}.battery-calculator__description{margin-bottom:3rem;font-size:1.6rem;line-height:1.5}.battery-calculator__form{display:flex;flex-direction:column;gap:2rem;align-items:center}.battery-calculator__input-group{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:30rem}.battery-calculator__label{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));text-align:left}.battery-calculator__input,.battery-calculator__select{font-size:1.6rem;padding:1.2rem 1.6rem;border-radius:.8rem;border:.2rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-sizing:border-box;transition:all .3s ease;width:100%}.battery-calculator__input:focus,.battery-calculator__select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 .3rem rgba(var(--color-button),.2)}.battery-calculator__select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1.2rem center;background-repeat:no-repeat;background-size:1.6rem;padding-right:4rem}.battery-calculator__button{margin-top:1rem;min-width:20rem;font-size:1.6rem;padding:1.4rem 3rem;border-radius:3rem;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.1rem}.battery-calculator__button:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 2rem rgba(var(--color-button),.3)}.battery-calculator__button:active{transform:translateY(0)}.battery-calculator__result{margin-top:2rem;font-size:1.8rem;font-weight:600;min-height:3rem;padding:1.5rem 2rem;border-radius:.8rem;transition:all .3s ease}.battery-calculator__result--success{background-color:#22c55e1a;color:#16a34a;border:.2rem solid rgba(34,197,94,.3)}.battery-calculator__result--error{background-color:#ef44441a;color:#dc2626;border:.2rem solid rgba(239,68,68,.3)}@media screen and (max-width: 749px){.battery-calculator__form{gap:1.5rem}.battery-calculator__input-group{max-width:100%}.battery-calculator__input,.battery-calculator__select{font-size:1.4rem;padding:1rem 1.2rem}.battery-calculator__select{padding-right:3.5rem;background-size:1.4rem}.battery-calculator__button{min-width:100%;font-size:1.4rem;padding:1.2rem 2rem}.battery-calculator__result{font-size:1.6rem;padding:1.2rem 1.5rem}.battery-calculator__description{font-size:1.4rem;margin-bottom:2rem}}@media screen and (min-width: 750px) and (max-width: 990px){.battery-calculator__input-group{max-width:35rem}}.battery-calculator__button:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.battery-calculator__input:invalid{border-color:#dc2626}.battery-calculator__result{opacity:1;transition:all .3s ease}.battery-calculator__result:empty{opacity:0}.battery-calculator__result:not(:empty){opacity:1;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.battery-calculator__select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-battery-calculator.css.map */