/* Cookie consent banner (Tarobits). Colours follow the site: black, white, #FF2D55. */
.tbc { position: fixed; z-index: 99999; left: 24px; bottom: 24px; max-width: 400px; box-sizing: border-box;
  background: #0d0d0f; color: #e9e9ec; border: 1px solid #2a2a30; border-radius: 14px; padding: 22px 22px 18px;
  font: 400 14px/1.6 Roboto, "Helvetica Neue", Arial, sans-serif; box-shadow: 0 18px 50px rgba(0,0,0,.45);
  transform: translateY(20px); opacity: 0; transition: transform .35s ease, opacity .35s ease; }
.tbc.tbc-in { transform: none; opacity: 1; }
.tbc h2 { margin: 0 0 6px; font: 700 15px/1.3 Roboto, "Helvetica Neue", Arial, sans-serif; color: #fff; letter-spacing: .3px; text-transform: none; }
.tbc p { margin: 0 0 16px; color: #b9b9c0; }
.tbc-row { display: flex; gap: 10px; }
.tbc button { flex: 1 1 auto; white-space: nowrap; cursor: pointer; border-radius: 30px; padding: 11px 14px; font: 700 12px/1 Roboto, Arial, sans-serif;
  letter-spacing: 1px; text-transform: uppercase; border: 1px solid #FF2D55; transition: background .2s, color .2s; }
.tbc .tbc-yes { background: #FF2D55; color: #fff; }
.tbc .tbc-yes:hover, .tbc .tbc-yes:focus-visible { background: #fff; border-color: #fff; color: #000; }
.tbc .tbc-no { background: transparent; color: #fff; border-color: #55555c; }
.tbc .tbc-no:hover, .tbc .tbc-no:focus-visible { border-color: #fff; }
.tbc button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.tbc-open { position: fixed; z-index: 99998; left: 16px; bottom: 16px; width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid #2a2a30; background: #0d0d0f; color: #fff; cursor: pointer; display: grid; place-items: center; opacity: .7; }
.tbc-open:hover, .tbc-open:focus-visible { opacity: 1; }
@media (max-width: 600px) { .tbc { left: 12px; right: 12px; bottom: 12px; max-width: none; } }
@media (prefers-reduced-motion: reduce) { .tbc { transition: none; } }