.entry-select{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:24px;
  background:#0b0e13;
}

.entry-select[hidden]{display:none}

.entry-select-panel{
  width:min(820px,100%);
  border:1px solid #2b3442;
  border-radius:8px;
  background:#141922;
  box-shadow:0 18px 60px rgba(0,0,0,.36);
  padding:22px;
}

.entry-select-eyebrow{
  margin:0 0 6px;
  color:#91a0af;
  font-size:12px;
  text-transform:uppercase;
}

.entry-select-title{
  margin:0;
  color:#eff4f8;
  font-size:24px;
  line-height:1.25;
}

.entry-select-subtitle{
  margin:9px 0 18px;
  color:#91a0af;
  font-size:14px;
}

.entry-select-groups{
  display:grid;
  gap:14px;
}

.entry-select-group{
  border:1px solid #2b3442;
  border-radius:8px;
  background:#101720;
  padding:14px;
}

.entry-select-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.entry-select-group-head h3{
  margin:0;
  color:#eff4f8;
  font-size:17px;
}

.entry-select-group-head p{
  margin:0;
  color:#91a0af;
  font-size:12px;
  line-height:1.45;
  text-align:right;
}

.entry-select-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.entry-select-grid-1{
  grid-template-columns:minmax(0,1fr);
}

.entry-select-option{
  min-height:86px;
  border:1px solid #2b3442;
  border-radius:7px;
  background:#0b1119;
  color:#eff4f8;
  padding:14px;
  text-align:left;
}

.entry-select-option:hover,
.entry-select-option:focus-visible{
  border-color:rgba(61,214,198,.58);
  outline:none;
  background:rgba(61,214,198,.1);
}

.entry-select-option strong,
.entry-select-option span{
  display:block;
}

.entry-select-option strong{
  margin-bottom:8px;
  font-size:16px;
}

.entry-select-option span{
  color:#91a0af;
  font-size:12px;
  line-height:1.45;
}

body.entry-choice-open{
  overflow:hidden;
}

body.entry-choice-open .toast-area{
  display:none;
}

@media(max-width:760px){
  .entry-select{
    padding:14px;
  }

  .entry-select-panel{
    padding:16px;
  }

  .entry-select-group-head{
    display:block;
  }

  .entry-select-group-head p{
    margin-top:5px;
    text-align:left;
  }

  .entry-select-grid,
  .entry-select-grid-1{
    grid-template-columns:1fr;
  }

  .entry-select-option{
    min-height:72px;
  }
}