.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)}:export{red-600:#c6002b;red-500:#cd212e;red-400:#e22c3a;red-300:#f4747c;red-200:#f79096;red-100:#f4adb1;orange-600:#fb6825;orange-500:#fc833e;orange-400:#fc9e65;orange-300:#fdb990;orange-200:#fdd5bb;orange-100:#fef1e8;yellow-600:#fcba38;yellow-500:#fdc64c;yellow-400:#fdd36f;yellow-300:#fddf96;yellow-200:#feecbf;yellow-100:#fff8e9;green-600:#46815a;green-500:#62aa7b;green-400:#78d297;green-300:#8bdea7;green-200:#9ce2b4;green-100:#ace7c0;blue-600:#0055b7;blue-500:#509da7;blue-400:#60bac6;blue-300:#68c8d5;blue-200:#84dae5;blue-100:#a3e2eb;purple-600:#793cb7;purple-500:#8d5bcd;purple-400:#a071dc;purple-300:#a586e5;purple-200:#b895f2;purple-100:#c7a3f5;grey-600:#27292d;grey-500:#3f4447;grey-400:#717277;grey-300:#a9afb2;grey-250:#dadfe3;grey-200:#e6eaed;grey-150:#edf1f3;grey-100:#f6f8f9}.component-slider{align-items:center;display:flex;position:relative}@media screen and (max-width:768px){.component-slider{padding-top:2rem}}.component-slider#slider-wrapper .slider-action svg.icon-arrow path{fill:var(--arrow-icon-color)}.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}}}
/*# sourceMappingURL=Slider-component.f85bf30995a0b775f34f.css.map*/