/* Checkout panel. Deliberately self-contained: it has to look right even if
   the site is running a different theme. */
.lglc{position:fixed;inset:0;z-index:9999;background:rgba(38,49,63,.86);
  display:grid;place-items:center;padding:16px;overflow:auto}
.lglc[hidden]{display:none}
.lglc__box{background:#fff;border-radius:22px;max-width:420px;width:100%;
  padding:28px 24px 24px;position:relative;
  box-shadow:0 24px 60px rgba(38,49,63,.3);
  font-family:inherit;color:#26313F}
.lglc__x{position:absolute;top:12px;right:12px;width:40px;height:40px;
  border-radius:999px;border:2px solid #26313F;background:#fff;cursor:pointer;
  font-size:1rem;line-height:1;display:grid;place-items:center}
.lglc__title{margin:0 0 6px;font-size:1.5rem;line-height:1.15}
.lglc__sub{margin:0 0 18px;font-size:.92rem;color:#5C6B7E;line-height:1.5}
.lglc__field{display:block;margin-bottom:14px}
.lglc__field span{display:block;font-size:.82rem;font-weight:700;
  margin-bottom:6px;color:#5C6B7E}
.lglc__field input{width:100%;padding:12px 14px;border:2px solid #E9EDF2;
  border-radius:12px;font:inherit;font-size:1rem;background:#fff;color:#26313F}
.lglc__field input:focus{outline:none;border-color:#2F6FEB}
.lglc__pay{width:100%;padding:15px 20px;border-radius:999px;border:2px solid #26313F;
  background:#FF6B4A;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;
  box-shadow:0 4px 0 #26313F;font-family:inherit}
.lglc__pay:active{transform:translateY(4px);box-shadow:none}
.lglc__pay[disabled]{opacity:.7;cursor:progress}
.lglc__err{background:#FFF1EE;border:1px solid #FFC9BC;color:#B3341A;
  padding:10px 12px;border-radius:10px;font-size:.9rem;margin:0 0 12px}
.lglc__note{margin:12px 0 0;font-size:.78rem;color:#8A97A6;text-align:center;
  line-height:1.5}
@media (prefers-color-scheme:dark){
  /* The sales page is light in both schemes, so the panel stays light too. */
  .lglc__box{background:#fff}
}