/* Reconciliation's board (markup in rc.js, motion in rc-motion.js). The site clears every shadow with
   *{box-shadow:none!important}, so the shadows here carry !important. */
.rc{--ink:#111;--ink2:#5D5D5A;--ink3:#9A9A96;--v:#6656E8;--ease:cubic-bezier(.2,.7,.2,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position:relative;color:var(--ink);-webkit-font-smoothing:antialiased}
.rc *{box-sizing:border-box}
html .rc .rc-b .rc-c,html .rc .rc-b .rc-c *{font-family:"Geist Mono",ui-monospace,monospace!important}

/* ================= the board ================= */
.rc-bw{position:relative;width:100%;max-width:560px;justify-self:end}
.rc-bsz{position:relative}
.rc-b{position:absolute;left:0;top:0;width:560px;height:460px;border-radius:22px;overflow:hidden;isolation:isolate;transform-origin:top left;
  background:radial-gradient(60% 55% at 50% 42%,#FFFFFF 0,rgb(255 255 255 / 0) 70%),radial-gradient(45% 40% at 70% 85%,rgb(160 146 255 / .16),transparent 70%),linear-gradient(180deg,#F1F0F5,#ECEBF1)}
.rc-b::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.1;mix-blend-mode:multiply;pointer-events:none;z-index:9}
.rc-b::before{content:"";position:absolute;left:50%;top:-140px;width:620px;height:420px;margin-left:-310px;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .9),rgb(255 255 255 / 0));pointer-events:none}
.rc-glow{position:absolute;left:60px;right:60px;top:330px;height:90px;border-radius:50%;background:radial-gradient(closest-side,rgb(120 100 240 / .22),transparent);filter:blur(18px);pointer-events:none}
.rc-wire{position:absolute;top:0;width:1.5px;height:98px;background:linear-gradient(180deg,#B9B8C2,#8D8B98)}
.rc-wire.l{left:122px}.rc-wire.r{right:122px}
.rc-wire::after{content:"";position:absolute;left:-3px;bottom:-4px;width:7.5px;height:8px;border-radius:2px;background:linear-gradient(180deg,#DADAE0,#9F9DA9)}
.rc-bd{position:absolute;left:30px;right:30px;top:100px;padding:18px 20px 22px;border-radius:14px;
  background:linear-gradient(180deg,#2A2930,#1C1B21);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .09),inset 0 0 0 1px rgb(255 255 255 / .03),0 0 0 1px rgb(20 18 30 / .5),0 30px 50px -24px rgb(25 20 50 / .55),0 60px 80px -50px rgb(60 40 160 / .35)!important}
.rc-bd::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / 0) 30%);pointer-events:none}
.rc-bh{display:flex;align-items:center;justify-content:space-between;height:28px}
.rc-bt{display:inline-flex;align-items:center;gap:8px;font:500 10.5px/1 "Geist",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#A6A3B4}
.rc-bt i{width:6px;height:6px;border-radius:50%;background:#8B7FF0;box-shadow:0 0 8px #8B7FF0!important}
.rc-bcols{display:grid;grid-template-columns:calc(10 * 19px) calc(8 * 19px) 1fr;column-gap:16px;margin:16px 0 8px;font:500 9.5px/1 "Geist",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6F6C7E}
.rc-br{display:grid;grid-template-columns:auto auto 1fr;column-gap:16px;margin-top:7px}
.rc-br > span,.rc-bday{display:flex;gap:2px}
.rc-c{position:relative;display:block;width:17px;height:27px;border-radius:3px;perspective:120px;
  background:linear-gradient(180deg,#34333B 0,#2D2C34 49.5%,#26252C 50.5%,#2B2A31 100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .06),0 1px 1px rgb(0 0 0 / .45)!important}
.rc-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:#121116;z-index:3}
.rc-c b,.rc-c i{position:absolute;inset:0;display:block;text-align:center;font-size:15px;line-height:27px;font-weight:500;font-style:normal;color:#ECEAE3;border-radius:3px;backface-visibility:hidden}
.rc-c i{background:linear-gradient(180deg,#34333B 0,#2D2C34 49.5%,#26252C 50.5%,#2B2A31 100%);transform-origin:50% 50%;z-index:2}
.rc-c i.u{clip-path:inset(0 0 50% 0)}
.rc-c i.d{clip-path:inset(50% 0 0 0)}
.rc-fs.ok b,.rc-fs.ok i{color:#8FE0B5}
.rc-fs.amb b,.rc-fs.amb i{color:#F4C46A}
.rc-fs.run b,.rc-fs.run i{color:#BCB2FF}
.rc-ft b,.rc-ft i{color:#A9A6B6}
.rc-bday .rc-c{width:15px;height:23px}
.rc-bday .rc-c b,.rc-bday .rc-c i{font-size:12.5px;line-height:23px;color:#D9D6E2}

/* ================= placing them on the page ================= */
@media (max-width:1100px){
  .rc-bw{justify-self:stretch;max-width:none}
}
@media (prefers-reduced-motion:reduce){.rc *{animation:none!important;transition:none!important}}