html,
body,
header,
nav,
div,
h1,
h2,
h3,
h4,
h5,
h6,
label,
input,
p {
  display: block;
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
main {
  min-height: 50vh;
}
@media (min-width: 950px) {
  main {
    min-height: 70vh;
  }
  body {
    position: relative;
    height: 100vh;
  }
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
a:hover {
  color: inherit;
  text-decoration: none;
}
.antialiased,
#get-started-container,
#beaker-prompt-frontpage {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  color: #111;
  background: #fff;
}
@font-face {
  font-family: 'Catamaran';
  src: url(/assets/fonts/Catamaran-Bold.ttf);
  font-weight: 700;
}
h1 {
  font-family: Catamaran;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
code {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
}
.monospace-font {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  font-size: .85rem;
}
.rounded,
input,
textarea,
.sidebar .callout {
  border-radius: 3px;
  overflow: hidden;
}
.rounded-extra {
  border-radius: 5px;
  overflow: hidden;
}
.box-shadow {
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.2);
}
.text-shadow {
  text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px;
}
.flex,
.form .actions,
main.home .section .container,
.p2p-apps-list .app .header,
.featured-apps-list .app .header,
.featured-apps .app .archive-header,
.featured-apps .app .archive-footer,
#get-started-container,
#beaker-prompt-frontpage,
.your-archives h2,
.your-archives .item {
  display: flex;
  flex-wrap: wrap;
}
.overflow-ellipsis,
.featured-apps .app .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nobreak {
  white-space: nowrap;
}
.text-muted {
  color: #707070;
}
main {
  padding: 4rem 0;
  background: rgba(21, 49, 128, 0.0298);
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  margin-bottom: 1rem;
}
main h2,
main h3,
main h4,
main h5,
main h6 {
  margin-top: 1.5rem;
}
main .section:not(:last-child) {
  margin-bottom: 2rem;
}
main .section p,
main .section form {
  max-width: 600px;
  margin: 1rem 0;
}
main .section p:last-child {
  margin-bottom: 0;
}
ol ol {
  list-style-type: lower-alpha;
}
main.terms p:not(:last-child),
main.privacy p:not(:last-child),
main.acceptable-use p:not(:last-child) {
  margin-bottom: 1rem;
}
main.terms ul,
main.privacy ul,
main.acceptable-use ul {
  margin-left: 40px;
  list-style-type: disc;
  margin-bottom: 1rem;
}
.card,
.form.card-form,
.form + .form-followup,
.form.modal-form,
#get-started-container,
#beaker-prompt-frontpage {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 1.25rem;
  overflow: hidden;
}
.card h1 {
  margin-bottom: 1rem;
}
.card.modal {
  max-width: 400px;
  margin: auto;
  margin-bottom: 1.5rem;
}
.card.modal p:not(:last-child) {
  margin-bottom: 1rem;
}
.card.modal a {
  color: #276fe7;
}
.card *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.card *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.close-prompt,
#dismiss-get-started-btn,
#dismiss-beaker-prompt-btn {
  position: absolute;
  top: -7px;
  left: -7px;
  background: #f2f2f2;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 1.5;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  font-size: 11.25px;
  text-align: center;
  -webkit-text-stroke: 0.5px #2196F3;
}
.close-prompt:hover {
  color: rgba(255, 255, 255, 0.75);
}
.form {
  font-size: .9rem;
}
.form.card-form,
.form + .form-followup {
  max-width: 400px;
  margin: 1rem auto;
  padding: 1rem;
  border: 1px solid #d9d9d9;
}
.modal-form-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.modal-form-container.visible {
  display: block;
}
.form.modal-form {
  margin: auto;
  margin-top: 50px;
  max-width: 400px;
}
input,
textarea {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 100%;
  padding: .5rem;
  font-size: .85rem;
}
input:focus,
textarea:focus {
  outline: none;
  border: 1px solid rgba(41, 121, 255, 0.95);
}
input[type="radio"] {
  display: inline-block;
  width: 20px;
}
.form-heading {
  margin-bottom: 1rem;
}
.form-desc,
.form-help {
  margin-bottom: 1.5rem;
}
.form-footer {
  font-size: .85rem;
  color: #707070;
  padding: 1rem;
  margin: 1rem -1rem -1rem -1rem;
  background: #f7f7f7;
  border-top: 1px solid #d9d9d9;
}
.form-footer a {
  color: #276fe7;
}
.form-desc.bordered {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d9d9d9;
}
.form label {
  font-weight: 500;
  margin-bottom: .5rem;
}
.form-group {
  margin: 1rem 0;
}
.form-group.warning input,
.form-group.warning textarea {
  border: 1px solid #b31b4f;
}
.form-group.warning .form-control-feedback {
  color: #b31b4f;
}
.form-control-feedback {
  font-size: .8rem;
}
.form .actions {
  align-items: baseline;
  justify-content: space-between;
  margin-top: .5rem;
}
.form .actions div {
  margin-left: auto;
}
.form .actions button[type="submit"],
.form .actions .submit {
  margin-left: auto;
}
.form .actions .alternate-link {
  color: #276fe7;
}
.form + .form-followup a {
  color: #276fe7;
}
.link,
main .section a,
.card.modal a,
.form-desc a,
.form-footer a,
.p2p-apps-list .app:hover .title,
.featured-apps-list .app:hover .title,
.featured-apps .app .author a:hover,
.p2p-apps-list .app:hover .title,
#get-started-container a,
#beaker-prompt-frontpage a,
.sidebar .callout a,
.your-archives .item.archive:hover .name,
.your-archives .more:hover {
  text-decoration: underline;
  cursor: pointer;
}
button.link {
  outline: none;
  font-size: inherit;
  font-family: inherit;
  border: none;
  background: none;
  padding: 0;
}
main.home {
  padding: 0 0 2rem 0;
  background: #fff;
}
main.home .section {
  margin: 2rem 0;
}
main.home .section:last-of-type {
  margin-bottom: 0 !important;
}
main.home .section h2 {
  width: 100%;
  font-weight: 400;
  font-size: .85rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
main.home .section h2 i {
  margin-right: 3px;
}
.p2p-apps-list,
.featured-apps-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 600px) {
  .p2p-apps-list,
  .featured-apps-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 800px) {
  .p2p-apps-list,
  .featured-apps-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.p2p-apps-list .app,
.featured-apps-list .app {
  border-radius: 4px;
  background: #fff;
  position: relative;
  font-size: .8rem;
  overflow: hidden;
  text-decoration: none;
}
.p2p-apps-list .app a,
.featured-apps-list .app a {
  text-decoration: none;
}
.p2p-apps-list .app .desc,
.featured-apps-list .app .desc {
  color: rgba(0, 0, 0, 0.75);
}
.p2p-apps-list .app .header,
.featured-apps-list .app .header {
  justify-content: space-between;
}
.p2p-apps-list .app h3,
.featured-apps-list .app h3 {
  margin: 0;
}
.p2p-apps-list .app .title,
.featured-apps-list .app .title {
  font-weight: 500;
}
.featured-apps .app {
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding: 10px 15px;
}
.featured-apps .app:hover {
  background: #fafafa !important;
}
.featured-apps .app .desc {
  margin-top: 10px;
}
.featured-apps .app .title {
  max-width: 150px;
  font-size: .8rem;
}
.featured-apps .app .author {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: .8rem;
  font-style: italic;
}
.featured-apps .app .archive-header {
  justify-content: space-between;
}
.featured-apps .app .archive-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
}
.featured-apps .app .archive-footer > span > * {
  display: block;
}
.featured-apps .app .archive-footer > span .main {
  font-weight: 700;
  margin-bottom: 0;
  font-size: .7rem;
}
.featured-apps .app .archive-footer > span .label {
  margin-top: -4px;
  font-weight: 300;
  font-size: .7rem;
  color: rgba(0, 0, 0, 0.7);
}
.featured-apps i.fa-heart {
  color: #E53935;
}
.p2p-apps .app {
  padding: 10px 15px;
}
.p2p-apps i.fa-star {
  color: #FFC107;
  margin-right: 3px;
  font-size: 1rem;
}
.p2p-apps-list .app {
  padding: 10px 15px;
  border: 1px solid;
}
.p2p-apps-list .app .title {
  font-weight: 700 !important;
  padding: 0;
  font-size: .85rem !important;
  margin-bottom: 10px;
}
.p2p-apps-list .app i {
  position: absolute;
  bottom: 5px;
  right: 12px;
  padding: 0;
  font-size: 50px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.p2p-apps-list .app .desc {
  padding: 0;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.75);
  max-width: 77%;
}
.p2p-apps-list .app.photo-album {
  background-size: cover;
  border: 1px solid rgba(63, 81, 181, 0.5) !important;
}
.p2p-apps-list .app.photo-album .title {
  color: #3F51B5;
}
.p2p-apps-list .app.photo-album i {
  bottom: 14px;
  color: rgba(63, 81, 181, 0.8);
  -webkit-text-stroke: 1px rgba(56, 71, 157, 0.321);
}
.p2p-apps-list .app.photo-album:hover {
  background: #fbfcfe !important;
}
.p2p-apps-list .app.rss {
  border: 1px solid rgba(76, 175, 80, 0.45);
}
.p2p-apps-list .app.rss .title {
  color: #4CAF50;
}
.p2p-apps-list .app.rss i {
  bottom: 8px;
  color: rgba(76, 175, 80, 0.6);
  -webkit-text-stroke: 1px rgba(67, 151, 71, 0.321);
}
.p2p-apps-list .app.rss:hover {
  background: #fbfdfc !important;
}
.p2p-apps-list .app.paste-dat {
  border: 1px solid rgba(194, 24, 91, 0.45);
}
.p2p-apps-list .app.paste-dat .title {
  color: #C2185B;
}
.p2p-apps-list .app.paste-dat i {
  bottom: 10px;
  color: rgba(194, 24, 91, 0.75);
  -webkit-text-stroke: 1px rgba(168, 23, 80, 0.321);
}
.p2p-apps-list .app.paste-dat:hover {
  background: #fefafc !important;
}
.p2p-apps-list .app:hover .title:after {
  margin-left: 6px;
}
.p2p-apps-list .title:after {
  display: inline-block;
  content: '→';
  margin-left: 3px;
  transition: margin .2s ease;
}
#get-started-container {
  color: #fff !important;
  background: #8BC34A !important;
  border: none !important;
  justify-content: space-between;
  position: relative;
  align-items: center;
  padding: 1.25rem !important;
  max-width: 700px;
  margin: 1rem;
  margin-top: 2.6rem !important;
  color: rgba(17, 17, 17, 0.9);
  font-size: 1rem;
  font-weight: 500;
}
#get-started-container .graphic-container {
  font-size: 28px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  background: radial-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.125) 50%, rgba(0, 0, 0, 0.075) 50%, rgba(0, 0, 0, 0.075) 70%);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
