/* YPI presentation for native Klaro controls. Consent behavior lives in Klaro. */
#klaro .klaro {
  --font-family: "Inter", system-ui, sans-serif;
  --font-size: 14px;
  --green1: #146af5;
  --green2: #0957d8;
  --blue1: #146af5;
  font-family: "Inter", system-ui, sans-serif;
  color: #0e1e37;
}
#klaro .klaro *, #klaro .klaro *::before, #klaro .klaro *::after { box-sizing: border-box; }
#klaro .klaro button, #klaro .klaro a { font-family: inherit; }
#klaro .klaro button:focus-visible, #klaro .klaro a:focus-visible {
  outline: 3px solid #9ec4ff; outline-offset: 4px;
}
#klaro .klaro .cm-btn {
  min-height: 44px; margin: 0; padding: 11px 17px; border: 1px solid #dbe5f2;
  border-radius: 6px; background: #fff; color: #0e1e37;
  font-size: 13px; line-height: 20px; font-weight: 700; letter-spacing: 0;
  text-transform: none; white-space: nowrap; cursor: pointer;
}
#klaro .klaro .cm-btn:hover { background: #f6f9ff; }
#klaro .klaro .cm-btn-success { color: #fff; background: #146af5; border-color: #146af5; }
#klaro .klaro .cm-btn-success:hover { background: #0957d8; border-color: #0957d8; }
#klaro .klaro .cm-btn-info { background: #fff; color: #0e1e37; border-color: #dbe5f2; }
#klaro .klaro .cm-btn-info:hover { background: #f6f9ff; }
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
  inset: auto 32px 24px; width: auto; max-width: 1248px; margin: 0 auto;
  padding: 24px 28px; border: 1px solid #dbe5f2; border-radius: 10px;
  background: #fff; color: #0e1e37; box-shadow: 0 8px 40px #061a3314;
}
#klaro .klaro .cookie-notice .cn-body {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px;
  padding: 0; margin: 0; border: 0;
}
#klaro .klaro .cookie-notice h2 {
  grid-column: 1; margin: 0 0 7px; padding: 0;
  color: #0e1e37; font-size: 17px; font-weight: 700; line-height: 24px; letter-spacing: -.02em;
}
#klaro .klaro .cookie-notice h2::before {
  content: ""; display: inline-block; vertical-align: -4px; width: 20px; height: 22px; margin-right: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26' fill='none'%3E%3Cpath d='M12 2 21 6v7c0 5-5 9-9 11-4-2-9-6-9-11V6l9-4Z' stroke='%23146af5' stroke-width='1.6'/%3E%3Cpath d='m8 13 3 3 5-6' stroke='%23146af5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#klaro .klaro .cookie-notice .cn-body p {
  grid-column: 1; margin: 0; padding: 0; max-width: 64ch; font-size: 14px; line-height: 1.65;
}
#klaro .klaro .cookie-notice .cn-body p,
#klaro .klaro .cookie-notice .cn-body p span { color: #3d4f69 !important; }
#klaro .klaro .cookie-notice .cn-ok {
  grid-column: 2; grid-row: 1 / 3; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0;
}
#klaro .klaro .cookie-notice .cn-buttons { display: flex; gap: 10px; margin: 0; padding: 0; }
#klaro .klaro .cookie-notice .cn-learn-more {
  padding: 11px 10px; margin: 0; color: #0957d8 !important;
  font-size: 13px; line-height: 22px; font-weight: 700; white-space: nowrap;
}
#klaro .klaro .cookie-modal { padding: 24px; display: flex; align-items: center; justify-content: center; }
#klaro .klaro .cookie-modal .cm-bg { background: #061a3380; }
#klaro .klaro .cookie-modal .cm-modal.cm-klaro {
  position: relative; top: auto; transform: none; margin: 0; width: 640px; max-width: 100%;
  max-height: calc(100dvh - 48px); height: auto; overflow: auto; overscroll-behavior: contain;
  border: 1px solid #dbe5f2; border-radius: 12px; background: #fff; color: #0e1e37;
  box-shadow: 0 24px 80px #061a3333;
}
#klaro .klaro .cookie-modal .cm-header { padding: 30px 32px 24px; border: 0; }
#klaro .klaro .cookie-modal .cm-header::before {
  content: "Your pilot interview"; display: block; margin: 0 40px 10px 0;
  color: #0957d8; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
