Alterando propriedade 'top' dos elementos 'swiper-button-next' e 'swiper-button-prev'

Ao tentar alterar para 60% a propriedade top dos elementos 'swiper-button-next' e 'swiper-button-prev' , percebi que o estilo não estava sendo aplicado aos elementos; analisando no browser, vi que os elementos estavam recebendo o estilo "top: var(--swiper-navigation-top-offset, 50%);" aplicado através do arquivo CSS "swiper-bundle.min.css?cacheOverride=1760552380509" contido neste link: https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css?cacheOverride=1760552380509 , sobrepondo o estilo aplicado no arquivo carrossel.css conforme apresentado na aula.

Para "resolver", analisei a documentação e, ao invés de utilizar a propriedade "top" conforme apresentado em aula, incluí uma variável local com o nome conforme indicado na documentação do Swiper:

    .swiper-button-next, .swiper-button-prev {
        display: block;
        --swiper-navigation-top-offset: 60%;
    }