.main{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-l)}.title-container{padding:var(--padding-l);display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--gap-s);background:var(--bg-light);box-shadow:var(--shadow-light);border-radius:var(--border-radius-l)}.title-container .icon svg{width:24px;height:24px;fill:var(--main)}.title-container .name{font-size:var(--font-l);font-weight:var(--font-weight-semibold)}.loads-container{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:var(--gap-m)}.loads-container .load-container{padding:var(--padding-l);min-width:320px;max-width:320px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--gap-m);background:var(--bg-light);box-shadow:var(--shadow-light);border-radius:var(--border-radius-l)}.loads-container .load-container .load-title-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--gap-xxs)}.loads-container .load-container .load-title-container svg{margin-bottom:var(--margin-xs);width:32px;height:32px;color:var(--text);stroke:var(--text);opacity:0.4}.loads-container .load-container .load-title-container .title{font-size:var(--font-m);font-weight:var(--font-weight-meduim)}.loads-container .load-container .load-title-container .description{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--gap-xs);font-size:var(--font-s);font-weight:var(--font-weight-normal);opacity:0.4}.loads-container .load-container .progress{width:100%;height:10px;display:grid;grid-template-rows:1fr;grid-auto-flow:column}.loads-container .load-container .progress .segment{width:100%;height:100%;background:var(--bg-alpha);border-radius:999px}.loads-container .load-container .progress .segment.active{background:var(--main)}.loads-container .load-container .value{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;font-size:var(--font-s);font-weight:var(--font-weight-meduim)}.loads-container .load-container .value .current-value{font-size:var(--font-s);font-weight:var(--font-weight-meduim);opacity:1}.loads-container .load-container .value .max-value{font-size:var(--font-s);font-weight:var(--font-weight-meduim);opacity:0.6}