.progress_indicator .to_fill {
  stroke-dasharray: 175.929188601, 175.929188601;
  stroke-dashoffset: 175.929188601;
  transition: stroke-dashoffset 500ms ease-out; }
.progress_indicator[data-percent="0"] .to_fill {
  stroke-dashoffset: 175.929188601; }
.progress_indicator[data-percent="1"] .to_fill {
  stroke-dashoffset: 174.169896715; }
.progress_indicator[data-percent="2"] .to_fill {
  stroke-dashoffset: 172.410604829; }
.progress_indicator[data-percent="3"] .to_fill {
  stroke-dashoffset: 170.651312943; }
.progress_indicator[data-percent="4"] .to_fill {
  stroke-dashoffset: 168.892021057; }
.progress_indicator[data-percent="5"] .to_fill {
  stroke-dashoffset: 167.132729171; }
.progress_indicator[data-percent="6"] .to_fill {
  stroke-dashoffset: 165.373437285; }
.progress_indicator[data-percent="7"] .to_fill {
  stroke-dashoffset: 163.614145399; }
.progress_indicator[data-percent="8"] .to_fill {
  stroke-dashoffset: 161.854853513; }
.progress_indicator[data-percent="9"] .to_fill {
  stroke-dashoffset: 160.0955616269; }
.progress_indicator[data-percent="10"] .to_fill {
  stroke-dashoffset: 158.3362697409; }
.progress_indicator[data-percent="11"] .to_fill {
  stroke-dashoffset: 156.5769778549; }
.progress_indicator[data-percent="12"] .to_fill {
  stroke-dashoffset: 154.8176859689; }
.progress_indicator[data-percent="13"] .to_fill {
  stroke-dashoffset: 153.0583940829; }
.progress_indicator[data-percent="14"] .to_fill {
  stroke-dashoffset: 151.2991021969; }
.progress_indicator[data-percent="15"] .to_fill {
  stroke-dashoffset: 149.5398103109; }
.progress_indicator[data-percent="16"] .to_fill {
  stroke-dashoffset: 147.7805184249; }
.progress_indicator[data-percent="17"] .to_fill {
  stroke-dashoffset: 146.0212265389; }
.progress_indicator[data-percent="18"] .to_fill {
  stroke-dashoffset: 144.2619346529; }
.progress_indicator[data-percent="19"] .to_fill {
  stroke-dashoffset: 142.5026427668; }
.progress_indicator[data-percent="20"] .to_fill {
  stroke-dashoffset: 140.7433508808; }
.progress_indicator[data-percent="21"] .to_fill {
  stroke-dashoffset: 138.9840589948; }
.progress_indicator[data-percent="22"] .to_fill {
  stroke-dashoffset: 137.2247671088; }
.progress_indicator[data-percent="23"] .to_fill {
  stroke-dashoffset: 135.4654752228; }
.progress_indicator[data-percent="24"] .to_fill {
  stroke-dashoffset: 133.7061833368; }
.progress_indicator[data-percent="25"] .to_fill {
  stroke-dashoffset: 131.9468914508; }
.progress_indicator[data-percent="26"] .to_fill {
  stroke-dashoffset: 130.1875995648; }
.progress_indicator[data-percent="27"] .to_fill {
  stroke-dashoffset: 128.4283076788; }
.progress_indicator[data-percent="28"] .to_fill {
  stroke-dashoffset: 126.6690157927; }
.progress_indicator[data-percent="29"] .to_fill {
  stroke-dashoffset: 124.9097239067; }
.progress_indicator[data-percent="30"] .to_fill {
  stroke-dashoffset: 123.1504320207; }
.progress_indicator[data-percent="31"] .to_fill {
  stroke-dashoffset: 121.3911401347; }
.progress_indicator[data-percent="32"] .to_fill {
  stroke-dashoffset: 119.6318482487; }
.progress_indicator[data-percent="33"] .to_fill {
  stroke-dashoffset: 117.8725563627; }
.progress_indicator[data-percent="34"] .to_fill {
  stroke-dashoffset: 116.1132644767; }
.progress_indicator[data-percent="35"] .to_fill {
  stroke-dashoffset: 114.3539725907; }
.progress_indicator[data-percent="36"] .to_fill {
  stroke-dashoffset: 112.5946807047; }
.progress_indicator[data-percent="37"] .to_fill {
  stroke-dashoffset: 110.8353888187; }
.progress_indicator[data-percent="38"] .to_fill {
  stroke-dashoffset: 109.0760969326; }
.progress_indicator[data-percent="39"] .to_fill {
  stroke-dashoffset: 107.3168050466; }
