/* Shared by public pages and the settings preview. */
.v4-body .v4-backtop,
.v4-backtop-preview .v4-backtop {
  --v4-backtop-size:var(--v4-backtop-desktop-size,48px);
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--v4-backtop-size);
  height:var(--v4-backtop-size);
  padding:0;
  border:1px solid #df0030;
  border-radius:50%;
  color:#df0030;
  background:#fff;
  box-shadow:0 4px 16px #53202b26;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.v4-body .v4-backtop {
  right:22px;
  bottom:24px;
  right:calc(22px + env(safe-area-inset-right,0px));
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  visibility:hidden;
}
.v4-body .v4-backtop.is-visible { visibility:visible; }
.v4-body .v4-backtop[data-backtop-style="solid"],
.v4-body .v4-backtop[data-backtop-style="rounded"],
.v4-backtop-preview .v4-backtop[data-backtop-style="solid"],
.v4-backtop-preview .v4-backtop[data-backtop-style="rounded"] { background:#df0030; color:#fff; }
.v4-body .v4-backtop[data-backtop-style="rounded"],
.v4-backtop-preview .v4-backtop[data-backtop-style="rounded"] { border-radius:26%; }
.v4-backtop :is(svg,img.site-custom-icon) { object-fit:contain; display:block; width:48%; height:48%; pointer-events:none; }
.v4-body .v4-backtop:focus-visible { outline:3px solid #176d58; outline-offset:4px; }
@media (max-width:1199px), (pointer:coarse) {
  .v4-body .v4-backtop {
    --v4-backtop-size:var(--v4-backtop-mobile-size,56px);
    right:16px;
    bottom:20px;
    right:calc(16px + env(safe-area-inset-right,0px));
    bottom:calc(20px + env(safe-area-inset-bottom,0px));
  }
}