@keyframes p{0%{--p:0}}.block_moocs .grids,.grids{container-type:inline-size}.block_moocs .grids .grid{flex-wrap:wrap;gap:var(--grid-space);padding-inline:0}.block_moocs .grids .grid.col4 .item{flex:0 0 calc(25% - var(--grid-space)*.75)}.block_moocs .grids .grid .item,.grids .grid .item{padding:0!important;position:relative!important}.block_moocs .area{padding:var(--grid-space);border-radius:var(--radiusValue);background-color:var(--lightergrey)}.block_moocs .grids .grid.details .item>picture>img{width:100%;aspect-ratio:3/2.3;object-fit:cover}.block_moocs #groups,.block_moocs .grids .grid .item picture img,.grids .grid .item picture img{border-radius:var(--radiusValue);width:100%}.block_moocs .my-space{margin-block:var(--grid-space)!important}.block_moocs #groups{padding:1rem;background-color:var(--lightergrey);border:1px solid var(--lightgrey);box-shadow:.5rem .5rem 1rem #0004}.grids .grid,.grids .grid .cell{display:flex;gap:var(--grid-space)}.grids .grid{flex-wrap:wrap;padding-inline:0}.grids .grid .item .name{margin-block:.5rem;text-align:left;font-size:1.1rem;font-weight:500}.grids .grid.col5 .item{flex:0 0 calc(20% - var(--grid-space)*.8);display:flex;align-items:center}.grids .grid.col1 .item picture,.grids .grid.col2 .item picture,.grids .grid.col3 .item picture,.grids .grid.col4 .item picture,.grids .grid.col5 .item picture{display:block;margin:var(--grid-space);flex:0 0 25%}.grids .grid.col3 .item,.grids .grid.col4 .item{flex:0 0 calc(25% - var(--grid-space)*.75);display:flex;align-items:center}.grids .grid.col3 .item{flex:0 0 calc(33.3333333% - var(--grid-space)*.666666)}.grids .grid.col1 .item,.grids .grid.col2 .item{flex:0 0 calc(50% - var(--grid-space)*.5);display:flex;align-items:center}.grids .grid.col1 .item{flex:0 0 calc(100% - var(--grid-space))}.grids .grid .cell{padding:var(--grid-space)!important}.grids .grid .item.cell h4{margin:0!important;text-align:left}.grids .grid .item.cell h6{text-align:left;font-weight:400}.grids .grid .cell .left.flank.icon{all:unset;flex:0 0 20%}.grids .grid .cell .right.flank{flex-grow:1;display:flex;flex-direction:column}.grids .grid .cell .right.flank .progress-field{margin-top:auto}@container (max-width:800px){.grids .grid.col5 .item{flex:0 0 calc(25% - var(--grid-space)*.75)}.grids .grid.col4 .item{flex:0 0 calc(33.3333333% - var(--grid-space)*.666666)}.grids .grid.col3 .item{flex:0 0 calc(50% - var(--grid-space)*.5)}}@container (max-width:400px){.grids .grid.col4 .item,.grids .grid.col5 .item{flex:0 0 calc(50% - var(--grid-space)*.5)}.grids .grid.col2 .item,.grids .grid.col3 .item{flex:0 0 100%}}.mr-space{margin-right:var(--grid-space)!important}img.notFound{background-color:var(--primary)!important;padding:20%!important;object-fit:contain!important}.grids .grid.col3 .item picture{position:relative}.grids .grid.col3 .item picture.mark::after{content:"✓";width:1.5rem;height:1.5rem;position:absolute;top:0;left:100%;translate:-90% -10%;display:grid;border-radius:50%;border:2px dotted var(--lightergrey);place-content:center;background-color:#36c980;box-shadow:-.1rem .1rem .5rem -.18rem #0009;color:#fff;font-weight:600}#moocs mark,.mark{padding:0!important}@property --p{syntax:"<number>";inherits:true;initial-value:0}#moocs .item .name{flex:1}#moocs .item .name .highlight{background-color:var(--primary);color:#fff}#moocs .item picture,#progress{pointer-events:none}#moocs .item{overflow:hidden}#moocs .item .link{transition:background-color .3s}#progress{user-select:none;display:inline-block;position:relative;top:.5rem;right:.5rem;height:100%}.tinypie{--border:6px;--color:var(--primary);aspect-ratio:1;position:relative;display:inline-grid;place-content:center;padding:calc(var(--border) + 2px);width:7ch;font-size:.8rem}.tinypie::after,.tinypie::before{content:"";position:absolute;inset:0;padding:var(--border);box-sizing:border-box;border-radius:50%}.tinypie::before{background:conic-gradient(#0000 0,#0000 calc(var(--p)*1%),var(--lightgrey) calc(var(--p)*1%));mask:linear-gradient(#0000 0 0) content-box intersect,conic-gradient(#0000 0,#000 calc(var(--p)*1%))}.tinypie::after{background:var(--primary);background:var(--color);mask:linear-gradient(#0000 0 0) content-box intersect,conic-gradient(#000 calc(var(--p)*1%),#0000 0)}.tinypie.animate{animation:p 1s .5s both}