.progress_indicator[data-percent="40"] .to_fill {
  stroke-dashoffset: 105.5575131606; }
.progress_indicator[data-percent="41"] .to_fill {
  stroke-dashoffset: 103.7982212746; }
.progress_indicator[data-percent="42"] .to_fill {
  stroke-dashoffset: 102.0389293886; }
.progress_indicator[data-percent="43"] .to_fill {
  stroke-dashoffset: 100.2796375026; }
.progress_indicator[data-percent="44"] .to_fill {
  stroke-dashoffset: 98.5203456166; }
.progress_indicator[data-percent="45"] .to_fill {
  stroke-dashoffset: 96.7610537306; }
.progress_indicator[data-percent="46"] .to_fill {
  stroke-dashoffset: 95.0017618446; }
.progress_indicator[data-percent="47"] .to_fill {
  stroke-dashoffset: 93.2424699586; }
.progress_indicator[data-percent="48"] .to_fill {
  stroke-dashoffset: 91.4831780725; }
.progress_indicator[data-percent="49"] .to_fill {
  stroke-dashoffset: 89.7238861865; }
.progress_indicator[data-percent="50"] .to_fill {
  stroke-dashoffset: 87.9645943005; }
.progress_indicator[data-percent="51"] .to_fill {
  stroke-dashoffset: 86.2053024145; }
.progress_indicator[data-percent="52"] .to_fill {
  stroke-dashoffset: 84.4460105285; }
.progress_indicator[data-percent="53"] .to_fill {
  stroke-dashoffset: 82.6867186425; }
.progress_indicator[data-percent="54"] .to_fill {
  stroke-dashoffset: 80.9274267565; }
.progress_indicator[data-percent="55"] .to_fill {
  stroke-dashoffset: 79.1681348705; }
.progress_indicator[data-percent="56"] .to_fill {
  stroke-dashoffset: 77.4088429845; }
.progress_indicator[data-percent="57"] .to_fill {
  stroke-dashoffset: 75.6495510984; }
.progress_indicator[data-percent="58"] .to_fill {
  stroke-dashoffset: 73.8902592124; }
.progress_indicator[data-percent="59"] .to_fill {
  stroke-dashoffset: 72.1309673264; }
.progress_indicator[data-percent="60"] .to_fill {
  stroke-dashoffset: 70.3716754404; }
.progress_indicator[data-percent="61"] .to_fill {
  stroke-dashoffset: 68.6123835544; }
.progress_indicator[data-percent="62"] .to_fill {
  stroke-dashoffset: 66.8530916684; }
.progress_indicator[data-percent="63"] .to_fill {
  stroke-dashoffset: 65.0937997824; }
.progress_indicator[data-percent="64"] .to_fill {
  stroke-dashoffset: 63.3345078964; }
.progress_indicator[data-percent="65"] .to_fill {
  stroke-dashoffset: 61.5752160104; }
.progress_indicator[data-percent="66"] .to_fill {
  stroke-dashoffset: 59.8159241244; }
.progress_indicator[data-percent="67"] .to_fill {
  stroke-dashoffset: 58.0566322383; }
.progress_indicator[data-percent="68"] .to_fill {
  stroke-dashoffset: 56.2973403523; }
.progress_indicator[data-percent="69"] .to_fill {
  stroke-dashoffset: 54.5380484663; }
.progress_indicator[data-percent="70"] .to_fill {
  stroke-dashoffset: 52.7787565803; }
.progress_indicator[data-percent="71"] .to_fill {
  stroke-dashoffset: 51.0194646943; }
.progress_indicator[data-percent="72"] .to_fill {
  stroke-dashoffset: 49.2601728083; }
.progress_indicator[data-percent="73"] .to_fill {
  stroke-dashoffset: 47.5008809223; }
.progress_indicator[data-percent="74"] .to_fill {
  stroke-dashoffset: 45.7415890363; }
.progress_indicator[data-percent="75"] .to_fill {
  stroke-dashoffset: 43.9822971503; }
.progress_indicator[data-percent="76"] .to_fill {
  stroke-dashoffset: 42.2230052642; }
.progress_indicator[data-percent="77"] .to_fill {
  stroke-dashoffset: 40.4637133782; }
.progress_indicator[data-percent="78"] .to_fill {
  stroke-dashoffset: 38.7044214922; }
.progress_indicator[data-percent="79"] .to_fill {
  stroke-dashoffset: 36.9451296062; }
.progress_indicator[data-percent="80"] .to_fill {
  stroke-dashoffset: 35.1858377202; }
.progress_indicator[data-percent="81"] .to_fill {
  stroke-dashoffset: 33.4265458342; }
