.c-nav[data-v-af71bdd3]{background:var(--color-gray-mid-45-solid);border:var(--spacing-1) solid var(--color-gray-mid);padding:4px}.c-nav[data-v-af71bdd3]:before{--inset-border-radius:99px;--inset-border-inset:-4px;--inset-border-opacity:0}.c-nav[data-v-af71bdd3]:hover:not(:has(button:disabled:hover)):before{--inset-border-opacity:1}.c-nav__btn[data-v-af71bdd3]{background:transparent;border:none;cursor:pointer;height:calc(var(--html-spacing)*40);padding:0 calc(var(--html-spacing)*8);width:calc(var(--html-spacing)*56)}@media(max-width:575.98px){.c-nav__btn[data-v-af71bdd3]{height:calc(var(--html-spacing)*32);width:calc(var(--html-spacing)*40)}}.c-nav__btn[data-v-af71bdd3]:not(:disabled):active{opacity:.75}.c-nav__btn.--prev[data-v-af71bdd3]{color:var(--color-gray-mid);transition:color .3s}.c-nav__btn.--prev[data-v-af71bdd3]:not(:disabled):hover{color:var(--color-gray)}.c-nav__btn.--next[data-v-af71bdd3]{color:var(--color-primary);overflow:hidden}.c-nav__btn.--next[data-v-af71bdd3]:before{background:linear-gradient(to right,var(--gradient-basic-primary-light-to-right));content:"";inset:0;opacity:1;position:absolute;transition:opacity .3s}.c-nav__btn.--next[data-v-af71bdd3]:not(:disabled):hover:before{opacity:0}.c-nav__btn.--next[data-v-af71bdd3]:after{background:linear-gradient(to right,var(--gradient-basic-primary-to-right));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.c-nav__btn.--next[data-v-af71bdd3]:not(:disabled):hover:after{opacity:1}.c-nav__btn[data-v-af71bdd3]:disabled{cursor:not-allowed;opacity:.5}