.DetailedList{background:#fff;border-radius:.5rem;flex:1;box-shadow:0 0 15px #00000008,0 2px 30px #00000014,0 0 1px #0000004d}.DetailedList.padded{padding:20px}.DetailedList.stacked .list .list-item{flex-direction:column}.DetailedList.variant-light{box-shadow:unset}.DetailedList .list-grouping{border-radius:0 0 8px 8px}.DetailedList .show-more{text-align:center;color:#858585;margin-top:1rem}.DetailedList .list{flex-direction:column;list-style-type:none;transition:all .3s ease-in-out;display:flex}.DetailedList .list .list-item{align-items:center;gap:.5rem;padding:.5rem 0;font-size:14px;line-height:1.3;display:flex}.DetailedList .list .list-item.stacked{flex-direction:column}.DetailedList .list .list-item.stacked .value{text-align:left!important}.DetailedList .list .list-item+.list-item{border-top:1px dashed #e1e3ea}.DetailedList .list .list-item>*{flex:1}.DetailedList .list .label{color:#767676;width:100%}.DetailedList .list .value{color:#050a30;text-align:right}.DetailedList .list .value.grayed-out{color:#a1a1aa}@media screen and (min-width:1024px){.DetailedList{box-shadow:unset;padding:unset}.DetailedList.stacked .list .list-item{flex-direction:row}.DetailedList .list .label{max-width:100%}}
.Card{background-color:#fff;border-radius:8px;align-items:center;gap:1.5rem;width:100%;max-width:300px;min-height:140px;padding:1.5rem;display:flex}.Card.very-low{background:linear-gradient(to bottom right,#3cc32e,1%,#fff,#0000)}.Card.very-low .side-value{color:#3cc32e}.Card.low{background:linear-gradient(to bottom right,#98dd60,1%,#fff,#0000)}.Card.low .side-value{color:#98dd60}.Card.moderate{background:linear-gradient(to bottom right,#ffc700,1%,#fff,#0000)}.Card.moderate .side-value{color:#ffc700}.Card.high{background:linear-gradient(to bottom right,#ff7342,1%,#fff,#0000)}.Card.high .side-value{color:#ff7342}.Card.very-high{background:linear-gradient(to bottom right,#ff1616,1%,#fff,#0000)}.Card.very-high .side-value{color:#ff1616}.Card .main-value{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.Card .side-value{text-align:center;font-size:48px}.Card .label{white-space:nowrap;text-overflow:ellipsis;width:192px;padding:.125rem 0;font-size:1.5rem;font-weight:600;line-height:30px;overflow:hidden}.Card .sub-label{white-space:nowrap;text-overflow:ellipsis;width:192px;font-size:14px;overflow:hidden}.Card .tooltip{margin-top:2px}.Card .empty-div{height:1.5rem}
