@keyframes scroll-left{to{transform:translate(-100%)}}.scrolling-cards{display:grid;place-items:center}@media (width >= 0){.marquee-row{display:none}}@media (width >= 768px){.marquee-row{overflow:hidden;width:100%;max-width:var(--bitovi-cmsr-module-max-width);position:relative;padding:var(--spacing-md-lg) 0;display:block;-webkit-mask:linear-gradient(90deg,hsla(0,0%,0%,0),hsl(0,0%,0%) 30%,hsl(0,0%,0%) 70%,hsla(0,0%,0%,0));mask:linear-gradient(90deg,hsla(0,0%,0%,0),hsl(0,0%,0%) 30%,hsl(0,0%,0%) 70%,hsla(0,0%,0%,0))}}.marquee-row .marquee-track{width:200%;display:flex;animation:scroll-left 30s linear infinite;transition:all 1s ease-in-out}.marquee-row.marquee-right .marquee-track{animation-direction:reverse}.marquee-row:hover .marquee-track{animation-play-state:paused}@media (width >= 0){.show-cards{display:none}}@media (width >= 768px){.show-cards{width:-moz-fit-content;width:fit-content;display:grid;place-items:center}.show-cards span{font-weight:var(--font-weight-semibold);background-color:var(--primary-bit-orange-500);cursor:pointer;transition:.3s all ease-in-out}}.hide-cards{display:none}.card{flex:0 0 auto;width:375px;aspect-ratio:1/.55;margin:0 var(--spacing-md);text-align:center;border-radius:var(--bitovi-radius-md);position:relative;overflow:hidden;padding:var(--spacing-2xl);box-shadow:var(--bitovi-shadow-dark)}@media (width >= 640px){.card{width:45%;margin:var(--spacing-2xl)}}@media (width >= 768px){.card{width:20%;margin:0 var(--spacing-md-lg)}}@media (width >= 1024px){.card{width:15%;margin:0 var(--spacing-md)}}@media (width >= 1440px){.card{width:300px;margin:0 var(--spacing-md)}}.card .normal,.card .hover{width:100%;border-radius:var(--bitovi-radius-md);position:absolute;top:0;left:0;transition:opacity .3s ease;height:100%;-o-object-fit:cover;object-fit:cover}.card .details{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5%;z-index:2;width:100%;top:0;left:0;height:100%}.card .details .upper{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.card .details .upper .tags{display:none;align-items:center;justify-content:flex-start;width:70%}.card .details .upper .tags span{background-color:var(--secondary-gray-100);padding:2% 7%;margin:0 2%;border-radius:var(--radius-sm);font-size:var(--font-size-md-desktop);text-transform:capitalize;color:var(--secondary-gray-500)}.card .details .upper .gitstars{width:30%;display:flex;align-items:center;justify-content:flex-end}.card .details .upper .gitstars svg{width:24px;height:24px;margin-right:2%;color:var(--secondary-gray-100)}.card .details .upper .gitstars .value,.card .details .upper .gitstars .suffix{font-size:var(--font-size-md-desktop);color:var(--secondary-gray-100)}.card .details .lower{width:100%;display:none;align-items:center;justify-content:flex-end}.card .details .lower .link a{text-decoration:none;color:var(--primary-teal-800)}.card .details .lower .link .link-arrow{color:var(--primary-bit-orange-500)}.card .hover{opacity:0}.card:hover .hover{opacity:1}.card:hover .hover~.details .upper{justify-content:space-between}.card:hover .hover~.details .upper .tags{display:flex}.card:hover .hover~.details .upper .gitstars svg,.card:hover .hover~.details .upper .gitstars .value,.card:hover .hover~.details .upper .gitstars .suffix{color:var(--primary-teal-800)}.card:hover .hover~.details .lower{display:flex}.card:hover .normal{opacity:0}@media (width >= 0){.card-list-grid{display:flex;width:100%;height:auto;align-items:flex-start;justify-content:flex-start;flex-flow:wrap}.card-list-grid .cards-container{width:100%;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-flow:wrap}}@media (width >= 0) and (width >= 0){.card-list-grid .cards-container .card{width:100%;margin:var(--spacing-sm-md) auto}}@media (width >= 0) and (width >= 640px){.card-list-grid .cards-container .card{width:45%;margin:var(--spacing-md)}}@media (width >= 768px){.card-list-grid{display:none}}.buttons{width:100%;max-width:var(--bitovi-cmsr-module-max-width);display:grid;place-items:center;padding:var(--section-padding-md) 0}#card-list-checkbox{display:none}#card-list-checkbox:checked{content:"Show Less"}#card-list-checkbox:checked~.marquee-row{display:none}#card-list-checkbox:checked~.card-list-grid{display:flex}#card-list-checkbox:checked~.card-list-grid .cards-container{width:100%;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-flow:wrap}@media (width >= 0){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:100%;margin:var(--spacing-sm-md) auto}}@media (width >= 640px){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:44%;margin:var(--spacing-md)}}@media (width >= 768px){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:45%;margin:var(--spacing-md)}}@media (width >= 1024px){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:47%;margin:var(--spacing-sm-md)}}@media (width >= 1280px){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:30.5%;margin:var(--spacing-sm-md)}}@media (width >= 1440px){#card-list-checkbox:checked~.card-list-grid .cards-container .card{width:31%;margin:1%}}#card-list-checkbox:checked~.buttons{position:absolute;top:2%}@media (width >= 0){#card-list-checkbox:checked~.buttons .hide-cards{display:none}}@media (width >= 640px){#card-list-checkbox:checked~.buttons .hide-cards{top:2%;right:4%}}@media (width >= 768px){#card-list-checkbox:checked~.buttons .hide-cards{display:grid;position:absolute;top:1%;right:5%;background-color:transparent}#card-list-checkbox:checked~.buttons .hide-cards span{color:var(--secondary-gray-500);background-color:transparent;padding:0;font-size:var(--font-size-4xl-desktop);border:none;outline:none;transform:rotate(45deg);cursor:pointer}}@media (width >= 1024px){#card-list-checkbox:checked~.buttons .hide-cards{top:1%;right:5%}}@media (width >= 1280px){#card-list-checkbox:checked~.buttons .hide-cards{top:2%;right:7%}}@media (width >= 1440px){#card-list-checkbox:checked~.buttons .hide-cards{top:3%;right:5%}}#card-list-checkbox:checked~.buttons .show-cards{display:none}
