/* BETOKAR: an architectural control with a cyan page-progress rail. */
.bk-to-top{position:fixed;right:max(28px,env(safe-area-inset-right,0px));bottom:28px;z-index:50;display:grid;place-items:center;width:64px;height:80px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;isolation:isolate;opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;filter:drop-shadow(0 8px 16px #00122240);transition:opacity .25s,visibility .25s,transform .3s cubic-bezier(.22,.7,.25,1)}
.bk-to-top[hidden]{display:none}
.bk-to-top::before,.bk-to-top::after{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.bk-to-top::before{background:linear-gradient(145deg,#75c9e477,#009ee333 45%,#009ee388)}
.bk-to-top::after{inset:1px;background:linear-gradient(145deg,#12364b,#031a30 72%)}
.bk-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.bk-to-top__face{display:flex;flex-direction:column;align-items:center;gap:9px;padding-bottom:1px}
.bk-to-top__arrow{width:26px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;transition:transform .25s}
.bk-to-top__label{font-family:'Titillium Web',sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:.13em}
.bk-to-top__rail{position:absolute;left:0;top:0;bottom:0;width:3px;background:#009ee328;overflow:hidden}
.bk-to-top__rail::after{content:'';position:absolute;inset:0;background:#00b5f5;transform:scaleY(var(--page-progress,0));transform-origin:bottom}
.bk-to-top__corner{position:absolute;right:3px;top:6px;width:13px;height:2px;background:#42c8ff;transform:rotate(45deg)}
.bk-to-top:focus-visible{outline:2px solid #00b5f5;outline-offset:5px}
.bk-to-top:active .bk-to-top__face{transform:translateY(1px)}
@media(hover:hover){.bk-to-top:hover{transform:translateY(-4px)}.bk-to-top:hover::after{background:linear-gradient(145deg,#174a64,#052039 72%)}.bk-to-top:hover .bk-to-top__arrow{transform:translateY(-3px)}}
@media(min-width:601px){.bk-to-top{width:48px;height:60px;right:max(22px,env(safe-area-inset-right,0px));bottom:22px}.bk-to-top__face{gap:6px}.bk-to-top__arrow{width:20px;height:23px}.bk-to-top__label{font-size:8px;letter-spacing:.08em}.bk-to-top::before,.bk-to-top::after{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.bk-to-top__corner{right:2px;top:5px;width:10px}}
@media(max-width:600px){.bk-to-top{right:max(14px,env(safe-area-inset-right,0px));bottom:calc(74px + env(safe-area-inset-bottom,0px));width:50px;height:64px}.bk-to-top__face{gap:6px}.bk-to-top__arrow{width:22px;height:25px}.bk-to-top__label{font-size:8px;letter-spacing:.09em}}
body.menu-is-open .bk-to-top{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.bk-to-top,.bk-to-top__arrow{transition:none}.bk-to-top.is-visible,.bk-to-top:hover,.bk-to-top:hover .bk-to-top__arrow{transform:none}}
@media(forced-colors:active){.bk-to-top{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}.bk-to-top__rail::after{background:Highlight}}
@media print{.bk-to-top{display:none!important}}
