.the-slider-item{flex-shrink:0;text-align:center;width:100%}@keyframes slider-play{0%{transform:translate(-100%)}to{transform:translate(0)}}.the-slider{overflow:hidden;position:relative;--the-slider-indicator-hover-color:var(--o-color-control2);--the-slider-indicator-active-color:var(--o-color-control3)}.the-slider.autoplay:not(.paused) .active .the-indicator-inside{animation:slider-play linear var(--interval)}.the-slider .active .the-indicator-inside{transform:translate(0)}@media (hover:hover){.the-slider.arrow-hover:hover .the-slider-arrow-icon{display:block}}.the-slider.arrow-always .the-slider-arrow-icon{display:inline-block}.the-slider.indicator-click .the-indicator-wrapper{cursor:pointer}@media (hover:hover){.the-slider.indicator-click .the-indicator-wrapper:hover .the-indicator-outside{background-color:var(--the-slider-indicator-hover-color)}}.the-slider-arrow-icon.the-slider-arrow-icon{color:var(--o-color-info1);cursor:pointer;display:none;font-size:var(--o-icon_size-l);position:absolute;top:50%;transform:translateY(-100%);z-index:1}.the-slider-arrow-left{left:var(--o3-gap-3)}.the-slider-arrow-right{right:var(--o3-gap-3)}.the-slider-container{display:flex;flex-wrap:nowrap;margin:0 auto}.the-slider-indicator{display:flex;justify-content:center;margin-top:var(--o3-gap-5)}.the-indicator-wrapper{box-sizing:content-box;height:3px;padding:6px;width:24px}@media (max-width:840px){.the-indicator-wrapper{height:2px;padding:4px;width:16px}}.the-indicator-outside{background-color:var(--o-color-control1);border-radius:3px;height:100%;overflow:hidden;width:100%}.the-indicator-outside+.the-indicator-outside{margin-left:8px}.the-indicator-inside{background-color:var(--the-slider-indicator-active-color);height:100%;transform:translate(-100%);width:100%}.the-slider-smooth{transition:transform .2s linear}@keyframes slider-instant{0%{opacity:0}99%{opacity:0}to{opacity:1}}.the-slider-instant{animation:slider-instant .25s linear}