/* Our additions on top of the captured Perspective styles (funnel.css). */

/* Theme transition "default": a plain fade. */
.x15-enter { animation: x15-enter 400ms ease-out both; }
@keyframes x15-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .x15-enter { animation: none; } }

.x15-picked { outline: 2px solid #FFFFFF; outline-offset: 2px; border-radius: 8px; }
[role="button"]:focus-visible, button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

.x15-error { margin: 12px 0 0; color: #FFB4AB; font-size: 15px; line-height: 1.4; text-align: center; font-family: Roboto, system-ui, sans-serif; font-weight: 700; }

/* UK dialling code next to the flag. */
.x15-dial { position: absolute; z-index: 1; left: 3.5rem; top: 0; height: 3.5rem; display: flex; align-items: center; font: 300 16px/1 Roboto, system-ui, sans-serif; color: #0F1C2E; pointer-events: none; }
input.x15-has-dial { padding-left: 40px !important; }

/* Cookie bar. */
#x15-cookies { position: fixed; z-index: 100; left: 12px; right: 12px; bottom: 14px; max-width: 760px; margin: 0 auto; display: flex; align-items: center; gap: 14px; padding: 10px 44px 10px 16px; background: #FFFFFF; color: #0F1C2E; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); font: 400 14px/1.4 Roboto, system-ui, sans-serif; }
#x15-cookies[hidden] { display: none; }
#x15-cookies p { margin: 0; flex: 1; }
#x15-cookies a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.x15-cookies__btns { display: flex; gap: 8px; flex: none; }
.x15-cookies__btns button { font: 700 14px/1 Roboto, system-ui, sans-serif; padding: 9px 14px; border-radius: 8px; border: 1px solid rgba(15, 28, 46, .35); background: transparent; color: #0F1C2E; cursor: pointer; }
.x15-cookies__btns .is-accept { background: #3ED1C2; border-color: #3ED1C2; color: #0F1C2E; }
.x15-cookies__x { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border: 0; background: transparent; color: #0F1C2E; font-size: 22px; line-height: 1; cursor: pointer; opacity: .7; }
@media (max-width: 600px) {
  #x15-cookies { flex-wrap: wrap; gap: 8px; padding: 10px 40px 10px 14px; font-size: 13px; bottom: 10px; }
  .x15-cookies__btns { width: 100%; }
  .x15-cookies__btns button { flex: 1; padding: 10px; }
  .x15-cookies__x { top: 6px; transform: none; }
}