@charset "utf-8";

.rb-mobile-quick-nav {
    display: none;
}

@media all and (max-width: 1024px) {
    .rb-mobile-quick-nav {
        --rb-quick-size: 52px;
        --rb-quick-gap: 10px;
        --rb-quick-accent: var(--rb-main-color, #aa20ff);
        --rb-quick-accent-deep: #7e20d3;
        position: fixed;
        right: 16px;
        bottom: calc(20px + env(safe-area-inset-bottom));
        z-index: 10001;
        display: block;
        font-family: inherit;
    }

    .rb-mobile-quick-nav.rb-has-bottom-control {
        bottom: calc(78px + env(safe-area-inset-bottom));
    }

    .rb-mobile-quick-actions {
        display: flex;
        flex-direction: column;
        gap: var(--rb-quick-gap);
    }

    .rb-mobile-quick-button {
        width: var(--rb-quick-size);
        height: var(--rb-quick-size);
        min-width: var(--rb-quick-size);
        min-height: var(--rb-quick-size);
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        isolation: isolate;
        transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
    }

    .rb-mobile-quick-button svg {
        display: block;
        flex: 0 0 auto;
        pointer-events: none;
    }

    .rb-mobile-quick-icon-close {
        display: none !important;
    }

    .rb-mobile-quick-button-primary.is-open .rb-mobile-quick-icon-menu {
        display: none;
    }

    .rb-mobile-quick-button-primary.is-open .rb-mobile-quick-icon-close {
        display: block !important;
    }

    .rb-mobile-quick-nav .rb-mobile-quick-button-secondary {
        color: #8c23d1;
        background: #fff;
        border-color: rgba(140, 35, 209, .32);
        box-shadow:
            0 8px 22px rgba(73, 26, 102, .16),
            0 2px 6px rgba(0, 0, 0, .1);
    }

    .rb-mobile-quick-nav .rb-mobile-quick-button-secondary svg path {
        stroke: #8c23d1;
    }

    .rb-mobile-quick-nav .rb-mobile-quick-button-primary {
        color: #fff;
        background: linear-gradient(145deg, #bd38ff 0%, var(--rb-quick-accent) 48%, var(--rb-quick-accent-deep) 100%);
        border-color: rgba(126, 32, 211, .28);
        box-shadow:
            0 10px 26px rgba(152, 31, 223, .3),
            0 3px 8px rgba(70, 10, 100, .18),
            inset 0 1px 0 rgba(255, 255, 255, .3);
    }

    .rb-mobile-quick-button:active {
        transform: scale(.92);
        box-shadow: 0 3px 10px rgba(73, 26, 102, .18);
    }

    .rb-mobile-quick-button[hidden] {
        display: none;
    }

    .rb-mobile-quick-button:focus-visible {
        outline: 3px solid rgba(170, 32, 255, .32);
        outline-offset: 3px;
    }

    @media (hover: hover) {
        .rb-mobile-quick-nav .rb-mobile-quick-button-secondary:hover {
            background: #fff;
            border-color: rgba(170, 32, 255, .34);
        }

        .rb-mobile-quick-nav .rb-mobile-quick-button-primary:hover {
            box-shadow:
                0 12px 30px rgba(152, 31, 223, .36),
                0 4px 10px rgba(70, 10, 100, .2),
                inset 0 1px 0 rgba(255, 255, 255, .3);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .rb-mobile-quick-button {
            transition: none;
        }
    }
}