.card{background-color : white;border-radius: 20px;padding: 5px;gap:0;width:350px;h2{color : var(--body-text);font-size : 18pt}h3{color :var(--secondary-text);margin-bottom: 10px;font-size: 12pt}}.vlInfos{gap:0;padding-bottom: 5px;margin-bottom: 10px}.topLayout{align-self : baseline;width: 100%}.hlCards{gap:0;display: flex;flex-wrap: wrap}.bottomLayout{align-self : baseline;border-top: solid 1px #dcdcdc;width: 90%;margin-left: 20px;padding-top: 10px;justify-content: space-between;cursor: pointer;h3{font-size : 10pt}vaadin-icon{width : 15px}}.bottomLayout:hover{h3{color: var(--header-color)}}.hlIcon{align-self: baseline;border-radius:15px;margin-top: 19px;margin-right: -12px;vaadin-icon{color : white;padding:10px}}@media (max-width: 972px){.hlCards{flex-direction: column;align-items: center}.hlCards>vaadin-vertical-layout>vaadin-vertical-layout{min-width : 100%}}@media (min-width: 700px){.hlCards>vaadin-vertical-layout{width : fit-content !important}}.indicatorLayout{position : relative;display : inline-block}.indicator{position: absolute;top: 0px;right: 30px;width: 15px;color: var(--tertiary-text)}.category-card{gap:0;width:180px;flex:0 0 180px;max-width:100%;box-sizing:border-box;align-items:center;h2{color : var(--body-text);font-size : 18pt}h3{color :var(--secondary-text);font-size: 12pt}}.category-icon{border-radius:15px;background-color: var(--theme-color);color:var(--theme-color);width:50px;height:50px;flex: 0 0 50px;align-items:center;justify-content:center;span{color: white;font-size: 20pt;font-weight: bold}}.category-info{gap:0;flex:1 1 auto;min-width:0;padding:0 0 0 10px;h2,h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.category-summary-layout{flex-wrap: wrap;gap: 15px;padding: 16px 0}