a {
  color: rgb(246, 194, 68);
}

a:hover {
  color: rgb(206, 154, 18);
}

a.article:visited {
  color: rgb(206, 154, 18) !important;
}

.absolute-parent {
  position: relative;
}

.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn {
  cursor: pointer;
}

.checkmark__circle {
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  fill: none;
  stroke: #50E3C2;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-miterlimit: 50;
  stroke-width: 50;
}

.checkmark {
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px #50E3C2;
  display: block;
  height: 200px;
  margin: 10% auto;
  width: 200px;
  stroke: #fff;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit: 10;
  stroke-width: 5;
}

.checkmark__check {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  transform-origin: 50% 50%;
}

.comments-link {
  white-space: nowrap;
}

.disabled.btn {
  cursor: default;
}

.full-article img {
  max-width: 100%;
}

html.raining {
  overflow: hidden;
}

.rain {
  display: none;
}

.raining .rain {
  display: block;
}

.drop {
  width: 100px;
  height: 100px;
  top: -100px;
  position: absolute;
  font-style: normal;
  animation-iteration-count: infinite;
  z-index: 31337;
}

.drop:after{
  content: "🍀";
}

/* drop animation https://github.com/lassse/CSS-Rain-effect
*/
@keyframes drop {
  0% {
    top: -30vh;
  }
  100%{
    top: 130vh;
  }
}

.drop:nth-child(1) {
  left: 57.1vw;
  animation-duration: 7.4s;
  animation-delay: 8.1s;
  transform: scale(3);
  animation-name: drop;
}

.drop:nth-child(2) {
  left: 71.6vw;
  animation-duration: 9.2s;
  animation-delay: 5.1s;
  transform: scale(0.3);
  animation-name: drop;
}

.drop:nth-child(3) {
  left: 12.2vw;
  animation-duration: 10.8s;
  animation-delay: 2.5s;
  transform: scale(1.5);
  animation-name: drop
}

.drop:nth-child(4) {
  left: 64.5vw;
  animation-duration: 8.9s;
  animation-delay: 7.9s;
  transform: scale(4.3);
  animation-name: drop
}

.drop:nth-child(5) {
  left: 3.3vw;
  animation-duration: 7.8s;
  animation-delay: 5.2s;
  transform: scale(4.2);
  animation-name: drop;
}

.drop:nth-child(6) {
  left: 85.6vw;
  animation-duration: 5.4s;
  animation-delay: 7.4s;
  transform: scale(4.9);
  animation-name: drop;
}

.drop:nth-child(7) {
  left: 67.6vw;
  animation-duration: 7.9s;
  animation-delay: 0.9s;
  transform: scale(2.7);
  animation-name: drop;
}

.drop:nth-child(8) {
  left: 37vw;
  animation-duration: 7s;
  animation-delay: 10.3s;
  transform: scale(3);
  animation-name: drop;
}

.drop:nth-child(9) {
  left: 69vw;
  animation-duration: 8.1s;
  animation-delay: 2.5s;
  transform: scale(2);
  animation-name: drop;
}

.drop:nth-child(10) {
  left: 15.7vw;
  animation-duration: 5.9s;
  animation-delay: 1.1s;
  transform: scale(4.9);
  animation-name: drop;
}

.drop:nth-child(11) {
  left: 72.3vw;
  animation-duration: 8.8s;
  animation-delay: 2s;
  transform: scale(3.6);
  animation-name: drop;
}

.drop:nth-child(12) {
  left: 13.1vw;
  animation-duration: 7s;
  animation-delay: 5s;
  transform: scale(0.1);
  animation-name: drop;
}

.drop:nth-child(13) {
  left: 100.8vw;
  animation-duration: 4.2s;
  animation-delay: 3.6s;
  transform: scale(1.5);
  animation-name: drop;
}

.drop:nth-child(14) {
  left: 34.8vw;
  animation-duration: 5.5s;
  animation-delay: 9s;
  transform: scale(2.6);
  animation-name: drop;

}

