.hdeng-toplink-critical-generate() {
    // Silence
}

.hdeng-toplink-generate() {
    .toplink {
        position: fixed;
        z-index: 999;
        right: 25px;
        bottom: 25px;
        background: @hdeng-key-color;
        box-shadow: 1px 1px floor(@hdeng-spacing / 4) 0 rgba(0, 0, 0, 0.4);
        border-radius: @hdeng-border-radius;
        padding: 9px;
        line-height: 16px;

        opacity: 0;
        transition: opacity 250ms @hdeng-ease-out-function;

        @media (max-width: @hdeng-breakpoint-default) {
            right: 15px;
            bottom: 15px;
        }
    }

    .toplink--visible {
        opacity: 1;
    }

    .toplink__icon {
        display: inline-block;
        vertical-align: -16%;
        background-image: url(img/toplink.png);
        width: 32px;
        height: 32px;

        @media (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi) {
            background-image: url(img/toplink@2x.png);
            background-size: 32px 32px;
        }

        @media (max-width: @hdeng-breakpoint-default) {
            background-image: url(img/toplink-small.png);
            width: 16px;
            height: 16px;

            @media (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi) {
                background-image: url(img/toplink-small@2x.png);
                background-size: 16px 16px;
            }
        }
    }
}
