@charset "UTF-8";.svelte-cbvlcx::-webkit-scrollbar{width:7px;height:7px}.svelte-cbvlcx::-webkit-scrollbar-thumb{background-color:#ffeb3b;border-radius:5px;border:2px solid transparent}.svelte-cbvlcx::-webkit-scrollbar-track{background-color:#44444eb1;border-radius:5px}.svelte-cbvlcx::-webkit-scrollbar-thumb:active{background-color:#555}@font-face{font-family:Fredoka;src:url(../../../fonts/Fredoka.woff2) format("woff2")}@font-face{font-family:OpenSans;src:url(../../../fonts/OpenSans.woff2) format("woff2")}.grid-item.svelte-cbvlcx{position:relative;box-sizing:border-box;border-radius:10px;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 6px #0000004d;aspect-ratio:1/1}.grid-item.svelte-cbvlcx:hover{transform:scale(105%)}.grid-item.svelte-cbvlcx:hover .overlay:where(.svelte-cbvlcx){opacity:1;z-index:1}.grid-item.svelte-cbvlcx:hover .badge:where(.svelte-cbvlcx){width:auto;padding:0 1rem;transform:rotate(0);top:.5rem;left:0;text-align:left;font-size:.85rem}.grid-item.svelte-cbvlcx:hover .orientation-badge:where(.svelte-cbvlcx){opacity:0;transform:scale(0)}.grid-item.svelte-cbvlcx .badge:where(.svelte-cbvlcx){width:10rem;box-sizing:border-box;position:absolute;top:.5rem;left:-4rem;z-index:2;font-size:.8rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transform:rotate(-40deg);transform-origin:center;box-shadow:0 2px 6px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;border-radius:0 .5rem .5rem 0}.grid-item.svelte-cbvlcx .badge.new:where(.svelte-cbvlcx){background-color:red}.grid-item.svelte-cbvlcx .badge.top:where(.svelte-cbvlcx){background-color:#efbf04}.grid-item.svelte-cbvlcx .orientation-badge:where(.svelte-cbvlcx){position:absolute;z-index:2;top:.2rem;right:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 2px 6px #0000004d}.grid-item.svelte-cbvlcx .orientation-badge:where(.svelte-cbvlcx) i:where(.svelte-cbvlcx){color:#f5f5f5}.grid-item.svelte-cbvlcx img:where(.svelte-cbvlcx){width:100%;height:100%;object-fit:cover;object-position:center}.grid-item.svelte-cbvlcx .overlay:where(.svelte-cbvlcx){position:absolute;z-index:-1;border-radius:inherit;height:100%;width:100%;top:0;left:0;background:linear-gradient(to top,#0009,#0000);transition:all .4s ease;opacity:0;font-size:.7rem;letter-spacing:.8px;line-height:1;font-weight:700;text-align:center;text-transform:uppercase;color:#f5f5f5;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;box-sizing:border-box;padding:.5rem}.grid-item.svelte-cbvlcx .overlay.little:where(.svelte-cbvlcx){font-size:.7rem}.grid-item.svelte-cbvlcx .overlay.medium:where(.svelte-cbvlcx){font-size:1rem}.grid-item.svelte-cbvlcx .overlay.big:where(.svelte-cbvlcx){font-size:1rem;line-height:1.5}.grid-item.svelte-cbvlcx .overlay.banner:where(.svelte-cbvlcx){font-size:1rem}.little.svelte-cbvlcx{grid-column:span 1;grid-row:span 1;border-radius:.8rem;font-size:.7rem;aspect-ratio:1/1;align-self:center}.medium.svelte-cbvlcx{grid-column:span 2;grid-row:span 2;border-radius:.8rem;font-size:.9rem;aspect-ratio:1/1;align-self:center}.big.svelte-cbvlcx{grid-column:span 3;grid-row:span 3;border-radius:.8rem;font-size:1rem;aspect-ratio:1/1;align-self:center}.banner.svelte-cbvlcx{grid-column:span 3;grid-row:span 1;border-radius:.8rem}