/* Menu maker page accents */
.rd-menu-maker-page {
    --rd-page-ring: 0 24px 82px rgba(28, 43, 36, .09);
}

.rd-menu-maker-page .rd-page-hero {
    background:
        radial-gradient(circle at 14% 16%, rgb(var(--rd-primary-rgb) / .14), transparent 28rem),
        radial-gradient(circle at 88% 12%, rgb(var(--rd-accent-rgb) / .13), transparent 25rem),
        linear-gradient(180deg, #ffffff 0%, #f8faf8 100%);
}

.rd-menu-maker-page .rd-page-device-card {
    background:
        linear-gradient(180deg, rgb(255 255 255 / .97), rgb(250 252 250 / .95)),
        radial-gradient(circle at 16% 0%, rgb(var(--rd-primary-rgb) / .14), transparent 18rem),
        radial-gradient(circle at 92% 34%, rgb(var(--rd-accent-rgb) / .1), transparent 12rem);
}

.rd-menu-maker-page .rd-page-device-card::before {
    content: '';
    position: absolute;
    z-index: 1;
    inset-inline-end: 1rem;
    inset-block-end: 1rem;
    width: 9rem;
    height: 7.2rem;
    border: 1px solid rgb(var(--rd-primary-rgb) / .14);
    border-radius: 1.5rem;
    background:
        linear-gradient(180deg, rgb(255 255 255 / .95), rgb(248 251 248 / .95)),
        radial-gradient(circle at 20% 18%, rgb(var(--rd-primary-rgb) / .16), transparent 4.5rem);
    box-shadow: 0 18px 48px rgba(31, 40, 35, .13);
}

.rd-menu-maker-page .rd-page-device-card::after {
    background: rgb(var(--rd-accent-rgb) / .08);
}

.rd-menu-maker-page .rd-page-menu-head {
    background:
        linear-gradient(135deg, var(--primary), var(--primary-strong)),
        radial-gradient(circle at 16% 10%, rgb(255 255 255 / .2), transparent 9rem);
}

.rd-menu-maker-page .rd-page-menu-tabs span:first-child {
    background: rgb(var(--rd-primary-rgb) / .2);
}

.rd-menu-maker-page .rd-page-menu-items article:first-child > span,
.rd-menu-maker-page .rd-page-menu-items article:nth-child(2) > span,
.rd-menu-maker-page .rd-page-menu-items article:nth-child(3) > span {
    display: grid;
    place-items: center;
    color: var(--primary-strong);
    font-size: .74rem;
    font-weight: 950;
}

.rd-menu-maker-page .rd-page-menu-items article:first-child > span::after { content: 'SET'; }
.rd-menu-maker-page .rd-page-menu-items article:nth-child(2) > span::after { content: 'ITM'; }
.rd-menu-maker-page .rd-page-menu-items article:nth-child(3) > span::after { content: 'QR'; }

.rd-menu-maker-page .rd-page-step-card::before,
.rd-menu-maker-page .rd-page-card::before {
    background: linear-gradient(180deg, rgb(var(--rd-primary-rgb) / .18), rgb(var(--rd-accent-rgb) / .1));
}

.rd-menu-maker-page .rd-page-note {
    border-color: rgb(var(--rd-primary-rgb) / .13);
    background:
        radial-gradient(circle at 92% 8%, rgb(var(--rd-primary-rgb) / .13), transparent 20rem),
        linear-gradient(135deg, #ffffff, #f6faf7);
    color: var(--text);
}

.rd-menu-maker-page .rd-page-note span {
    background: rgb(var(--rd-primary-rgb) / .09);
    color: var(--primary-strong);
}

.rd-menu-maker-page .rd-page-note h2 {
    color: var(--text);
}

.rd-menu-maker-page .rd-page-note p {
    color: var(--muted);
}

@media (max-width: 640px) {
    .rd-menu-maker-page .rd-page-device-card::before {
        width: 7.4rem;
        height: 6.1rem;
        inset-inline-end: .9rem;
        inset-block-end: .9rem;
        opacity: .78;
    }
}