.media-container{width:185px;display:inline-block;position:relative}.image-container{box-shadow:0 14px 30px rgba(var(--color-shadow-blue),.15),0 4px 4px rgba(var(--color-shadow-blue),.05);cursor:pointer;background-color:var(--media-background);opacity:0;border-radius:7px;width:100%;height:265px;animation:.4s forwards fade-in;display:inline-block;position:relative;overflow:hidden}.image{object-fit:cover;opacity:0;z-index:8;border-radius:7px;width:100%;height:100%;animation:.3s ease-in-out forwards fade-in;display:block;position:relative}.hide{display:none}.rank{background:var(--media-background);color:var(--media-background-text);z-index:10;text-align:center;justify-content:center;align-items:center;font-weight:800;animation:.3s linear forwards pop-up-animation;display:flex;position:absolute;top:-10px;left:-10px;transform:scale(0)}.circle{border-radius:50%}.number{background:inherit}.hash{opacity:.8;background:inherit;padding-top:2px;font-size:.7rem}.overlay{background:rgba(var(--color-overlay),.9);color:var(--media-text-light);z-index:10;border-top-left-radius:7px;border-top-right-radius:7px;flex-direction:column;justify-content:center;width:100%;padding:12px;font-weight:600;transition:all .3s;display:flex;position:absolute;bottom:-100px;overflow:hidden}.overlay:before{background:var(--media-background);content:"";opacity:.1;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-name,.overlay-type{background:0 0}.overlay-name{color:rgb(var(--color-white));-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.925rem;display:-webkit-box;overflow:hidden}.overlay:hover .overlay-name{color:var(--media-text-dark)}.overlay-type{margin-top:8px;font-size:.8rem}.image-container:hover .overlay{bottom:0}.title{-webkit-line-clamp:2;text-overflow:ellipsis;text-align:center;color:rgb(var(--color-gray-700));cursor:pointer;background-color:transparent;-webkit-box-orient:vertical;margin-top:5px;font-size:.925rem;font-weight:600;line-height:21px;animation:.3s linear forwards pop-up-animation;display:-webkit-box;overflow:hidden;transform:scale(0)}[data-theme=dark] .title:hover{color:var(--media-text-light)}[data-theme=light] .title:hover,[data-theme=contrast] .title:hover{color:var(--media-text-dark)}a{outline:0;text-decoration:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-up-animation{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:1040px){.image-container{aspect-ratio:185/265;height:auto}.media-container{width:100%}}@media (max-width:760px){.rank{font-size:.9rem;top:-7px;left:-7px}.hash{font-size:.6rem}.title{font-size:.8rem}.image,.image-container{border-radius:5px}.overlay{border-top-left-radius:5px;border-top-right-radius:5px;padding:8px;bottom:0}.overlay-name{display:none}.overlay-type{text-align:center;margin:0;font-size:.8rem}}
.no-results-wrapper{text-align:center;color:rgb(var(--color-text));opacity:1;flex-direction:column;justify-content:center;align-items:center;padding:30px;font-size:1.4rem;font-weight:700;animation:.4s fade-in;display:flex}.no-results{padding-top:30px}.no-results-emoji{width:50px;height:50px}.marshmallow-emoji{fill:none;stroke:rgb(var(--color-text));stroke-linecap:round;stroke-width:18px;stroke-linejoin:round}.marshmallow-emoji-face{stroke-width:17px}@media (max-width:760px){.marshmallow-emoji{stroke-width:16px}.marshmallow-emoji-face{stroke-width:15px}.no-results{padding-top:20px}.no-results-wrapper{padding-top:50px}}