.icon-layout{width:50%;height:100%}.default-info-card,.top-layout .info-card .item-card,.top-layout .info-card .storage-card,.top-layout .info-card .total-count-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;width:100%;height:calc(16.66667% - 8.33333px);-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;height:78%}.top-layout .info-card{width:25%;height:100%;margin-left:5px}.top-layout .info-card .content{border-radius:5px;width:100%;height:100%;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout .info-card .storage-card{margin-bottom:10px}.top-layout .info-card .item-card{margin-bottom:10px;color:#fff}.top-layout .info-card .item-card h2{color:#fff}.top-layout .list-card{width:80%;margin:0 5px 0 5px;background-color:#fff;border-radius:5px}.top-layout .button-card,.top-layout .list-card{height:100%;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout .button-card{width:5%;font-size:1.5rem;border-radius:.3rem;margin-right:.3rem}.top-layout .button-card .plus-button{width:100%;height:50%;background-color:#b7df89;border-radius:.3rem .3rem 0 0}.top-layout .button-card .active-plus-button,.top-layout .button-card .plus-button:hover{background-color:#9ed461;-webkit-box-shadow:#365316 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #365316}.top-layout .button-card .active-plus-button{width:100%;height:50%;border-radius:.3rem .3rem 0 0}.top-layout .button-card .minus-button{background-color:#f46a67;width:100%;height:50%;border-radius:0 0 .3rem .3rem}.top-layout .button-card .active-minus-button,.top-layout .button-card .minus-button:hover{background-color:#f03b38;-webkit-box-shadow:#560806 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #560806}.top-layout .button-card .active-minus-button{width:100%;height:50%;border-radius:0 0 .3rem .3rem}.bottom-layout{width:100%;height:15%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.bottom-layout .status-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem}.bottom-layout .item-inflow-button,.bottom-layout .status-text{width:30%;height:60%;font-size:2rem}