.card-container{width:300px;background-color:var(--background-secondary);border-radius:10px;padding:6px 12px;font-weight:600;display:flex;justify-content:flex-end;align-items:center;border:2px solid var(--background-secondary);transition:height .3s ease-in-out;--animation-height:100%}.card-container button{padding:0;width:min-content;height:1.5em;align-self:flex-start;background-color:inherit!important;border:none}.card-container svg{color:var(--highlight-text)!important}.card-container .entity-image,.card-container img{opacity:1;align-self:flex-start;transition:height .3s ease,width .3s ease,opacity .3s ease}.card-hint-icon{position:relative;font-size:12px;background-color:var(--theme-secondary);border:2px solid var(--theme-primary);border-radius:50%;height:22px;min-width:22px;margin:2px -6px;display:flex;align-items:center;justify-content:center;font-weight:900;transition:all .3s ease;align-self:flex-start}.card-hint-icon svg{height:12px;width:12px;color:var(--theme-text)!important}.card-label{flex-grow:1;display:flex;justify-content:flex-end;gap:6px;padding:0 12px;transition:all .25s ease}.card-image-container{height:120px}.card-image{border-radius:5px}.card-expand-icon{position:absolute;align-self:flex-start;display:flex;align-items:center;justify-content:center}.card-container.reverse{flex-direction:row-reverse}.card-container.reverse .card-label{justify-content:flex-start}.card-container.condensed{align-items:center;--animation-height:40px}.card-container.condensed .card-label{max-width:260px}.card-container.condensed .entity-image,.card-container.condensed img{opacity:0}.card-container.target{border:3px solid var(--theme-primary);background-color:var(--theme-secondary);color:var(--theme-text)}.card-container.target .card-label{margin-left:0;justify-content:center}.card-container.target .card-expand-icon{margin-right:275px}.card-container.target .card-hint-icon{margin:95px -22px auto 1px}.card-container.target svg{color:var(--theme-text)!important}.card-container.highlight{justify-content:flex-end;font-weight:900}.card-container.highlight .card-label{flex-grow:1;display:flex;justify-content:center}.card-container.highlight .card-hint-icon{margin-top:1px}.card-container.condensed.reverse{flex-direction:row-reverse!important}@media(hover:hover){.card-container:hover{cursor:pointer;border-color:var(--highlight-faded)}}.card-container.target.condensed{flex-direction:row;justify-content:stretch;align-items:center}.card-container.target.condensed .card-label{max-width:none;margin-left:0;padding:0 28px}.card-container.target.condensed .card-hint-icon{margin:0 -20px auto 28px}.card-container.slide-in{animation:slide-in .3s ease-out}.card-container.slide-in:first-of-type{animation:slide-in-first-card .3s ease-out}.card-container.slide-out{animation:slide-out .3s ease-out}.card-container.slide-out:first-of-type{animation:slide-out-first-card .3s ease-out}@keyframes slide-in{0%{transform:translateY(calc(0px - var(--animation-height, 100%)))}to{transform:translateY(0)}}@keyframes slide-in-first-card{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(calc(0px - var(--animation-height, 100%)))}}@keyframes slide-out-first-card{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.card-track-container{width:min-content;min-width:324px;max-width:var(--max-width-mobile);min-height:20em;max-height:60vh;color:var(--text-primary);box-shadow:inset 2px 2px 3px var(--highlight-faded),inset -2px -2px 3px var(--highlight-faded);background-color:var(--background-faded);border-radius:10px;padding:28px 12px 12px;display:flex;flex-direction:column;gap:12px;flex-grow:1;overflow:hidden auto}.card-track-container.full-height{max-height:none}.card-track-container.no-prompt{padding:12px}.card-track-prompt{width:300px;min-height:50px;display:flex;justify-content:center;align-items:center;background-color:var(--background-faded);padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;text-align:center}.card-track-carousel-container{max-width:324px;height:432px;margin:0 -12px}.card-track-carousel-container ul{display:flex;background-color:rgba(0,0,0,0);list-style:none}.card-track-carousel-container li{width:324px!important}.card-track-carousel-container li>div{display:flex;flex-direction:column;gap:12px;padding:0 12px}.card-track-carousel-arrow{width:min-content;position:absolute;transition:transform .2s ease}.card-track-carousel-arrow button{border-width:2px;border-radius:10px;padding:16px 2px;display:flex;justify-content:center}.card-track-carousel-arrow :first-child svg{padding:0}.card-track-carousel-arrow.right{transform:translate(calc(324px - 67%),calc(-216px - 50%))}.card-track-carousel-arrow.left{transform:translate(-33%,calc(-216px - 50%))}@media(hover:hover){.card-track-carousel-arrow.right:hover{transform:translate(calc(324px - 50%),calc(-216px - 50%))}.card-track-carousel-arrow.left:hover{transform:translate(-50%,calc(-216px - 50%))}}