@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);:root{--heading-color:#444;--text-color:#68686a;--primary-color:#556948;--primary-color-light:#7b8b6f;--highlight-color:#88c658;--secondary-color:#282929;--success-color:#00c200;--error-color:#e20b00;--warning-color:#ff5100;--gradient-color:linear-gradient(270deg,#556948,#88c658);--gradient-color-light:linear-gradient(270deg,#7b8b6f,#bae996);--bg-color:linear-gradient(270deg,#556948,#88c658);--bg-dark:#252525;--bg-dark2:#303030;--bg-midtone:#999;--bg-light:#e6e6e6;--bg-white:#fff;--bg-black:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;padding:0}.ribbon_open{background-color:var(--gradient-color);box-shadow:0 4px 6px #0000001a;flex-direction:column}.ribbon_open,.top_bar{display:flex;width:100%}.top_bar{align-items:center;background-color:var(--secondary-color);justify-content:space-between;max-height:60px;padding:0 10px}.top_bar_btn{background:none;border:none;cursor:pointer;padding:0}.top_bar_btn img{filter:invert(1);height:24px;width:24px}.top_bar_logo{cursor:pointer;height:40px;padding-right:10%}.ribbon_content{background-color:var(--gradient-color);background:var(--gradient-color);color:var(--text-color);max-height:450px;overflow:hidden;transition:max-height .5s ease-out,padding .5s ease-out}.ribbon_content.closed{max-height:0;padding:0 10px}.ribbon_open.phone .top_bar{max-height:50px}.ribbon_open.tablet .top_bar{max-height:55px}.ribbon_open.desktop .top_bar{max-height:60px}.tabs{background-color:var(--primary-color);background:#ffffff1a}.tabs.phone{display:flex;justify-content:space-between;width:100%}.tabs.desktop,.tabs.tablet{display:flex;justify-content:flex-start;max-width:100%;width:auto}.tab.desktop,.tab.tablet{background-color:#ffffff4d;border-radius:4px 4px 0 0;padding:10px 15px}.tab.desktop,.tab.phone,.tab.tablet{color:#000;cursor:pointer;margin-left:1px;margin-right:1px;margin-top:1px;text-align:center;transition:background-color .2s}.tab.phone{background-color:initial;border:none;border-radius:4px 4px 0 0;flex:1 1;padding:8px}.tab_icon{filter:brightness(.6) invert(1);height:30px;margin-left:10px}.tab.active .tab_icon{filter:brightness(0) invert(1);height:30px;margin-left:10px}.tab.active{background-color:var(--primary-color);color:#fff}.tab:hover{background-color:#ffffff80;transform:translateY(-2px);transition:transform .2s}.responsive-input.desktop,.responsive-input.tablet{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-left:5rem;padding-right:5rem}.responsive-input.desktop .responsive-input-label,.responsive-input.tablet .responsive-input-label{color:var(--secondary-color);flex-shrink:0;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:700;margin-right:1rem;text-align:right}.responsive-input.desktop .responsive-input-wrapper,.responsive-input.table.responsive-input-wrapper{align-items:center;display:flex}.responsive-input.desktop .responsive-input-wrapper input,.responsive-input.table.responsive-input-wrapper input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.help-button{background:#0000;background-color:initial;border:none;cursor:pointer;flex-direction:row;font-family:Open Sans,sans-serif;font-size:15px;margin-left:8px;padding:auto}.help-button:hover{background-color:#5569484d;transform:translateY(-2px);transition:all .2s ease}.help-button:active{background-color:#55694880;transform:translateY(2px);transition:all .2s ease}.help-image{filter:brightness(0) invert(1);height:20px;width:20px}.responsive-input.phone{align-items:flex-start;flex-direction:column;margin:2px;padding:0;width:100%}.responsive-input.phone .responsive-input-label{align-self:flex-start;color:var(--secondary-color);flex-direction:row;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;margin:0;padding:0;text-align:left}.responsive-input.phone .responsive-input-wrapper{background-color:"transparent";background:"transparent";margin:0;padding:0;width:80%}.responsive-input.phone .responsive-input-wrapper input{border:1px solid #ccc;border-radius:0;font-size:20px;padding:2px;text-align:right;width:70%}.responsive-input.desktop,.responsive-input.tablet{flex-direction:row;width:auto}.ribbon-header{color:var(--primary-color);font-family:Open Sans,sans-serif;font-weight:900;margin:0 0 8px;padding:0}.input-container-row{align-content:flex-start;display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}.input-container{background-color:var(--gradient-color)}.input-container.phone{margin-bottom:8px;margin-top:8px;width:80%}.input-container.desktop,.input-container.tablet{align-items:start;flex:1 1;margin-right:10%;width:60%}.input-container.desktop{max-width:800px}.tab-nav-button{background:#0000;background-color:initial;background:#ffffff1a}.tab-nav-button,.tab-nav-button-spacer{align-content:center;border:none;cursor:pointer;display:flex;flex-direction:row;font-family:Open Sans,sans-serif;font-size:16px;justify-content:center;padding:auto;width:10%}.tab-nav-button-spacer{background:#0000;background-color:initial}.tab-nav-button:hover{transform:translateY(-2px)}.tab-nav-button:active,.tab-nav-button:hover{background-color:#55694880;transition:all .2s ease}.tab-nav-button:active{transform:translateY(2px)}.tab-nav-image{align-self:center;filter:brightness(0) invert(1);height:40px;width:20px}.action-panel{align-items:center;background-color:var(--bg-midtone);display:flex;justify-content:space-between;max-height:40px;padding:2px;width:100%}.action-panel-button{align-items:center;background-color:var(--primary-color-light);background:var(--primary-color-light);border:none;border-radius:2px;box-shadow:0 3px 6px #00000080;color:#fff;display:flex;flex-direction:row;font-family:Open Sans,sans-serif;font-size:16px;gap:1px;justify-content:center;margin:2px;padding-bottom:4px;padding-top:4px}.action-panel-button:hover{background-color:var(--highlight-color);transform:translateY(-4px);transition:all .2s ease}.action-panel-button:disabled{background-color:var(--primary-color)}.action-panel-button:on-click{background-color:var(--secondary-color);transform:translateY(2px);transition:all .2s ease}.action-panel-image{filter:brightness(0) invert(1);height:24px;margin:0;width:24px}.action-panel-button:disabled .action-panel-image{filter:brightness(0) invert(.5);height:24px;margin:4px;width:24px}.action-panel-button-text{display:flex;font-size:14px;margin:0;padding:0}.action-panel-button:disabled .action-panel-button-text{color:var(--bg-midtone);display:flex;font-size:14px;margin:0;padding:0}.action-panel-current-roof.desktop,.action-panel-current-roof.tablet{align-items:top;background-color:var(--primary-color);border-bottom:1px solid var(--primary-color-light);display:flex;gap:3%;justify-content:space-between;margin-bottom:0;max-height:70px;padding:2px 25%;width:100%}.panel-wrapper{border-top:1px solid #0009;box-shadow:-2px 2px 4px #000000b3}.action-panel-current-roof.phone{align-items:top;background-color:var(--primary-color);border-bottom:1px solid var(--secondary-color);border-top:1px solid var(--secondary-color);display:flex;gap:2px;justify-content:space-between;margin-bottom:0;max-height:70px;padding:2px 1%;width:100%}.action-panel-current-roof-text.desktop,.action-panel-current-roof-text.tablet{align-items:center;display:"flex";flex-direction:row;justify-content:space-between;margin:4px}.action-panel-current-roof-text.phone{align-items:center;display:"flex";flex-direction:column;justify-content:space-between;margin:4px}.current-roof-header.desktop,.current-roof-header.tablet{color:#fff;font-family:Open Sans,"sans-serif";font-size:16px;margin:0;padding-top:0}.current-roof-header.phone{color:#fff;font-family:Open Sans,"sans-serif";font-size:12px;font-weight:500;margin:0;padding-top:0}.current-roof-value.desktop,.current-roof-value.tablet{box-shadow:inset;display:flex;font-family:Open Sans,"sans-serif";font-size:14px;font-weight:700;margin:0}.current-roof-value.phone{display:flex;font-family:Open Sans,"sans-serif";font-size:10px;font-weight:600;margin:0}.action-panel-current-roof-buttons{display:flex;flex-direction:row;gap:2px;justify-content:center;margin:2px}.action-panel-total-roofs.desktop,.action-panel-total-roofs.tablet{max-height:45px;padding:4px 25%}.action-panel-total-roofs.desktop,.action-panel-total-roofs.phone,.action-panel-total-roofs.tablet{align-items:center;background-color:var(--primary-color);display:flex;gap:1%;justify-content:space-between;margin-bottom:0;width:100%}.action-panel-total-roofs.phone{max-height:55px;padding:2px .5%}.action-panel-total-roofs-text.desktop,.action-panel-total-roofs-text.tablet{align-items:center;display:flex;flex-direction:row;gap:px;justify-content:space-between;margin:4px;padding:0}.action-panel-total-roofs-text.phone{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:space-between;margin:2px}.action-panel-total-roofs-header.desktop,.action-panel-total-roofs-header.tablet{color:#fff;font-family:Open Sans,"sans-serif";font-size:16px;margin:0;padding-top:0;text-justify:right}.action-panel-total-roofs-header.phone{color:#fff;font-family:Open Sans,"sans-serif";font-size:12px;font-weight:500;margin:0;padding-top:0;text-justify:right}.action-panel-total-roofs-value.desktop,.action-panel-total-roofs-value.phone,.action-panel-total-roofs-value.tablet{color:var(--highlight-color);display:flex;font-family:Open Sans,"sans-serif";font-size:16px;font-weight:800;margin:0}.responsive-input-label{align-self:flex-start;color:var(--secondary-color);flex-direction:row;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;margin:0;padding:0;text-align:left}.spinner-ellipsis{color:#fff}.spinner-ellipsis,.spinner-ellipsis div{box-sizing:border-box}.spinner-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.spinner-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:currentColor;border-radius:50%;height:13.33333px;position:absolute;top:33.33333px;width:13.33333px}.spinner-ellipsis div:first-child{animation:spinner-ellipsis1 .6s infinite;left:8px}.spinner-ellipsis div:nth-child(2){animation:spinner-ellipsis2 .6s infinite;left:8px}.spinner-ellipsis div:nth-child(3){animation:spinner-ellipsis2 .6s infinite;left:32px}.spinner-ellipsis div:nth-child(4){animation:spinner-ellipsis3 .6s infinite;left:56px}@keyframes spinner-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spinner-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes spinner-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.dynamic-list-container{font-family:Open Sans,sans-serif;margin:8px auto;max-width:800px;padding:8px}.item-list{margin-bottom:8px}.item-row{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:2px;display:flex;justify-content:space-between;margin-bottom:0;padding:4px}.header-cell,.item-header{background-color:initial;color:#f0f0f0;font-weight:900}.header-cell{background-color:#f0f0f0;max-width:50px;min-width:50px;text-align:left}.item-values{display:flex;flex:1 1;gap:0}.item-cell{align-content:center;font-size:14px;max-width:50px;min-width:50px;text-align:center}.item-actions{align-items:center;border:0;border-radius:2px;display:flex;justify-content:space-between;margin-bottom:0;padding:0}.item-actions button{cursor:pointer;margin-left:4px;padding:2px 4px}.slider-button{background:var(--highlight-color);border:none;border-radius:0;cursor:pointer;padding:0}.item-row-wrapper{justify-content:flex-start;margin:0;padding:0}.footer-row,.item-row-wrapper{align-items:center;display:flex}.footer-row{color:#f0f0f0;flex-direction:row;gap:15px;margin-bottom:16px;max-height:50px;padding:4px}.footer-buttons button{background:var(--primary-color);border:none;border-radius:0;cursor:pointer;margin-right:3px;padding:3px 6px}.app{font-family:sans-serif;padding:20px;transition:all .3s ease}.phone,.tablet{font-size:16px}.desktop{font-size:18px}.portrait{flex-direction:column}.landscape{flex-direction:row}
/*# sourceMappingURL=main.b5e9ce98.css.map*/