#klaro .klaro .cookie-modal .cm-header h1 {
  margin: 0 30px 12px 0; padding: 0; color: #0e1e37; font-size: 28px;
  font-weight: 800; letter-spacing: -.035em; line-height: 1.2;
}
#klaro .klaro .cookie-modal .cm-header p { margin: 0; padding: 0; color: #3d4f69; font-size: 14px; line-height: 1.65; }
#klaro .klaro .cookie-modal .cm-modal .hide {
  top: 22px; right: 22px; width: 34px; height: 34px; padding: 9px;
  border: 1px solid #dbe5f2; border-radius: 6px; background: #fff;
}
#klaro .klaro .cookie-modal .hide svg { stroke: #3d4f69; width: 14px; height: 14px; }
#klaro .klaro .cookie-modal .cm-body { padding: 0 32px; margin: 0; }
#klaro .klaro .cookie-modal .cm-purposes { margin: 0; padding: 0; }
#klaro .klaro .cookie-modal .cm-purpose {
  position: relative; padding: 22px 0; margin: 0; border: 0; border-top: 1px solid #dbe5f2;
}
#klaro .klaro .cookie-modal .cm-list-label {
  display: block; position: relative; padding: 0 68px 0 0; min-height: 26px; margin: 0;
  color: #0e1e37; cursor: pointer;
}
#klaro .klaro .cookie-modal .cm-list-title { color: #0e1e37; font-size: 15px; line-height: 26px; font-weight: 700; }
#klaro .klaro .cookie-modal .cm-list-description {
  margin: 6px 68px 0 0; padding: 0; color: #3d4f69; font-size: 13px; line-height: 1.6;
}
#klaro .klaro .cookie-modal .cm-list-label .cm-switch { left: auto; right: 0; top: 0; width: 44px; height: 26px; }
#klaro .klaro .cookie-modal .cm-list-input { width: 44px; height: 26px; top: 22px; left: auto; right: 0; margin: 0; }
#klaro .klaro .cookie-modal .cm-list-label .slider {
  width: 44px; height: 26px; background: #d5deea; border-radius: 20px; box-shadow: none; transition: background .15s;
}
#klaro .klaro .cookie-modal .cm-list-label .slider::before {
  width: 20px; height: 20px; left: 3px; bottom: 3px; background: #fff;
  border-radius: 50%; box-shadow: 0 1px 3px #061a3326; transition: transform .15s;
}
#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider { background: #146af5; }
#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before { transform: translateX(18px); }
#klaro .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before { transform: translateX(9px); }
#klaro .klaro .cookie-modal .cm-list-input:focus-visible + .cm-list-label .slider { outline: 3px solid #9ec4ff; outline-offset: 4px; }
#klaro .klaro .cookie-modal .cm-services .cm-caret { margin: 13px 0 0; padding: 0; }
#klaro .klaro .cookie-modal a { color: #0957d8; }
#klaro .klaro .cookie-modal .cm-caret a { font-size: 12px; font-weight: 600; line-height: 20px; }
#klaro .klaro .cookie-modal .cm-service { position: relative; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid #dbe5f2; }
#klaro .klaro .cookie-modal .cm-service .cm-list-input { top: 14px; }
#klaro .klaro .cookie-modal .cm-service .cm-list-title { font-size: 13px; }
#klaro .klaro .cookie-modal .purposes { color: #607189; font-size: 12px; }
#klaro .klaro .cookie-modal .cm-toggle-all { padding: 18px 0 22px; }
#klaro .klaro .cookie-modal .cm-toggle-all .cm-list-input { top: 18px; }
#klaro .klaro .cookie-modal .cm-footer { padding: 20px 32px; background: #f6f9ff; border-top: 1px solid #dbe5f2; }
#klaro .klaro .cookie-modal .cm-footer-buttons { display: flex; justify-content: space-between; gap: 10px; }
#klaro .klaro .cookie-modal .cm-footer .cm-powered-by { margin: 16px 0 0; padding: 0; text-align: center; font-size: 10px; }
#klaro .klaro .cookie-modal .cm-footer .cm-powered-by a { color: #607189; }
@media (max-width: 700px) {
  #klaro .klaro .cookie-notice:not(.cookie-modal-notice) { inset: auto 12px 12px; padding: 22px 20px; }
  #klaro .klaro .cookie-notice .cn-body { display: block; }
  #klaro .klaro .cookie-notice h2 { font-size: 16px; }
  #klaro .klaro .cookie-notice .cn-body p { font-size: 13px; }
  #klaro .klaro .cookie-notice .cn-ok { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 10px; margin-top: 18px; }
  #klaro .klaro .cookie-notice .cn-buttons { display: grid; grid-template-columns: 1fr 1fr; }
  #klaro .klaro .cookie-notice .cn-learn-more { text-align: center; }
  #klaro .klaro .cookie-modal { padding: 12px; }
  #klaro .klaro .cookie-modal .cm-modal.cm-klaro { max-height: calc(100dvh - 24px); }
  #klaro .klaro .cookie-modal .cm-header { padding: 26px 22px 22px; }
  #klaro .klaro .cookie-modal .cm-header h1 { font-size: 25px; }
  #klaro .klaro .cookie-modal .cm-header p { font-size: 13px; }
  #klaro .klaro .cookie-modal .cm-body { padding: 0 22px; }
  #klaro .klaro .cookie-modal .cm-purpose { padding-block: 19px; }
  #klaro .klaro .cookie-modal .cm-list-input { top: 19px; }
  #klaro .klaro .cookie-modal .cm-footer { padding: 18px 22px; }
  #klaro .klaro .cookie-modal .cm-footer-buttons { display: grid; grid-template-columns: 1fr 1fr; }
  #klaro .klaro .cookie-modal .cm-btn { padding-inline: 8px; font-size: 12px; }
  #klaro .klaro .cookie-modal .cm-btn-accept-all { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  #klaro .klaro .slider, #klaro .klaro .slider::before { transition: none !important; }
}