@import url('../../../../css/form.css');
:host {
  --line-color: #dddddd; --background-color: #ffffff
}
.container {
  width: 100%; background-color: var(--background-color); display: block !important
}
.container ul {
  list-style: none; margin: 0px; padding: 0px; padding-bottom: 10px; position: relative
}
.container ul li {
  width: 100%; position: relative
}
.container ul ul {
  padding-left: 20px; padding-bottom: 0px
}
.container ul ul::before {
  content: ''; position: absolute; top: -5px; left: 6px; width: 0px; height: calc(100% - 10px); border-left: var(--line-color) 1px solid
}
.container ul ul li::before {
  content: ''; position: absolute; top: 14px; left: -14px; width: 12px; height: 0px; border-top: var(--line-color) 1px solid
}
.container ul ul li:last-child::after {
  content: ''; width: 2px; background-color: var(--background-color); height: calc(100% - 16px); position: absolute; left: -14px; bottom: 0px; z-index: 100
}
.container ul:empty {
  display: none
}
.container.disabled label.checkbox {
  pointer-events: none; opacity: .5
}