.ccc-mobile-scroll-top{
  display:none;
}
@media (max-width:780px){
  .ccc-mobile-scroll-top{
    position:fixed;
    right:14px;
    bottom:calc(18px + env(safe-area-inset-bottom, 0px));
    z-index:96;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(16,17,20,.78);
    color:#fff;
    box-shadow:0 12px 32px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.045);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transform:translateY(12px) scale(.96);
    transition:opacity .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .ccc-mobile-scroll-top.is-visible{
    display:inline-flex;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .ccc-mobile-scroll-top .material-symbols-outlined{
    font-size:25px;
    line-height:1;
  }
  .ccc-mobile-scroll-top:active{
    transform:translateY(1px) scale(.96);
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.44);
  }
}