* {
  margin: 0;
  padding: 0;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
}

.yook-contribution {
  margin: 24px 16px 16px;
  display: grid;
}
.yook-contribution.light-theme {
  font-family: var(--yook-font-family, "Mark W01 Book");
  font-size: 14px;
  line-height: 22px;
  color: #0D2B26;
}
.yook-contribution.light-theme p {
  margin: 0;
}
.yook-contribution.light-theme a, .yook-contribution.light-theme a:visited {
  color: #298563;
}
.yook-contribution.light-theme a:hover, .yook-contribution.light-theme a:visited:hover {
  color: #298563B3;
}
.yook-contribution.light-theme a:active, .yook-contribution.light-theme a:visited:active {
  color: #29856380;
}
.yook-contribution.light-theme .text-emphasis {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
  font-size: 16px;
  line-height: 26px;
  color: #298563;
}
.yook-contribution.light-theme .text-reduced {
  opacity: 50%;
}
.yook-contribution.light-theme .text-bold {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
}
.yook-contribution.light-theme .contrast {
  background-color: #0D2B26;
  color: #fff;
}
.yook-contribution.light-theme .contrast .contrast-white-text-image {
  filter: brightness(0) invert(1);
}
.yook-contribution.light-theme .scrollable {
  overflow-y: auto;
}
.yook-contribution.light-theme .scrollable::-webkit-scrollbar {
  width: 6px;
}
.yook-contribution.light-theme .scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.yook-contribution.light-theme .interactive {
  cursor: pointer;
}
.yook-contribution.light-theme .interactive img.interactive-white-leaf {
  display: none;
}
.yook-contribution.light-theme .interactive:hover {
  background-color: #298563;
}
.yook-contribution.light-theme .interactive:active {
  background-color: #216A4F;
}
.yook-contribution.light-theme .interactive:active, .yook-contribution.light-theme .interactive:hover {
  color: #fff;
}
.yook-contribution.light-theme .interactive:active img.interactive-green-leaf, .yook-contribution.light-theme .interactive:hover img.interactive-green-leaf {
  display: none;
}
.yook-contribution.light-theme .interactive:active img.interactive-white-leaf, .yook-contribution.light-theme .interactive:hover img.interactive-white-leaf {
  display: inline-block;
}
.yook-contribution.light-theme .interactive-text {
  cursor: pointer;
}
.yook-contribution.light-theme .interactive-text:hover {
  color: #298563;
}
.yook-contribution.light-theme .interactive-text:active {
  color: #216A4F;
}
.yook-contribution.dark-theme {
  font-family: var(--yook-font-family, "Mark W01 Book");
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.yook-contribution.dark-theme p {
  margin: 0;
}
.yook-contribution.dark-theme a, .yook-contribution.dark-theme a:visited {
  color: #298563;
}
.yook-contribution.dark-theme a:hover, .yook-contribution.dark-theme a:visited:hover {
  color: #298563B3;
}
.yook-contribution.dark-theme a:active, .yook-contribution.dark-theme a:visited:active {
  color: #29856380;
}
.yook-contribution.dark-theme .text-emphasis {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
  font-size: 16px;
  line-height: 26px;
  color: #298563;
}
.yook-contribution.dark-theme .text-reduced {
  opacity: 50%;
}
.yook-contribution.dark-theme .text-bold {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
}
.yook-contribution.dark-theme .white-text-image {
  filter: brightness(0) invert(1);
}
.yook-contribution.dark-theme .contrast {
  background-color: #fff;
  color: #000;
}
.yook-contribution.dark-theme .scrollable {
  overflow-y: auto;
}
.yook-contribution.dark-theme .scrollable::-webkit-scrollbar {
  width: 6px;
}
.yook-contribution.dark-theme .scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.yook-contribution.dark-theme .interactive {
  cursor: pointer;
}
.yook-contribution.dark-theme .interactive img.interactive-white-leaf {
  display: none;
}
.yook-contribution.dark-theme .interactive:hover {
  background-color: #184D49;
}
.yook-contribution.dark-theme .interactive:active {
  background-color: #216A4F;
}
.yook-contribution.dark-theme .interactive:active, .yook-contribution.dark-theme .interactive:hover {
  color: #fff;
}
.yook-contribution.dark-theme .interactive:active img.interactive-green-leaf, .yook-contribution.dark-theme .interactive:hover img.interactive-green-leaf {
  display: none;
}
.yook-contribution.dark-theme .interactive:active img.interactive-white-leaf, .yook-contribution.dark-theme .interactive:hover img.interactive-white-leaf {
  display: inline-block;
}
.yook-contribution.dark-theme .interactive-text {
  cursor: pointer;
}
.yook-contribution.dark-theme .interactive-text:hover {
  color: #184D49;
}
.yook-contribution.dark-theme .interactive-text:active {
  color: #216A4F;
}
.yook-contribution.contrast-light-theme {
  font-family: var(--yook-font-family, "Mark W01 Book");
  font-size: 14px;
  line-height: 22px;
  color: #000;
}
.yook-contribution.contrast-light-theme p {
  margin: 0;
}
.yook-contribution.contrast-light-theme a, .yook-contribution.contrast-light-theme a:visited {
  color: #000;
}
.yook-contribution.contrast-light-theme a:hover, .yook-contribution.contrast-light-theme a:visited:hover {
  color: #298563B3;
}
.yook-contribution.contrast-light-theme a:active, .yook-contribution.contrast-light-theme a:visited:active {
  color: #29856380;
}
.yook-contribution.contrast-light-theme .text-emphasis {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.yook-contribution.contrast-light-theme .text-reduced {
  opacity: 50%;
}
.yook-contribution.contrast-light-theme .text-bold {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
}
.yook-contribution.contrast-light-theme .contrast {
  background-color: #000;
  color: #fff;
}
.yook-contribution.contrast-light-theme .contrast .contrast-white-text-image {
  filter: brightness(0) invert(1);
}
.yook-contribution.contrast-light-theme .scrollable {
  overflow-y: auto;
}
.yook-contribution.contrast-light-theme .scrollable::-webkit-scrollbar {
  width: 6px;
}
.yook-contribution.contrast-light-theme .scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.yook-contribution.contrast-light-theme .interactive {
  cursor: pointer;
}
.yook-contribution.contrast-light-theme .interactive img.interactive-white-leaf {
  display: none;
}
.yook-contribution.contrast-light-theme .interactive:hover {
  background-color: #298563;
}
.yook-contribution.contrast-light-theme .interactive:active {
  background-color: #216A4F;
}
.yook-contribution.contrast-light-theme .interactive:active, .yook-contribution.contrast-light-theme .interactive:hover {
  color: #fff;
}
.yook-contribution.contrast-light-theme .interactive:active img.interactive-green-leaf, .yook-contribution.contrast-light-theme .interactive:hover img.interactive-green-leaf {
  display: none;
}
.yook-contribution.contrast-light-theme .interactive:active img.interactive-white-leaf, .yook-contribution.contrast-light-theme .interactive:hover img.interactive-white-leaf {
  display: inline-block;
}
.yook-contribution.contrast-light-theme .interactive-text {
  cursor: pointer;
}
.yook-contribution.contrast-light-theme .interactive-text:hover {
  color: #298563;
}
.yook-contribution.contrast-light-theme .interactive-text:active {
  color: #216A4F;
}
.yook-contribution.contrast-dark-theme {
  font-family: var(--yook-font-family, "Mark W01 Book");
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.yook-contribution.contrast-dark-theme p {
  margin: 0;
}
.yook-contribution.contrast-dark-theme a, .yook-contribution.contrast-dark-theme a:visited {
  color: #fff;
}
.yook-contribution.contrast-dark-theme a:hover, .yook-contribution.contrast-dark-theme a:visited:hover {
  color: #298563B3;
}
.yook-contribution.contrast-dark-theme a:active, .yook-contribution.contrast-dark-theme a:visited:active {
  color: #29856380;
}
.yook-contribution.contrast-dark-theme .text-emphasis {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}
.yook-contribution.contrast-dark-theme .text-reduced {
  opacity: 50%;
}
.yook-contribution.contrast-dark-theme .text-bold {
  font-family: var(--yook-font-family-bold, "Mark W01 Bold");
}
.yook-contribution.contrast-dark-theme .white-text-image {
  filter: brightness(0) invert(1);
}
.yook-contribution.contrast-dark-theme .contrast {
  background-color: #fff;
  color: #000;
}
.yook-contribution.contrast-dark-theme .scrollable {
  overflow-y: auto;
}
.yook-contribution.contrast-dark-theme .scrollable::-webkit-scrollbar {
  width: 6px;
}
.yook-contribution.contrast-dark-theme .scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.yook-contribution.contrast-dark-theme .interactive {
  cursor: pointer;
}
.yook-contribution.contrast-dark-theme .interactive img.interactive-white-leaf {
  display: none;
}
.yook-contribution.contrast-dark-theme .interactive:hover {
  background-color: #184D49;
}
.yook-contribution.contrast-dark-theme .interactive:active {
  background-color: #216A4F;
}
.yook-contribution.contrast-dark-theme .interactive:active, .yook-contribution.contrast-dark-theme .interactive:hover {
  color: #fff;
}
.yook-contribution.contrast-dark-theme .interactive:active img.interactive-green-leaf, .yook-contribution.contrast-dark-theme .interactive:hover img.interactive-green-leaf {
  display: none;
}
.yook-contribution.contrast-dark-theme .interactive:active img.interactive-white-leaf, .yook-contribution.contrast-dark-theme .interactive:hover img.interactive-white-leaf {
  display: inline-block;
}
.yook-contribution.contrast-dark-theme .interactive-text {
  cursor: pointer;
}
.yook-contribution.contrast-dark-theme .interactive-text:hover {
  color: #184D49;
}
.yook-contribution.contrast-dark-theme .interactive-text:active {
  color: #216A4F;
}
@media (min-width: 0px) {
  .yook-contribution {
    grid-template-columns: min-content auto 20px;
    grid-template-areas: "header     header    header" "content    content   content" "action     action    action" "footer     footer    info";
  }
  .yook-contribution.compact {
    grid-template-areas: "header     header    header" "content    content   content" "action     action    action" "info       info      info" !important;
  }
  .yook-contribution.compact .grid-info {
    justify-self: center;
  }
  .yook-contribution.compact .grid-info .powered-by {
    display: inline-block;
  }
  .yook-contribution.compact .grid-footer {
    display: none;
  }
}
@media (min-width: 480px) {
  .yook-contribution:not(.compact) {
    grid-template-columns: min-content auto min-content;
    grid-template-areas: "image      header    info" "image      content   content" "image      footer    action";
  }
}
@media (min-width: 768px) {
  .yook-contribution:not(.compact) {
    grid-template-areas: "image      header    info" "image      content   none" "image      footer    action";
  }
}
@media (min-width: 1024px) {
  .yook-contribution:not(.compact) {
    grid-template-areas: "image      header    none" "image      content   none" "image      info      action";
  }
}
.yook-contribution:not(.compact) .grid-image {
  margin-right: 26px;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .yook-contribution:not(.compact) .grid-image {
    display: block;
  }
}
.yook-contribution:not(.compact) .grid-image img.leaf {
  width: 52px;
  height: 52px;
}
@media (min-width: 0px) {
  .yook-contribution:not(.compact) .grid-footer {
    margin-left: 20px;
  }
  .yook-contribution:not(.compact) .grid-info {
    justify-self: end;
  }
}
@media (min-width: 480px) {
  .yook-contribution:not(.compact) {
    margin: 20px;
  }
  .yook-contribution:not(.compact) .grid-header, .yook-contribution:not(.compact) .grid-content, .yook-contribution:not(.compact) .grid-footer {
    justify-self: start;
    text-align: left;
  }
  .yook-contribution:not(.compact) .grid-action {
    justify-self: end;
    margin: 0;
  }
  .yook-contribution:not(.compact) .grid-content {
    margin-bottom: 18px;
  }
  .yook-contribution:not(.compact) .grid-footer {
    margin-left: 0;
  }
  .yook-contribution:not(.compact) .grid-info {
    align-self: start;
  }
}
@media (min-width: 1024px) {
  .yook-contribution:not(.compact) .grid-footer {
    display: none;
  }
  .yook-contribution:not(.compact) .grid-info {
    justify-self: start;
    align-self: end;
  }
  .yook-contribution:not(.compact) .grid-info .powered-by {
    display: inline-block;
  }
  .yook-contribution:not(.compact) .grid-content {
    padding-right: 80px;
  }
}
.yook-contribution .grid-image {
  grid-area: image;
  display: none;
}
.yook-contribution .grid-header {
  grid-area: header;
  justify-self: center;
  text-align: center;
  margin-bottom: 8px;
}
.yook-contribution .grid-info {
  grid-area: info;
  align-self: end;
  height: 20px;
}
.yook-contribution .grid-info .powered-by {
  display: none;
}
.yook-contribution .grid-content {
  grid-area: content;
  justify-self: center;
  text-align: center;
}
.yook-contribution .grid-action {
  grid-area: action;
  justify-self: center;
  margin: 24px 0;
}
.yook-contribution .grid-footer {
  grid-area: footer;
  justify-self: center;
  text-align: center;
  align-self: end;
}