| <template> | |
| <style> | |
| cr-icon-button { | |
| --cr-icon-button-fill-color: rgb(82, 101, 162); | |
| margin: 0; | |
| } | |
| cr-input { | |
| display: inline-block; | |
| margin: 0 15px; | |
| vertical-align: top; | |
| width: 200px; | |
| } | |
| cr-radio-button { | |
| display: inline-flex; | |
| } | |
| .element-label { | |
| color: rgb(82, 101, 162); | |
| display: block; | |
| font-size: 24px; | |
| font-weight: normal; | |
| height: 80px; | |
| letter-spacing: 0.05em; | |
| line-height: 80px; | |
| padding-inline-start: 0; | |
| } | |
| .form-label { | |
| display: block; | |
| } | |
| .form-field-section { | |
| margin-top: 30px; | |
| } | |
| .form-field-section:first-of-type { | |
| margin-top: 0; | |
| } | |
| .icon-cell { | |
| text-align: center; | |
| width: 45%; | |
| } | |
| .devices-table { | |
| border-collapse: collapse; | |
| padding: 20px 0; | |
| } | |
| .devices-table.custom { | |
| margin-top: 40px; | |
| } | |
| .devices-table .icon-cell { | |
| width: 45%; | |
| } | |
| .devices-table .center-cell-label { | |
| text-align: center; | |
| } | |
| .devices-table .control-cell { | |
| text-align: center; | |
| } | |
| .devices-table td { | |
| padding: 10px; | |
| } | |
| .devices-table td.centered-cell-label { | |
| text-align: center; | |
| } | |
| .bold { | |
| font-weight: bold; | |
| } | |
| .devices-table tr.table-section-header { | |
| font-weight: bold; | |
| } | |
| .devices-table tbody:first-of-type::before { | |
| height: 0; | |
| } | |
| .devices-table tbody:last-of-type::before { | |
| content: ''; | |
| display: block; | |
| height: 30px; | |
| } | |
| .devices-table tbody tr { | |
| border-bottom: 1px solid #dadada; | |
| } | |
| .devices-table tbody tr:last-of-type { | |
| border-bottom: 0; | |
| } | |
| .add-device-container { | |
| margin: 15px; | |
| text-align: end; | |
| } | |
| .add-device-container cr-button { | |
| color: rgb(82, 101, 162); | |
| } | |
| </style> | |
| </template> |