.drop:nth-child(15){left:36vw;animation-duration:5.6s;animation-delay:1.9s;transform:scale(0.2);animation-name:drop}.drop:nth-child(16){left:100.8vw;animation-duration:5.4s;animation-delay:8.4s;transform:scale(3.8);animation-name:drop}.drop:nth-child(17){left:18.8vw;animation-duration:10.5s;animation-delay:4.3s;transform:scale(5.8);animation-name:drop}.drop:nth-child(18){left:1.3vw;animation-duration:4.9s;animation-delay:4.6s;transform:scale(2.8);animation-name:drop}.drop:nth-child(19){left:69.9vw;animation-duration:4.9s;animation-delay:8.5s;transform:scale(0.8);animation-name:drop}.drop:nth-child(20){left:24.4vw;animation-duration:3s;animation-delay:9.7s;transform:scale(4);animation-name:drop}.drop:nth-child(21){left:50.8vw;animation-duration:7s;animation-delay:0.5s;transform:scale(4);animation-name:drop}.drop:nth-child(22){left:86vw;animation-duration:10.2s;animation-delay:7.4s;transform:scale(0.3);animation-name:drop}.drop:nth-child(23){left:24.3vw;animation-duration:4s;animation-delay:8.2s;transform:scale(4);animation-name:drop}.drop:nth-child(24){left:68.9vw;animation-duration:2.5s;animation-delay:6.9s;transform:scale(3);animation-name:drop}.drop:nth-child(25){left:63vw;animation-duration:2.7s;animation-delay:6.7s;transform:scale(4.4);animation-name:drop}.drop:nth-child(26){left:74.7vw;animation-duration:8.4s;animation-delay:0.7s;transform:scale(4.3);animation-name:drop}.drop:nth-child(27){left:2.9vw;animation-duration:4.9s;animation-delay:1s;transform:scale(5.8);animation-name:drop}.drop:nth-child(28){left:93vw;animation-duration:4.5s;animation-delay:8.9s;transform:scale(3.4);animation-name:drop}.drop:nth-child(29){left:88.6vw;animation-duration:2.4s;animation-delay:3.9s;transform:scale(5);animation-name:drop}.drop:nth-child(30){left:54.5vw;animation-duration:5.6s;animation-delay:2.1s;transform:scale(5.2);animation-name:drop}.drop:nth-child(31){left:100.3vw;animation-duration:2.1s;animation-delay:4s;transform:scale(5.2);animation-name:drop}.drop:nth-child(32){left:90.2vw;animation-duration:8.7s;animation-delay:0.3s;transform:scale(1);animation-name:drop}.drop:nth-child(33){left:86.2vw;animation-duration:5.1s;animation-delay:0.2s;transform:scale(1.6);animation-name:drop}.drop:nth-child(34){left:75.6vw;animation-duration:5s;animation-delay:7.2s;transform:scale(1.7);animation-name:drop}.drop:nth-child(35){left:49.3vw;animation-duration:9.8s;animation-delay:2.7s;transform:scale(0.1);animation-name:drop}.drop:nth-child(36){left:92.8vw;animation-duration:10s;animation-delay:1s;transform:scale(6);animation-name:drop}.drop:nth-child(37){left:14.2vw;animation-duration:2.2s;animation-delay:4.2s;transform:scale(4.1);animation-name:drop}.drop:nth-child(38){left:84vw;animation-duration:3.5s;animation-delay:2.3s;transform:scale(1.8);animation-name:drop}.drop:nth-child(39){left:66vw;animation-duration:7s;animation-delay:8.6s;transform:scale(0.7);animation-name:drop}.drop:nth-child(40){left:39.9vw;animation-duration:7.5s;animation-delay:9.5s;transform:scale(3);animation-name:drop}.drop:nth-child(41){left:69.5vw;animation-duration:3.1s;animation-delay:8s;transform:scale(1.6);animation-name:drop}.drop:nth-child(42){left:3.4vw;animation-duration:2.3s;animation-delay:8.3s;transform:scale(0.4);animation-name:drop}.drop:nth-child(43){left:38.6vw;animation-duration:4.1s;animation-delay:2.4s;transform:scale(4.6);animation-name:drop}.drop:nth-child(44){left:28.4vw;animation-duration:2.1s;animation-delay:9.4s;transform:scale(0.6);animation-name:drop}.drop:nth-child(45){left:92.2vw;animation-duration:8.6s;animation-delay:3s;transform:scale(1.3);animation-name:drop}.drop:nth-child(46){left:33.3vw;animation-duration:7s;animation-delay:6.6s;transform:scale(3);animation-name:drop}.drop:nth-child(47){left:22.8vw;animation-duration:3.4s;animation-delay:3s;transform:scale(0.5);animation-name:drop}.drop:nth-child(48){left:32vw;animation-duration:7.2s;animation-delay:5.7s;transform:scale(4.4);animation-name:drop}.drop:nth-child(49){left:97.4vw;animation-duration:2.2s;animation-delay:4.2s;transform:scale(3.7);animation-name:drop}.drop:nth-child(50){left:52.1vw;animation-duration:8.1s;animation-delay:7.2s;transform:scale(1);animation-name:drop}.drop:nth-child(51){left:8.2vw;animation-duration:5.3s;animation-delay:1.4s;transform:scale(4.5);animation-name:drop}.drop:nth-child(52){left:46.4vw;animation-duration:9s;animation-delay:1.5s;transform:scale(2);animation-name:drop}.drop:nth-child(53){left:91.5vw;animation-duration:4.2s;animation-delay:7.8s;transform:scale(5.2);animation-name:drop}.drop:nth-child(54){left:89.8vw;animation-duration:5.6s;animation-delay:0.5s;transform:scale(3.1);animation-name:drop}.drop:nth-child(55){left:75vw;animation-duration:5.9s;animation-delay:3.1s;transform:scale(2.8);animation-name:drop}.drop:nth-child(56){left:57.1vw;animation-duration:8.7s;animation-delay:6.1s;transform:scale(4.5);animation-name:drop}.drop:nth-child(57){left:63vw;animation-duration:8.3s;animation-delay:8.7s;transform:scale(3.7);animation-name:drop}.drop:nth-child(58){left:46vw;animation-duration:4.5s;animation-delay:4.9s;transform:scale(3.1);animation-name:drop}.drop:nth-child(59){left:76vw;animation-duration:2s;animation-delay:1.5s;transform:scale(4.7);animation-name:drop}.drop:nth-child(60){left:57.6vw;animation-duration:5.1s;animation-delay:7s;transform:scale(3.3);animation-name:drop}.drop:nth-child(61){left:9.3vw;animation-duration:8.9s;animation-delay:0.3s;transform:scale(3.5);animation-name:drop}.drop:nth-child(62){left:22.9vw;animation-duration:10.7s;animation-delay:7.5s;transform:scale(4.4);animation-name:drop}.drop:nth-child(63){left:46vw;animation-duration:6.6s;animation-delay:4.3s;transform:scale(2);animation-name:drop}.drop:nth-child(64){left:89.6vw;animation-duration:2.6s;animation-delay:7.7s;transform:scale(5.8);animation-name:drop}.drop:nth-child(65){left:4.7vw;animation-duration:7.1s;animation-delay:10.2s;transform:scale(3.1);animation-name:drop}.drop:nth-child(66){left:10.6vw;animation-duration:9.8s;animation-delay:0.7s;transform:scale(1.5);animation-name:drop}.drop:nth-child(67){left:56.8vw;animation-duration:3s;animation-delay:0.3s;transform:scale(6);animation-name:drop}.drop:nth-child(68){left:92vw;animation-duration:7.6s;animation-delay:7.5s;transform:scale(2.8);animation-name:drop}.drop:nth-child(69){left:19vw;animation-duration:9.1s;animation-delay:2.4s;transform:scale(1.4);animation-name:drop}.drop:nth-child(70){left:100.1vw;animation-duration:3s;animation-delay:8.4s;transform:scale(3.3);animation-name:drop}.drop:nth-child(71){left:16.7vw;animation-duration:4.2s;animation-delay:10.1s;transform:scale(1.9);animation-name:drop}.drop:nth-child(72){left:16.8vw;animation-duration:6.9s;animation-delay:3.9s;transform:scale(3.5);animation-name:drop}.drop:nth-child(73){left:89.5vw;animation-duration:7.1s;animation-delay:11s;transform:scale(3.9);animation-name:drop}.drop:nth-child(74){left:2.7vw;animation-duration:10.8s;animation-delay:1.6s;transform:scale(0.2);animation-name:drop}.drop:nth-child(75){left:21.3vw;animation-duration:6.2s;animation-delay:5.7s;transform:scale(0.7);animation-name:drop}.drop:nth-child(76){left:46.6vw;animation-duration:6.8s;animation-delay:4.1s;transform:scale(1.3);animation-name:drop}.drop:nth-child(77){left:60.9vw;animation-duration:6.5s;animation-delay:9s;transform:scale(2.9);animation-name:drop}.drop:nth-child(78){left:70.4vw;animation-duration:7.8s;animation-delay:10.7s;transform:scale(0.1);animation-name:drop}.drop:nth-child(79){left:1.6vw;animation-duration:5.5s;animation-delay:2.4s;transform:scale(0.7);animation-name:drop}.drop:nth-child(80){left:3.6vw;animation-duration:6.5s;animation-delay:8.8s;transform:scale(4.3);animation-name:drop}

.full-article h1, .full-article h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  padding-bottom: 0.5em;
}

.full-article pre {
  color: #fefcfa;
}

.hidden {
  display: none;
}

.hiding-hint {
  background: linear-gradient(to top, rgba(53,58,63,1), rgba(53,58,63,0));
  bottom: 0;
  height: 66px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.invoice-active {
  background: none;
  border-color: #333;
  color: #333;
}

.peer-label {
  user-select: none;
}

.qr-codes img, .reaction-qr-code img {
  border-radius: 5px;
}

.template {
  display: none;
}

.top-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.user-icon {
  margin-top: 4px;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #50E3C2;
  }
}