.progress_indicator[data-percent="82"] .to_fill {
  stroke-dashoffset: 31.6672539482; }
.progress_indicator[data-percent="83"] .to_fill {
  stroke-dashoffset: 29.9079620622; }
.progress_indicator[data-percent="84"] .to_fill {
  stroke-dashoffset: 28.1486701762; }
.progress_indicator[data-percent="85"] .to_fill {
  stroke-dashoffset: 26.3893782902; }
.progress_indicator[data-percent="86"] .to_fill {
  stroke-dashoffset: 24.6300864041; }
.progress_indicator[data-percent="87"] .to_fill {
  stroke-dashoffset: 22.8707945181; }
.progress_indicator[data-percent="88"] .to_fill {
  stroke-dashoffset: 21.1115026321; }
.progress_indicator[data-percent="89"] .to_fill {
  stroke-dashoffset: 19.3522107461; }
.progress_indicator[data-percent="90"] .to_fill {
  stroke-dashoffset: 17.5929188601; }
.progress_indicator[data-percent="91"] .to_fill {
  stroke-dashoffset: 15.8336269741; }
.progress_indicator[data-percent="92"] .to_fill {
  stroke-dashoffset: 14.0743350881; }
.progress_indicator[data-percent="93"] .to_fill {
  stroke-dashoffset: 12.3150432021; }
.progress_indicator[data-percent="94"] .to_fill {
  stroke-dashoffset: 10.5557513161; }
.progress_indicator[data-percent="95"] .to_fill {
  stroke-dashoffset: 8.7964594301; }
.progress_indicator[data-percent="96"] .to_fill {
  stroke-dashoffset: 7.037167544; }
.progress_indicator[data-percent="97"] .to_fill {
  stroke-dashoffset: 5.277875658; }
.progress_indicator[data-percent="98"] .to_fill {
  stroke-dashoffset: 3.518583772; }
.progress_indicator[data-percent="99"] .to_fill {
  stroke-dashoffset: 1.759291886; }
.progress_indicator[data-percent="100"] .to_fill {
  stroke-dashoffset: 0; }

@keyframes ripple {
  0% {
    width: 1px;
    height: 1px;
    opacity: 1; }
  80% {
    width: 120%;
    height: 120%;
    opacity: 1; }
  100% {
    width: 100%;
    height: 100%; } }
