.ch12-provider-option[data-provider="gitlab"] {
  --provider-accent: #fc6d26 !important;
  border-color: rgba(252, 109, 38, 0.22) !important;
}

.ch12-runtime-provider-logo {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
  margin-right: 10px;
}

.ch12-floating-public-blog {
  position: fixed !important;
  z-index: 2147483600 !important;
  top: var(--ch12-blog-top, 24px) !important;
  left: var(--ch12-blog-left, 50%) !important;
  width: min(285px, calc(100vw - 36px)) !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 13px 17px !important;
  border: 1px solid rgba(240, 107, 181, 0.38) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(
      circle at 92% 5%,
      rgba(155, 108, 255, 0.25),
      transparent 45%
    ),
    linear-gradient(
      115deg,
      rgba(52, 20, 54, 0.97),
      rgba(21, 12, 31, 0.97)
    ) !important;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.42),
    0 0 35px rgba(240, 107, 181, 0.10),
    inset 3px 0 0 #f06bb5 !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.ch12-floating-public-blog::before {
  content: "PUBLIC";
  position: absolute;
  top: -9px;
  right: 14px;
  padding: 3px 8px;
  border: 1px solid rgba(231, 196, 122, 0.34);
  border-radius: 999px;
  color: #ffe3a3;
  background: #160d1d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.ch12-floating-public-blog:hover,
.ch12-floating-public-blog:focus-within {
  border-color: rgba(240, 107, 181, 0.65) !important;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.48),
    0 0 42px rgba(240, 107, 181, 0.16),
    inset 3px 0 0 #f06bb5 !important;
}

@media (max-width: 720px) {
  .ch12-floating-public-blog {
    top: 14px !important;
    left: auto !important;
    right: 14px !important;
    width: min(250px, calc(100vw - 28px)) !important;
  }

  .ch12-balanced-login-card {
    margin-top: 76px !important;
  }
}