.toggle-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mk-space-6);
  width: 100%;
}
.loading-layout {
  width: 100%;
  min-width: 0;
}
.content-list-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--mk-space-1) var(--mk-space-4);
  padding-right: var(--mk-space-4);
}
.content-list-row > :first-child {
  flex: 1 1 14rem;
  min-width: 0;
}
.list-destination {
  display: inline-flex;
  align-items: center;
  min-height: var(--mk-layout-row-min);
  color: var(--mk-color-text-muted);
  font-size: var(--mk-type-ui-small-size);
  line-height: var(--mk-type-ui-small-line);
  font-weight: var(--mk-font-medium);
  text-decoration: none;
  white-space: nowrap;
}
.list-destination:hover {
  color: var(--mk-color-text);
}
.list-destination:hover > span {
  text-decoration: underline;
}
.component-example > .loading-layout,
.component-example > .toggle-layout {
  width: 100%;
}
@media (max-width: 767px) {
  .content-list-row {
    padding-right: var(--mk-space-5);
  }
}