/*
 * legal.css
 *
 * The site footer's legal line and the cookie note and settings, shared by the
 * immersive site and the applicant panel. Values are the "B · Website"
 * design's own. The footer sits on the slides' edge on wide screens (the site
 * gives it --ji-fh of height), and in the page's flow below 900 px and in the
 * applicant panel.
 */
.ji-foot{position:absolute;z-index:9;left:0;right:0;bottom:0;height:var(--ji-fh,32px);box-sizing:border-box;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;gap:20px;background:var(--t-headbg,#04142E);border-top:1px solid var(--t-line2,rgba(255,255,255,.12));font-size:11.5px;line-height:16px;letter-spacing:.1px;color:var(--t-faint,#8FA6C4);white-space:nowrap;overflow:hidden;transition:background-color .9s ease,color .9s ease}
.ji-foot p{margin:0}
.ji-foot a,.ji-foot button{color:var(--t-muted,#C9D6E8);text-decoration:none;transition:color .2s ease}
.ji-foot a:hover,.ji-foot button:hover{color:var(--t-ink,#FFFFFF);text-decoration:underline;text-underline-offset:3px}
.ji-foot button{appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}
.ji-footc{flex:none}
.ji-footn{color:var(--t-faint,#8FA6C4)}
.ji-footl{display:flex;align-items:center;gap:14px;flex:none}
.ji-footsp{flex:1;min-width:8px}
.ji-footpw{flex:none;padding-left:18px;border-left:1px solid var(--t-line2,rgba(255,255,255,.12))}
@media (max-width:1560px){.ji-footn{display:none}}
@media (max-width:1320px){.ji-footcode{display:none}}
@media (max-width:900px){.ji-foot{position:relative;height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 20px 30px;white-space:normal;font-size:12.5px;line-height:19px}.ji-footl{display:flex !important;flex-wrap:wrap;gap:6px 16px}.ji-footcode{display:inline !important}.ji-footsp{display:none}.ji-footn{display:inline !important}.ji-footpw{padding-left:0;border-left:0}}
/* cookie note (first visit) and cookie settings */
.jx-cknote{position:fixed;z-index:40;left:clamp(16px,4vw,56px);bottom:calc(var(--ji-fh,0px) + 18px);width:min(408px,calc(100vw - 32px));box-sizing:border-box;padding:16px 18px;border-radius:16px;background:var(--t-panel,rgba(5,24,48,.86));border:1px solid var(--t-line,rgba(255,255,255,.14));box-shadow:0 24px 60px rgba(0,8,24,.38);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--t-ink,#FFFFFF);animation:jxCkIn .6s cubic-bezier(.2,.8,.2,1) .9s backwards}
@keyframes jxCkIn{from{opacity:0;transform:translateY(16px)}}
@keyframes jxCkFade{from{opacity:0}}
@keyframes jxCkPop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.jx-ckhead{display:flex;align-items:center;gap:10px}
.jx-ckico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(245,137,50,.14);color:var(--t-accent,#F58932)}
.jx-ckt{margin:0;font-size:14.5px;line-height:20px;font-weight:600;letter-spacing:-.01em}
.jx-ckp{margin:8px 0 0;font-size:13px;line-height:20px;color:var(--t-muted,#C9D6E8)}
.jx-ckbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.jx-ckbtns .ja-btn{height:38px;padding:0 16px;font-size:13.5px;font-family:inherit}
.jx-ckscrim{position:fixed;inset:0;z-index:70;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:var(--t-scrim,rgba(2,10,24,.64));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:jxCkFade .25s ease}
.jx-ckbg{position:absolute;inset:0;appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:default}
.jx-ckdlg{position:relative;width:min(640px,100%);max-height:min(800px,100%);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:0;border-radius:20px;background:var(--t-panelsolid,#0A2448);border:1px solid var(--t-line,rgba(255,255,255,.14));box-shadow:0 40px 100px rgba(0,8,24,.55);color:var(--t-ink,#FFFFFF);animation:jxCkPop .4s cubic-bezier(.2,.8,.2,1)}
.jx-ckdh{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 0}
.jx-ckbody{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:0 28px 4px}
.jx-ckkick{margin:0;display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--t-accent,#F58932)}
.jx-ckkick::before{content:"";width:28px;height:2px;background:#F58932}
.jx-ckdlg h2{margin:8px 0 0;font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:600;outline:none}
.jx-ckx{appearance:none;margin:0;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--t-line3,rgba(255,255,255,.24));background:var(--t-tile,rgba(255,255,255,.05));color:var(--t-ink,#FFFFFF);cursor:pointer}
.jx-ckx:hover{border-color:#F58932}
.jx-cklead{margin:12px 0 0;font-size:14px;line-height:22px;color:var(--t-muted,#C9D6E8)}
.jx-ckgs{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.jx-ckg{padding:13px 16px 14px;border-radius:14px;background:var(--t-tile,rgba(255,255,255,.05));border:1px solid var(--t-tileline,rgba(255,255,255,.09))}
.jx-ckg[data-off="true"]{background:transparent;border-style:dashed;border-color:var(--t-line3,rgba(255,255,255,.24))}
.jx-ckgh{display:flex;align-items:center;justify-content:space-between;gap:12px}
.jx-ckg h3{margin:0;font-size:15.5px;line-height:22px;font-weight:600}
.jx-ckg > p{margin:5px 0 0;font-size:13px;line-height:20px;color:var(--t-muted,#C9D6E8)}
.jx-cktag{flex:none;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;background:var(--t-tile2,rgba(255,255,255,.12));color:var(--t-ink2,#E6EDF5);white-space:nowrap}
.jx-cktag[data-k="on"]{background:rgba(92,196,138,.16);color:var(--t-good,#8BE0AE)}
.jx-ckl{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.jx-ckl li{padding:8px 11px;border-radius:10px;background:var(--t-tile,rgba(255,255,255,.05));font-size:12.5px;line-height:18px;color:var(--t-muted,#C9D6E8)}
.jx-ckl b{display:block;margin-bottom:1px;font-size:12.5px;font-weight:600;color:var(--t-ink2,#E6EDF5)}
.jx-ckl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}
.jx-cksw{appearance:none;margin:0;padding:0;position:relative;flex:none;width:46px;height:26px;border-radius:999px;border:1px solid var(--t-line3,rgba(255,255,255,.24));background:var(--t-tile2,rgba(255,255,255,.12));cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.jx-cksw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--t-ink2,#E6EDF5);transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s ease}
.jx-cksw[aria-checked="true"]{background:#F58932;border-color:#F58932}
.jx-cksw[aria-checked="true"] i{transform:translateX(20px);background:#141250}
.jx-ckswl{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--t-faint,#8FA6C4)}
.jx-ck3p{margin:12px 0 14px;font-size:12.5px;line-height:19px;color:var(--t-faint,#8FA6C4)}
.jx-ckdf{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:14px 28px 20px;border-top:1px solid var(--t-line2,rgba(255,255,255,.12));background:var(--t-foot,rgba(255,255,255,.03))}
.jx-ckdf a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--t-accent,#F58932);text-decoration:none}
.jx-ckdf a:hover{text-decoration:underline;text-underline-offset:3px}

/* In a page that scrolls (the applicant panel) the line is part of the flow. */
.ji-foot.ji-foot--flow{position:relative;height:auto;min-height:32px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;white-space:normal}
.jx-cknote[hidden],.jx-ckscrim[hidden]{display:none}
/* By day the design's faint ink falls short of AA on these small lines, so they take the muted one. */
html[data-ji-ui="light"] .ji-foot,html[data-ji-ui="light"] .ji-footn,html[data-ji-ui="light"] .jx-ckswl{color:var(--t-muted,#3F5878)}

/* The VATSIM partner logo: white on the night UI, navy on the day UI. */
.ji-vslogo{display:inline-flex;align-items:center;flex:none;line-height:0;opacity:.9;transition:opacity .2s ease}
.ji-vslogo:hover{opacity:1;text-decoration:none}
.ji-vslogo:focus-visible{outline:2px solid var(--t-focus,#F58932);outline-offset:3px;border-radius:2px}
.ji-vslogo img{display:block;height:100%;width:auto}
.ji-vslogo-navy{display:none !important}
html[data-ji-ui="light"] .ji-vslogo-light{display:none !important}
html[data-ji-ui="light"] .ji-vslogo-navy{display:block !important}
.ji-footvs{height:22px;margin-right:6px}
@media (max-width:900px){.ji-footvs{height:26px;margin:2px 0}}