.application-body.application-help {
  --app-colour: var(--app-colour-help, #383E42);
}
.application-body.application-help .directory {
  margin-bottom: 40px;
}
.application-body.application-help .support-section {
  margin-bottom: 40px;
}
.application-body.application-help .support-section .link-list a {
  font-weight: bold;
}
.application-body.application-help .user-cards {
  margin: 0 -10px 0;
  box-sizing: border-box;
}
.application-body.application-help .user-cards:after {
  content: ' ';
  display: table;
  clear: both;
}
.application-body.application-help .user-cards .item {
  margin-bottom: 20px;
  padding: 0 10px;
  box-sizing: border-box;
}
@container screen style(--screen-large: true) {
.application-body.application-help .user-cards .item {
  width: 50%;
  float: left;
}
}
.application-body.application-help .user-cards .item .user-card {
  height: 100%;
  font-size: 0.9em;
}
.application-body.application-help .canvas-toolbar {
  margin-bottom: 40px;
}
@container screen style(--screen-small: true) {
.application-body.application-help .canvas-toolbar {
  display: none;
}
}
@container screen style(--screen-small: false) {
.application-body.application-help .pat-message {
  padding: 40px 45px 40px 120px;
}
}
@container screen style(--screen-small: false) {
.application-body.application-help .pat-message:before {
  position: absolute;
  top: 50%;
  left: 45px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  background-color: currentColor;
  -webkit-mask: var(--help-message-mark) center / contain no-repeat;
  mask: var(--help-message-mark) center / contain no-repeat;
  transform: translateY(-50%);
  text-align: center;
}
}
@container screen style(--screen-small: false) {
.application-body.application-help .pat-message.warning {
  border-color: var(--colour-warning);
  background: var(--colour-warning-background);
}
}
@container screen style(--screen-small: false) {
.application-body.application-help .pat-message.warning:before {
  content: '';
  --help-message-mark: var(--kik-svg-attention);
  color: var(--colour-warning);
}
}
@container screen style(--screen-small: false) {
.application-body.application-help .pat-message.notice:before {
  content: '';
  --help-message-mark: var(--kik-svg-lightbulb);
  color: rgba(0, 0, 0, 0.8);
}
}
.application-body.application-help .app-downloads {
  display: table;
  width: 100%;
}
.application-body.application-help .app-downloads th,
.application-body.application-help .app-downloads td {
  border-top: 0;
  border-bottom: 0;
}
.application-body.application-help .app-downloads th[scope="row"] {
  white-space: nowrap;
  text-align: start;
}
.application-body.application-help .app-downloads .app-downloads-app {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.application-body.application-help .app-downloads .app-downloads-icon {
  display: inline-block;
  flex: none;
  width: 2em;
  height: 2em;
  box-sizing: border-box;
  padding: 0.35em;
  border-radius: 22%;
  background-color: var(--app-colour, currentColor);
}
.application-body.application-help .app-downloads .app-downloads-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.application-body.application-help .app-downloads .app-downloads-icon svg > * {
  stroke: #fff;
  fill: transparent;
}
.application-body.application-help .app-downloads .app-downloads-icon-kikaron {
  background-color: #F37021;
  padding: 0.2em;
}
.application-body.application-help .app-downloads .app-downloads-icon-kikaron svg path {
  stroke: none;
  fill: #fff;
}