.slideout-panel{height:100vh;left:0;position:fixed;top:0;z-index:1}.slideout-page{min-height:100vh;position:relative;will-change:transform}:root{--background-content:#fff;--background-cards:#f1f1f1;--foreground-content:#333;--border-cards:#cbd5e0;--card-shadow:0 4px 6px rgba(0,0,0,.1);--card-shadow-hover:0 8px 15px rgba(0,0,0,.15);--tick-color:#2e7d32}@media (prefers-color-scheme:dark){:root{--background-content:#1a1a1a;--background-cards:#232021;--foreground-content:#fff;--border-cards:#3d3d3d;--card-shadow:0 4px 6px rgba(0,0,0,.3);--card-shadow-hover:0 8px 15px rgba(0,0,0,.45);--tick-color:#4caf50}}body{transition:background-color .3s ease,color .3s ease}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{color:var(--foreground-content);display:flex;flex-direction:column;width:100%}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.card__container{border:1px solid var(--border-cards);border-radius:2px;box-shadow:var(--card-shadow);display:flex;flex:1;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card__img-container{aspect-ratio:100/65;overflow:hidden;position:relative}@supports not (aspect-ratio:1){.card__img-container:before{content:"";float:left;padding-top:65%}.card__img-container:after{clear:both;content:"";display:block}}.card__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__content{background-color:var(--background-cards);display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:1.5rem}.card__more{color:#bf0000}