.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:500px;height:400px}.slide{border-radius:.5rem;width:100%;height:100%}.slide-hidden{display:none}.arrow{position:absolute;filter:drop-shadow(0 0 5px #555);width:1rem;height:1rem;color:#fff}.arrow:hover{cursor:pointer}.arrow-left{left:1rem}.arrow-right{right:1rem}.indicators{display:flex;position:absolute;bottom:1rem}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:grey}