.calculator-container{min-height:100vh;width:100%;--tw-bg-opacity:1;background-color:rgb(26 31 36/var(--tw-bg-opacity,1));padding-top:1.25rem}.content-container{width:100%}@media (min-width:640px){.content-container{max-width:640px}}@media (min-width:768px){.content-container{max-width:768px}}@media (min-width:1024px){.content-container{max-width:1024px}}@media (min-width:1280px){.content-container{max-width:1280px}}@media (min-width:1536px){.content-container{max-width:1536px}}.content-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.main-layout{margin-top:1rem;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1rem}.sidebar{grid-column:span 3/span 3}.sidebar>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.main-content{grid-column:span 7/span 7}.main-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.groups-container{position:sticky;top:1rem}.groups-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.control-card{border-radius:var(--radius);border-width:0;--tw-bg-opacity:1;background-color:rgb(30 37 43/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.control-header{padding-bottom:.5rem}.control-title{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:500;color:hsla(0,0%,100%,.9)}.control-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.input-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.input-label{font-size:.875rem;line-height:1.25rem;color:hsla(0,0%,100%,.6)}.input-field{width:100%;border-radius:.25rem;border-width:0;--tw-bg-opacity:1;background-color:rgb(42 49 56/var(--tw-bg-opacity,1));padding:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.input-field:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(59,130,246,.3)}.add-button{width:100%;border-radius:.25rem;background-color:rgba(59,130,246,.2);padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.add-button:hover{background-color:rgba(59,130,246,.3)}.battery-card{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(30 37 43/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border:2px solid transparent}.battery-card,.battery-card-highlighted{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.battery-card-highlighted{border-width:2px;border-style:solid}.battery-content{padding:1rem}.battery-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.battery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.battery-id{display:flex;align-items:center;color:hsla(0,0%,100%,.9)}.button-container{display:flex;align-items:flex-end;gap:.5rem}.add-button,.remove-button{flex:1 1 0%}.remove-button{border-radius:.25rem;background-color:rgba(239,68,68,.2);padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.remove-button:hover{background-color:rgba(239,68,68,.3)}.groups-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:hsla(0,0%,100%,.9)}.group-card{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(30 37 43/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border:2px solid transparent}.group-card,.group-card-highlighted{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group-card-highlighted{border-width:2px;border-style:solid}.group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.group-content{padding:1rem}.group-header{display:flex;justify-content:space-between;color:hsla(0,0%,100%,.8)}.group-stats{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;color:hsla(0,0%,100%,.8)}@media (min-width:768px){.group-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.group-stat{display:flex;justify-content:space-between}.group-batteries{font-size:.875rem;line-height:1.25rem;color:hsla(0,0%,100%,.6)}.safe-current{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.unsafe-current{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.switch[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(62 136 72/var(--tw-bg-opacity,1))}.switch[data-state=unchecked]{--tw-bg-opacity:1;background-color:hsl(347.5 12.9% 36.47%/var(--tw-bg-opacity,1))}.switch[data-state=checked]>.switch-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.switch:hover[data-state=checked]{background-color:rgba(62,136,72,.9)}.switch:hover[data-state=unchecked]{background-color:rgba(105,81,86,.9)}.switch-container{display:flex;height:2.5rem;align-items:center;justify-content:space-between;border-radius:calc(var(--radius) - 2px);border-width:0;--tw-bg-opacity:1;background-color:rgb(42 49 56/var(--tw-bg-opacity,1));padding-left:1rem;padding-right:1rem}