/* Shared back and dismiss controls across member pages and dialogs. */
.page-screen .page-header .header-back,
.video-modal .page-header .header-back,
.language-modal .language-modal-close,
.settings-modal .settings-modal-close,
.account-sheet .account-sheet-close,
.grab-dialog .grab-dialog-close{
  box-sizing:border-box;display:grid;place-items:center;flex:none;
  width:46px;height:46px;min-width:46px;min-height:46px!important;padding:0;
  border:1px solid #9cafe487!important;border-radius:15px;
  background:linear-gradient(145deg,#ffffff24,#839bd91a)!important;
  box-shadow:inset 0 1px 0 #ffffff3e,0 8px 20px #07142d28;
  color:#e1e9ff;cursor:pointer;
  -webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.page-screen .page-header .header-back:hover,
.video-modal .page-header .header-back:hover,
.language-modal .language-modal-close:hover,
.settings-modal .settings-modal-close:hover,
.account-sheet .account-sheet-close:hover,
.grab-dialog .grab-dialog-close:hover{
  transform:translateY(-1px);border-color:#c4d3ffba!important;
  background:linear-gradient(145deg,#ffffff39,#93aaf034)!important;
  box-shadow:inset 0 1px 0 #ffffff60,0 10px 23px #07142d38;
}
.page-screen .page-header .header-back:active,
.video-modal .page-header .header-back:active,
.language-modal .language-modal-close:active,
.settings-modal .settings-modal-close:active,
.account-sheet .account-sheet-close:active,
.grab-dialog .grab-dialog-close:active{transform:translateY(1px)}
.page-screen .page-header .header-back:focus-visible,
.video-modal .page-header .header-back:focus-visible,
.language-modal .language-modal-close:focus-visible,
.settings-modal .settings-modal-close:focus-visible,
.account-sheet .account-sheet-close:focus-visible,
.grab-dialog .grab-dialog-close:focus-visible{outline:3px solid #bed0ff;outline-offset:3px}
.page-screen .page-header .header-back .icon,
.video-modal .page-header .header-back .icon{width:21px;height:21px;color:currentColor;filter:none}
.language-modal .language-modal-close .icon,
.settings-modal .settings-modal-close .icon,
.account-sheet .account-sheet-close .icon,
.grab-dialog .grab-dialog-close .icon{width:20px;height:20px;color:currentColor;filter:none}
.account-sheet-header,.grab-dialog-top{min-height:46px}
@media(max-width:899px){
  .page-screen .page-header .header-back{top:8px;left:10px}
  .route-guest-support .page-header .header-back{top:8px;left:12px}
  .video-modal .page-header .header-back{top:7px;left:7px}
}
@media(min-width:900px){
  .page-screen .page-header .header-back,
  .language-modal .language-modal-close,
  .settings-modal .settings-modal-close,
  .account-sheet .account-sheet-close,
  .grab-dialog .grab-dialog-close{
    border-color:#d1bddd!important;
    background:linear-gradient(145deg,#fffffff0,#eee6f5c7)!important;
    box-shadow:inset 0 1px 0 #fff,0 8px 20px #6240781a;color:#704a89;
  }
  .page-screen .page-header .header-back:hover,
  .language-modal .language-modal-close:hover,
  .settings-modal .settings-modal-close:hover,
  .account-sheet .account-sheet-close:hover,
  .grab-dialog .grab-dialog-close:hover{
    border-color:#b892ce!important;
    background:linear-gradient(145deg,#fff,#e7d9f2)!important;
    box-shadow:inset 0 1px 0 #fff,0 10px 24px #6240782b;
  }
  .page-screen .page-header .header-back .icon{color:currentColor;filter:none}
  .route-guest-support .page-header .header-back{top:15px;left:18px}
}
@media(prefers-reduced-motion:reduce){
  .page-screen .page-header .header-back,
  .video-modal .page-header .header-back,
  .language-modal .language-modal-close,
  .settings-modal .settings-modal-close,
  .account-sheet .account-sheet-close,
  .grab-dialog .grab-dialog-close{transition:none}
}