// :host ::ng-deep .trigger {
//   font-size: 18px;
//   line-height: 64px;
//   padding: 0 24px;
//   cursor: pointer;
//   transition: color .3s;
// }

// :host ::ng-deep .trigger:hover {
//   color: #1890ff;
// }

// :host ::ng-deep .logo {
//   height: 32px;
//   background: rgba(255, 255, 255, .2);
//   margin: 16px;
// }

// :host ::ng-deep .ant-menu-item:focus {
//   outline-width: 0;
// }

// .card-container ::ng-deep .ant-tabs-card .ant-tabs-content {
//   height: 120px;
//   margin-top: -16px;
// }

// .card-container ::ng-deep .ant-tabs-card .ant-tabs-content .ant-tabs-tabpane {
//   background: #fff;
//   padding: 16px;
// }

// .card-container ::ng-deep .ant-tabs-card .ant-tabs-bar {
//   border-color: #fff;
// }

// // .card-container ::ng-deep .ant-tabs-card .ant-tabs-bar .ant-tabs-tab {
// //   border-color: transparent;
// //   background: transparent;
// // }

// .card-container ::ng-deep .ant-tabs-card .ant-tabs-bar .ant-tabs-tab-active {
//   border-color: #fff;
//   background: #fff;
// }


:host ::ng-deep .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color .3s;
}

:host ::ng-deep .trigger:hover {
  color: #1890ff;
}

:host ::ng-deep .logo {
  height: 32px;
  background: rgba(255, 255, 255, .2);
  margin: 16px;
}