@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap);:root{--positive-color:#1971c2;--negative-color:#fa5252;--secondary-color:#f1f3f5;--sidebar-bgcolor:#f3f7f9aa;--footer-bgcolor:#f8f9fa;--button-color:#777;--button-hover-color:#333;--border-radius:8px;--sidebar-shadow:0 0 15px #0003;--sidebar-handle-border:1px solid #cbcbcb;--sidebar-handle-width:1.7rem;--sidebar-handle-radius:0.4rem;--left-sidebar-width:14rem;--right-sidebar-width:20rem;--footer-height:auto;interpolate-size:allow-keywords}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto Slab,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;overflow:hidden}@media (display-mode:standalone){body{height:100vh}}.number-counter{display:inline-block;transform:skewX(0deg);transition:opacity .2s ease;transition:transform .3s ease}.number-counter:not(:first-child){margin-left:5px}.number-counter small{font-size:65%}.number-counter.negative{color:#fa5252;color:var(--negative-color)}.number-counter.rounded{transform:skewX(-15deg)}.app-container{display:flex;height:100dvh;inset:0 0 unset 0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);padding-top:0;width:100vw}@media (display-mode:standalone){.app-container{height:calc(100vh + env(safe-area-inset-top));inset:0 0 unset 0;position:fixed}}.left-sidebar{-webkit-backdrop-filter:blur(.26rem);backdrop-filter:blur(.26rem);background:#f3f7f9aa;background:var(--sidebar-bgcolor);box-shadow:0 0 15px #0003;box-shadow:var(--sidebar-shadow);display:flex;flex-direction:column;height:100%;left:0;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;top:0;transition:transform .3s ease,box-shadow .3s ease;width:14rem;width:var(--left-sidebar-width);z-index:400002;z-index:1000002}.left-sidebar.closed{box-shadow:none;transform:translateX(-100%)}.left-sidebar.open{transform:translateX(0)}.left-sidebar .left-sidebar-handle{--icon-color:#1971c2;--icon-size:1.3rem;align-items:center;background-color:#f7fafb;border-bottom:1px solid #cbcbcb;border-bottom:var(--sidebar-handle-border);border-radius:0 .4rem .4rem 0;border-radius:0 var(--sidebar-handle-radius) var(--sidebar-handle-radius) 0;border-right:1px solid #cbcbcb;border-right:var(--sidebar-handle-border);border-top:1px solid #cbcbcb;border-top:var(--sidebar-handle-border);cursor:pointer;display:flex;height:5rem;justify-content:center;position:absolute;right:-1.7rem;right:calc(var(--sidebar-handle-width)*-1);top:50%;transform:translateY(-50%);width:1.7rem;width:var(--sidebar-handle-width);z-index:101}.left-sidebar .left-sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding:20px}@media(max-width:480px){.left-sidebar .left-sidebar-header{padding:15px 10px}}.left-sidebar .app-title{align-items:center;display:flex;flex-direction:column}.left-sidebar .app-title .main-title{color:#6c757d;font-size:1.8rem;font-weight:700;margin:0;padding:0}.left-sidebar .app-title .sub-title{color:#6c757d;font-size:.8rem;font-weight:300;margin:0;padding:0}.left-sidebar .new-sheet-button{--color:#fff;--icon-color:var(--color);--icon-size:1.2rem;align-items:center;background:#1971c2;background:var(--positive-color);border:none;border-radius:.4rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:500;gap:.6rem;justify-content:center;padding:.6rem .8rem;width:100%}.left-sidebar .new-sheet-button:hover{background:#1864ab}.left-sidebar .new-sheet-button svg{flex-shrink:0}.left-sidebar .sheet-list{flex:1 1;overflow-y:auto;padding:.5rem}html.mobile .left-sidebar .sheet-list{padding:0}.left-sidebar .sheet-list .sheet-item{align-items:center;background-color:#0000;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;position:relative}html.mobile .left-sidebar .sheet-list .sheet-item{border-radius:0}.left-sidebar .sheet-list .sheet-item.active{background-color:hsla(0,0%,81%,.427)}.left-sidebar .sheet-list .sheet-item.active:hover{background-color:#ebebeb}.left-sidebar .sheet-list .sheet-item:not(.active) .sheet-title input{pointer-events:none}.left-sidebar .sheet-list .sheet-item .sheet-item-content{flex:1 1}.left-sidebar .sheet-list .sheet-item .duplicate-sheet-button{--color:var(--button-color);--icon-color:var(--color);--icon-size:1.1rem;background:none;border:none;cursor:pointer;position:absolute;right:2.5rem;top:calc(50% - .5rem)}.left-sidebar .sheet-list .sheet-item .duplicate-sheet-button:hover{--color:var(--button-hover-color)}.left-sidebar .sheet-list .sheet-item .duplicate-sheet-button:disabled{cursor:not-allowed;opacity:.3}.left-sidebar .sheet-list .sheet-item .delete-sheet-button{--color:var(--button-color);--icon-color:var(--color);--icon-size:1.1rem;background:none;border:none;cursor:pointer;position:absolute;right:.7rem;top:calc(50% - .5rem)}.left-sidebar .sheet-list .sheet-item .delete-sheet-button:hover{--color:var(--button-hover-color)}.left-sidebar .sheet-list .sheet-item .delete-sheet-button.confirming,.left-sidebar .sheet-list .sheet-item .delete-sheet-button.confirming:hover{--color:var(--negative-color)}.left-sidebar .sheet-list .sheet-title input{background:#0000;border:none;color:#212529;font-family:Roboto Slab,sans-serif;font-size:1.1rem;font-weight:600;outline:none;padding:0;text-overflow:ellipsis;width:100%}.left-sidebar .sheet-list .sheet-title input::placeholder{color:#999;opacity:.7}.left-sidebar .sheet-list .sheet-title input:not(:placeholder-shown){opacity:1}.left-sidebar .sheet-list .sheet-total-date{font-size:.7rem}.left-sidebar .sheet-list .sheet-total-date .sheet-total{font-size:.9rem;font-weight:600}.right-sidebar{-webkit-backdrop-filter:blur(.26rem);backdrop-filter:blur(.26rem);background:#f3f7f9aa;background:var(--sidebar-bgcolor);box-shadow:0 0 15px #0003;box-shadow:var(--sidebar-shadow);display:flex;flex-direction:column;height:100%;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;transition:transform .3s ease,box-shadow .3s ease;width:20rem;width:var(--right-sidebar-width);z-index:400002;z-index:1000001}.right-sidebar.closed{box-shadow:none;transform:translateX(100%)}.right-sidebar.open{transform:translateX(0)}.right-sidebar .right-sidebar-handle{--icon-color:#1971c2;--icon-size:1.3rem;align-items:center;background-color:#f7fafb;border-bottom:1px solid #cbcbcb;border-bottom:var(--sidebar-handle-border);border-left:1px solid #cbcbcb;border-left:var(--sidebar-handle-border);border-radius:.4rem 0 0 .4rem;border-radius:var(--sidebar-handle-radius) 0 0 var(--sidebar-handle-radius);border-top:1px solid #cbcbcb;border-top:var(--sidebar-handle-border);cursor:pointer;display:flex;height:5rem;justify-content:center;left:-1.7rem;left:calc(var(--sidebar-handle-width)*-1);position:absolute;top:50%;transform:translateY(-50%);width:1.7rem;width:var(--sidebar-handle-width);z-index:101}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.active-sheet-title{font-size:1.6rem;margin:.5rem;min-width:6em;position:absolute;top:0;transition:opacity .2s ease-out,margin-left .2s ease-out;z-index:10}html:not(.mobile) .active-sheet-title{left:calc(1.7rem + 20px);left:calc(var(--sidebar-handle-width) + 20px);right:min(100% - 10em,20rem - 2em);right:min(100% - 10em,var(--right-sidebar-width) - 2em)}html:has(.left-sidebar.open) .active-sheet-title{margin-left:14rem;margin-left:var(--left-sidebar-width)}html.mobile .active-sheet-title{left:0;right:0;text-align:center;top:calc(35px + env(safe-area-inset-top, 0px))}html.mobile .active-sheet-title input{text-align:center}html.mobile:has(.left-sidebar.open) .active-sheet-title{opacity:0;pointer-events:none}.active-sheet-title input{-webkit-appearance:none;appearance:none;border:none;color:#777;font-family:inherit;font-size:1.6rem;font-weight:600;outline:none;padding:.5rem .8rem;text-overflow:ellipsis;touch-action:auto!important;width:100%}.active-sheet-title input::placeholder{color:#ccc}.calculator-area{flex:1 1;margin-bottom:auto;margin-bottom:var(--footer-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.calculator-area:before{background-image:url(https://apps.tomippe.jp/pouches/bg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:min(20vw,200px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-52%,-50%);width:min(60vw,600px)}html:has(.left-sidebar.closed) .calculator-area:before{animation:bg-appear 4s linear forwards}.empty-state{align-items:center;background:#eee;display:flex;flex:1 1;flex-direction:column;justify-content:center}@keyframes bg-appear{0%{filter:blur(100px);opacity:0;transform:translate(-52%,-50%) scale(.7)}30%{filter:blur(0);opacity:1;transform:translate(-52%,-50%) scale(.9)}80%{filter:blur(0);opacity:1;transform:translate(-52%,-50%) scale(1)}to{filter:blur(60px);opacity:0;transform:translate(-52%,-50%) scale(3,1.8)}}.footer{align-items:center;background-color:#f8f9fa;background-color:var(--footer-bgcolor);border-top:1px solid #dee2e6;box-shadow:0 -1px 5px var(--shadow-color);display:flex;height:auto;height:var(--footer-height);justify-content:flex-start;padding:.5vh 1rem calc(1.5vh + env(safe-area-inset-bottom, 0px))}html.mobile .footer{padding:.2rem 1rem calc(.4rem + env(safe-area-inset-bottom, 0px))}.total-container{align-items:baseline;display:flex;gap:2em;justify-content:flex-start;pointer-events:all;position:relative;transition:margin-left .2s ease-out}html:not(.mobile) .total-container{margin-left:calc(1.7rem + 20px);margin-left:calc(var(--sidebar-handle-width) + 20px)}.total-container>*{flex:0 0 auto}.total-container .total-toggle-icon{display:none}html:has(.left-sidebar.open) .total-container{margin-left:calc(15.7rem + 20px);margin-left:calc(var(--left-sidebar-width) + var(--sidebar-handle-width) + 20px)}html.mobile .total-container{flex-direction:column;gap:0}html.mobile .total-container .total-toggle-icon{display:block;left:5px;position:absolute;top:.6rem}html.mobile .total-container.expanded .total-toggle-icon{transform:rotate(90deg)}html.mobile .total-container [class*=display]{align-items:baseline;display:flex}html.mobile .total-container [class*=display]>span:first-child{margin-right:5px;text-align:right;width:5rem}.total-item{text-align:center}.total-item .total-display span.number-counter{font-size:1.6rem;font-weight:500}.stat-item{transition:height .2s ease-out}html.mobile .stat-item{height:0;overflow:hidden}html.mobile .total-container.expanded .stat-item{height:auto!important}.stat-item .stat-display{font-size:.9rem}.stat-item .stat-display span.number-counter{font-size:130%}html.touch-device{touch-action:pan-x pan-y}html.touch-device .app-container,html.touch-device .calculator-area,html.touch-device .main-content{-ms-content-zooming:none;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}html.touch-device .calculator-area,html.touch-device .group-path,html.touch-device .group-preview,html.touch-device .pouch-container{-webkit-touch-callout:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}html.touch-device .delete-group-button,html.touch-device .group-colorchange-button,html.touch-device .group-controls>*,html.touch-device .merge-group-button,html.touch-device .pouch-control,html.touch-device .pouch-decrease-button,html.touch-device .pouch-delete-button,html.touch-device .pouch-increase-button,html.touch-device .pouch-sign-button,html.touch-device button,html.touch-device input:not(.sheet-item:not(.active) .sheet-title input){touch-action:manipulation!important}.pouch-wrapper{height:0;left:0;pointer-events:none;position:absolute;top:0;width:0}.pouch-wrapper>*{pointer-events:auto}.pouch-container{--pouch-bg:color-mix(in srgb,var(--pouch-color) 40%,#fff);--posinega-color:var(--positive-color);--blacknega-color:#000;border-radius:50%;cursor:move;min-height:70px;min-width:70px;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease,box-shadow .5s ease,filter .2s ease,outline-color .2s ease,width .3s cubic-bezier(.57,.41,.66,1.38),height .3s cubic-bezier(.57,.41,.66,1.38);will-change:transform,left,top,width,height}.pouch-container:has(.pouch-value .negative){--posinega-color:var(--negative-color)}.pouch-container:has(.pouch-value .negative){--blacknega-color:var(--negative-color)}html.undoredo .pouch-container{transition:transform .2s ease,opacity .2s ease,box-shadow .5s ease,margin-top .5s ease,top .3s ease,left .3s ease}.pouch-container.is-dragging:not(.is-clone-source){box-shadow:0 4px 30px #0006;opacity:.8;z-index:999999!important}.pouch-container.is-dragging:not(.is-clone-source) *{pointer-events:none!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.pouch-container.is-dragging:not(.is-clone-source) button{opacity:0!important}.pouch-container.is-dragging:not(.is-clone-source) .pouch-main-circle{transform:scale(1.2)}.pouch-container:hover{z-index:300000!important}.pouch-container:hover .pouch-color-button,.pouch-container:hover .pouch-delete-button,.pouch-container:hover .pouch-multiplier-control button,.pouch-container:hover .pouch-toggle-sign-button{opacity:1}.pouch-container.selected{box-shadow:0 0 0 2px var(--positive-color),var(--pouch-shadow)}html:not(.touch-device) .pouch-container.table-hovered .pouch-main-circle,html:not(.touch-device) .pouch-container.table-hovered .pouch-replica{filter:brightness(.9)}.pouch-container.table-selected .pouch-main-circle{outline-color:var(--positive-color)}.pouch-container.table-selected .pouch-multiplier-control span,.pouch-container.table-selected button svg{filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1.5px white) drop-shadow(0 0 1.5px white)}.pouch-main-circle{align-items:center;background:conic-gradient(var(--pouch-bg) 0,var(--pouch-bg) 100%,#f7f7f7 100%,#f7f7f7 100%);background:conic-gradient(var(--pouch-bg) 0,var(--pouch-bg) var(--multiplier-percentage,100%),#f7f7f7 var(--multiplier-percentage,100%),#f7f7f7 100%);border:3px solid #fff;border-radius:50%;box-shadow:var(--pouch-shadow);display:flex;flex-direction:column;height:100%;justify-content:center;outline-color:#0000;outline-style:solid;outline-width:3px;position:absolute;transition:outline-color .2s ease,filter .2s ease,transform .2s ease;width:100%;z-index:1}.pouch-main-circle input.pouch-title{background:none;border:none;bottom:calc(50% + 1rem);color:var(--blacknega-color);cursor:text;font-family:inherit;font-size:.8rem;left:50%;margin:0;outline:none;padding:0;position:absolute;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);transition:top .4s ease}.pouch-main-circle input.pouch-title::placeholder{color:var(--text-color-light);opacity:.5}.pouch-main-circle input.pouch-title:focus::placeholder,.pouch-main-circle input.pouch-title:hover::placeholder{opacity:.7}.pouch-main-circle input.pouch-title:not([value=""]){bottom:calc(50% + .5rem)}.pouch-main-circle input.pouch-title:not([value=""])+.pouch-value{top:min(8%,10px)}.pouch-value{--button-color:var(--posinega-color);--icon-color:var(--button-color);--icon-size:1.8rem;font-size:1.8rem;line-height:.9;margin-bottom:5px;position:relative;top:2%;transition:top .4s ease;width:100%}.pouch-value .value-button{background:none;border:none;border-radius:50%;cursor:pointer;height:var(--icon-size);opacity:0;padding:0;pointer-events:none;position:absolute;top:calc(48% - var(--icon-size)/2);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;width:var(--icon-size);z-index:1}.pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-value .value-button,.pouch-value .value-button:hover{animation:none;opacity:1;pointer-events:auto}html.touch-device .pouch-container:not(:hover) .pouch-value .value-button{animation:button-fadeout 5s ease 5s forwards;opacity:.3;pointer-events:none}html.touch-device .pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-value .value-button{opacity:1}.pouch-value .value-button .value-icon{height:var(--icon-size);pointer-events:none;width:var(--icon-size)}.pouch-value .value-button.decrease{right:95%}.pouch-value .value-button.increase{left:95%}.pouch-value .value-button.pressed.long-pressed:before{content:"";height:300%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300%}html:not(.touch-device) .pouch-value .value-button.pressed,html:not(.touch-device) .pouch-value .value-button:active,html:not(.touch-device) .pouch-value .value-button:hover{--icon-color:var(--posinega-color);background:color-mix(in srgb,var(--posinega-color) 20%,#0000)}.pouch-value:hover .value-button{opacity:.7}.pouch-value .value-container{align-items:center;cursor:text;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.pouch-value .value-container .value-display,.pouch-value .value-container .value-display:hover{cursor:text}.pouch-value .value-container input{background:none;border:none;color:inherit;cursor:text;font-family:inherit;font-size:inherit;font-weight:inherit;height:1em;outline:none;padding:0;text-align:center;width:100%}.pouch-value .value-container input:hover{cursor:text}.pouch-value .value-container input:focus{outline:none}.pouch-replica{animation:replica-appear .3s cubic-bezier(.57,.41,.66,1.38) forwards;background-color:var(--pouch-bg);border:3px solid #fff;border-radius:50%;height:100%;pointer-events:none;position:absolute;transition:transform .2s ease,filter .2s ease;width:100%;z-index:0}.pouch-color-button,.pouch-delete-button,.pouch-toggle-sign-button{--color:var(--button-color);--icon-color:var(--color);--icon-size:1.1rem;align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:initial;cursor:pointer;display:flex;height:1.1rem;justify-content:center;opacity:0;padding:.5rem;position:absolute;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;width:1.1rem;z-index:2}html.touch-device .pouch-container:not(:hover) .pouch-color-button,html.touch-device .pouch-container:not(:hover) .pouch-delete-button,html.touch-device .pouch-container:not(:hover) .pouch-toggle-sign-button{animation:button-fadeout 5s ease 5s forwards;opacity:.3;pointer-events:none}html.touch-device .pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-color-button,html.touch-device .pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-delete-button,html.touch-device .pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-toggle-sign-button{opacity:1}.pouch-color-button:hover,.pouch-delete-button:hover,.pouch-toggle-sign-button:hover{--color:var(--button-hover-color)}.pouch-color-button{left:max(50% - 5rem,-5%);top:max(50% - 3.5rem,-5%)}.pouch-color-button:hover{--color:var(--pouch-color)}.pouch-delete-button{right:max(50% - 5rem,-5%);top:max(50% - 3.5rem,-5%)}.pouch-delete-button:hover{--color:var(--negative-color)}.pouch-toggle-sign-button{bottom:max(50% - 3.5rem,-5%);left:max(50% - 5rem,-5%)}.pouch-toggle-sign-button:hover{--color:var(--posinega-color)}.pouch-multiplier-control{align-items:center;bottom:calc(max(50% - 3.5rem,-5%) - .1rem);display:flex;font-size:1rem;left:35%;margin-bottom:.5em;position:absolute;transition:opacity .2s ease;z-index:1}.pouch-multiplier-control:not(.no-multiplier) .multiplier-value{opacity:1!important}.pouch-multiplier-control .multiplier-value{color:var(--posinega-color);cursor:pointer;font-weight:400;margin:0 2px;min-width:2rem;opacity:0;text-align:center;width:max-content}html.touch-device .pouch-multiplier-control .multiplier-value{animation:button-fadeout 5s ease 5s forwards;opacity:.3;pointer-events:none}.pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-multiplier-control .multiplier-value{animation:none;opacity:1;pointer-events:auto}.pouch-multiplier-control .multiplier-button{--icon-color:var(--button-color);--icon-size:1.8rem;align-items:center;background-color:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:1.2rem;justify-content:center;opacity:0;padding:0;position:relative;top:1px;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;width:1.2rem}html.mobile .pouch-multiplier-control .multiplier-button{transform:scale(1.5)}html:not(.touch-device) .pouch-multiplier-control .multiplier-button.pressed,html:not(.touch-device) .pouch-multiplier-control .multiplier-button:active,html:not(.touch-device) .pouch-multiplier-control .multiplier-button:hover{--icon-color:var(--posinega-color);background:color-mix(in srgb,var(--posinega-color) 20%,#0000)}.pouch-multiplier-control .multiplier-button.pressed.long-pressed:before{content:"";height:500%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500%}.pouch-multiplier-control .multiplier-button:disabled{background-color:var(--border-color);opacity:.5}.pouch-multiplier-control .multiplier-button .multiplier-icon{height:var(--icon-size);width:var(--icon-size)}html.touch-device .pouch-multiplier-control .multiplier-button{animation:button-fadeout 5s ease 5s forwards;opacity:.3;pointer-events:none}.pouch-container:is(:hover,:has(:hover),:has(:focus)) .pouch-multiplier-control .multiplier-button{animation:none;opacity:1;pointer-events:auto}.pending-pouch{align-items:center;background-color:var(--pouch-color);border-color:color-mix(in srgb,var(--pouch-color) 40%,#fff);border-radius:50%;border-style:solid;border-width:30px;box-sizing:initial;cursor:pointer;display:flex;height:60px;justify-content:center;opacity:0;position:absolute;transform:translate(-50%,-50%);width:60px;z-index:999999}.pending-pouch-content{color:#fff;font-size:30px;font-weight:700;line-height:1}@keyframes pouch-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pouch-delete{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@keyframes pending-pouch-fade{0%{border-width:40px;opacity:0}15%{border-width:30px;opacity:.5}40%{border-width:0;opacity:.5}to{border-width:0;opacity:0}}@keyframes replica-appear{0%{opacity:0;transform:scale(0) translate(0)}to{opacity:var(--replica-opacity);transform:scale(1) translate(var(--replica-offset),var(--replica-offset))}}@keyframes replica-delete{0%{opacity:var(--replica-opacity);transform:scale(1) translate(var(--replica-offset),var(--replica-offset))}to{opacity:0;transform:scale(0) translate(0)}}@keyframes button-fadeout{0%{opacity:.3}to{opacity:0}}.group-wrapper{height:100%;left:0;mix-blend-mode:normal;overflow:visible;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:margin-top .5s ease;width:100%}.group-wrapper.in-mute-group .group-subtotal,.group-wrapper.mute-group .group-subtotal{opacity:0!important}.group-wrapper.mute-group .group-container{background-image:repeating-linear-gradient(45deg,#0000,#0000 30px,#fff 0,#fff 32px),repeating-linear-gradient(-45deg,#0000,#0000 30px,#fff 0,#fff 32px);background-position:50%,50%;background-repeat:repeat,repeat}html.undoredo .group-wrapper{transition:margin-top .5s ease,transform .3s ease}.group-wrapper.cloning .group-container{box-shadow:0 4px 10px #0003}.group-wrapper.cloning .group-container:after,.group-wrapper.cloning .group-container>*{display:none}.group-wrapper[style*="transform: translate"] .group-container{box-shadow:0 4px 10px #0003}html:not(.touch-device) .group-wrapper.table-hovered .group-container,html:not(.touch-device) .group-wrapper.table-hovered .group-svg{filter:brightness(.9)}.group-wrapper.table-selected .group-container{outline-color:color-mix(in srgb,var(--positive-color) 100%,#0000);outline-width:3px}.group-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:filter .2s ease,opacity .8s ease;width:100%}.group-wrapper.cloning .group-svg,.pending-group-wrapper .group-svg{transform-origin:0 0;z-index:100000}.pending-group-wrapper.too-small .group-svg{opacity:0}.group-svg path{fill:color-mix(in srgb,var(--group-color) 15%,#fff 40%);stroke:none;cursor:pointer;pointer-events:auto}html.undoredo .group-svg path{transition:d .3s ease}.group-wrapper.cloning .group-svg path,.pending-group-wrapper .group-svg path{stroke:var(--group-color);stroke-width:3;stroke-dasharray:5,5;vector-effect:non-scaling-stroke;animation:dash 10s linear infinite}.group-container{border-radius:10px;border-top:10px solid color-mix(in srgb,var(--group-color) 60%,#0000);box-sizing:border-box;container-name:group;container-type:size;cursor:move;outline-color:#fff;outline-style:solid;outline-width:1.5px;pointer-events:all;position:absolute;transform-origin:0 0;transition:box-shadow .5s ease,filter .2s ease,outline-color .2s ease}html.undoredo .group-container{transition:margin-top .5s ease,all .3s ease}.group-container:after{background-image:repeating-linear-gradient(135deg,#0000,#0000 36px,var(--group-color) 36px,var(--group-color) 39px,#0000 39px,#0000 43px,var(--group-color) 43px,var(--group-color) 46px,#0000 46px);background-size:initial;bottom:4px;content:"";height:35px;opacity:0;pointer-events:none;position:absolute;right:4px;transition:opacity .2s ease;width:35px}html.touch-device .group-container:after{animation:button-fadeout 5s ease 5s forwards;opacity:.3}.group-container:hover .group-container:after,.group-container:hover:after{animation:none!important;opacity:.8!important}.group-container:hover{outline-color:color-mix(in srgb,var(--group-color) 95%,#fff)}.group-title-container{left:.7rem;pointer-events:all;position:absolute;top:calc(.7rem - 6px);transition:all .2s ease;width:90%;z-index:8}.group-title-input{background:#0000;border:none;color:#212529;font-family:inherit;font-size:1.2rem;font-weight:400;opacity:0;outline:none;padding:0;text-overflow:ellipsis;transition:opacity .2s ease;width:100%}.group-title-input::placeholder{font-weight:300;opacity:.7}.group-title-input:not(:placeholder-shown),.group-wrapper:has(.group-container:hover) .group-title-input,html.touch-device .group-title-input,html:has(.pouch-table:hover) .group-title-input{animation:none!important;opacity:1!important;pointer-events:auto}html.touch-device .group-container:not(:hover) .group-title-input{animation:button-fadeout 5s ease 5s forwards;color:#000;opacity:.3}.group-buttons{align-content:flex-start;align-items:flex-end;bottom:10%;display:flex;flex-direction:column-reverse;flex-wrap:wrap-reverse;gap:.3rem;justify-content:flex-end;position:absolute;right:10px;top:5px;transition:right .2s ease;z-index:200001}@container group (max-height: 80px){.group-buttons{right:30px;z-index:400001}}.group-buttons button{--color:var(--button-color);--icon-color:var(--color);--icon-size:1rem;align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;padding:4px;transition:opacity .2s ease,background-color .2s ease;width:26px}.group-buttons button:hover{--color:var(--button-hover-color)}.group-buttons button svg{height:var(--icon-size);width:var(--icon-size)}.group-buttons button.group-export-button:hover,.group-buttons button.group-merge-button:hover{--color:#1976d2}.group-buttons button.group-color-button:hover{--color: }.group-buttons button.group-delete-button:hover{--color:var(--negative-color)}.group-container:hover .group-buttons button,html.touch-device .group-buttons button{opacity:1}.group-container:hover .group-buttons button.disabled,.group-container:hover .group-buttons button:disabled,html.touch-device .group-buttons button.disabled,html.touch-device .group-buttons button:disabled{opacity:.3;pointer-events:none}@container group (max-height: 80px){.group-container:hover .group-buttons button.disabled,.group-container:hover .group-buttons button:disabled,html.touch-device .group-buttons button.disabled,html.touch-device .group-buttons button:disabled{display:none}}html.touch-device .group-container:not(:hover) .group-buttons button{animation:button-fadeout 5s ease 5s forwards;opacity:.3;pointer-events:none}.group-subtotal{bottom:.7rem;font-size:.9rem;left:.7rem;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:8}.group-subtotal span.number-counter{font-size:160%}.group-wrapper.no-pouches .group-subtotal{opacity:0}@container group (max-height: 80px){.group-subtotal{opacity:0}}@keyframes dash{to{stroke-dashoffset:100}}.resize-handle{bottom:0;cursor:nwse-resize;height:36px;pointer-events:auto;position:absolute;right:0;width:36px;z-index:400000}html.touch-device .resize-handle{bottom:-20px;height:84px;right:-20px;width:84px}.calculator-area.group-drawing-mode{cursor:crosshair}.legends{bottom:0;box-sizing:border-box;padding:.6rem 1.25rem;position:absolute;right:0;transition:transform .3s ease;transition:margin-left .2s ease-out;-webkit-user-select:auto;user-select:auto;z-index:100}html.mobile .legends{left:0}html:not(.mobile) .legends{left:calc(var(--sidebar-handle-width) + 20px)}html:has(.left-sidebar.open) .legends{margin-left:var(--left-sidebar-width)}.sidebar:not(.closed)+.main-content .legends{transform:translateX(var(--left-sidebar-width));width:calc(100% - var(--left-sidebar-width))}.legends ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.legends ul li{align-items:flex-start;display:flex;gap:4px;overflow:hidden;padding-top:.5em;transition:opacity .3s ease,max-width .3s ease;width:clamp(100px,12em,33%)}.legends ul li.empty,.legends ul li:is(.legends.singlecolor li){max-width:0!important;opacity:0!important}.legends ul li.empty input,.legends ul li:is(.legends.singlecolor li) input{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;visibility:hidden!important}.legends ul li .legend-color{background-color:color-mix(in srgb,var(--legend-color) 60%,#fff);border-radius:50%;flex-shrink:0;height:1rem;width:1rem}.legends ul li .legend-info{margin-top:-.15em}.legends ul li input{background:#0000;border:none;font-family:var(--font-family);font-size:1rem;left:-1.2em;margin-bottom:-.6em;margin-right:1rem;outline:none;padding:0 0 .6rem 1.2rem;position:relative;text-overflow:ellipsis;width:100%}.legends ul li input::placeholder{color:#6c757d;opacity:.7}.legends ul li .legend-total{font-size:.8rem;font-weight:500;margin-left:2px;margin-top:-.3em}.history{flex:0 0 auto;padding-top:66px;transition:margin-top .3s ease;will-change:margin-top}.history .history-buttons{align-items:center;border-radius:8px;display:flex;gap:0;height:66px;justify-content:center;padding:10px 3px;position:absolute;right:0;top:env(safe-area-inset-top);transition:transform .3s ease,width .3s ease,opacity .2s ease;width:100%}html:has(.right-sidebar.closed) .history .history-buttons{transform:translateX(calc(var(--right-sidebar-width)*-1))}html.mobile:has(.right-sidebar.closed) .history .history-buttons{width:100vw}html.mobile:has(.right-sidebar.closed) .history .history-buttons:not(:hover) html.mobile:has(.right-sidebar.closed) .history .history-buttons{opacity:.3}html.mobile:has(.right-sidebar.closed):not(:has(.pouch-container:hover)):not(:has(.group-container:hover)) .history .history-buttons:not(:hover){animation:button-fadeout 5s ease 5s forwards;opacity:.3}.history .history-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:opacity .3s ease;width:36px}.history .history-button svg{stroke:#333;height:22px;width:22px}html:not(.touch-device) .history .history-button:hover:not(:disabled) svg{stroke:var(--positive-color)}.history .history-button:disabled{cursor:not-allowed;opacity:.5}html.mobile:has(.right-sidebar.closed) .history .history-button.snapshot-button{animation:none!important;opacity:0!important;pointer-events:none!important}.history .history-description{color:#666;display:inline-block;flex:1 1;font-size:.7rem;line-height:1.2;margin-bottom:.7ex;opacity:0;overflow:hidden;transition:opacity .2s ease}.history .undo-description{margin-right:0;text-align:right}html.touch-device .history .undo-description,html:has(.undo-button:hover) .history .undo-description{opacity:1!important}.history .redo-description{margin-left:0;text-align:left}html.touch-device .history .redo-description,html:has(.redo-button:hover) .history .redo-description{opacity:1!important}.history .snapshot-list:not(:empty){border-top:1px solid #e0e0e0;padding:8px}html.mobile .history .snapshot-list:not(:empty){padding:0}.history .snapshot-item{align-items:center;background-color:#0000;border-radius:8px;cursor:pointer;display:flex;font-family:Roboto Slab,serif;justify-content:space-between;padding:8px;position:relative}html.mobile .history .snapshot-item{border-radius:0;margin-bottom:0;padding:8px}.history .snapshot-item .snapshot-item-content{flex:1 1;min-width:0}.history .snapshot-item .snapshot-title input{background:#0000;border:none;color:#212529;font-family:Roboto Slab,sans-serif;font-size:14px;font-weight:600;outline:none;padding:0;text-overflow:ellipsis;width:100%}.sheet-item:not(.active) .history .snapshot-item .snapshot-title input{pointer-events:none}.history .snapshot-item .snapshot-title input::placeholder{color:#6c757d;opacity:.7}.history .snapshot-item .snapshot-title input:not(:placeholder-shown){opacity:1}.history .snapshot-item .snapshot-total-date{color:#9199a0;font-family:Roboto Slab,serif;font-size:12px}.history .snapshot-item .snapshot-total-date .snapshot-total{font-weight:600}.history .snapshot-item .snapshot-total-date .snapshot-total.negative{color:#e03131}.history .snapshot-item .snapshot-buttons{display:flex;gap:4px;margin-left:8px}.history .snapshot-item .snapshot-buttons button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:opacity .2s ease;width:24px}.history .snapshot-item .snapshot-buttons button svg{stroke:#333;height:18px;width:18px}html:not(.touch-device) .history .snapshot-item .snapshot-buttons button:hover{opacity:1}html:not(.touch-device) .history .snapshot-item .snapshot-buttons button.restore-button:hover svg{stroke:var(--positive-color)}html:not(.touch-device) .history .snapshot-item .snapshot-buttons button.delete-button:hover svg{stroke:var(--negative-color)}.table{border-top:1px solid #e0e0e0;flex:1 1;overflow-y:auto;padding:0}.table:has(table:empty) .table-header{display:none}.table .table-header{display:flex;font-size:14px;gap:10px;justify-content:flex-end;line-height:1;padding-top:5px}html:not(.touch-device) .table .table-header button:hover{color:var(--positive-color)}.table .table-header .copy-button{align-items:center;background:none;border:none;border-radius:9999px;color:#333;cursor:pointer;display:flex;font-family:inherit;justify-content:center;line-height:1;position:relative;top:0;transition:opacity .2s ease}.table .table-header .copy-button svg{stroke:currentColor}html:not(:has(.cell-selected)) .table .table-header .copy-button{display:none}.table .table-header .copy-button.copied{color:var(--positive-color);font-weight:600;opacity:0;top:-10px;transition:top .6s cubic-bezier(1,0,1,.39),opacity .6s cubic-bezier(1,0,1,.9)}.table .table-header .excel-export-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;gap:6px;padding:6px 12px;transition:all .2s ease}.table .table-header .excel-export-button svg{stroke:currentColor}.pouch-table{border-collapse:collapse;outline:none;width:100%}.pouch-table td,.pouch-table th{box-sizing:border-box;cursor:default;padding:4px 8px;position:relative}.pouch-table td.cell-selected,.pouch-table th.cell-selected{background-color:#0078d70d;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none}.pouch-table td.cell-selected:after,.pouch-table th.cell-selected:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.pouch-table td.cell-selected-top:after,.pouch-table th.cell-selected-top:after{border-top:2px solid #0078d7}.pouch-table td.cell-selected-right:after,.pouch-table th.cell-selected-right:after{border-right:2px solid #0078d7}.pouch-table td.cell-selected-bottom:after,.pouch-table th.cell-selected-bottom:after{border-bottom:2px solid #0078d7}.pouch-table td.cell-selected-left:after,.pouch-table th.cell-selected-left:after{border-left:2px solid #0078d7}.pouch-table td.cell-selected-top.cell-selected-left:after,.pouch-table th.cell-selected-top.cell-selected-left:after{border-top-left-radius:4px}.pouch-table td.cell-selected-top.cell-selected-right:after,.pouch-table th.cell-selected-top.cell-selected-right:after{border-top-right-radius:4px}.pouch-table td.cell-selected-bottom.cell-selected-left:after,.pouch-table th.cell-selected-bottom.cell-selected-left:after{border-bottom-left-radius:4px}.pouch-table td.cell-selected-bottom.cell-selected-right:after,.pouch-table th.cell-selected-bottom.cell-selected-right:after{border-bottom-right-radius:4px}.pouch-table td.cell-selected-top-left:after,.pouch-table th.cell-selected-top-left:after{border-top-left-radius:4px}.pouch-table td.cell-selected-top-right:after,.pouch-table th.cell-selected-top-right:after{border-top-right-radius:4px}.pouch-table td.cell-selected-bottom-left:after,.pouch-table th.cell-selected-bottom-left:after{border-bottom-left-radius:4px}.pouch-table td.cell-selected-bottom-right:after,.pouch-table th.cell-selected-bottom-right:after{border-bottom-right-radius:4px}.pouch-table thead tr>*{border-bottom:3px solid var(--group-color);font-size:14px;padding:4px 6px}.pouch-table thead tr th{font-family:Roboto Slab,sans-serif;font-weight:400;line-height:1.2;padding-left:20px;position:relative;text-align:left}.pouch-table thead tr th.show-placeholder,.pouch-table thead tr th.ungrouped{color:#999;font-weight:400}.pouch-table thead tr th .toggle-icon{display:inline-block;left:0;margin-right:4px;position:absolute;top:calc(50% - 10px);vertical-align:middle}.pouch-table thead tr th .toggle-icon svg{fill:#495057}.pouch-table thead tr td{font-weight:300;text-align:right}.pouch-table thead tr td:last-child{font-weight:500}.pouch-table tbody{height:auto;overflow:hidden}.pouch-table tbody.collapsed{display:none}.pouch-table tbody tr>*{background-color:#fff}.pouch-table tbody tr td{border-bottom:1px solid #aab2bc;color:#212529;font-size:14px;font-weight:300;padding:4px 6px;position:relative}.pouch-table tbody tr td:first-child{font-size:12px;padding-left:12px;padding-right:4px;position:relative;width:100%}html:has(.legends.singlecolor) .pouch-table tbody tr td:first-child.legend{color:#ccc}.pouch-table tbody tr td:first-child:before{background-color:color-mix(in srgb,var(--pouch-color) 40%,#fff);bottom:4px;content:"";display:block;left:8px;margin-left:-5px;position:absolute;top:4px;vertical-align:middle;width:6px}.pouch-table tbody tr td+td{border-left:1px solid #aab2bc}.pouch-table tbody tr td:nth-child(2),.pouch-table tbody tr td:nth-child(4),.pouch-table tbody tr td:nth-child(5){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pouch-table tbody tr td:nth-child(2){min-width:4em}.pouch-table tbody tr td:nth-child(3){color:#868e96;padding-right:0;text-align:center}.pouch-table tbody tr td:nth-child(4){border-left:none;min-width:2em;padding-left:0}.pouch-table tbody tr td:nth-child(5){font-weight:400;min-width:4em}.table-container{position:relative}.table-selection-resize-handle{background-color:var(--positive-color);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #00000059;box-sizing:initial;display:none;height:.5em;position:absolute;touch-action:none;transform:translate(-50%,-50%);width:.5em;z-index:9999}.table-selection-resize-handle:before{bottom:0;content:"";left:0;padding:1em;position:absolute;right:0;top:0;transform:translate(-70%,-70%)}html:has(.pouch-table .cell-selected) .table-selection-resize-handle,html:has(.pouch-table .cell-selected) .table-selection-resize-handle:before{display:block!important}
/*# sourceMappingURL=main.988a694f.css.map*/