#accessatl-back-to-top {
  position:fixed; right:clamp(20px,3vw,40px); bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:45; width:52px; height:52px; box-sizing:border-box; padding:0;
  display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.8);
  background:#e5f3f3; color:#087f83; cursor:pointer;
  box-shadow:inset 0 1px 2px #fff,0 6px 24px rgba(7,63,67,.18);
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background-color .25s ease;
}
#accessatl-back-to-top[hidden] {display:none;}
#accessatl-back-to-top.is-visible {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
#accessatl-back-to-top svg {width:22px; height:22px; display:block; pointer-events:none;}
#accessatl-back-to-top:focus-visible {outline:3px solid #f4c542; outline-offset:4px;}
body.accessatl-menu-open #accessatl-back-to-top {opacity:0; visibility:hidden; pointer-events:none;}
@supports ((backdrop-filter:blur(14px)) or (-webkit-backdrop-filter:blur(14px))) {
  #accessatl-back-to-top {background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(217,241,241,.85)); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%);}
}
@media (hover:hover) and (pointer:fine) {
  #accessatl-back-to-top.is-visible:hover {background-color:#f4c542; transform:translateY(-3px);}
}
@media(max-width:600px) {#accessatl-back-to-top {width:46px; height:46px; right:16px; bottom:calc(18px + env(safe-area-inset-bottom,0px));}}
@media(prefers-reduced-motion:reduce) {#accessatl-back-to-top {transition:none; transform:none;}}