.back-to-top{position:fixed;z-index:7999;left:23px;right:auto;bottom:90px;width:110px;height:30px;line-height:20px;white-space:nowrap;text-align:right;transform-origin:0% 50%;transform:rotate(270deg) translate(0,50%);color:#2b2b2b;background:transparent;font-size:18px;font-weight:400;transition:color .3s,opacity .3s,bottom .3s}
.back-to-top[hidden]{display:none}
.back-to-top{opacity:0;visibility:hidden;bottom:0;pointer-events:none;transition:color .3s,opacity .3s,bottom .3s,visibility 0s .3s}
.back-to-top.is-visible{opacity:1;visibility:visible;bottom:90px;pointer-events:auto;transition-delay:0s}
.back-to-top:hover{color:#f7c13d}
.back-to-top>span{display:inline-block;vertical-align:middle}
.back-to-top>span:first-child{font-size:13px;font-weight:500}
.back-to-top-arrow{position:relative;height:21px;margin-left:12px;overflow:hidden;line-height:20px}
.back-to-top-arrow::after{content:"\e9e2";display:inline-block;margin-left:-15px;font-family:fontello;font-size:12px;font-weight:400;line-height:20px;transition:margin-left .3s ease-out}
.back-to-top:hover .back-to-top-arrow::after,.back-to-top:focus-visible .back-to-top-arrow::after{margin-left:0}
.back-to-top:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[dir=rtl] .back-to-top{left:23px;right:auto;text-align:right;transform-origin:0 50%;transform:rotate(90deg) translate(-100%,-50%)}
@media(max-width:1199px){html[dir=rtl] .back-to-top{left:10px}}
@media(min-width:1500px){html[dir=ltr] .back-to-top{left:60px}}
@media(max-width:767px){.back-to-top{display:none}}
@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top-arrow::after{transition:none}}
.back-to-top.on-dark{color:#fff}
.back-to-top.on-dark:hover,.back-to-top.on-dark:focus-visible{color:#f7c13d}
@media(min-width:1680px){html[dir=rtl] .back-to-top{left:60px}}
/* Arabic: live mirrors the same fontello arrow (scaleX(-1)) and keeps the 15px gap on the right */
html[dir=rtl] body .back-to-top-arrow{top:auto;margin:0 10px 0 0;overflow:hidden;direction:rtl;transform:scaleX(-1)}
html[dir=rtl] body .back-to-top-arrow::after{content:"\e9e2"}
html[dir=rtl] body .back-to-top-arrow svg{display:none}