#slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:300px;position:relative;overflow:hidden;background:#fff;border-bottom:rgba(0,0,0,.13) 1px solid;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}#slider button{z-index:900;padding:0;border:none;cursor:pointer;outline:none;background-color:rgba(0,0,0,.4)}#slider button:hover,#slider button:focus,#slider button.active{background-color:rgba(0,0,0,.7)}#slider .controls{z-index:900}#slider .controls button{width:16px;height:16px;border-radius:50px;margin:0 .2em 1em}#slider .controls:focus-within>*{background-color:rgba(33,117,155,.7)}#slider .controls:focus-within>*.active{background-color:rgba(213,78,33,.7)}#slider .rotation{position:absolute;right:0;width:24px;height:24px;color:#fff;border-radius:4px;margin:0 1em 1em}#slider .rotation .icon{width:100%;height:100%;display:none}#slider .rotation.played .icon.pause,#slider .rotation.paused .icon.play{display:inline}#slider .slide{width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;top:0;left:-100%;z-index:10;margin:0;padding:0}#slider .slide.active{visibility:visible;-webkit-animation:slidein 1.6s ease-in-out forwards;animation:slidein 1.6s ease-in-out forwards}#slider .slide.slideout{visibility:visible;-webkit-animation:slideout 1.6s ease-in-out forwards;animation:slideout 1.6s ease-in-out forwards}#slider figcaption{position:absolute;right:10px;top:60px;width:300px;padding:10px 20px;background-color:rgba(0,0,0,.4);color:#fff;border-radius:4px;text-align:right}#slider figcaption h1{font-size:36px;font-weight:normal;line-height:42px;margin-bottom:8px}#slider figcaption p{font-size:18px;line-height:24px}#slider figcaption a{color:inherit}#slider figcaption a::after{position:absolute;content:"";left:0;top:0;width:100%;height:100%}#slider img{min-width:70%;max-width:100%;-ms-flex-item-align:unsafe center;align-self:unsafe center}@-webkit-keyframes slidein{from{left:100%}to{left:0%}}@keyframes slidein{from{left:100%}to{left:0%}}@-webkit-keyframes slideout{from{left:0%}to{left:-100%;visibility:hidden}}@keyframes slideout{from{left:0%}to{left:-100%;visibility:hidden}}