.map-source-icon,.map-custom-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.lesson-card{--map-icon-size:100px;--map-marker-scale:1}
.lesson-card .card-picture{position:absolute;left:50%;top:12%;transform:translateX(-50%);display:block;width:var(--map-icon-size);height:var(--map-icon-size);padding:0;flex:none}
.lesson-card.completed{background:#fff;border-color:#adc2cf}
.lesson-card.completed .card-picture{top:5%}
.lesson-card .card-label{position:absolute;bottom:0;left:0;right:0;background:#ffffffb3}
.lesson-card .map-source-stars{position:absolute;left:50%;bottom:32px;width:143px;height:55px;background-image:url('./assets/map/stars.png');background-size:143px 330px;background-repeat:no-repeat;transform:translateX(-50%) scale(var(--map-marker-scale));transform-origin:bottom center;z-index:4;pointer-events:none}
.map-completion-check{position:absolute;left:50%;bottom:33px;width:38px;height:38px;background:url('./assets/map/green-check.png') center/contain no-repeat;transform:translateX(-50%) scale(var(--map-marker-scale));transform-origin:bottom center;z-index:4;pointer-events:none}
.map-perfect-score{position:absolute;top:3px;right:3px;width:32px;height:30px;object-fit:contain;transform:scale(var(--map-marker-scale));transform-origin:top right;z-index:4}
@media(max-width:760px){.lesson-card{--map-icon-size:76px;--map-marker-scale:.78}.lesson-card .map-source-stars{bottom:27px}.map-completion-check{bottom:28px}}
@media(max-width:480px){.lesson-card{--map-icon-size:65px;--map-marker-scale:.61}.lesson-card .map-source-stars{bottom:27px}.map-completion-check{bottom:28px}}

.lesson-card:not(.completed):not(.studied) .map-custom-icon{filter:grayscale(1)}
.lesson-card.completed .map-custom-icon,.lesson-card.studied .map-custom-icon{filter:none}