.flash {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999999999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(16px); }
  .flash.invisible {
    transform: translateY(-100%);
    opacity: 0; }
  .flash.invisible_to_visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(16px);
    transition: transform 0.3s linear, opacity 0.3s linear; }
  .flash.visible {
    visibility: visible;
    opacity: 1; }
  .flash.visible_to_invisible {
    visibility: visible;
    opacity: 0;
    transition: opacity 0.15s linear; }
  .flash .wrapper {
    display: flex;
    justify-content: center;
    width: 100%; }
    .flash .wrapper .message {
      cursor: pointer;
      padding: 0 16px;
      min-width: 216px;
      max-width: 70vw;
      min-height: 40px;
      max-height: 20vh;
      vertical-align: middle;
      text-align: center;
      color: rgba(17, 33, 38, 0.75);
      font-size: 14px;
      line-height: 20px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: pre-line;
      overflow: hidden; }
  .flash.error .message {
    background-color: #ff0030;
    color: #ffffff; }
  .flash.message .message {
    background-color: #45e79c; }
  .flash.info .message {
    background-color: #e3f4ff; }
  .flash.snack .message {
    background-color: #e3f4ff;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    padding-left: 16px;
    white-space: normal; }
    .flash.snack .message .avatar_wrapper {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      overflow: hidden;
      display: block; }
      .flash.snack .message .avatar_wrapper > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        margin: 0; }
    .flash.snack .message .no_avatar {
      width: 22px;
      height: 22px;
      color: #112126;
      line-height: 22px;
      text-align: center;
      vertical-align: middle;
      font-size: 10px;
      font-weight: 500;
      border: 1px solid rgba(17, 33, 38, 0.1);
      border-radius: 50%;
      display: block; }
      .flash.snack .message .no_avatar.bg_1 {
        background-color: #ff00a4;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_2 {
        background-color: #9c27b0;
        color: #ffffff; }
      .flash.snack .message .no_avatar.bg_3 {
        background-color: #673ab7;
        color: #ffffff; }
      .flash.snack .message .no_avatar.bg_4 {
        background-color: #2196f3;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_5 {
        background-color: #38d3ff;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_6 {
        background-color: #45e79c;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_7 {
        background-color: #cddc39;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_8 {
        background-color: #ffc107;
        color: #112126; }
      .flash.snack .message .no_avatar.bg_9 {
        background-color: #ff5722;
        color: #112126; }
    .flash.snack .message .userpic_wrapper {
      display: flex;
      align-items: center;
      height: 22px; }
      .flash.snack .message .userpic_wrapper .username_date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 8px; }
        .flash.snack .message .userpic_wrapper .username_date .date-text {
          font-size: 10px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          color: rgba(17, 33, 38, 0.4); }
          .flash.snack .message .userpic_wrapper .username_date .date-text:empty {
            display: none; }
        .flash.snack .message .userpic_wrapper .username_date .nickname {
          color: #112126;
          text-transform: uppercase;
          font-size: 12px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
    .flash.snack .message .userpic.left > .profile_wrapper {
      padding-right: 18px;
      left: -252px;
      transform: translateX(-8px) translateY(-50%); }
      .flash.snack .message .userpic.left > .profile_wrapper > .profile:after {
        right: -8px; }
    .flash.snack .message .userpic.right > .profile_wrapper {
      padding-left: 18px;
      right: -260px;
      transform: translateX(8px) translateY(-50%); }
      .flash.snack .message .userpic.right > .profile_wrapper > .profile:after {
        left: -8px;
        background: url("/images/user-dialogue-pin-left-9x20.svg") no-repeat; }
    .flash.snack .message .userpic {
      position: relative;
      display: flex;
      color: #112126; }
      .flash.snack .message .userpic:hover .profile_wrapper {
        transform: translateX(0px) translateY(-50%);
        opacity: 1;
        transition: all 0.15s ease-out;
        visibility: visible; }
      .flash.snack .message .userpic > a:hover {
        display: block;
        width: 22px;
        height: 22px; }
      .flash.snack .message .userpic > .profile_wrapper {
        padding: 10px;
        opacity: 0;
        transition: all 0.15s ease-out;
        visibility: hidden;
        z-index: 10;
        position: absolute;
        background: transparent;
        width: 260px;
        top: 0px;
        transform: translateY(-50%); }
        .flash.snack .message .userpic > .profile_wrapper > .profile {
          width: 232px;
          border: 1px solid rgba(17, 33, 38, 0.1);
          border-radius: 4px;
          padding: 16px 16px 24px 16px;
          background-color: #ffffff;
          display: flex;
          flex-direction: column;
          position: relative; }
          .flash.snack .message .userpic > .profile_wrapper > .profile:after {
            content: "";
            display: block;
            position: absolute;
            height: 20px;
            width: 9px;
            top: 50%;
            background: url("/images/user-dialogue-pin-right-9x20.svg") no-repeat; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic {
            display: flex;
            position: relative;
            align-items: center;
            justify-content: center; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .status {
              position: absolute;
              left: 0;
              color: rgba(17, 33, 38, 0.4);
              font-size: 14px;
              font-weight: 300;
              align-self: flex-start;
              width: 50px; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .status.offline {
                color: rgba(17, 33, 38, 0.1); }
            .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic > .userpic_inner {
              flex-grow: 2;
              align-self: flex-end;
              text-align: center;
              margin-top: 8px; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .avatar_wrapper {
              width: 60px;
              height: 60px;
              border-radius: 50%;
              overflow: hidden;
              margin: 0 auto;
              margin-top: 8px; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .avatar_wrapper > img {
                max-width: 60px;
                margin: 0 auto;
                display: block; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar {
              width: 60px;
              height: 60px;
              color: #112126;
              line-height: 60px;
              text-align: center;
              vertical-align: middle;
              font-size: 29px;
              font-weight: 500;
              border: 1px solid rgba(17, 33, 38, 0.1);
              border-radius: 50%;
              margin: 0 auto; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_1 {
                background-color: #ff00a4;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_2 {
                background-color: #9c27b0;
                color: #ffffff; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_3 {
                background-color: #673ab7;
                color: #ffffff; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_4 {
                background-color: #2196f3;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_5 {
                background-color: #38d3ff;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_6 {
                background-color: #45e79c;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_7 {
                background-color: #cddc39;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_8 {
                background-color: #ffc107;
                color: #112126; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .no_avatar.bg_9 {
                background-color: #ff5722;
                color: #112126; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .billing_type_wrapper {
              width: 50px;
              text-align: right;
              position: absolute;
              right: 0;
              top: 0; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .billing_type_wrapper .billing_type {
                text-transform: uppercase;
                font-size: 11px;
                align-self: flex-start;
                display: inline-block;
                padding: 3px 6px;
                border-radius: 9px; }
                .flash.snack .message .userpic > .profile_wrapper > .profile .status_userpic .billing_type_wrapper .billing_type.pro {
                  text-transform: uppercase;
                  color: #ff5c30;
                  font-weight: 700;
                  font-size: 12px;
                  letter-spacing: 0.04em;
                  border: 1px solid #ff5c30;
                  border-radius: 9px;
                  line-height: 12px;
                  padding: 3px 5px 3px 6px; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .username {
            margin-top: 16px;
            text-transform: uppercase;
            text-align: center;
            font-size: 14px;
            line-height: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #112126;
            transition: color 150ms linear; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .username:hover {
              color: #3399ff; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .full_name {
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            margin-top: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .github_user {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 8px; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .github_user .label {
              font-size: 11px;
              color: #112126;
              line-height: 20px;
              padding: 3px 8px 3px 28px;
              background-color: rgba(17, 33, 38, 0.1);
              border-radius: 4px;
              position: relative;
              text-transform: uppercase;
              font-weight: 500;
              vertical-align: middle;
              height: 24px;
              display: inline-block; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .github_user .label::before {
                content: "";
                display: block;
                position: absolute;
                left: 6px;
                width: 18px;
                height: 18px;
                background: url("/images/Nots_18_git.svg") no-repeat; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .github_user .explanatory_text {
              margin-top: 20px;
              font-size: 14px;
              color: rgba(17, 33, 38, 0.6);
              line-height: 20px;
              text-align: center; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .projects_notes {
            margin-top: 16px;
            display: flex;
            min-height: 17px; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .projects_notes .projects {
              padding-right: 16px;
              width: calc(50% - 1px);
              text-align: right;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: rgba(17, 33, 38, 0.4); }
              .flash.snack .message .userpic > .profile_wrapper > .profile .projects_notes .projects:not(:empty) {
                border-right: 1px solid rgba(17, 33, 38, 0.1); }
            .flash.snack .message .userpic > .profile_wrapper > .profile .projects_notes .notes {
              padding-left: 17px;
              width: calc(50% - 1px);
              text-align: left;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: rgba(17, 33, 38, 0.4); }
          .flash.snack .message .userpic > .profile_wrapper > .profile .unregistered {
            text-align: center;
            margin-top: 16px;
            color: rgba(17, 33, 38, 0.4); }
          .flash.snack .message .userpic > .profile_wrapper > .profile .social {
            display: flex;
            margin-top: 16px;
            justify-content: center;
            min-height: 40px; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .social > a {
              display: block;
              width: 40px;
              height: 40px;
              margin-right: 8px;
              position: relative;
              transition: transform 0.15s ease-out; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a::before, .flash.snack .message .userpic > .profile_wrapper > .profile .social > a::after {
                content: "";
                position: absolute;
                width: 40px;
                height: 40px;
                left: 0;
                top: 0;
                border-radius: 50%;
                background-size: 40px 40px; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a.github::before {
                background: #f1f5f7 url("/images/Nots_28_Github.svg") center no-repeat; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a.facebook::before {
                background: #f1f5f7 url("/images/Nots_48_Social_facebook.svg") center no-repeat; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a.twitter::before {
                background: #f1f5f7 url("/images/Nots_48_Social_twitter.svg") center no-repeat; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a.google::before {
                background: #f1f5f7 url("/images/Nots_48_Social_google.svg") center no-repeat; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .social > a:hover {
                transform: scale(1.2);
                transition: transform 0.15s ease-out; }
          .flash.snack .message .userpic > .profile_wrapper > .profile .message_button {
            margin-top: 16px;
            color: white;
            flex-grow: 2;
            position: relative;
            display: flex;
            align-items: flex-end; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .message_button a.discussion.button {
              width: 100%;
              padding-left: 56px; }
              .flash.snack .message .userpic > .profile_wrapper > .profile .message_button a.discussion.button::before {
                display: block;
                content: "";
                position: absolute;
                z-index: 1;
                width: 40px;
                height: 40px;
                left: 26px;
                top: 50%;
                transform: translate(0, -50%);
                background: url("/images/Nots_40_Discussions.svg") no-repeat;
                background-size: 40px 40px; }
            .flash.snack .message .userpic > .profile_wrapper > .profile .message_button a.invite.button {
              width: 100%; }
    .flash.snack .message .after-userpic-text {
      margin-left: 8px; }
  .flash.snack .undo {
    display: flex;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px;
    color: #3399ff;
    text-transform: uppercase;
    transition: background 0.15s linear;
    padding: 0 16px;
    margin: 4px 4px 4px 16px;
    height: 32px;
    align-items: center; }
    .flash.snack .undo:hover {
      opacity: 1;
      transition: opacity 0.15s linear;
      background-color: #ffffff; }