.app-navigation{color:#9ca3af;padding:1.5rem 0}.app-navigation button{align-items:center;background:#a2a3a6;border-radius:50%;cursor:pointer;height:2.5rem;justify-content:center;width:2.5rem}.app-navigation .button-action{color:#000c}.app-navigation .button-action-left{margin-right:.5rem}.app-navigation .button-action-right{margin-left:.5rem}.app-navigation .button-action{background-color:#ffffffe6}.app-navigation .button-action:hover{background-color:#f0f0f0e6}.app-navigation .not-active{border:.5px solid var(--color-border-button-not-active);color:var(--color-button-not-active);cursor:no-drop;opacity:.5}.app-navigation .button-number~.not-active:hover{background-color:#ffffff0d}.app-navigation .button-number{color:var(--color-gray-900)}.app-navigation .text-detail-page{color:var(--color-navigation-text)}.app-navigation .active{background-color:#e5a138;color:#000000db}