.arrow-navigation-component{display:flex;gap:8px}.arrow-button{height:34px;width:34px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:opacity .2s ease-in-out;box-shadow:0 4px 24px 0 rgba(0,0,0,.25);border:1px solid transparent}.arrow-button.primary{background:#17253d;border:1px solid #17253d}.arrow-button.primary path{fill:#fff}.arrow-button.primary svg{width:7px;height:14px}@media screen and (min-width:1280px){.arrow-button.primary:hover{opacity:.5}}.arrow-button.secondary{border:1px solid #17253d}.arrow-button.secondary path{fill:#17253d}.arrow-button.secondary svg{width:7px;height:14px}@media screen and (min-width:1280px){.arrow-button.secondary:hover{opacity:.5}}.arrow-button.reverse{transform:rotate(180deg);transform-origin:center}.arrow-button.disabled,.arrow-button:disabled{pointer-events:none;background:#cfcbc6;border:1px solid #cfcbc6}.slide-indicator-component.default{width:100%}.slide-indicator-component.with-arrows{width:calc(100% - 120px)}.slide-indicator-component .indicators{height:3px;width:100%;display:flex}.slide-indicator-component .indicators .indicator{background:transparent;width:100%}.slide-indicator-component .indicators .indicator.active{background:#17253d;display:block;width:100%}.slide-indicator-component .dots-indicators{display:flex;height:100%;margin-left:5px;gap:5px}.slide-indicator-component .dots-indicators .dots-indicator{background:#ccc;width:10px;height:10px;border-radius:50%;display:flex;gap:10px}.slide-indicator-component .dots-indicators .dots-indicator.active{background:#17253d}