.icon-arrow{height:2.4rem;width:2.4rem}.icon-arrow.direction-up{transform:rotate(-90deg)}.icon-arrow.direction-left{transform:rotate(-180deg)}.icon-arrow.direction-down{transform:rotate(90deg)}.component-slider{align-items:center;display:flex;position:relative}.component-slider .slider-viewport{max-width:100vw;overflow-y:scroll;position:relative;width:100%}@media(hover:hover){.component-slider .slider-viewport{overflow:hidden}}.component-slider .slider-action{display:none;left:0;padding:0;position:absolute;z-index:2}.component-slider .slider-action.direction-next{left:auto;right:0}@media screen and (min-width:1060px){.component-slider .slider-action.direction-next{right:-2rem}.component-slider .slider-action{left:-2rem}}@media(hover:hover){.component-slider .slider-action{border-radius:100%;box-shadow:var(--elevation-4);height:3rem;transform:scale(1.5);width:3rem}.component-slider .slider-action:not(.hidden){display:flex}.component-slider .slider-action:hover{box-shadow:var(--elevation-1)}}.component-slider .slider-action svg{margin:0}.component-slider .slider-content{display:flex;flex-direction:row;list-style:none;margin:0 3.2rem;padding:0;transform:translateX(0);transition:all .25s cubic-bezier(.4,0,.2,1)}@supports(display:grid){.component-slider .slider-content{grid-column-gap:1.6rem;display:grid;grid-auto-flow:column;grid-template-columns:auto}@media screen and (min-width:1060px){.component-slider .slider-content{grid-column-gap:3.2rem}}}