.simple-slider {
    width: 100%;
}
.simple-slider .slides-view {
    overflow: hidden;
    position: relative;
}
.simple-slider .slides-wrap {
    font-size: 0;
    position: relative;
    white-space : nowrap;
    transition: all 0.5s ease;
    left: 0%;
    display: flex;
    flex-flow: row nowrap;
}
.simple-slider .slides-wrap .slide {
    position: relative;
    width: 33.3%;
    max-width: 33.3%;
    min-width: 33.3%;
    box-sizing: border-box;
}


.simple-slider .controls {
    text-align: center;
    pointer-events: none;
}
.simple-slider .controls span {
    font-size: 4em;
    cursor: pointer;
    padding: 0 .4em;
    margin: 0 .5em;
    display: inline-block;
    user-select: none;
    pointer-events: auto;
}
.simple-slider .controls .prev.tap-active {
    opacity: 1;
}
.simple-slider .controls .next.tap-active {
    opacity: 1;
}
.simple-slider .pager {
    text-align: center;
    pointer-events: none;
}
.simple-slider .pager span {
    width: calc(30vw / var(--sw));
    height: calc(30vw / var(--sw));
    background-color: silver;
    border-radius: 100px;
    display: inline-block;
    margin-left: calc(10vw / var(--sw));
    margin-right: calc(10vw / var(--sw));
    cursor: pointer;
    pointer-events: auto;
}
.simple-slider .pager span.tap-active {
    background: black;
}