@hdeng-slider-dots-bg: #6B6B6B;
@hdeng-slider-dots-highlight-bg: @hdeng-key-color;

.hdeng-slider-critical-generate() {
    .slider {
        .hdeng-clearfix();
        position: relative;
    }

    .slider__item:first-child {
        display: block;
    }

    .slider__item {
        display: none;
        position: relative;
        width: 100%;

        a {
            text-decoration: none;
        }

        img {
            .hdeng-img-responsive();
            width: 100%;
        }
    }
}

.hdeng-slider-generate() {
    // Silence
}

.hdeng-slider-dots() {
    top: 0;
    bottom: auto;
    display: block;
    position: absolute;
    list-style: outside none none;
    text-align: center;
    padding: 0;
    width: 100%;

    li {
        position: relative;
        display: inline-block;
        margin: 0 floor(@hdeng-spacing / 4);
        padding: 0;

        button {
            cursor: pointer;
            height: floor(@hdeng-spacing / 2);
            width: floor(@hdeng-spacing / 2);
            border-radius: @hdeng-border-radius;
            margin: floor(@hdeng-spacing / 2) 0;
            background: @hdeng-slider-dots-bg;
            transition: opacity 0.2s ease 0s;
            border: 0;
            display: block;
            outline: 0 none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: floor(@hdeng-spacing / 4);

            &:hover {
                background: @hdeng-slider-dots-highlight-bg;
            }
        }

        @media (max-width: @hdeng-breakpoint-default) {
            padding: floor(@hdeng-spacing / 4) floor(@hdeng-spacing / 2);
        }
    }

    @media (max-width: @hdeng-breakpoint-default) {
        top: auto;
        bottom: 0;
        margin: floor(@hdeng-spacing / 2) 0;
        right: 0;
    }

    @media (max-width: @hdeng-breakpoint-mobile) {
        position: relative;
    }
}
