#sf-cmp-standby-notice {
  display: block;
  position: fixed;
  z-index: 2147483644;
  left: 16px;
  bottom: 16px;
  box-sizing: border-box;
  width: max-content;
  max-width: min(420px, calc(100vw - 32px));
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f5f5f5;
  font: 13px/1.4 system-ui, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
#sf-cmp-standby-notice .sf-cmp-standby-notice__card {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
  background: #191b1f;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.32);
}
#sf-cmp-standby-notice details[open] { width: min(420px, 100%); max-height: calc(100dvh - 120px); overflow-y: auto; }
#sf-cmp-standby-notice summary { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 10px 14px; color: #f6c51f; font: 800 13px/1.3 system-ui, sans-serif; list-style: none; cursor: pointer; }
#sf-cmp-standby-notice summary::-webkit-details-marker { display: none; }
#sf-cmp-standby-notice details[open] summary { border-bottom: 1px solid rgba(255,255,255,.16); }
#sf-cmp-standby-notice .sf-cmp-standby-notice__inner { padding: 10px 14px; }
#sf-cmp-standby-notice .sf-cmp-standby-notice__close { min-height: 44px; padding: 8px 12px; color: #f5f5f5; background: #292c32; border: 1px solid #777; border-radius: 8px; font: 600 13px/1.3 system-ui, sans-serif; cursor: pointer; }
#sf-cmp-standby-notice .sf-cmp-standby-notice__close[hidden] { display: none; }
#sf-cmp-standby-notice .sf-cmp-standby-notice__text { margin: 0; color: #cfd2d7; font-size: 13px; line-height: 1.4; }
#sf-cmp-standby-notice strong { display: block; margin: 0 0 4px; color: #f6c51f; font-size: 16px; font-weight: 800; line-height: 1.2; }
#sf-cmp-standby-notice .sf-cmp-standby-notice__links { display: flex; flex-wrap: wrap; gap: 0 16px; min-width: 0; margin-top: 6px; }
#sf-cmp-standby-notice a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding: 2px 0;
  color: #f6c51f;
  font: 600 13px/1.4 system-ui, sans-serif;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#sf-cmp-standby-notice a:visited { color: #f6c51f; }
#sf-cmp-standby-notice a:hover { color: #fff; }
#sf-cmp-standby-notice :is(summary,a,button):focus-visible { outline: 2px solid #e5c15a; outline-offset: 2px; border-radius: 3px; }
#sf-cmp-standby-notice.sf-cmp-standby-notice--inline { position: relative; left: auto; bottom: auto; margin: 16px; }
@media (max-width: 576px) {
  #sf-cmp-standby-notice { left: 12px; bottom: calc(72px + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 24px); }
  #sf-cmp-standby-notice.sf-cmp-standby-notice--inline { left: auto; bottom: auto; margin: 12px; }
}
