.fullscreen-slider{position:relative;overflow:hidden;height:100vh}.slide{position:absolute;top:100%;left:0;width:100%;height:100%;transition:top .5s ease}.slide.active{top:0}.vertical-dots{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.dot{width:10px;height:10px;margin:5px 0;background-color:#ccc;border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#000}.slide-content{position:absolute;width:100%;padding:20px}[data-layout=Center] .slide-content{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}[data-layout="Center - Top"] .slide-content{top:10%;left:50%;transform:translateX(-50%);text-align:center}[data-layout="Center - Bottom"] .slide-content{bottom:10%;left:50%;transform:translateX(-50%);text-align:center}[data-layout="Left - Top"] .slide-content{top:10%;left:10%;text-align:left}[data-layout="Left - Center"] .slide-content{top:50%;left:10%;transform:translateY(-50%);text-align:left}[data-layout="Left - Bottom"] .slide-content{bottom:10%;left:10%;text-align:left}[data-layout="Right - Top"] .slide-content{top:10%;right:10%;text-align:right}[data-layout="Right - Center"] .slide-content{top:50%;right:10%;transform:translateY(-50%);text-align:right}[data-layout="Right - Bottom"] .slide-content{bottom:10%;right:10%;text-align:right}