.main{align-items:center;display:flex;justify-content:center;min-height:95vh}.carousel{--color-default-state:#ddd;--color-active-state:#1bb9ed;height:100vmin;position:relative;width:100vw}.carousel_track-container{height:100%;overflow:hidden;width:100%}.carousel_track{height:inherit;list-style:none;margin:0;padding:0;position:relative;width:inherit}.carousel_image,.carousel_slide{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.carousel_slide{padding:5% 12% 8%;text-align:center;transform:translateX(-100%);transition:transform .3s ease-out}.carousel_slide.is-selected{transform:translateX(0)}.carousel_slide.is-selected~.carousel_slide{transform:translateX(100%)}.carousel_image{z-index:-1}.carousel_image>img{border:none;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.carousel_title{background-color:rgba(34,53,58,.6);bottom:4rem;left:0;position:absolute;width:100%}.carousel_title h2{color:#fff;font-size:40px}.carousel_title p{color:#fff}.carousel_btn,.carousel_dot{border:none;cursor:pointer;padding:0;z-index:1}.carousel_btn,.carousel_btn:active,.carousel_btn:hover{background-color:transparent!important}.carousel_btn{position:absolute;top:50%;transform:translateY(-50%)}.carousel_btn:active,.carousel_btn:focus,.carousel_dot:active,.carousel_dot:focus{outline:none}.carousel_btn>*{pointer-events:none}.carousel_btn svg{fill:var(--color-default-state);transform-origin:center;transition:fill .2s}button:hover{background-color:none!important}.carousel_btn:hover svg{fill:var(--color-active-state)}.jsPrev{left:10px}.jsNext{right:10px}.jsPrev svg{transform:rotate(-90deg)}.jsNext svg{transform:rotate(90deg)}.carousel_nav{bottom:10px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:100%}.carousel_dot{background-color:var(--color-default-state);border-radius:50%;height:20px;transition:background-color .2s;width:20px}.carousel_dot+.carousel_dot{margin-left:20px}.carousel_dot.is-selected{background-color:#ac885a}@media(max-width:768px){.carousel_nav{display:none}.carousel_title{bottom:8rem}.carousel_title h2{font-size:24px}}@media(max-width:425px){.carousel_title{bottom:0}.carousel_btn{top:35%}}