input[type=number]::-webkit-inner-spin-button{display:none}.pageHeader{margin:.7rem 1rem 0;display:flex;align-items:center;color:light-dark(var(--g70),var(--g20))}.title{margin-left:.5rem;font-size:1.6rem;text-align:left}.section{display:flex;align-items:center;justify-content:center;flex-direction:column;.section-container{width:clamp(20rem,95%,24rem);margin:1rem;padding:1rem;background-color:light-dark(var(--g5),var(--g80));border-color:light-dark(var(--g30),var(--g70));border-width:1px;border-radius:.5rem;border-style:solid;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}.section-title{display:flex;& div{margin-left:auto}}.person-item{border-radius:.5rem;border-style:solid;border-color:light-dark(var(--g40),var(--g50));padding:.6rem;border-width:1px;display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:1.1rem;font-weight:600;background-color:light-dark(var(--g5),var(--g80));& button{margin-left:auto}}.item-calc{font-size:.9rem;font-weight:400}#person-add-container{display:flex;gap:.3rem;margin:.5rem 0}#item-add-container{margin:.5rem 0}#item-add-line-1{margin-bottom:.2rem;display:flex;gap:.3rem}#input-item-name{flex-grow:1;width:100%}#item-add-line-2{display:flex;align-items:center;justify-content:;gap:.3rem;width:100%}#input-person-name{flex-grow:1}#input-item-qtd{width:3rem}#alert-danger-item{display:none}#dlg-item-list{margin-top:1rem;margin-bottom:1rem;border-width:1px;border-radius:.5rem;border-color:light-dark(var(--g30),var(--g70));background-color:light-dark(var(--g5),var(--g80));border-style:solid;padding:1rem;overflow-y:auto;max-height:30rem;flex-grow:1;min-height:0}#bill-division{margin-top:1rem}#bill-total{font-weight:700}.input-currency{font-size:large;border:0;border-radius:0;text-align:right;font-family:Inter,sans-serif;font-feature-settings:"tnum","cv09","cv04","cv03";float:right;padding:0;padding-bottom:.3rem;&:focus{outline:0}}.input-container{cursor:text;border-color:var(--g50);border-style:solid;border-width:1px;border-radius:.5rem;background-color:light-dark(var(--g10),var(--g90));padding-top:0rem;padding-left:.4rem;padding-right:.4rem;display:inline-block;flex-grow:1}.input-container:has(.input-currency:focus){border-color:light-dark(var(--c60),var(--c40));outline:1px solid light-dark(var(--c60),var(--c40))}.input-line-2{margin-top:.2rem}.currency-label{cursor:text;font-size:.8rem;font-weight:500}#currency-symbol{font-size:large}details{border:1px solid light-dark(var(--g30),var(--g50));border-radius:.5rem;padding:.6rem;margin-bottom:.5rem;background-color:light-dark(var(--g10),var(--g70));summary{padding-bottom:.3rem;font-weight:700}label{padding:.5rem;border-radius:.5rem;border-width:1px;border-style:solid;border-color:light-dark(var(--g30),var(--g40));background-color:light-dark(var(--g20),var(--g50))}}.item-division{border:1px solid light-dark(var(--g30),var(--g50));border-radius:.5rem;padding:.6rem;margin-bottom:.5rem;background-color:light-dark(var(--g10),var(--g70));.item-division-heading{padding-bottom:.3rem;font-weight:700}}.buttons{display:flex;justify-content:flex-end;margin-top:1rem}.dlg-person-list{margin-top:1rem;margin-bottom:.5rem;display:flex;gap:1rem;flex-wrap:wrap;& input{margin-right:.5rem}}main input{line-height:1.25rem;font-size:1rem;padding:.625rem;border-width:1px;border-radius:.5rem;border-style:solid;border-color:var(--g50);background-color:light-dark(var(--g10),var(--g90));&:focus{border-color:light-dark(var(--c60),var(--c40));outline:1px solid light-dark(var(--c60),var(--c40))}}main button,dialog button{background-color:light-dark(#0369A1,rgb(2 132 199));color:#fff;font-weight:500;font-size:1rem;line-height:1.25rem;text-align:center;padding-block:.625rem;padding-inline:1.25rem;border-radius:.5rem;border:0 solid;cursor:pointer;display:inline-flex;justify-content:center;gap:.5rem;&:active{box-shadow:light-dark(#7DD3FC,#0C4A6E) 0 0 0 4px;background-color:}&:disabled{background-color:light-dark(var(--g20),var(--g70));color:light-dark(var(--g30),var(--g50));cursor:not-allowed}&.dim{color:light-dark(var(--g95),var(--g5));background-color:light-dark(var(--g10),var(--g70));border-color:light-dark(var(--g40),var(--g50));border-width:1px;&:focus{box-shadow:light-dark(var(--g10),var(--g70)) 0 0 0 4px}&:hover{background-color:light-dark(var(--g20),var(--g70))}}&.transparent{color:light-dark(var(--g50),var(--g40));background-color:#0000;padding:.375rem;&:hover{background-color:light-dark(var(--g20),var(--g60));color:light-dark(var(--g90),#fff)}&:focus{box-shadow:none}}}.person-item .dim{margin-right:auto}.hr{margin:.7rem 0;background-color:var(--g50);height:1px}.alert-info{display:flex;gap:.5rem;border-radius:.5rem;border-style:solid;border-width:1px;border-color:light-dark(#93c5fd,#1e40af);color:light-dark(#1e40af,#60a5fa);background-color:light-dark(#eff6ff,var(--c95));padding:.5rem;align-items:center}.alert-danger{display:flex;gap:.5rem;border-radius:.5rem;border-style:solid;border-width:1px;border-color:light-dark(#fca5a5,#991b1b);color:light-dark(#991b1b,#f87171);background-color:light-dark(#fef2f2,#460809);padding:.5rem;align-items:center}.counter-wrapper{display:flex;align-items:center;button{padding-inline:1rem;&:disabled{cursor:not-allowed}}input{border-radius:0;height:2.5rem;text-align:center}#btn-decrement-item-qtd{border-radius:.5rem 0 0 .5rem}#btn-increment-item-qtd{border-radius:0 .5rem .5rem 0}}dialog:popover-open{margin:auto 1rem;max-width:30rem;box-sizing:border-box;max-height:90vh;padding:1rem;border-radius:.5rem;border-width:1px;border-style:solid;border-color:light-dark(var(--g30),var(--g70));background-color:light-dark(var(--g5),var(--g80));display:flex;flex-direction:column;width:fit-content;p{margin-bottom:1rem}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid;border-color:light-dark(var(--g30),var(--g70));h3{font-size:1.25rem;line-height:1.75rem;font-weight:700}}}dialog::backdrop{background-color:#0008}@media(min-width:768px){.pageHeader{svg{width:48px}.title{font-size:2.25rem}}dialog{margin:auto}}