/***
Dynamic Remarkbox Stylesheet

This stylesheet controls how comments (nodes) look when nested.
***/

.root-node {
  padding-left: 12px;
}


.node-depth-0 {
  padding-left: 0px;
}

.node-depth-1 {
  padding-left: 12px;
}

.node-depth-2 {
  padding-left: 24px;
}

.node-depth-3 {
  padding-left: 36px;
}

.node-depth-4 {
  padding-left: 48px;
}

.node-depth-5 {
  padding-left: 60px;
}

.node-depth-6 {
  padding-left: 72px;
}

.node-depth-7 {
  padding-left: 84px;
}

.node-depth-8 {
  padding-left: 96px;
}

.node-depth-9 {
  padding-left: 108px;
}

.node-depth-10 {
  padding-left: 120px;
}

.node-depth-11 {
  padding-left: 132px;
}

.node-depth-12 {
  padding-left: 144px;
}

.node-depth-13 {
  padding-left: 156px;
}

.node-depth-14 {
  padding-left: 168px;
}

.node-depth-15 {
  padding-left: 180px;
}

.node-depth-16 {
  padding-left: 192px;
}

.node-depth-17 {
  padding-left: 204px;
}

.node-depth-18 {
  padding-left: 216px;
}

.node-depth-19 {
  padding-left: 228px;
}

.node-depth-20 {
  padding-left: 240px;
}

.node-depth-21 {
  padding-left: 252px;
}

.node-depth-22 {
  padding-left: 264px;
}

.node-depth-23 {
  padding-left: 276px;
}

.node-depth-24 {
  padding-left: 288px;
}

.node-depth-25 {
  padding-left: 300px;
}

.node-depth-26 {
  padding-left: 312px;
}

.node-depth-27 {
  padding-left: 324px;
}

.node-depth-28 {
  padding-left: 336px;
}

.node-depth-29 {
  padding-left: 348px;
}


.node {
  padding-top: 20px;
}

.nested-avatar {
  margin-left: -48px;
}

@media screen and (min-width:568px) {
    .node {
      padding-left: 48px;
    }
}