/* not-found — centered hero with circular mark and two faint background blobs */
.notfound-centered__blob {
    pointer-events: none;
    width: 16rem;
    height: 16rem;
}

.notfound-centered__blob--one {
    width: 16rem;
    height: 16rem;
    transform: translate(4rem, -4rem);
}

.notfound-centered__blob--two {
    width: 18rem;
    height: 18rem;
    transform: translate(-5rem, 5rem);
}

.notfound-centered__mark {
    width: 6rem;
    height: 6rem;
    flex: none;
}

.notfound-centered__title {
    max-width: 32rem;
}

.notfound-centered__desc {
    line-height: 1.6;
}

.notfound-centered__dot {
    width: 0.5rem;
    height: 0.5rem;
    flex: none;
}

@media (max-width: 767px) {
    .notfound-centered__blob--one,
    .notfound-centered__blob--two {
        width: 9rem;
        height: 9rem;
    }
}