.home-works-random{width:600px;height:600px;position:relative;padding:100px 0}.home-works-random .frame{width:400px;height:400px;box-sizing:border-box;border:1px solid var(--color-3);position:absolute;padding:10px}.home-works-random .frame .image{width:100%;height:100%;position:relative;overflow:hidden;opacity:0;transform:scale(.8);animation:appear 2s forwards;cursor:pointer}.home-works-random .frame .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-works-random .frame:hover{z-index:10}.home-works-random .frame:hover .image img{max-width:100%;max-height:100%}.home-works-random .frame:nth-child(1){top:calc(50% - 100px);left:50%;transform:translate(-50%,-50%)}.home-works-random .frame:nth-child(2){top:calc(50% + 100px);left:calc(50% - 100px);transform:translate(-50%,-50%)}.home-works-random .frame:nth-child(3){top:50%;left:calc(50% + 100px);transform:translate(-50%,-50%)}.home-works-random .frame:nth-child(1) .image{top:calc(50% - 100px);left:50%;animation-delay:0s}.home-works-random .frame:nth-child(2) .image{top:calc(50% + 100px);left:calc(50% - 100px);animation-delay:.5s}.home-works-random .frame:nth-child(3) .image{top:50%;left:calc(50% + 100px);animation-delay:1s}.home-works-random .dialog-info{width:400px;max-height:calc(100% - 20px);position:fixed;top:10px;left:10px;border-radius:1rem;overflow:auto;display:none;z-index:110}.home-works-random .dialog-info.selected{display:block}.home-works-random .dialog-info .i-close-artist{width:100%;background-color:var(--color-3);color:var(--color-2);box-shadow:1px 1px 4px var(--color-3);border-radius:1rem;overflow:hidden}.home-works-random .dialog-info .i-close-artist .ca-close{display:flex;justify-content:flex-end;box-sizing:border-box;padding:10px}.home-works-random .dialog-info .i-close-artist .ca-close button{outline:none;border:none;background-color:var(--color-3);color:var(--color-2)}.home-works-random .dialog-info .i-close-artist .ca-close button svg{width:15px}.home-works-random .dialog-info .i-close-artist .ca-artist{width:100%;display:flex;gap:10px;border-top:1px solid var(--color-3);background-color:var(--color-3);color:var(--color-2);box-sizing:border-box;padding:10px}.home-works-random .dialog-info .i-close-artist .ca-artist .avatar{width:80px;height:80px;border-radius:1rem;position:relative;overflow:hidden;background-color:var(--color-1)}.home-works-random .dialog-info .i-close-artist .ca-artist .avatar img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-works-random .dialog-info .i-close-artist .ca-artist .detail{flex:1;box-sizing:border-box;padding:10px}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .username{color:var(--color-6)}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .groups{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .groups .group{height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 15px;background-color:var(--color-2);color:var(--color-1);display:inline-flex;align-items:center;text-transform:capitalize}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .likes-more{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:10px}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .likes-more .likes{display:flex;gap:10px}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .likes-more .likes .icon svg{width:15px}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .likes-more .likes .value{font-size:.8rem}.home-works-random .dialog-info .i-close-artist .ca-artist .detail .likes-more a{height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 15px;background-color:var(--color-9);color:var(--color-2);display:inline-flex;align-items:center}.home-works-random .dialog-info .i-details{width:100%;background-color:var(--color-3);color:var(--color-2);box-shadow:1px 1px 4px var(--color-1);box-sizing:border-box;padding:10px;margin-top:25px;border-radius:1rem}.home-works-random .dialog-info .i-details .title{font-size:1.1rem;font-weight:bolder;color:var(--color-2)}.home-works-random .dialog-info .i-details .groups{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.home-works-random .dialog-info .i-details .groups .group{height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 15px;background-color:var(--color-2);color:var(--color-1);display:inline-flex;align-items:center;text-transform:capitalize}.home-works-random .dialog-info .i-details .description-short{font-size:.8rem;text-align:justify;margin-top:10px}.home-works-random .dialog-info .i-details a{height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 15px;background-color:var(--color-9);color:var(--color-2);display:inline-flex;align-items:center;margin-top:10px}@media (max-width: 450px){.home-works-random .dialog-info{width:calc(100vw - 40px);left:50%;transform:translate(-50%)}}@keyframes appear{0%{opacity:.5;transform:scale(.8) translate(-50%,calc(-50% + 50px))}50%{opacity:.75;transform:scale(1.05) translate(-50%,calc(-50% - 20px))}to{opacity:1;top:50%;left:50%;transform:scale(1) translate(-50%,-50%)}}