.module-card{box-sizing:border-box;border:1px solid #d2d7d8;border-radius:20px;padding:25px;container-type:inline-size}.module-card .module-card-inner{height:100%;position:relative}.module-card .module-card-inner .card-toggle{background:#fff;border:1px solid #4d4f50;border-radius:5px;width:max-content;padding:4px;position:relative}.module-card .module-card-inner .card-toggle .not-started{display:none}.module-card .module-card-inner .card-toggle.not-started{pointer-events:none}.module-card .module-card-inner .card-toggle.not-started .not-started{padding-inline:5px;display:block}.module-card .module-card-inner .card-toggle.not-started .option{display:none}.module-card .module-card-inner .card-toggle.option-1,.module-card .module-card-inner .card-toggle.option-2{cursor:pointer;grid-template-columns:1fr 1fr;display:grid}.module-card .module-card-inner .card-toggle.option-1:before,.module-card .module-card-inner .card-toggle.option-2:before{content:"";z-index:2;background:#4d4f50;border-radius:5px;transition:all .3s;position:absolute;inset:4px 50% 4px 4px}.module-card .module-card-inner .card-toggle.option-1 .option,.module-card .module-card-inner .card-toggle.option-2 .option{text-align:center;z-index:3;padding:5px 10px}.module-card .module-card-inner .card-toggle.option-1.option-1 .option.option-1,.module-card .module-card-inner .card-toggle.option-2.option-1 .option.option-1{color:#fff}.module-card .module-card-inner .card-toggle.option-1.option-2:before,.module-card .module-card-inner .card-toggle.option-2.option-2:before{background:#5f9e00;inset:4px 4px 4px 50%}.module-card .module-card-inner .card-toggle.option-1.option-2 .option.option-2,.module-card .module-card-inner .card-toggle.option-2.option-2 .option.option-2{color:#fff}.module-card .module-card-inner .card-toggle.option-1:active,.module-card .module-card-inner .card-toggle.option-2:active{background:#f2f2f2}.module-card .module-card-inner .star-container{position:absolute;top:0;right:0}.module-card .module-card-inner .star-container .icon{transition:transform .2s}.module-card .module-card-inner .star-container:hover{cursor:pointer}.module-card .module-card-inner .star-container:hover .icon{filter:brightness(0)saturate()invert(19%)sepia(79%)saturate(2487%)hue-rotate(201deg)brightness(90%)contrast(98%)}.module-card .module-card-inner .star-container:active .icon{transform:scale(1.2)}.module-card .module-card-inner .card-content .heading{text-wrap:pretty;max-width:700px;padding-right:40px}.module-card .module-card-inner .card-content .published-container{grid-template-rows:0fr;transition:all .3s .3s;display:grid}.module-card .module-card-inner .card-content .published-container .published{opacity:0;transition:all .3s;overflow:hidden}.module-card .module-card-inner .card-content .published-container.active{grid-template-rows:1fr;transition:all .3s}.module-card .module-card-inner .card-content .published-container.active .published{opacity:1;transition:all .3s .3s}.module-card .module-card-inner .card-content .published{font-weight:400}.module-card .module-card-inner .card-content .description{-webkit-line-clamp:3;text-wrap:pretty;-webkit-box-orient:vertical;max-width:800px;display:-webkit-box;overflow:hidden}.module-card .module-card-inner .card-stats{gap:5px}.module-card .module-card-inner .card-stats .stat{align-items:center;gap:10px;display:flex}.module-card .module-card-inner .card-callouts{margin-top:auto!important}.module-card .module-card-inner .card-callouts .complete-callout{grid-template-rows:0fr;transition:all .3s .3s;display:grid}.module-card .module-card-inner .card-callouts .complete-callout .complete-callout-inner{opacity:0;transition:all .3s;overflow:hidden}.module-card .module-card-inner .card-callouts .complete-callout.active{grid-template-rows:1fr;transition:all .3s}.module-card .module-card-inner .card-callouts .complete-callout.active .complete-callout-inner{opacity:1;transition:all .3s .3s}.module-card:hover{cursor:default;background:#f2f2f2}@container (min-width:600px){.module-card .module-card-inner{flex-direction:row;justify-content:space-between;gap:40px;width:100%}.module-card .module-card-inner .card-toggle{display:none}.module-card .module-card-inner .card-stats .stat{width:max-content}.module-card .module-card-inner .card-callouts{height:max-content;margin:auto 0 0!important}.module-card .module-card-inner .card-callouts .complete-callout{display:none}}@media only screen and (max-width:767px){.module-card{border-radius:10px;padding:10px}}
