:root{--background:#fff;--foreground:#171717;--balance-top:#2ecc71;--balance-bot:#1abc9c;--item-cost:#24c486;--item-buy:#2ecc71;--item-buy-active:#57a679;--btn-disable:gray;--item-sell:#f53b57;--item-sell-active:#bb5b6c}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--balance-top:#f8b800;--balance-bot:#d28f1c;--item-cost:#007800;--item-buy:#779136;--item-buy-active:#7c895b;--btn-disable:gray;--item-sell:#68080b;--item-sell-active:#744446}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw}.light-theme{--background:#fff;--foreground:#171717;--balance-top:#2ecc71;--balance-bot:#1abc9c;--item-cost:#24c486;--item-buy:#2ecc71;--item-buy-active:#57a679;--btn-disable:gray;--item-sell:#f53b57;--item-sell-active:#bb5b6c}.dark-theme{--background:#0a0a0a;--foreground:#ededed;--balance-top:#f8b800;--balance-bot:#d28f1c;--item-cost:#007800;--item-buy:#779136;--item-buy-active:#7c895b;--btn-disable:gray;--item-sell:#68080b;--item-sell-active:#744446}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}.container{min-width:383px;max-width:1024px;margin-left:auto;margin-right:auto;position:relative}#toogle-theme{cursor:pointer;position:absolute;top:25px;right:calc(50% - 475px)}h1{color:var(--foreground);text-align:center;margin:49px auto;font-size:32px;font-weight:700}#balance{color:var(--foreground);background-color:var(--balance-bot);background:linear-gradient(180deg, var(--balance-top), var(--balance-bot));border:1px solid var(--foreground);text-align:center;z-index:9;margin:10px 12px;padding:20px;font-size:32px;font-weight:600;position:sticky;top:0}#items{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:10px 12px;display:flex}.item{border:1px solid var(--foreground);flex-direction:column;align-items:center;width:100%;max-width:calc(33.3333% - 6.66667px);padding:20px 15px;display:flex}.item-image{width:100%;height:120px;margin:15px auto;position:relative}.item-name{height:27px;color:var(--foreground);text-align:center;font-size:17px;font-weight:600}.item-cost{height:24px;color:var(--item-cost);text-align:center;margin-top:5px;font-size:20px}.item-shopping{justify-content:space-between;gap:10px;height:39px;margin-top:20px;display:flex}.item-buy,.number-of-items,.item-sell{text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;border-radius:3px;width:calc(33.3333% - 6.66667px);height:39px;padding:10px 12px;font-size:16px;font-weight:600}.item-buy{background-color:var(--item-buy)}.item-buy:active{background-color:var(--item-buy-active)}.item-buy:disabled{background-color:var(--btn-disable)}.number-of-items{background-color:var(--background);color:var(--foreground);border:1px solid var(--foreground)}.number-of-items::-webkit-outer-spin-button{appearance:none;margin:0}.number-of-items::-webkit-inner-spin-button{appearance:none;margin:0}.number-of-items{appearance:textfield}.item-sell{background-color:var(--item-sell)}.item-sell:active{background-color:var(--item-sell-active)}.item-sell:disabled{background-color:var(--btn-disable)}#receipt{border:1px solid var(--foreground);margin:10px 12px 15px;padding:15px 15px 30px}h2{text-align:center;color:var(--foreground);padding:15px 15px 25px;font-size:28px;font-weight:600}ul{unicode-bidi:isolate;flex-direction:column;align-items:center;margin-block:0;margin-inline:0;padding-inline-start:0;list-style-type:none;display:flex}li{unicode-bidi:isolate;justify-content:space-between;width:100%;max-width:500px;display:flex}.receipt-item-name{width:250px;color:var(--foreground);font-size:18px}.receipt-item-amount{width:75px;color:var(--foreground);font-size:18px}.receipt-item-cost{text-align:right;width:130px;color:var(--item-cost);font-size:18px;font-weight:600}#total{border-top:1px solid var(--foreground);justify-content:space-between;max-width:500px;margin:10px auto 0;padding-top:10px;font-size:18px;font-weight:600;display:flex}#total div:nth-of-type(2){color:var(--item-cost)}@media (max-width:1024px){#toogle-theme{right:27px}}@media (max-width:900px){h1,#balance{font-size:28px}.item{max-width:calc(50% - 5px)}}@media (max-width:600px){h1,#balance{font-size:24px}.item{max-width:100%}.item-name,h2{font-size:22px}li div{font-size:16px!important}#total{font-size:16px}}@media (max-width:500px){#toogle-theme{top:12px;right:12px}h1,#balance{font-size:20px}.item-name{font-size:18px}.item-cost{font-size:19px}h2{font-size:18px}li div{font-size:12px!important}#total{font-size:12px}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}