@transferwise/neptune-css 14.8.0 → 14.8.2

package/dist/css/panels.css

@@ -1 +1,528 @@
-.panel{background-color:transparent;border:0;margin-bottom:16px;margin-left:-16px;margin-right:-16px}.panel-body{background-color:#fff;background-color:var(--color-background-screen);padding:16px}.panel-heading{padding:16px 16px 8px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{line-height:calc(1.2 + 8px);line-height:calc(var(--line-height-title) + 8px);margin-bottom:0;margin-top:0}.panel-title>a{text-decoration:none}.panel-footer{padding:16px}@media (min-width:576px){.panel{margin-bottom:24px;margin-left:-24px;margin-right:-24px}.panel-heading{padding:16px 24px 8px}.panel-body,.panel-footer{padding:24px}}@media (min-width:768px){.panel{margin-left:0;margin-right:0}.panel-heading{padding:16px 0 8px}}@media (min-width:992px){.panel{border-radius:3px;margin-bottom:32px}.panel-body,.panel-footer{padding:32px}}@media (min-width:768px){.panel-title{line-height:2.4;line-height:calc(var(--line-height-title)*2)}.panel-heading>.btn-sm{margin-top:8px}}.panel>.list-group,.panel>.panel-collapse>.list-group{border-left:0;border-right:0;margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-radius:0}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-list-group{border-left:0;border-right:0;margin-bottom:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:32px;padding-right:32px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:2px;border-top-right-radius:2px}[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,[dir=rtl] .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,[dir=rtl] .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,[dir=rtl] .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,[dir=rtl] .panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-right-radius:2px}[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,[dir=rtl] .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,[dir=rtl] .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,[dir=rtl] .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,[dir=rtl] .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,[dir=rtl] .panel>.table:first-child>thead:first-child>tr:first-child th:last-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,html:not([dir=rtl]) .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,html:not([dir=rtl]) .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,html:not([dir=rtl]) .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,html:not([dir=rtl]) .panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:2px}html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,html:not([dir=rtl]) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,html:not([dir=rtl]) .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,html:not([dir=rtl]) .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,html:not([dir=rtl]) .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,html:not([dir=rtl]) .panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:2px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,[dir=rtl] .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,[dir=rtl] .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,[dir=rtl] .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,[dir=rtl] .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-right-radius:2px}[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,[dir=rtl] .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,[dir=rtl] .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,[dir=rtl] .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,[dir=rtl] .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,[dir=rtl] .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,html:not([dir=rtl]) .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,html:not([dir=rtl]) .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,html:not([dir=rtl]) .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,html:not([dir=rtl]) .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:2px}html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,html:not([dir=rtl]) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,html:not([dir=rtl]) .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,html:not([dir=rtl]) .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,html:not([dir=rtl]) .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,html:not([dir=rtl]) .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:2px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #f2f5f7}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}[dir=rtl] .panel>.table-bordered>tbody>tr>td:first-child,[dir=rtl] .panel>.table-bordered>tbody>tr>th:first-child,[dir=rtl] .panel>.table-bordered>tfoot>tr>td:first-child,[dir=rtl] .panel>.table-bordered>tfoot>tr>th:first-child,[dir=rtl] .panel>.table-bordered>thead>tr>td:first-child,[dir=rtl] .panel>.table-bordered>thead>tr>th:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,[dir=rtl] .panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-right:0}[dir=rtl] .panel>.table-bordered>tbody>tr>td:last-child,[dir=rtl] .panel>.table-bordered>tbody>tr>th:last-child,[dir=rtl] .panel>.table-bordered>tfoot>tr>td:last-child,[dir=rtl] .panel>.table-bordered>tfoot>tr>th:last-child,[dir=rtl] .panel>.table-bordered>thead>tr>td:last-child,[dir=rtl] .panel>.table-bordered>thead>tr>th:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,[dir=rtl] .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,html:not([dir=rtl]) .panel>.table-bordered>tbody>tr>td:first-child,html:not([dir=rtl]) .panel>.table-bordered>tbody>tr>th:first-child,html:not([dir=rtl]) .panel>.table-bordered>tfoot>tr>td:first-child,html:not([dir=rtl]) .panel>.table-bordered>tfoot>tr>th:first-child,html:not([dir=rtl]) .panel>.table-bordered>thead>tr>td:first-child,html:not([dir=rtl]) .panel>.table-bordered>thead>tr>th:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}html:not([dir=rtl]) .panel>.table-bordered>tbody>tr>td:last-child,html:not([dir=rtl]) .panel>.table-bordered>tbody>tr>th:last-child,html:not([dir=rtl]) .panel>.table-bordered>tfoot>tr>td:last-child,html:not([dir=rtl]) .panel>.table-bordered>tfoot>tr>th:last-child,html:not([dir=rtl]) .panel>.table-bordered>thead>tr>td:last-child,html:not([dir=rtl]) .panel>.table-bordered>thead>tr>th:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,html:not([dir=rtl]) .panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel>.table tr>:first-child,.panel>.table-responsive tr>:first-child{padding-left:16px}[dir=rtl] .panel>.table tr>:first-child,[dir=rtl] .panel>.table-responsive tr>:first-child{padding-left:0;padding-right:16px}.panel>.table tr>:last-child,.panel>.table-responsive tr>:last-child{padding-right:16px}[dir=rtl] .panel>.table tr>:last-child,[dir=rtl] .panel>.table-responsive tr>:last-child{padding-left:16px;padding-right:0}@media (min-width:768px){.panel>.table tr>:first-child,.panel>.table-responsive tr>:first-child{padding-left:24px}[dir=rtl] .panel>.table tr>:first-child,[dir=rtl] .panel>.table-responsive tr>:first-child{padding-left:0;padding-right:24px}.panel>.table tr>:last-child,.panel>.table-responsive tr>:last-child{padding-right:24px}[dir=rtl] .panel>.table tr>:last-child,[dir=rtl] .panel>.table-responsive tr>:last-child{padding-left:24px;padding-right:0}}@media (min-width:992px){.panel>.table tr>:first-child,.panel>.table-responsive tr>:first-child{padding-left:32px}[dir=rtl] .panel>.table tr>:first-child,[dir=rtl] .panel>.table-responsive tr>:first-child{padding-left:0;padding-right:32px}.panel>.table tr>:last-child,.panel>.table-responsive tr>:last-child{padding-right:32px}[dir=rtl] .panel>.table tr>:last-child,[dir=rtl] .panel>.table-responsive tr>:last-child{padding-left:32px;padding-right:0}}.panel-group{margin-bottom:24px;margin-bottom:var(--size-24)}.panel-group .panel{border-radius:3px;margin-bottom:0}.panel-group .panel+.panel{margin-top:8px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #fff}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #fff}.panel-default{border-color:#e2e6e8!important}.panel-default>.panel-heading{border-color:#e2e6e8;color:#4a5860}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#e2e6e8}.panel-default>.panel-heading .badge{background-color:#4a5860;color:#fff}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#e2e6e8}.panel-primary{border-color:#37517e!important}.panel-primary>.panel-heading{border-color:#37517e;color:#fff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#37517e}.panel-primary>.panel-heading .badge{background-color:#fff;color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#37517e}.panel-success{border-color:#2ed06e!important}.panel-success>.panel-heading{border-color:#2ed06e;color:#1b7940}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#2ed06e}.panel-success>.panel-heading .badge{background-color:#1b7940;color:#fff}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#2ed06e}.panel-info{border-color:#00b9ff!important}.panel-info>.panel-heading{border-color:#00b9ff;color:#00a4df}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#00b9ff}.panel-info>.panel-heading .badge{background-color:#00a4df;color:#fff}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#00b9ff}.panel-warning{border-color:#ffa600!important}.panel-warning>.panel-heading{border-color:#ffa600;color:#9e5f00}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ffa600}.panel-warning>.panel-heading .badge{background-color:#9e5f00;color:#fff}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ffa600}.panel-danger{border-color:#f53636!important}.panel-danger>.panel-heading{border-color:#f53636;color:#c22e2e}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f53636}.panel-danger>.panel-heading .badge{background-color:#c22e2e;color:#fff}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f53636}.panel ul:last-child{margin-bottom:0}.panel-group .panel{border:1px solid #e2e6e8;margin-left:0;margin-right:0}.panel-group .panel-footer,.panel-group .panel-heading{padding:16px}@media (min-width:576px){.panel-group .panel .panel-footer,.panel-group .panel .panel-heading{padding:24px!important}}@media (min-width:992px){.panel-group .panel .panel-footer,.panel-group .panel .panel-heading{padding:24px 32px}}@media (min-width:768px){.panel{margin-left:0;margin-right:0}}
+.panel {
+  margin-bottom: 16px;
+  background-color: transparent;
+  border: 0;
+  margin-left: -16px;
+  margin-right: -16px;
+}
+.panel-body {
+  padding: 16px;
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+}
+.panel-heading {
+  padding: 16px 16px 8px 16px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: calc(1.2 + 8px);
+  line-height: calc(var(--line-height-title) + 8px);
+}
+.panel-title > a {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.panel-footer {
+  padding: 16px;
+}
+@media (min-width: 576px) {
+  .panel {
+    margin-bottom: 24px;
+    margin-left: -24px;
+    margin-right: -24px;
+  }
+  .panel-heading {
+    padding: 16px 24px 8px 24px;
+  }
+  .panel-body {
+    padding: 24px;
+  }
+  .panel-footer {
+    padding: 24px;
+  }
+}
+@media (min-width: 768px) {
+  .panel {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .panel-heading {
+    padding: 16px 0 8px 0;
+  }
+}
+@media (min-width: 992px) {
+  .panel {
+    margin-bottom: 32px;
+    border-radius: 3px;
+  }
+  .panel-body {
+    padding: 32px;
+  }
+  .panel-footer {
+    padding: 32px;
+  }
+}
+@media (min-width: 768px) {
+  .panel-title {
+    line-height: calc(1.2 * 2);
+    line-height: calc(var(--line-height-title) * 2);
+  }
+  .panel-heading > .btn-sm {
+    margin-top: 8px;
+  }
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-radius: 0;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.panel-list-group {
+  margin-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-right-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 2px;
+}
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-left-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 2px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-right-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 2px;
+}
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-left-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 2px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #f2f5f7;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+[dir="rtl"] .panel > .table-bordered > thead > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > thead > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-right: 0  ;
+}
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0  ;
+}
+[dir="rtl"] .panel > .table-bordered > thead > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > thead > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-left: 0  ;
+}
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0  ;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
+.panel > .table tr > :first-child,
+.panel > .table-responsive tr > :first-child {
+  padding-left: 16px;
+}
+[dir="rtl"] .panel > .table tr > :first-child,
+[dir="rtl"] .panel > .table-responsive tr > :first-child {
+  padding-right: 16px;
+  padding-left: 0;
+  padding-left: initial;
+}
+.panel > .table tr > :last-child,
+.panel > .table-responsive tr > :last-child {
+  padding-right: 16px;
+}
+[dir="rtl"] .panel > .table tr > :last-child,
+[dir="rtl"] .panel > .table-responsive tr > :last-child {
+  padding-left: 16px;
+  padding-right: 0;
+  padding-right: initial;
+}
+@media (min-width: 768px) {
+  .panel > .table tr > :first-child,
+  .panel > .table-responsive tr > :first-child {
+    padding-left: 24px;
+  }
+  [dir="rtl"] .panel > .table tr > :first-child,
+  [dir="rtl"] .panel > .table-responsive tr > :first-child {
+    padding-right: 24px;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .panel > .table tr > :last-child,
+  .panel > .table-responsive tr > :last-child {
+    padding-right: 24px;
+  }
+  [dir="rtl"] .panel > .table tr > :last-child,
+  [dir="rtl"] .panel > .table-responsive tr > :last-child {
+    padding-left: 24px;
+    padding-right: 0;
+    padding-right: initial;
+  }
+}
+@media (min-width: 992px) {
+  .panel > .table tr > :first-child,
+  .panel > .table-responsive tr > :first-child {
+    padding-left: 32px;
+  }
+  [dir="rtl"] .panel > .table tr > :first-child,
+  [dir="rtl"] .panel > .table-responsive tr > :first-child {
+    padding-right: 32px;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .panel > .table tr > :last-child,
+  .panel > .table-responsive tr > :last-child {
+    padding-right: 32px;
+  }
+  [dir="rtl"] .panel > .table tr > :last-child,
+  [dir="rtl"] .panel > .table-responsive tr > :last-child {
+    padding-left: 32px;
+    padding-right: 0;
+    padding-right: initial;
+  }
+}
+.panel-group {
+  margin-bottom: 24px;
+  margin-bottom: var(--size-24);
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 3px;
+}
+.panel-group .panel + .panel {
+  margin-top: 8px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #FFF;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #FFF;
+}
+.panel-default {
+  border-color: #e2e6e8 !important;
+}
+.panel-default > .panel-heading {
+  color: #4a5860;
+  border-color: #e2e6e8;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #e2e6e8;
+}
+.panel-default > .panel-heading .badge {
+  color: #fff;
+  background-color: #4a5860;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #e2e6e8;
+}
+.panel-primary {
+  border-color: #37517e !important;
+}
+.panel-primary > .panel-heading {
+  color: #fff;
+  border-color: #37517e;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #37517e;
+}
+.panel-primary > .panel-heading .badge {
+  color: #fff;
+  background-color: #fff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #37517e;
+}
+.panel-success {
+  border-color: #2ED06E !important;
+}
+.panel-success > .panel-heading {
+  color: #1B7940;
+  border-color: #2ED06E;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #2ED06E;
+}
+.panel-success > .panel-heading .badge {
+  color: #FFF;
+  background-color: #1B7940;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #2ED06E;
+}
+.panel-info {
+  border-color: #00b9ff !important;
+}
+.panel-info > .panel-heading {
+  color: #00a4df;
+  border-color: #00b9ff;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #00b9ff;
+}
+.panel-info > .panel-heading .badge {
+  color: #FFF;
+  background-color: #00a4df;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #00b9ff;
+}
+.panel-warning {
+  border-color: #FFA600 !important;
+}
+.panel-warning > .panel-heading {
+  color: #9E5F00;
+  border-color: #FFA600;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #FFA600;
+}
+.panel-warning > .panel-heading .badge {
+  color: #FFF;
+  background-color: #9E5F00;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #FFA600;
+}
+.panel-danger {
+  border-color: #F53636 !important;
+}
+.panel-danger > .panel-heading {
+  color: #C22E2E;
+  border-color: #F53636;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #F53636;
+}
+.panel-danger > .panel-heading .badge {
+  color: #FFF;
+  background-color: #C22E2E;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #F53636;
+}
+.panel ul:last-child {
+  margin-bottom: 0;
+}
+.panel-group .panel {
+  margin-left: 0;
+  margin-right: 0;
+  border: 1px solid #e2e6e8;
+}
+.panel-group .panel-heading,
+.panel-group .panel-footer {
+  padding: 16px;
+}
+@media (min-width: 576px) {
+  .panel-group .panel .panel-heading,
+  .panel-group .panel .panel-footer {
+    padding: 24px !important;
+  }
+}
+@media (min-width: 992px) {
+  .panel-group .panel .panel-heading,
+  .panel-group .panel .panel-footer {
+    padding: 24px 32px;
+  }
+}
+@media (min-width: 768px) {
+  .panel {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}