.transition{transition:.7s cubic-bezier(.645,.045,.355,1)}div.my_carousel{--gallerygap:.5rem}div.my_carousel{position:relative}div.my_carousel .overflow{position:relative;overflow:hidden}div.my_carousel .item-parent{position:relative;margin:0 calc(var(--gallerygap) * (-1))}div.my_carousel .item-list{display:flex;flex-wrap:nowrap;position:relative;padding:0;margin:0;left:0;overflow:initial}div.my_carousel .item-list>div{display:block;position:relative;flex-shrink:0;padding:0 var(--gallerygap)}div.my_carousel .item-list .item>div{box-shadow:0 1px 5px rgba(0,0,0,.3);padding:1rem;height:100%}div.my_carousel .item-list img{display:block;width:100%;height:auto}div.my_carousel.fading .item-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}div.my_carousel.fading .item-list .item{margin:0;padding:0;display:block;position:absolute;top:0;left:0;z-index:0;opacity:0;transition:opacity .8s ease-in-out;-webkit-transition:opacity .8s ease-in-out}div.my_carousel.fading .item-list .item.active{position:relative;z-index:1;opacity:1}div.my_carousel .nav{display:flex;justify-content:center;width:100%;z-index:2;padding:15px 0}div.my_carousel .nav div{background:rgba(105,150,166,.4);width:8px;height:8px;border-radius:8px;margin:0 1vw;display:inline-block;cursor:pointer;transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out}div.my_carousel .nav div:hover{background:#000}div.my_carousel .nav .active{width:36px}div.my_carousel .next{right:-16px}div.my_carousel .prev{left:-16px}div.my_carousel .prev svg,div.my_carousel .next svg{width:20px;height:auto}div.my_carousel .prev svg path,div.my_carousel .next svg path{fill:#333;width:3rem;height:auto}div.my_carousel .prev:hover:before,div.my_carousel .next:hover:before,div.my_carousel .prev:hover:after,div.my_carousel .next:hover:after{border-color:#000}