.tile .favorite.svelte-r560k8{display:block;position:absolute}.tile span.svelte-r560k8{position:absolute;top:0;right:0}.tile .count.svelte-r560k8{opacity:0;color:#ffffff80;font-size:.8rem;font-weight:300;right:5px}.tile:hover .count.svelte-r560k8{opacity:1}.tile:hover .favorite.svelte-r560k8{display:none}kbd.svelte-1om73yk{opacity:0;color:#fff6;font-size:.8rem;font-weight:300;line-height:1;position:absolute;bottom:5px;right:5px}@media screen and (width>=480px){kbd.svelte-1om73yk{opacity:1!important}}.tile:hover kbd.svelte-1om73yk{opacity:1;color:#ffffff80}.share.svelte-1mr0cjc{opacity:.1;cursor:pointer;background:0 0;border:none;padding-bottom:3px;position:absolute;bottom:0;left:0}.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:#0000!important}.progress-container.svelte-at632i{background-color:#fff;width:100%}.progress-bar.svelte-at632i{background:var(--background-color-dark);width:0%;height:2px;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{flex-wrap:wrap;gap:2px;display:flex;position:absolute;top:0;left:0}.tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg){opacity:0;color:#fff;background:#000;padding:3px;font-size:.7rem;line-height:1}.tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg):first-child{opacity:.6}.favorite-btn.svelte-s7z9az{cursor:pointer;background:0 0;border:none;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tile.svelte-h9dyln{position:relative}.tile.svelte-h9dyln:hover button:where(.svelte-h9dyln){color:#fff;background:#000!important}.tile.svelte-h9dyln button:where(.svelte-h9dyln){text-align:center;cursor:pointer;color:#fff;border:2px solid #0000001a;justify-content:center;align-items:center;width:100%;height:100%;min-height:7rem;padding:0 .5rem;font-size:1rem;font-weight:700;line-height:1.5rem;transition:background-color .5s;display:flex;position:relative}.tile.svelte-h9dyln button.active:where(.svelte-h9dyln){color:#fff;background:#000!important}button.svelte-1cuoj8q{background:0 0;border:none;width:2rem;height:2rem}