.card-list-item{background:var(--bg);border-radius:1em;box-shadow:0 2px 15px #00000029;display:flex;flex-direction:column;overflow:hidden;transition:all .4s ease;width:100%;--bg:var(--white);--text-color:var(--mono-400);--highlight:var(--dark-teal)}:root.dark .card-list-item{--bg:var(--black);--text-color:var(--mono-400);--highlight:var(--dark-teal)}.card-list.simulator .card-list-item,:root.dark .card-list.simulator .card-list-item{--bg:var(--black);--text-color:var(--mono-400);--highlight:var(--teal)}:root.dark .card-list.simulator .card-list-item.active{--bg:var(--white);--text-color:var(--mono-400);--highlight:var(--dark-teal)}.card-list:not(.simulator) .card-list-item{opacity:0;scale:.8;transform:translateZ(0);will-change:auto}.card-list:not(.simulator) .card-list-item.active{opacity:1;scale:1}.card-list:not(.simulator) .card-list-item.active,:root.dark .card-list:not(.simulator) .card-list-item{--bg:var(--black);--text-color:var(--mono-400);--highlight:var(--teal)}.card-list-item.done,:root.dark .card-list:not(.simulator) .card-list-item.active{--bg:var(--white);--text-color:var(--mono-500);--highlight:var(--dark-teal)}.card-list-item.done{opacity:1!important;scale:1!important}:root.dark .card-list-item.done{--bg:var(--white);--text-color:var(--mono-500);--highlight:var(--dark-teal)}.card-list-item.last-done{--bg:var(--black);--text-color:var(--mono-400);--highlight:var(--teal);opacity:1;scale:1}:root.dark .card-list-item.last-done{--bg:var(--white);--text-color:var(--mono-500);--highlight:var(--dark-teal)}.card-list-item .medium{font-weight:500}.card-list-item .highlight{color:var(--highlight)}.card-list-item-img{height:65vw;width:100%}.card-list-item-content{color:var(--text-color);display:flex;flex-direction:column;padding:1.3em 1em 2em;width:100%}.card-list-item-title{color:var(--highlight);font-family:var(--font-label);font-weight:800;margin-bottom:1em;text-transform:uppercase}.card-list-item-desc,.card-list-item-title{transition:all .4s ease}@media (min-width:700px){.card-list-item{display:grid;grid-template-columns:7.1fr 9fr;place-items:stretch}.card-list-item-img{height:100%;position:relative}.card-list-item-img .full{left:0;position:absolute;top:0}.card-list-item-content{padding:2.6em 2.3em}}.card-list{padding:4.5em 0}.card-list:not(.simulator){opacity:0;transition:opacity .5s ease-in-out}.card-list:not(.simulator).content-ready{opacity:1}.card-list>.sub-wrapper{gap:2.3em}@media (min-width:700px){.card-list>.sub-wrapper{gap:2.72em}}