#get-started-container p {
  width: calc(100% - 80px);
  margin-bottom: 2rem;
}
#get-started-container .btn {
  color: #276fe7;
  font-weight: 400;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
#get-started-container .btn:hover {
  background: rgba(139, 195, 74, 0.03) !important;
}
@media (min-width: 800px) {
  #get-started-container {
    font-size: .85rem;
    padding: .5rem 1rem !important;
  }
  #get-started-container .graphic-container {
    position: initial;
  }
}
#get-started-container:hover #dismiss-get-started-btn {
  opacity: 1;
}
@media (min-width: 800px) {
  #get-started-container {
    margin: 0 auto 1rem auto;
  }
  #get-started-container p {
    margin-bottom: 0;
  }
  #get-started-container .btn {
    position: initial;
  }
}
#dismiss-get-started-btn {
  background: #8BC34A !important;
  -webkit-text-stroke: 0.5px #8BC34A;
}
#beaker-prompt-frontpage {
  font-size: .85rem !important;
  color: #fff !important;
  background: #2979FF !important;
  border: none !important;
  justify-content: space-between;
  position: relative;
  align-items: center;
  padding: 1.25rem !important;
  max-width: 700px;
  color: rgba(17, 17, 17, 0.9);
  font-weight: 500;
}
#beaker-prompt-frontpage i.fa-cubes {
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.07);
}
#dismiss-beaker-prompt-btn {
  background: #2979FF !important;
  -webkit-text-stroke: 0.5px #2979FF !important;
}
.session-alerts:not(:blank) {
  margin-top: 1rem;
}
.sidebar .callout {
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 1em;
  font-size: .85rem;
}
.sidebar .callout a {
  color: #276fe7;
}
.your-archives {
  background: #fff;
  border-top: 1px solid #d9d9d9;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.your-archives h2 {
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 0;
  font-size: .725rem !important;
  background: #fafafa;
}
.your-archives .item {
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  font-size: .825rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.your-archives .item.btn {
  justify-content: center;
  padding: 0;
  padding-bottom: 1px;
  margin: 5px 10px;
}
.your-archives .item.archive:hover {
  background: #fafafa;
}
.your-archives .item .name {
  color: rgba(0, 0, 0, 0.75);
}
.your-archives .item .peer-count {
  float: right;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 300;
  font-size: .75rem;
}
.your-archives .more {
  display: block;
  font-size: .85rem;
  padding: .15rem 1rem;
  border-top: 1px solid #d9d9d9;
}
.your-archives .no-archives {
  font-size: .85rem;
  padding: .5rem .8rem;
}