:root.admin-preview-mode{--admin-preview-banner-height:38px}
.admin-preview-banner{
  height:var(--admin-preview-banner-height)!important;
  min-height:var(--admin-preview-banner-height)!important;
  padding:5px 12px!important;
  border-bottom:1px solid #7fa7a8!important;
  background:#477577!important;
  color:#f7fffe!important;
  box-shadow:0 1px 6px #17363838!important;
}
.admin-preview-banner.is-observer{justify-content:center!important}
.admin-preview-banner{justify-content:center!important}
.admin-preview-banner strong{display:none!important}
.admin-preview-banner button{
  min-height:28px!important;
  padding:0 14px!important;
  border:1px solid #cfe4e2!important;
  border-radius:999px!important;
  background:#ffffff14!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:26px!important;
  box-shadow:none!important;
}
.admin-preview-banner button:hover{background:#ffffff24!important;border-color:#fff!important}
.admin-preview-banner button:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
@media(max-width:600px){
  :root.admin-preview-mode{--admin-preview-banner-height:38px}
  .admin-preview-banner{padding-inline:10px!important}
  .admin-preview-banner button{min-height:28px!important;font-size:11px!important}
}