.tb-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);

  display:flex;
  align-items:center;
  justify-content:center;

  z-index:9999;
}

.tb-modal.hide{
  display:none;
}

.tb-modal-content{

  width:min(
    700px,
    95%
  );

  background:#fff;

  border-radius:16px;

  padding:20px;
}

.tb-modal-header{

  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-bottom:20px;
}

.tb-close{

  border:none;

  background:none;

  font-size:24px;

  cursor:pointer;
}

.upgrade-grid{

  display:grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(240px,1fr)
    );

  gap:16px;
}

.plan-card{

  border:1px solid #ddd;

  border-radius:12px;

  padding:20px;
}

.plan-card h3{

  margin-top:0;
}

.plan-card ul{

  padding-left:20px;
}

.plan-card.premium{

  border:2px solid #1f8f44;
}