.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--vertical{bottom:5px;left:0;right:0;top:initial;margin:0 auto}.slider__button__next--vertical svg{transform:rotate(90deg)}.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%}.slider__button{background-color:var(--theme-color-background);border-radius:12px;width:48px;height:48px;margin:auto 0}.slider__button__next--horizontal{right:8px}@media screen and (width>=768px){.slider__button__next--horizontal{right:24px}}.slider__button__prev--horizontal{left:8px}@media screen and (width>=768px){.slider__button__prev--horizontal{left:24px}}.slider__wrapper{margin:16px 0;padding-bottom:16px}@media screen and (width>=768px){.slider__wrapper{margin:24px 0 0}}.slider__wrapper__slide{margin-right:8px}@media screen and (width>=768px){.slider__wrapper__slide{margin-left:0;margin-right:16px}}.slider__wrapper__slide:last-child{margin-right:0}