.corner-menu {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
}

.corner-menu__item {
    position: fixed;
    pointer-events: auto;
    font-size: var(--cm-font-size, 16px);
    font-family: var(--cm-font-family, inherit);
    font-weight: var(--cm-font-weight, 400);
    color: var(--cm-font-color, #000);
    text-decoration: none;
    line-height: 1.2;
    white-space: nowrap;
    transition: opacity .2s ease;
}

.corner-menu__item:hover,
.corner-menu__item:focus {
    opacity: .65;
    color: var(--cm-font-color, #000);
}

.corner-menu__item--top-left {
    top: var(--cm-margin-y, 40px);
    left: var(--cm-margin-x, 40px);
}

.corner-menu__item--top-right {
    top: var(--cm-margin-y, 40px);
    right: var(--cm-margin-x, 40px);
}

.corner-menu__item--bottom-right {
    bottom: var(--cm-margin-y, 40px);
    right: var(--cm-margin-x, 40px);
}

.corner-menu__item--bottom-left {
    bottom: var(--cm-margin-y, 40px);
    left: var(--cm-margin-x, 40px);
}

/* Background bars: hidden on desktop, only shown on mobile when enabled. */
.corner-menu__bar {
    display: none;
}

@media (max-width: 768px) {
    .corner-menu__item {
        font-size: var(--cm-mobile-font-size, 14px);
    }

    .corner-menu__item--top-left {
        top: var(--cm-mobile-margin-y, 20px);
        left: var(--cm-mobile-margin-x, 20px);
    }

    .corner-menu__item--top-right {
        top: var(--cm-mobile-margin-y, 20px);
        right: var(--cm-mobile-margin-x, 20px);
    }

    .corner-menu__item--bottom-right {
        bottom: var(--cm-mobile-margin-y, 20px);
        right: var(--cm-mobile-margin-x, 20px);
    }

    .corner-menu__item--bottom-left {
        bottom: var(--cm-mobile-margin-y, 20px);
        left: var(--cm-mobile-margin-x, 20px);
    }

    .corner-menu__bar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        height: var(--cm-mobile-bar-height, 56px);
        background: var(--cm-mobile-bar-color, #fff);
        pointer-events: none;
    }

    .corner-menu__bar--top {
        top: 0;
    }

    .corner-menu__bar--bottom {
        bottom: 0;
    }
}

@media print {
    .corner-menu { display: none; }
}