.wpkoi-scroll-navigation {position: fixed;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 999;overflow: visible !important }.wpkoi-scroll-navigation--position-left {left: 0 }.wpkoi-scroll-navigation--position-left .wpkoi-scroll-navigation__item-hint {left: -webkit-calc(100% + 10px);left: calc(100% + 10px) }.wpkoi-scroll-navigation--position-right {right: 0 }.wpkoi-scroll-navigation--position-right .wpkoi-scroll-navigation__item-hint {right: -webkit-calc(100% + 10px);right: calc(100% + 10px) }.wpkoi-scroll-navigation__inner {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;overflow: visible !important }.wpkoi-scroll-navigation__item {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;overflow: visible !important }.wpkoi-scroll-navigation__item:hover .wpkoi-scroll-navigation__item-hint {opacity: 1;pointer-events: auto }.wpkoi-scroll-navigation__item.active .wpkoi-scroll-navigation__item-hint {opacity: 1;pointer-events: auto }.wpkoi-scroll-navigation__dot {width: 20px;height: 20px;cursor: pointer;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center }.wpkoi-scroll-navigation__item-hint {position: absolute;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;opacity: 0;pointer-events: none;-webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);-o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88) }.wpkoi-scroll-navigation__icon {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center }.wpkoi-scroll-navigation__icon svg{width:20px}.wpkoi-scroll-navigation__dot svg{width:10px}.wpkoi-scroll-navigation__label {white-space: nowrap }