.block-statistic-nav {overflow-y: overlay;}
.block-statistic-nav-item .text {opacity: .8;}
.block-statistic-nav-item.active .text, .block-statistic-nav-item:hover .text {opacity: 1;}

.is-long .block-statistic-nav-item {width: auto!important; height: 36px!important;}
.is-long .block-statistic-nav-item:hover {padding-right: 32px;}
.is-long .block-statistic-nav-item.active {background: var(--color-canvas); box-shadow: inset 2px 0 0 var(--color-primary-500);}
.is-long .block-statistic-nav-url {position: absolute!important; padding: 0!important; width: 32px!important; justify-content: center!important; height: 36px!important;}
.is-long .block-statistic-nav-url:hover {background-color: var(--color-canvas);}


.is-short .block-statistic-nav .nav {justify-content: center;}
.is-short .block-statistic-nav .nav-item {gap: 0;}
.is-short .block-statistic-nav .nav-item.active {gap: 0;}
.is-short .block-statistic-nav .nav-item:not(.active) {display: none;}
.is-short .block-statistic-nav .nav-item > a {gap: 0; padding: 0px 0.25rem;}
.is-short .block-statistic-nav .nav-item .block-statistic-nav-item {display: none;}

.block-statistic-nav-btn {opacity: 1;}