.tile .favorite.svelte-r560k8{display:block;position:absolute}.tile span.svelte-r560k8{position:absolute;top:0;right:0}.tile .count.svelte-r560k8{opacity:0;font-weight:300;color:#ffffff80;font-size:.8rem;right:5px}.tile:hover .count.svelte-r560k8{opacity:1}.tile:hover .favorite.svelte-r560k8{display:none}kbd.svelte-1om73yk{opacity:0;font-weight:300;font-size:.8rem;position:absolute;right:5px;bottom:5px;line-height:1;color:#fff6}@media screen and (min-width:480px){kbd.svelte-1om73yk{opacity:1!important}}.tile:hover kbd.svelte-1om73yk{opacity:1;color:#ffffff80}.share.svelte-1mr0cjc{opacity:.1;background:none;border:none;cursor:pointer;position:absolute;left:0;bottom:0;padding-bottom:3px}.share.svelte-1mr0cjc svg:where(.svelte-1mr0cjc){fill:#ffffff80}.share.svelte-1mr0cjc:hover svg:where(.svelte-1mr0cjc){fill:#fff}.tile:hover .share.svelte-1mr0cjc{opacity:1}body.dark-mode .progress-bar{background-color:var(--background-color-dark)}body.dark-mode .progress-container{background-color:#000}.transparent.svelte-at632i{background-color:transparent!important}.progress-container.svelte-at632i{width:100%;background-color:#fff}.progress-bar.svelte-at632i{width:0%;height:2px;background:var(--background-color-dark);animation-name:svelte-at632i-progressAnimation;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes svelte-at632i-progressAnimation{0%{width:0%}to{width:100%}}.tile:hover .tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg){opacity:.8;background:#222}.tags.svelte-1yhvzxg{position:absolute;left:0;top:0;display:flex;flex-wrap:wrap;gap:2px}.tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg){opacity:0;font-size:.7rem;padding:3px;background:#000;color:#fff;line-height:1}.tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg):first-child{opacity:.6}.favorite-btn.svelte-s7z9az{display:block;position:absolute;border:none;background:none;bottom:0;left:50%;transform:translate(-50%);cursor:pointer}.tile.svelte-h9dyln{position:relative}.tile.svelte-h9dyln:hover button:where(.svelte-h9dyln){background:#000!important;color:#fff}.tile.svelte-h9dyln button:where(.svelte-h9dyln){display:flex;position:relative;justify-content:center;align-items:center;text-align:center;cursor:pointer;color:#fff;width:100%;border:2px solid rgba(0,0,0,.1);font-weight:700;padding:0 .5rem;min-height:7rem;height:100%;transition:background-color .5s;font-size:1rem;line-height:1.5rem}.tile.svelte-h9dyln button.active:where(.svelte-h9dyln){background:#000!important;color:#fff}button.svelte-1cuoj8q{width:2rem;height:2rem;background:none;border:none}