html{font-size:16px;overflow-x:hidden}html,html body{padding:0;margin:0}.logo{width:20rem;height:auto;margin:0 auto;text-align:center}.logo>img{width:100%;height:100%}.center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-width:90%}pre{background-color:var(--gray-3);padding:var(--space-2);font-size:14px;border-top:1px solid var(--gray-5)}.battery{text-align:center}.battery>div{border:3px solid #2d2d2d;border-radius:.5rem;box-sizing:border-box;aspect-ratio:1/2;width:auto;min-width:4.5rem;max-width:8rem;margin:1.5rem auto 5px;position:relative}.battery>div>span{position:absolute;left:0;right:0;bottom:.5rem;z-index:3;font-size:.8rem;font-weight:500}.battery>div:before{top:calc(-1rem + 2px);border:3px solid #2d2d2d;border-radius:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0;width:25%;height:.5rem}.battery>div:after,.battery>div:before{content:"";position:absolute;left:0;right:0;margin:auto}.battery>div:after{bottom:.25rem;border-radius:.25rem;width:calc(100% - .5rem);height:calc(var(--value) - .5rem);background-color:#62a3ff}@media print{@page{size:A4;margin:0}.print{display:block}.no-print{display:none}::-webkit-scrollbar{display:none}.full{grid-column:1/-1!important}.full canvas{width:100%!important;height:100%!important}img{object-fit:contain;height:200px}.break{page-break-before:always;margin-top:3rem!important}body{-webkit-color-adjust:exact!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important;overflow:visible}}