.tile.svelte-1vs1uyo{position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:20px;width:500px;height:150px;padding:20px;border:1px solid var(--fg);border-radius:var(--border-radius);transition:color .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out}.tile.svelte-1vs1uyo .theme-color:where(.svelte-1vs1uyo){position:absolute;height:100%;width:5px;top:0;left:0;z-index:-1;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.tile.svelte-1vs1uyo:before{content:var(--index);position:absolute;top:10%;left:0;bottom:10%;right:0;font-size:10em;filter:blur(5px);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;transition:color .3s ease-in-out;background:var(--pride-flag, light-dark(#00000040, #ffffff40));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background .3s ease-in-out}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo){width:calc(70% - 20px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .top:where(.svelte-1vs1uyo){width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .page-title:where(.svelte-1vs1uyo){font-size:1.5em;color:var(--fg);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1;overflow:hidden;transition:color .3s ease-in-out}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .page-title:where(.svelte-1vs1uyo):hover{transform:none}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .page-title:where(.svelte-1vs1uyo):after{content:none}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .url:where(.svelte-1vs1uyo){font-size:.9em;display:flex;align-items:center;justify-content:flex-start;gap:5px;width:100%}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .url:where(.svelte-1vs1uyo) a:where(.svelte-1vs1uyo){max-width:100%;white-space:nowrap;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .url:where(.svelte-1vs1uyo) img:where(.svelte-1vs1uyo){aspect-ratio:1;height:20px;vertical-align:middle}.tile.svelte-1vs1uyo .left:where(.svelte-1vs1uyo) .description:where(.svelte-1vs1uyo){margin:10px 0 0;overflow:hidden;line-height:1.5;text-overflow:ellipsis;text-indent:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s ease-in-out}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo){position:relative;display:flex;justify-content:center;align-items:center;gap:2px;height:100%;max-width:30%;z-index:1}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo):hover .blankie:where(.svelte-1vs1uyo){opacity:.2}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo) .thumbnail:where(.svelte-1vs1uyo){object-fit:contain;height:100%;width:auto;max-width:150px;max-height:150px;border-radius:var(--border-radius)}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo) a:where(.svelte-1vs1uyo){position:absolute;bottom:-5px;right:-5px;display:flex;align-items:flex-end;justify-content:flex-end}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo) a:where(.svelte-1vs1uyo):after{content:none}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo) a:where(.svelte-1vs1uyo) .blankie:where(.svelte-1vs1uyo){aspect-ratio:88 / 31;border-radius:0;height:31px;width:88px;object-fit:cover;box-shadow:0 0 5px var(--bg);transition:opacity .15s ease-in-out,box-shadow .3s ease-in-out}.tile.svelte-1vs1uyo .right:where(.svelte-1vs1uyo) a:where(.svelte-1vs1uyo) .blankie:where(.svelte-1vs1uyo):hover{opacity:1}@keyframes svelte-1vs1uyo-loading{0%{background-position:-20% 0%}to{background-position:120% 0%}}.loading .page-title.svelte-1vs1uyo{height:30px;width:120px}.loading .url.svelte-1vs1uyo{height:17px;width:150px;margin-top:5px}.loading .description.svelte-1vs1uyo{height:80px;width:250px}.loading .right.svelte-1vs1uyo{height:100%;aspect-ratio:1}.loading .img.svelte-1vs1uyo{height:100%;width:100%}.loading .page-title.svelte-1vs1uyo,.loading .description.svelte-1vs1uyo,.loading .url.svelte-1vs1uyo,.loading .img.svelte-1vs1uyo{border-radius:var(--border-radius);background:linear-gradient(100deg,light-dark(rgba(0,0,0,.01),rgba(255,255,255,.01)) 0%,light-dark(rgba(0,0,0,.01),rgba(255,255,255,.01)) 45%,light-dark(rgba(0,0,0,.3),rgba(255,255,255,.3)) 50%,light-dark(rgba(0,0,0,.01),rgba(255,255,255,.01)) 55%,light-dark(rgba(0,0,0,.01),rgba(255,255,255,.01)) 100%);background-size:200% 100%;animation:svelte-1vs1uyo-loading 1.5s ease-in-out infinite}@media screen and (max-width: 600px){.tile.svelte-1vs1uyo:before{background-size:100% 40%;background-position-y:50%;top:0;filter:blur(3px);bottom:50%;right:10%;font-size:5em;justify-content:flex-end}.tile.svelte-1vs1uyo{width:100%;max-width:100%;box-sizing:border-box;height:auto;flex-direction:column;align-items:flex-start;gap:10px;min-height:300px}.left.svelte-1vs1uyo{width:100%;max-width:100%!important}.right.svelte-1vs1uyo{max-width:100%!important;width:100%;margin-top:10px}.right.svelte-1vs1uyo .thumbnail:where(.svelte-1vs1uyo){width:100%!important;max-width:100%!important;max-height:200px!important;height:auto!important;object-fit:cover!important}.right.svelte-1vs1uyo .blankie:where(.svelte-1vs1uyo){width:100%!important;max-width:100%;height:auto!important;aspect-ratio:auto}}
