.prettier-logo-icon .c0 {
  opacity: 0.5;
  stroke: #4d616e;
}
.prettier-logo-icon .c1 {
  stroke: #56b3b4;
}
.prettier-logo-icon .c2 {
  stroke: #ea5e5e;
}
.prettier-logo-icon .c3 {
  stroke: #f7ba3e;
}
.prettier-logo-icon .c4 {
  stroke: #bf85bf;
}
.prettier-logo-icon .dash {
  stroke-linecap: round;
  stroke-width: 10;
  animation-timing-function: cubic-bezier(0.43, 0.12, 0.44, 1), ease-in-out;
  animation-duration: 2s, 1.4s;
  animation-fill-mode: both, none;
  animation-iteration-count: 1;
}
@media (prefers-reduced-motion: reduce) {
  .prettier-logo-icon .dash {
    animation: none;
  }
}
.prettier-logo-icon .l0 > path {
  animation-delay: 0ms;
}
.prettier-logo-icon .l0 .p0 {
  stroke-dasharray: 60, 160;
  stroke-dashoffset: -145;
  animation-name: icon-l0p0-initial, none;
}
.prettier-logo-icon.rolling .l0 .p0 {
  animation-name: icon-l0p0-initial, icon-l0p0-roll;
}
@-moz-keyframes icon-l0p0-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-webkit-keyframes icon-l0p0-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-o-keyframes icon-l0p0-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@keyframes icon-l0p0-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-moz-keyframes icon-l0p0-roll {
  100% {
    stroke-dashoffset: 75;
  }
}
@-webkit-keyframes icon-l0p0-roll {
  100% {
    stroke-dashoffset: 75;
  }
}
@-o-keyframes icon-l0p0-roll {
  100% {
    stroke-dashoffset: 75;
  }
}
@keyframes icon-l0p0-roll {
  100% {
    stroke-dashoffset: 75;
  }
}
.prettier-logo-icon .l0 .p1 {
  stroke-dasharray: 120, 100;
  stroke-dashoffset: -5;
  animation-name: icon-l0p1-initial, none;
}
.prettier-logo-icon.rolling .l0 .p1 {
  animation-name: icon-l0p1-initial, icon-l0p1-roll;
}
@-moz-keyframes icon-l0p1-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-webkit-keyframes icon-l0p1-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-o-keyframes icon-l0p1-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@keyframes icon-l0p1-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-moz-keyframes icon-l0p1-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l0p1-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l0p1-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l0p1-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
.prettier-logo-icon .l1 > path {
  animation-delay: 70ms;
}
.prettier-logo-icon .l1 .p0 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -175;
  animation-name: icon-l1p0-initial, none;
}
.prettier-logo-icon.rolling .l1 .p0 {
  animation-name: icon-l1p0-initial, icon-l1p0-roll;
}
@-moz-keyframes icon-l1p0-initial {
  0%, 50% {
    stroke-dashoffset: -75;
  }
}
@-webkit-keyframes icon-l1p0-initial {
  0%, 50% {
    stroke-dashoffset: -75;
  }
}
@-o-keyframes icon-l1p0-initial {
  0%, 50% {
    stroke-dashoffset: -75;
  }
}
@keyframes icon-l1p0-initial {
  0%, 50% {
    stroke-dashoffset: -75;
  }
}
@-moz-keyframes icon-l1p0-roll {
  100% {
    stroke-dashoffset: -395;
  }
}
@-webkit-keyframes icon-l1p0-roll {
  100% {
    stroke-dashoffset: -395;
  }
}
@-o-keyframes icon-l1p0-roll {
  100% {
    stroke-dashoffset: -395;
  }
}
@keyframes icon-l1p0-roll {
  100% {
    stroke-dashoffset: -395;
  }
}
.prettier-logo-icon .l1 .p1 {
  stroke-dasharray: 100, 120;
  stroke-dashoffset: -55;
  animation-name: icon-l1p1-initial, none;
}
.prettier-logo-icon.rolling .l1 .p1 {
  animation-name: icon-l1p1-initial, icon-l1p1-roll;
}
@-moz-keyframes icon-l1p1-initial {
  0%, 50% {
    stroke-dashoffset: 45;
  }
}
@-webkit-keyframes icon-l1p1-initial {
  0%, 50% {
    stroke-dashoffset: 45;
  }
}
@-o-keyframes icon-l1p1-initial {
  0%, 50% {
    stroke-dashoffset: 45;
  }
}
@keyframes icon-l1p1-initial {
  0%, 50% {
    stroke-dashoffset: 45;
  }
}
@-moz-keyframes icon-l1p1-roll {
  100% {
    stroke-dashoffset: -275;
  }
}
@-webkit-keyframes icon-l1p1-roll {
  100% {
    stroke-dashoffset: -275;
  }
}
@-o-keyframes icon-l1p1-roll {
  100% {
    stroke-dashoffset: -275;
  }
}
@keyframes icon-l1p1-roll {
  100% {
    stroke-dashoffset: -275;
  }
}
.prettier-logo-icon .l1 .p2 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -5;
  animation-name: icon-l1p2-initial, none;
}
.prettier-logo-icon.rolling .l1 .p2 {
  animation-name: icon-l1p2-initial, icon-l1p2-roll;
}
@-moz-keyframes icon-l1p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-webkit-keyframes icon-l1p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-o-keyframes icon-l1p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@keyframes icon-l1p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-moz-keyframes icon-l1p2-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-webkit-keyframes icon-l1p2-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-o-keyframes icon-l1p2-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@keyframes icon-l1p2-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
.prettier-logo-icon .l2 > path {
  animation-delay: 140ms;
}
.prettier-logo-icon .l2 .p0 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -185;
  animation-name: icon-l2p0-initial, none;
}
.prettier-logo-icon.rolling .l2 .p0 {
  animation-name: icon-l2p0-initial, icon-l2p0-roll;
}
@-moz-keyframes icon-l2p0-initial {
  0%, 50% {
    stroke-dashoffset: -305;
  }
}
@-webkit-keyframes icon-l2p0-initial {
  0%, 50% {
    stroke-dashoffset: -305;
  }
}
@-o-keyframes icon-l2p0-initial {
  0%, 50% {
    stroke-dashoffset: -305;
  }
}
@keyframes icon-l2p0-initial {
  0%, 50% {
    stroke-dashoffset: -305;
  }
}
@-moz-keyframes icon-l2p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@-webkit-keyframes icon-l2p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@-o-keyframes icon-l2p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@keyframes icon-l2p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
.prettier-logo-icon .l2 .p1 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -155;
  animation-name: icon-l2p1-initial, none;
}
.prettier-logo-icon.rolling .l2 .p1 {
  animation-name: icon-l2p1-initial, icon-l2p1-roll;
}
@-moz-keyframes icon-l2p1-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-webkit-keyframes icon-l2p1-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-o-keyframes icon-l2p1-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@keyframes icon-l2p1-initial {
  0%, 50% {
    stroke-dashoffset: -275;
  }
}
@-moz-keyframes icon-l2p1-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@-webkit-keyframes icon-l2p1-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@-o-keyframes icon-l2p1-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@keyframes icon-l2p1-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
.prettier-logo-icon .l2 .p2 {
  stroke-dasharray: 40, 180;
  stroke-dashoffset: -95;
  animation-name: icon-l2p2-initial, none;
}
.prettier-logo-icon.rolling .l2 .p2 {
  animation-name: icon-l2p2-initial, icon-l2p2-roll;
}
@-moz-keyframes icon-l2p2-initial {
  0%, 50% {
    stroke-dashoffset: -215;
  }
}
@-webkit-keyframes icon-l2p2-initial {
  0%, 50% {
    stroke-dashoffset: -215;
  }
}
@-o-keyframes icon-l2p2-initial {
  0%, 50% {
    stroke-dashoffset: -215;
  }
}
@keyframes icon-l2p2-initial {
  0%, 50% {
    stroke-dashoffset: -215;
  }
}
@-moz-keyframes icon-l2p2-roll {
  100% {
    stroke-dashoffset: 125;
  }
}
@-webkit-keyframes icon-l2p2-roll {
  100% {
    stroke-dashoffset: 125;
  }
}
@-o-keyframes icon-l2p2-roll {
  100% {
    stroke-dashoffset: 125;
  }
}
@keyframes icon-l2p2-roll {
  100% {
    stroke-dashoffset: 125;
  }
}
.prettier-logo-icon .l2 .p3 {
  stroke-dasharray: 70, 150;
  stroke-dashoffset: -5;
  animation-name: icon-l2p3-initial, none;
}
.prettier-logo-icon.rolling .l2 .p3 {
  animation-name: icon-l2p3-initial, icon-l2p3-roll;
}
@-moz-keyframes icon-l2p3-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-webkit-keyframes icon-l2p3-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-o-keyframes icon-l2p3-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@keyframes icon-l2p3-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-moz-keyframes icon-l2p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l2p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l2p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l2p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
.prettier-logo-icon .l3 > path {
  animation-delay: 210ms;
}
.prettier-logo-icon .l3 .p0 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -195;
  animation-name: icon-l3p0-initial, none;
}
.prettier-logo-icon.rolling .l3 .p0 {
  animation-name: icon-l3p0-initial, icon-l3p0-roll;
}
@-moz-keyframes icon-l3p0-initial {
  0%, 50% {
    stroke-dashoffset: -235;
  }
}
@-webkit-keyframes icon-l3p0-initial {
  0%, 50% {
    stroke-dashoffset: -235;
  }
}
@-o-keyframes icon-l3p0-initial {
  0%, 50% {
    stroke-dashoffset: -235;
  }
}
@keyframes icon-l3p0-initial {
  0%, 50% {
    stroke-dashoffset: -235;
  }
}
@-moz-keyframes icon-l3p0-roll {
  100% {
    stroke-dashoffset: 25;
  }
}
@-webkit-keyframes icon-l3p0-roll {
  100% {
    stroke-dashoffset: 25;
  }
}
@-o-keyframes icon-l3p0-roll {
  100% {
    stroke-dashoffset: 25;
  }
}
@keyframes icon-l3p0-roll {
  100% {
    stroke-dashoffset: 25;
  }
}
.prettier-logo-icon .l3 .p1 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -125;
  animation-name: icon-l3p1-initial, none;
}
.prettier-logo-icon.rolling .l3 .p1 {
  animation-name: icon-l3p1-initial, icon-l3p1-roll;
}
@-moz-keyframes icon-l3p1-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-webkit-keyframes icon-l3p1-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-o-keyframes icon-l3p1-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@keyframes icon-l3p1-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-moz-keyframes icon-l3p1-roll {
  100% {
    stroke-dashoffset: 95;
  }
}
@-webkit-keyframes icon-l3p1-roll {
  100% {
    stroke-dashoffset: 95;
  }
}
@-o-keyframes icon-l3p1-roll {
  100% {
    stroke-dashoffset: 95;
  }
}
@keyframes icon-l3p1-roll {
  100% {
    stroke-dashoffset: 95;
  }
}
.prettier-logo-icon .l3 .p2 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -75;
  animation-name: icon-l3p2-initial, none;
}
.prettier-logo-icon.rolling .l3 .p2 {
  animation-name: icon-l3p2-initial, icon-l3p2-roll;
}
@-moz-keyframes icon-l3p2-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-webkit-keyframes icon-l3p2-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-o-keyframes icon-l3p2-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@keyframes icon-l3p2-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-moz-keyframes icon-l3p2-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-webkit-keyframes icon-l3p2-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-o-keyframes icon-l3p2-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@keyframes icon-l3p2-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
.prettier-logo-icon .l3 .p3 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -45;
  animation-name: icon-l3p3-initial, none;
}
.prettier-logo-icon.rolling .l3 .p3 {
  animation-name: icon-l3p3-initial, icon-l3p3-roll;
}
@-moz-keyframes icon-l3p3-initial {
  0%, 50% {
    stroke-dashoffset: -85;
  }
}
@-webkit-keyframes icon-l3p3-initial {
  0%, 50% {
    stroke-dashoffset: -85;
  }
}
@-o-keyframes icon-l3p3-initial {
  0%, 50% {
    stroke-dashoffset: -85;
  }
}
@keyframes icon-l3p3-initial {
  0%, 50% {
    stroke-dashoffset: -85;
  }
}
@-moz-keyframes icon-l3p3-roll {
  100% {
    stroke-dashoffset: 175;
  }
}
@-webkit-keyframes icon-l3p3-roll {
  100% {
    stroke-dashoffset: 175;
  }
}
@-o-keyframes icon-l3p3-roll {
  100% {
    stroke-dashoffset: 175;
  }
}
@keyframes icon-l3p3-roll {
  100% {
    stroke-dashoffset: 175;
  }
}
.prettier-logo-icon .l3 .p4 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -5;
  animation-name: icon-l3p4-initial, none;
}
.prettier-logo-icon.rolling .l3 .p4 {
  animation-name: icon-l3p4-initial, icon-l3p4-roll;
}
@-moz-keyframes icon-l3p4-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-webkit-keyframes icon-l3p4-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-o-keyframes icon-l3p4-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@keyframes icon-l3p4-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-moz-keyframes icon-l3p4-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l3p4-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l3p4-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l3p4-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
.prettier-logo-icon .l4 > path {
  animation-delay: 280ms;
}
.prettier-logo-icon .l4 .p0 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -195;
  animation-name: icon-l4p0-initial, none;
}
.prettier-logo-icon.rolling .l4 .p0 {
  animation-name: icon-l4p0-initial, icon-l4p0-roll;
}
@-moz-keyframes icon-l4p0-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-webkit-keyframes icon-l4p0-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-o-keyframes icon-l4p0-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@keyframes icon-l4p0-initial {
  0%, 50% {
    stroke-dashoffset: -45;
  }
}
@-moz-keyframes icon-l4p0-roll {
  100% {
    stroke-dashoffset: -415;
  }
}
@-webkit-keyframes icon-l4p0-roll {
  100% {
    stroke-dashoffset: -415;
  }
}
@-o-keyframes icon-l4p0-roll {
  100% {
    stroke-dashoffset: -415;
  }
}
@keyframes icon-l4p0-roll {
  100% {
    stroke-dashoffset: -415;
  }
}
.prettier-logo-icon .l4 .p1 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -125;
  animation-name: icon-l4p1-initial, none;
}
.prettier-logo-icon.rolling .l4 .p1 {
  animation-name: icon-l4p1-initial, icon-l4p1-roll;
}
@-moz-keyframes icon-l4p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-webkit-keyframes icon-l4p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-o-keyframes icon-l4p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@keyframes icon-l4p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-moz-keyframes icon-l4p1-roll {
  100% {
    stroke-dashoffset: -345;
  }
}
@-webkit-keyframes icon-l4p1-roll {
  100% {
    stroke-dashoffset: -345;
  }
}
@-o-keyframes icon-l4p1-roll {
  100% {
    stroke-dashoffset: -345;
  }
}
@keyframes icon-l4p1-roll {
  100% {
    stroke-dashoffset: -345;
  }
}
.prettier-logo-icon .l4 .p2 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -75;
  animation-name: icon-l4p2-initial, none;
}
.prettier-logo-icon.rolling .l4 .p2 {
  animation-name: icon-l4p2-initial, icon-l4p2-roll;
}
@-moz-keyframes icon-l4p2-initial {
  0%, 50% {
    stroke-dashoffset: 75;
  }
}
@-webkit-keyframes icon-l4p2-initial {
  0%, 50% {
    stroke-dashoffset: 75;
  }
}
@-o-keyframes icon-l4p2-initial {
  0%, 50% {
    stroke-dashoffset: 75;
  }
}
@keyframes icon-l4p2-initial {
  0%, 50% {
    stroke-dashoffset: 75;
  }
}
@-moz-keyframes icon-l4p2-roll {
  100% {
    stroke-dashoffset: -295;
  }
}
@-webkit-keyframes icon-l4p2-roll {
  100% {
    stroke-dashoffset: -295;
  }
}
@-o-keyframes icon-l4p2-roll {
  100% {
    stroke-dashoffset: -295;
  }
}
@keyframes icon-l4p2-roll {
  100% {
    stroke-dashoffset: -295;
  }
}
.prettier-logo-icon .l4 .p3 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -5;
  animation-name: icon-l4p3-initial, none;
}
.prettier-logo-icon.rolling .l4 .p3 {
  animation-name: icon-l4p3-initial, icon-l4p3-roll;
}
@-moz-keyframes icon-l4p3-initial {
  0%, 50% {
    stroke-dashoffset: 145;
  }
}
@-webkit-keyframes icon-l4p3-initial {
  0%, 50% {
    stroke-dashoffset: 145;
  }
}
@-o-keyframes icon-l4p3-initial {
  0%, 50% {
    stroke-dashoffset: 145;
  }
}
@keyframes icon-l4p3-initial {
  0%, 50% {
    stroke-dashoffset: 145;
  }
}
@-moz-keyframes icon-l4p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-webkit-keyframes icon-l4p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-o-keyframes icon-l4p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@keyframes icon-l4p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
.prettier-logo-icon .l5 > path {
  animation-delay: 350ms;
}
.prettier-logo-icon .l5 .p0 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -185;
  animation-name: icon-l5p0-initial, none;
}
.prettier-logo-icon.rolling .l5 .p0 {
  animation-name: icon-l5p0-initial, icon-l5p0-roll;
}
@-moz-keyframes icon-l5p0-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-webkit-keyframes icon-l5p0-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-o-keyframes icon-l5p0-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@keyframes icon-l5p0-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-moz-keyframes icon-l5p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@-webkit-keyframes icon-l5p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@-o-keyframes icon-l5p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
@keyframes icon-l5p0-roll {
  100% {
    stroke-dashoffset: 35;
  }
}
.prettier-logo-icon .l5 .p1 {
  stroke-dasharray: 80, 140;
  stroke-dashoffset: -85;
  animation-name: icon-l5p1-initial, none;
}
.prettier-logo-icon.rolling .l5 .p1 {
  animation-name: icon-l5p1-initial, icon-l5p1-roll;
}
@-moz-keyframes icon-l5p1-initial {
  0%, 50% {
    stroke-dashoffset: -185;
  }
}
@-webkit-keyframes icon-l5p1-initial {
  0%, 50% {
    stroke-dashoffset: -185;
  }
}
@-o-keyframes icon-l5p1-initial {
  0%, 50% {
    stroke-dashoffset: -185;
  }
}
@keyframes icon-l5p1-initial {
  0%, 50% {
    stroke-dashoffset: -185;
  }
}
@-moz-keyframes icon-l5p1-roll {
  100% {
    stroke-dashoffset: 135;
  }
}
@-webkit-keyframes icon-l5p1-roll {
  100% {
    stroke-dashoffset: 135;
  }
}
@-o-keyframes icon-l5p1-roll {
  100% {
    stroke-dashoffset: 135;
  }
}
@keyframes icon-l5p1-roll {
  100% {
    stroke-dashoffset: 135;
  }
}
.prettier-logo-icon .l5 .p2 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -35;
  animation-name: icon-l5p2-initial, none;
}
.prettier-logo-icon.rolling .l5 .p2 {
  animation-name: icon-l5p2-initial, icon-l5p2-roll;
}
@-moz-keyframes icon-l5p2-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-webkit-keyframes icon-l5p2-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-o-keyframes icon-l5p2-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@keyframes icon-l5p2-initial {
  0%, 50% {
    stroke-dashoffset: -135;
  }
}
@-moz-keyframes icon-l5p2-roll {
  100% {
    stroke-dashoffset: 185;
  }
}
@-webkit-keyframes icon-l5p2-roll {
  100% {
    stroke-dashoffset: 185;
  }
}
@-o-keyframes icon-l5p2-roll {
  100% {
    stroke-dashoffset: 185;
  }
}
@keyframes icon-l5p2-roll {
  100% {
    stroke-dashoffset: 185;
  }
}
.prettier-logo-icon .l5 .p3 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -5;
  animation-name: icon-l5p3-initial, none;
}
.prettier-logo-icon.rolling .l5 .p3 {
  animation-name: icon-l5p3-initial, icon-l5p3-roll;
}
@-moz-keyframes icon-l5p3-initial {
  0%, 50% {
    stroke-dashoffset: -105;
  }
}
@-webkit-keyframes icon-l5p3-initial {
  0%, 50% {
    stroke-dashoffset: -105;
  }
}
@-o-keyframes icon-l5p3-initial {
  0%, 50% {
    stroke-dashoffset: -105;
  }
}
@keyframes icon-l5p3-initial {
  0%, 50% {
    stroke-dashoffset: -105;
  }
}
@-moz-keyframes icon-l5p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l5p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l5p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l5p3-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
.prettier-logo-icon .l6 > path {
  animation-delay: 420ms;
}
.prettier-logo-icon .l6 .p0 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -175;
  animation-name: icon-l6p0-initial, none;
}
.prettier-logo-icon.rolling .l6 .p0 {
  animation-name: icon-l6p0-initial, icon-l6p0-roll;
}
@-moz-keyframes icon-l6p0-initial {
  0%, 50% {
    stroke-dashoffset: -365;
  }
}
@-webkit-keyframes icon-l6p0-initial {
  0%, 50% {
    stroke-dashoffset: -365;
  }
}
@-o-keyframes icon-l6p0-initial {
  0%, 50% {
    stroke-dashoffset: -365;
  }
}
@keyframes icon-l6p0-initial {
  0%, 50% {
    stroke-dashoffset: -365;
  }
}
@-moz-keyframes icon-l6p0-roll {
  100% {
    stroke-dashoffset: 265;
  }
}
@-webkit-keyframes icon-l6p0-roll {
  100% {
    stroke-dashoffset: 265;
  }
}
@-o-keyframes icon-l6p0-roll {
  100% {
    stroke-dashoffset: 265;
  }
}
@keyframes icon-l6p0-roll {
  100% {
    stroke-dashoffset: 265;
  }
}
.prettier-logo-icon .l6 .p1 {
  stroke-dasharray: 30, 190;
  stroke-dashoffset: -125;
  animation-name: icon-l6p1-initial, none;
}
.prettier-logo-icon.rolling .l6 .p1 {
  animation-name: icon-l6p1-initial, icon-l6p1-roll;
}
@-moz-keyframes icon-l6p1-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-webkit-keyframes icon-l6p1-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-o-keyframes icon-l6p1-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@keyframes icon-l6p1-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-moz-keyframes icon-l6p1-roll {
  100% {
    stroke-dashoffset: 315;
  }
}
@-webkit-keyframes icon-l6p1-roll {
  100% {
    stroke-dashoffset: 315;
  }
}
@-o-keyframes icon-l6p1-roll {
  100% {
    stroke-dashoffset: 315;
  }
}
@keyframes icon-l6p1-roll {
  100% {
    stroke-dashoffset: 315;
  }
}
.prettier-logo-icon .l6 .p2 {
  stroke-dasharray: 40, 180;
  stroke-dashoffset: -65;
  animation-name: icon-l6p2-initial, none;
}
.prettier-logo-icon.rolling .l6 .p2 {
  animation-name: icon-l6p2-initial, icon-l6p2-roll;
}
@-moz-keyframes icon-l6p2-initial {
  0%, 50% {
    stroke-dashoffset: -255;
  }
}
@-webkit-keyframes icon-l6p2-initial {
  0%, 50% {
    stroke-dashoffset: -255;
  }
}
@-o-keyframes icon-l6p2-initial {
  0%, 50% {
    stroke-dashoffset: -255;
  }
}
@keyframes icon-l6p2-initial {
  0%, 50% {
    stroke-dashoffset: -255;
  }
}
@-moz-keyframes icon-l6p2-roll {
  100% {
    stroke-dashoffset: 375;
  }
}
@-webkit-keyframes icon-l6p2-roll {
  100% {
    stroke-dashoffset: 375;
  }
}
@-o-keyframes icon-l6p2-roll {
  100% {
    stroke-dashoffset: 375;
  }
}
@keyframes icon-l6p2-roll {
  100% {
    stroke-dashoffset: 375;
  }
}
.prettier-logo-icon .l6 .p3 {
  stroke-dasharray: 40, 180;
  stroke-dashoffset: -5;
  animation-name: icon-l6p3-initial, none;
}
.prettier-logo-icon.rolling .l6 .p3 {
  animation-name: icon-l6p3-initial, icon-l6p3-roll;
}
@-moz-keyframes icon-l6p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-webkit-keyframes icon-l6p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-o-keyframes icon-l6p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@keyframes icon-l6p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-moz-keyframes icon-l6p3-roll {
  100% {
    stroke-dashoffset: 435;
  }
}
@-webkit-keyframes icon-l6p3-roll {
  100% {
    stroke-dashoffset: 435;
  }
}
@-o-keyframes icon-l6p3-roll {
  100% {
    stroke-dashoffset: 435;
  }
}
@keyframes icon-l6p3-roll {
  100% {
    stroke-dashoffset: 435;
  }
}
.prettier-logo-icon .l7 > path {
  animation-delay: 490ms;
}
.prettier-logo-icon .l7 .p0 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -185;
  animation-name: icon-l7p0-initial, none;
}
.prettier-logo-icon.rolling .l7 .p0 {
  animation-name: icon-l7p0-initial, icon-l7p0-roll;
}
@-moz-keyframes icon-l7p0-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-webkit-keyframes icon-l7p0-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-o-keyframes icon-l7p0-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@keyframes icon-l7p0-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-moz-keyframes icon-l7p0-roll {
  100% {
    stroke-dashoffset: -405;
  }
}
@-webkit-keyframes icon-l7p0-roll {
  100% {
    stroke-dashoffset: -405;
  }
}
@-o-keyframes icon-l7p0-roll {
  100% {
    stroke-dashoffset: -405;
  }
}
@keyframes icon-l7p0-roll {
  100% {
    stroke-dashoffset: -405;
  }
}
.prettier-logo-icon .l7 .p1 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -145;
  animation-name: icon-l7p1-initial, none;
}
.prettier-logo-icon.rolling .l7 .p1 {
  animation-name: icon-l7p1-initial, icon-l7p1-roll;
}
@-moz-keyframes icon-l7p1-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-webkit-keyframes icon-l7p1-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-o-keyframes icon-l7p1-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@keyframes icon-l7p1-initial {
  0%, 50% {
    stroke-dashoffset: -115;
  }
}
@-moz-keyframes icon-l7p1-roll {
  100% {
    stroke-dashoffset: -365;
  }
}
@-webkit-keyframes icon-l7p1-roll {
  100% {
    stroke-dashoffset: -365;
  }
}
@-o-keyframes icon-l7p1-roll {
  100% {
    stroke-dashoffset: -365;
  }
}
@keyframes icon-l7p1-roll {
  100% {
    stroke-dashoffset: -365;
  }
}
.prettier-logo-icon .l7 .p2 {
  stroke-dasharray: 90, 130;
  stroke-dashoffset: -35;
  animation-name: icon-l7p2-initial, none;
}
.prettier-logo-icon.rolling .l7 .p2 {
  animation-name: icon-l7p2-initial, icon-l7p2-roll;
}
@-moz-keyframes icon-l7p2-initial {
  0%, 50% {
    stroke-dashoffset: -5;
  }
}
@-webkit-keyframes icon-l7p2-initial {
  0%, 50% {
    stroke-dashoffset: -5;
  }
}
@-o-keyframes icon-l7p2-initial {
  0%, 50% {
    stroke-dashoffset: -5;
  }
}
@keyframes icon-l7p2-initial {
  0%, 50% {
    stroke-dashoffset: -5;
  }
}
@-moz-keyframes icon-l7p2-roll {
  100% {
    stroke-dashoffset: -255;
  }
}
@-webkit-keyframes icon-l7p2-roll {
  100% {
    stroke-dashoffset: -255;
  }
}
@-o-keyframes icon-l7p2-roll {
  100% {
    stroke-dashoffset: -255;
  }
}
@keyframes icon-l7p2-roll {
  100% {
    stroke-dashoffset: -255;
  }
}
.prettier-logo-icon .l7 .p3 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -5;
  animation-name: icon-l7p3-initial, none;
}
.prettier-logo-icon.rolling .l7 .p3 {
  animation-name: icon-l7p3-initial, icon-l7p3-roll;
}
@-moz-keyframes icon-l7p3-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-webkit-keyframes icon-l7p3-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-o-keyframes icon-l7p3-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@keyframes icon-l7p3-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-moz-keyframes icon-l7p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-webkit-keyframes icon-l7p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@-o-keyframes icon-l7p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
@keyframes icon-l7p3-roll {
  100% {
    stroke-dashoffset: -225;
  }
}
.prettier-logo-icon .l8 > path {
  animation-delay: 560ms;
}
.prettier-logo-icon .l8 .p0 {
  stroke-dasharray: 90, 130;
  stroke-dashoffset: -115;
  animation-name: icon-l8p0-initial, none;
}
.prettier-logo-icon.rolling .l8 .p0 {
  animation-name: icon-l8p0-initial, icon-l8p0-roll;
}
@-moz-keyframes icon-l8p0-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-webkit-keyframes icon-l8p0-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-o-keyframes icon-l8p0-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@keyframes icon-l8p0-initial {
  0%, 50% {
    stroke-dashoffset: -165;
  }
}
@-moz-keyframes icon-l8p0-roll {
  100% {
    stroke-dashoffset: 105;
  }
}
@-webkit-keyframes icon-l8p0-roll {
  100% {
    stroke-dashoffset: 105;
  }
}
@-o-keyframes icon-l8p0-roll {
  100% {
    stroke-dashoffset: 105;
  }
}
@keyframes icon-l8p0-roll {
  100% {
    stroke-dashoffset: 105;
  }
}
.prettier-logo-icon .l8 .p1 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -75;
  animation-name: icon-l8p1-initial, none;
}
.prettier-logo-icon.rolling .l8 .p1 {
  animation-name: icon-l8p1-initial, icon-l8p1-roll;
}
@-moz-keyframes icon-l8p1-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-webkit-keyframes icon-l8p1-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-o-keyframes icon-l8p1-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@keyframes icon-l8p1-initial {
  0%, 50% {
    stroke-dashoffset: -125;
  }
}
@-moz-keyframes icon-l8p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-webkit-keyframes icon-l8p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-o-keyframes icon-l8p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@keyframes icon-l8p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
.prettier-logo-icon .l8 .p2 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -5;
  animation-name: icon-l8p2-initial, none;
}
.prettier-logo-icon.rolling .l8 .p2 {
  animation-name: icon-l8p2-initial, icon-l8p2-roll;
}
@-moz-keyframes icon-l8p2-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-webkit-keyframes icon-l8p2-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-o-keyframes icon-l8p2-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@keyframes icon-l8p2-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-moz-keyframes icon-l8p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l8p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l8p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l8p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
.prettier-logo-icon .l9 > path {
  animation-delay: 630ms;
}
.prettier-logo-icon .l9 .p0 {
  stroke-dasharray: 40, 180;
  stroke-dashoffset: -165;
  animation-name: icon-l9p0-initial, none;
}
.prettier-logo-icon.rolling .l9 .p0 {
  animation-name: icon-l9p0-initial, icon-l9p0-roll;
}
@-moz-keyframes icon-l9p0-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-webkit-keyframes icon-l9p0-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-o-keyframes icon-l9p0-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@keyframes icon-l9p0-initial {
  0%, 50% {
    stroke-dashoffset: -315;
  }
}
@-moz-keyframes icon-l9p0-roll {
  100% {
    stroke-dashoffset: -605;
  }
}
@-webkit-keyframes icon-l9p0-roll {
  100% {
    stroke-dashoffset: -605;
  }
}
@-o-keyframes icon-l9p0-roll {
  100% {
    stroke-dashoffset: -605;
  }
}
@keyframes icon-l9p0-roll {
  100% {
    stroke-dashoffset: -605;
  }
}
.prettier-logo-icon .l9 .p1 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -135;
  animation-name: icon-l9p1-initial, none;
}
.prettier-logo-icon.rolling .l9 .p1 {
  animation-name: icon-l9p1-initial, icon-l9p1-roll;
}
@-moz-keyframes icon-l9p1-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-webkit-keyframes icon-l9p1-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-o-keyframes icon-l9p1-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@keyframes icon-l9p1-initial {
  0%, 50% {
    stroke-dashoffset: -285;
  }
}
@-moz-keyframes icon-l9p1-roll {
  100% {
    stroke-dashoffset: -575;
  }
}
@-webkit-keyframes icon-l9p1-roll {
  100% {
    stroke-dashoffset: -575;
  }
}
@-o-keyframes icon-l9p1-roll {
  100% {
    stroke-dashoffset: -575;
  }
}
@keyframes icon-l9p1-roll {
  100% {
    stroke-dashoffset: -575;
  }
}
.prettier-logo-icon .l9 .p2 {
  stroke-dasharray: 40, 180;
  stroke-dashoffset: -75;
  animation-name: icon-l9p2-initial, none;
}
.prettier-logo-icon.rolling .l9 .p2 {
  animation-name: icon-l9p2-initial, icon-l9p2-roll;
}
@-moz-keyframes icon-l9p2-initial {
  0%, 50% {
    stroke-dashoffset: -225;
  }
}
@-webkit-keyframes icon-l9p2-initial {
  0%, 50% {
    stroke-dashoffset: -225;
  }
}
@-o-keyframes icon-l9p2-initial {
  0%, 50% {
    stroke-dashoffset: -225;
  }
}
@keyframes icon-l9p2-initial {
  0%, 50% {
    stroke-dashoffset: -225;
  }
}
@-moz-keyframes icon-l9p2-roll {
  100% {
    stroke-dashoffset: -515;
  }
}
@-webkit-keyframes icon-l9p2-roll {
  100% {
    stroke-dashoffset: -515;
  }
}
@-o-keyframes icon-l9p2-roll {
  100% {
    stroke-dashoffset: -515;
  }
}
@keyframes icon-l9p2-roll {
  100% {
    stroke-dashoffset: -515;
  }
}
.prettier-logo-icon .l9 .p3 {
  stroke-dasharray: 10, 210;
  stroke-dashoffset: -45;
  animation-name: icon-l9p3-initial, none;
}
.prettier-logo-icon.rolling .l9 .p3 {
  animation-name: icon-l9p3-initial, icon-l9p3-roll;
}
@-moz-keyframes icon-l9p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-webkit-keyframes icon-l9p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-o-keyframes icon-l9p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@keyframes icon-l9p3-initial {
  0%, 50% {
    stroke-dashoffset: -195;
  }
}
@-moz-keyframes icon-l9p3-roll {
  100% {
    stroke-dashoffset: -485;
  }
}
@-webkit-keyframes icon-l9p3-roll {
  100% {
    stroke-dashoffset: -485;
  }
}
@-o-keyframes icon-l9p3-roll {
  100% {
    stroke-dashoffset: -485;
  }
}
@keyframes icon-l9p3-roll {
  100% {
    stroke-dashoffset: -485;
  }
}
.prettier-logo-icon .l9 .p4 {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: -5;
  animation-name: icon-l9p4-initial, none;
}
.prettier-logo-icon.rolling .l9 .p4 {
  animation-name: icon-l9p4-initial, icon-l9p4-roll;
}
@-moz-keyframes icon-l9p4-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-webkit-keyframes icon-l9p4-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-o-keyframes icon-l9p4-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@keyframes icon-l9p4-initial {
  0%, 50% {
    stroke-dashoffset: -155;
  }
}
@-moz-keyframes icon-l9p4-roll {
  100% {
    stroke-dashoffset: -445;
  }
}
@-webkit-keyframes icon-l9p4-roll {
  100% {
    stroke-dashoffset: -445;
  }
}
@-o-keyframes icon-l9p4-roll {
  100% {
    stroke-dashoffset: -445;
  }
}
@keyframes icon-l9p4-roll {
  100% {
    stroke-dashoffset: -445;
  }
}
.prettier-logo-icon .l10 > path {
  animation-delay: 700ms;
}
.prettier-logo-icon .l10 .p0 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -155;
  animation-name: icon-l10p0-initial, none;
}
.prettier-logo-icon.rolling .l10 .p0 {
  animation-name: icon-l10p0-initial, icon-l10p0-roll;
}
@-moz-keyframes icon-l10p0-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-webkit-keyframes icon-l10p0-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-o-keyframes icon-l10p0-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@keyframes icon-l10p0-initial {
  0%, 50% {
    stroke-dashoffset: -55;
  }
}
@-moz-keyframes icon-l10p0-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@-webkit-keyframes icon-l10p0-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@-o-keyframes icon-l10p0-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
@keyframes icon-l10p0-roll {
  100% {
    stroke-dashoffset: 65;
  }
}
.prettier-logo-icon .l10 .p1 {
  stroke-dasharray: 60, 160;
  stroke-dashoffset: -75;
  animation-name: icon-l10p1-initial, none;
}
.prettier-logo-icon.rolling .l10 .p1 {
  animation-name: icon-l10p1-initial, icon-l10p1-roll;
}
@-moz-keyframes icon-l10p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-webkit-keyframes icon-l10p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-o-keyframes icon-l10p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@keyframes icon-l10p1-initial {
  0%, 50% {
    stroke-dashoffset: 25;
  }
}
@-moz-keyframes icon-l10p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-webkit-keyframes icon-l10p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@-o-keyframes icon-l10p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
@keyframes icon-l10p1-roll {
  100% {
    stroke-dashoffset: 145;
  }
}
.prettier-logo-icon .l10 .p2 {
  stroke-dasharray: 50, 170;
  stroke-dashoffset: -5;
  animation-name: icon-l10p2-initial, none;
}
.prettier-logo-icon.rolling .l10 .p2 {
  animation-name: icon-l10p2-initial, icon-l10p2-roll;
}
@-moz-keyframes icon-l10p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-webkit-keyframes icon-l10p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-o-keyframes icon-l10p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@keyframes icon-l10p2-initial {
  0%, 50% {
    stroke-dashoffset: 95;
  }
}
@-moz-keyframes icon-l10p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-webkit-keyframes icon-l10p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@-o-keyframes icon-l10p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}
@keyframes icon-l10p2-roll {
  100% {
    stroke-dashoffset: 215;
  }
}