.card-stats{display:grid;grid-template-areas:"a a a a a a" "b b b c c c";grid-template-columns:repeat(6,1fr);align-items:center;border-radius:var(--s2);padding:calc(var(--s) * 2) calc(var(--s) * 2);--card-background-color-not-selectable: var(--color-grey-bg);--card-icon-color-not-selectable: var(--color-grey-300);--card-color-not-selectable: var(--color-primary);-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,.2)}@media screen and (min-width: 340px){.card-stats{padding:calc(var(--s) * 2) calc(var(--s) * 2.5)}}.card-stats--reduced{grid-template-areas:"a a a a a a" "b b b b b b"}.card-stats--reduced .card-stats__items{grid-area:b;align-items:flex-start}@media screen and (max-width: 991px){.card-stats--legend-bottom{align-items:baseline;display:flex;flex-direction:column}.card-stats--legend-bottom .card-stats__icon-legend{display:flex;flex-direction:column;align-items:flex-start}}.card-stats--selectable{row-gap:calc(var(--s) * 3);position:relative;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition-default);min-height:135px}.card-stats--selectable:before{content:"";position:absolute;top:calc(var(--s) * -1);right:calc(var(--s) * -1);width:calc(var(--s2) * 1.8);height:calc(var(--s2) * 1.8);border:1px solid var(--color-primary);border-radius:100%;background-color:var(--color-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M0.869141 3.90898L3.37598 6.41581L7.39058 0.503851' stroke='%231C1C1C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:calc(var(--s2) * .8) calc(var(--s2) * .6);background-position:center;filter:drop-shadow(0 calc(var(--s2) * .4) calc(var(--s2) * .4) rgba(0,0,0,.25))}@media screen and (min-width: 992px){.card-stats--selectable{row-gap:var(--s10)}}.card-stats--selectable:not(.card-stats--selected):hover{background-color:var(--color-hover-grey)}.card-stats:not(.card-stats--selectable):not(.card-stats--selected):not(.card-stats--featured){background:var(--card-background-color-not-selectable)}.card-stats:not(.card-stats--selectable):not(.card-stats--selected):not(.card-stats--featured) *{color:var(--card-color-not-selectable)}.card-stats:not(.card-stats--selectable):not(.card-stats--selected):not(.card-stats--featured) .card-stats__icon-legend{margin-bottom:var(--s7);grid-area:a}.card-stats:not(.card-stats--selectable):not(.card-stats--selected):not(.card-stats--featured) .card-stats__icon-legend .icon{--color: var(--card-icon-color-not-selectable);background-color:var(--card-icon-color-not-selectable)}.card-stats--featured,.card-stats--selected{background-color:var(--color-secondary);position:relative;border:1px solid var(--color-secondary)}.card-stats--featured .card-stats-small,.card-stats--selected .card-stats-small{color:var(--color-secondary-contrast)}.card-stats--featured .card-stats__info,.card-stats--selected .card-stats__info{grid-area:b;color:var(--color-secondary-contrast)}.card-stats--featured .icon,.card-stats--selected .icon{--color: var(--color-secondary-contrast)}.card-stats--featured .card-stats__legend,.card-stats--selected .card-stats__legend{color:var(--color-secondary-contrast)}.card-stats--selected:before{content:"";border:1px solid var(--color-secondary-contrast);background-color:var(--color-green);background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23145 3.69023L3.73828 6.19706L7.75288 0.285101' stroke='white'/%3E%3C/svg%3E%0A")}.card-stats--with-children:not(.card-stats--reduced){flex-direction:row}.card-stats--with-children:not(.card-stats--reduced)>*{flex:0 1 50%}.card-stats--with-children:not(.card-stats--reduced)>*:last-child{align-self:flex-end}.card-stats--icon-size-medium .icon{--size: calc(var(--s2) * 2.4);flex:0 0 calc(var(--s2) * 2.4)}.card-stats--icon-size-medium .icon--male-female{--width: calc(var(--s2) * 4.1);--height: calc(var(--s2) * 2.6)}.card-stats--icon-size-small .icon{--size: calc(var(--s2) * 1.6)}.card-stats:not(.card-stats--selected):not(.card-stats--featured) .card-stats__icon-legend .icon{background-color:var(--color-secondary)}.card-stats:not(.card-stats--reduced) .card-stats__info{height:100%}.card-stats:not(.card-stats--reduced) .card-stats__info .card-stats__icon-legend{margin-bottom:calc(var(--s) * 2)}.card-stats__info{grid-area:b;display:flex;flex-direction:row;gap:var(--s2)}.card-stats__info .card-stats__number-minutes{font-size:var(--fs-xs);line-height:var(--lh-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);width:40%;display:flex;align-items:flex-end;margin-bottom:.3em}@media screen and (min-width: 992px){.card-stats__info .card-stats__number-minutes{font-size:var(--fs-sm);line-height:var(--lh-sm);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400)}}.card-stats__items{grid-area:c;display:flex;flex-direction:column}.card-stats__icon-legend{grid-column:span 6;flex:0 0 auto;display:flex;align-items:center;gap:calc(var(--s) + var(--s) / 2)}.card-stats__icon-legend .icon{margin-top:var(--s)}.card-stats__legend{font-size:var(--fs-xs);line-height:var(--lh-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 600);margin:var(--s) 0 0;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden}@media screen and (min-width: 992px){.card-stats__legend{font-size:var(--fs-base);line-height:var(--lh-base);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 600)}}.card-stats__number-legend{margin-top:auto}.card-stats__number-legend .card-stats__legend{margin-top:calc(var(--s))}.card-stats__number{font-size:var(--fs-card-stats-number);line-height:var(--lh-card-stats-number);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);line-height:1;text-align:left}@media screen and (min-width: 992px){.card-stats__number{font-size:var(--fs-xxxl);line-height:var(--lh-xxxl);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);line-height:1}}
