.slider__button{cursor:pointer;background-color:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:48px;height:48px;margin:auto 0;transition:box-shadow .2s ease-in-out;display:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #2020201a}.slider__button__icon{fill:#554c44}.slider__button:hover{box-shadow:inset 0 0 0 1px #20202033}@media (hover:hover){.slider__button{display:flex}}.slider__button--hidden{display:none}.slider__button__next--horizontal{right:5px}.slider__button__next--vertical{bottom:5px;left:0;right:0;top:initial;margin:0 auto}.slider__button__next--vertical svg{transform:rotate(90deg)}.slider__button__prev--horizontal{left:5px}.slider__button__prev--vertical{top:5px;bottom:initial;margin:0 auto;left:0;right:0}.slider__button__prev--vertical svg{transform:rotate(90deg)}.slider{position:relative}.slider__wrapper{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;display:flex}.slider__wrapper::-webkit-scrollbar{display:none}.slider__wrapper--is-scrollable{cursor:move}.slider__wrapper--is-horizontal{overscroll-behavior-x:contain;scroll-snap-type:x proximity;flex-direction:row;overflow-x:auto}.slider__wrapper--is-vertical{overscroll-behavior-y:contain;scroll-snap-type:y proximity;flex-direction:column;overflow-y:auto}@media (hover:hover){.slider__wrapper{scroll-snap-type:initial}}.slider__wrapper--is-dragging{scroll-behavior:initial;cursor:grabbing;-webkit-user-select:none;user-select:none}.slider__wrapper__slide{scroll-snap-align:start}.slider__wrapper--is-single-slide-view{scroll-snap-type:both mandatory}.slider__wrapper--is-single-slide-view.slider__wrapper--is-dragging{scroll-snap-type:initial}.slider__wrapper--is-single-slide-view .slider__wrapper__slide{scroll-snap-align:center;flex:1 0 100%}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex}section{background-color:#fff;border-radius:8px;max-width:100%;margin-top:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 1px #2b21180a,0 2px 4px #2b21180f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcf8f4}#demo{justify-content:center;display:flex}.slider{width:100%;position:relative;overflow:hidden}.slider__wrapper{max-height:300px}.slider__wrapper__slide:last-child .demo-slide{margin-top:0;margin-right:0}.demo-slide{border-radius:5px;justify-content:center;align-items:center;margin-right:10px;display:flex}.demo-slide--vertical{width:100%;height:125px;margin-bottom:10px}.demo-slide--fixed{width:200px;height:200px}.single-slide .slider__wrapper{height:300px}
/*# sourceMappingURL=slider.7faaf44f.css.map */