:root{--duration: 800ms;--crsl-ease: cubic-bezier(0.5, 1, 0.89, 1)}.crsl{width:100%;height:100%;position:relative;overflow:hidden}.crsl__items{white-space:nowrap;font-size:0;height:100%;transition:transform var(--duration) var(--crsl-ease);transform:translateX(0)}.crsl__items::-webkit-scrollbar{display:none}.crsl__item{display:inline-block;width:100%;height:100%}.crsl__controls{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.crsl__controls .crsl__prev,.crsl__controls .crsl__next{cursor:pointer;color:rgba(0,0,0,.3);pointer-events:all;font-size:2rem;padding:1rem}.crsl__controls .crsl__prev:hover,.crsl__controls .crsl__next:hover{background-color:rgba(240,248,255,.35);color:rgba(0,0,0,.6)}@media(min-width: 480px){.crsl__controls .crsl__prev,.crsl__controls .crsl__next{font-size:3rem}}.crsl__controls .crsl__prev::after{content:"←"}.crsl__controls .crsl__next::after{content:"→"}.crsl__controls .hide{display:none}.crsl__dots{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.1)}.crsl__dots .crsl__dots__container{margin:0 auto;width:fit-content}.crsl__dots .crsl__dot{display:inline-block;width:15px;height:15px;border-radius:5px;margin:5px;background-color:#000;opacity:.3;cursor:pointer;transition:opacity 1000ms}.crsl__dots .crsl__dot.is_active{opacity:.7}@media(min-width: 480px){.crsl__dots .crsl__dot{width:20px;height:20px;border-radius:5px;margin:10px}}