/* My GARANTİ invitation row. Desktop with the full menu only (≥1201 px). Brand font inherited (New Science). */
.gw-invite{display:none}
@media (min-width:1201px){
  body.gw-invite-on{--gw-invite-h:32px}
  body.gw-invite-on .gw-invite{display:block;position:fixed;left:0;right:0;top:0;height:32px;z-index:1000;background:#202326;color:#d6d8da;font-size:13px;line-height:16px;letter-spacing:.01em}
  body.admin-bar.gw-invite-on .gw-invite{top:32px}
  /* the fixed hub header and the page move down by the row (static, no scroll movement) */
  body.gw-invite-on #gwh-header{top:32px}
  body.admin-bar.gw-invite-on #gwh-header{top:64px}
  html body.gwh-active.gw-invite-on{padding-top:116px!important}
  .gw-invite__in{height:100%;width:calc(100% - 64px);max-width:1680px;margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:16px}
  .gw-invite p,.gw-invite ul,.gw-invite li{margin:0!important;padding:0!important;list-style:none!important;font:inherit!important;color:inherit!important}
  .gw-invite li::before{content:none!important}
  .gw-invite__static{color:#d6d8da!important}
  .gw-invite__track{flex:1;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
  .gw-invite__list{flex:none;display:flex;animation:gw-invite-move 46s linear infinite}
  .gw-invite__list li{display:flex!important;align-items:center;gap:48px;padding-right:48px!important;white-space:nowrap}
  .gw-invite__list li::after{content:"";width:4px;height:4px;transform:rotate(45deg);background:#d7242f;flex:none}
  .gw-invite:is(:hover,:focus-within) .gw-invite__list,.gw-invite.is-paused .gw-invite__list{animation-play-state:paused}
  @keyframes gw-invite-move{from{transform:translateX(0)}to{transform:translateX(-100%)}}
  .gw-invite__pause{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:#9fa3a6;cursor:pointer}
  .gw-invite__pause[hidden]{display:none}
  .gw-invite__pause:hover{color:#fff;background:#33373b}
  .gw-invite__pause svg{width:12px;height:12px}
  .gw-invite__i-pause{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .gw-invite__i-play{fill:currentColor;display:none}
  .gw-invite.is-paused .gw-invite__i-pause{display:none}
  .gw-invite.is-paused .gw-invite__i-play{display:inline}
  .gw-invite__cta{flex:none;color:#fff!important;font-size:13.5px!important;line-height:16px!important;font-weight:650!important;letter-spacing:.01em;text-decoration:underline!important;text-decoration-color:#d7242f!important;text-decoration-thickness:2px!important;text-underline-offset:4px}
  .gw-invite__cta:hover{text-decoration-color:#fff!important}
  .gw-invite a:focus-visible,.gw-invite button:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .gw-invite--member .gw-invite__in{gap:20px}
}
/* Without JS or with reduced motion the sentence stands still (static <p>); the moving copy is decorative (aria-hidden)
   and only shown while moving, when the static sentence stays available to screen readers. */
@media (min-width:1201px){
  .gw-invite__track{display:none}
  .gw-invite.is-moving .gw-invite__track{display:flex}
  .gw-invite.is-moving .gw-invite__static{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:1201px) and (prefers-reduced-motion:reduce){
  .gw-invite .gw-invite__track{display:none!important}
  .gw-invite .gw-invite__static{position:static!important;width:auto;height:auto;clip:auto}
}