:root{
  --deck:#0f1419;
  --slab:#171e26;
  --edge:#2a3542;
  --text:#dde5ee;
  --dim:#94a3b4;
  --tint:#4fb8a8;
  --act:#e0763a;
  --actdeep:#b25520;
}
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--deck)}
body{
  margin:0;
  background:var(--deck);
  color:var(--text);
  font:17px/1.72 Verdana,Geneva,"DejaVu Sans",sans-serif;
}
a{color:var(--tint)}
a:hover,a:focus-visible{color:#7fd7c8}
.clx-bar{
  padding:15px 17px 17px;
  border-bottom:1px solid var(--edge);
  background:var(--slab);
}
.clx-name{display:block;margin:0 0 14px;color:var(--text);text-decoration:none}
.clx-name b{display:block;font-size:18px;letter-spacing:.01em}
.clx-name i{display:block;margin-top:4px;color:var(--dim);font-size:13px;font-style:normal}
.clx-go{
  display:block;
  padding:15px 16px;
  border:1px solid var(--actdeep);
  border-radius:9px;
  background:linear-gradient(180deg,var(--act),var(--actdeep));
  color:#fff8f2;
  text-align:center;
  text-decoration:none;
}
.clx-go b{display:block;font-size:20px;line-height:1.28}
.clx-go i{display:block;margin-top:5px;color:#ffe7d6;font-size:13.5px;font-style:normal;line-height:1.45}
.clx-go:hover,.clx-go:focus-visible{background:var(--actdeep);color:#fff}
.clx-paths{margin-top:15px}
.clx-paths ul{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;font-size:15px}
.clx-paths em{font-style:normal;border-bottom:2px solid var(--act)}
.clx-where{margin:13px 0 0;color:var(--dim);font-size:13.5px}
.clx-where em{font-style:normal;color:var(--text)}
.clx-main{max-width:44rem;margin:0 auto;padding:24px 17px 8px}
.clx-head{margin:0 0 14px;font-size:28px;line-height:1.22;font-weight:700;letter-spacing:-.01em}
.clx-open{
  margin:0 0 26px;
  padding:15px 16px;
  border:1px solid var(--edge);
  border-radius:9px;
  background:var(--slab);
  font-size:17.5px;
}
.clx-block{display:block;margin:0 0 4px}
.clx-block h2,.clx-pairs h2,.clx-asks h2{margin:28px 0 10px;font-size:20.5px;line-height:1.32;color:#fff}
.clx-block p{margin:0 0 14px}
.clx-pairs,.clx-asks{display:block}
.clx-pairs dl{margin:0;padding:0;font-size:15.5px}
.clx-pairs dt{margin:12px 0 0;color:var(--dim);font-weight:700}
.clx-pairs dd{margin:2px 0 0;padding:0}
.clx-ask{
  margin:0 0 7px;
  border:1px solid var(--edge);
  border-radius:8px;
  background:var(--slab);
}
.clx-ask summary{padding:11px 14px;color:#fff;cursor:pointer;font-weight:700}
.clx-ask summary::marker{color:var(--tint)}
.clx-ask p{margin:0;padding:0 14px 13px;color:var(--text)}
.clx-aid{
  display:block;
  margin:30px 0 0;
  padding:14px 16px 4px;
  border-left:4px solid var(--tint);
  background:var(--slab);
  font-size:15px;
}
.clx-aid p{margin:0 0 11px;color:var(--dim)}
.clx-aid strong{color:var(--text)}
.clx-on{max-width:44rem;margin:26px auto 32px;padding:0 17px;font-size:16px}
.clx-base{
  padding:22px 17px 34px;
  border-top:1px solid var(--edge);
  background:var(--slab);
  color:var(--dim);
  font-size:14.5px;
  line-height:1.65;
}
.clx-base p{max-width:44rem;margin:0 auto 11px}
.clx-back{max-width:44rem;margin:14px auto 0;line-height:2}
.clx-back a,.clx-back em{margin-right:15px;font-style:normal}
.clx-gate{
  max-width:28rem;
  margin:auto;
  padding:22px;
  border:1px solid var(--edge);
  border-top:5px solid var(--act);
  border-radius:10px;
  background:var(--slab);
  color:var(--text);
}
.clx-gate::backdrop{background:rgba(6,10,14,.8)}
.clx-gate h2{margin:0 0 10px;font-size:20px;line-height:1.3;color:#fff}
.clx-gate p{margin:0 0 18px;color:var(--dim);font-size:15px;line-height:1.58}
.clx-pick{display:flex;flex-direction:column;gap:9px;margin:0}
.clx-pick button{
  padding:13px 15px;
  border:1px solid var(--edge);
  border-radius:8px;
  background:#202a35;
  color:var(--text);
  font:16px/1.4 Verdana,Geneva,sans-serif;
  cursor:pointer;
}
.clx-pick button[value=yes]{border-color:var(--actdeep);background:var(--act);color:#fff8f2;font-weight:700}
@media(min-width:48rem){
  .clx-bar{display:grid;grid-template-columns:1fr auto;gap:16px 28px;padding:18px 32px}
  .clx-name{margin:0;align-self:center}
  .clx-go{min-width:21rem;align-self:center}
  .clx-paths{grid-column:1/-1;margin-top:0}
  .clx-where{grid-column:1/-1;margin-top:0}
  .clx-head{font-size:33px}
  .clx-pick{flex-direction:row}
  .clx-pick button{flex:1 1 0}
}