/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
 
 @import url('https://cdn.rawgit.com/lonekorean/gist-syntax-themes/d49b91b3/stylesheets/idle-fingers.css');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
 body .gist .gist-file {
   border-color: #555 #555 #444
 }
 
 body .gist .gist-data {
   border-color: #555
 }
 
 body .gist .gist-meta {
   color: #ffffff;
   background: #373737; 
 }
 
 body .gist .gist-meta a {
   color: #ffffff
 }
 
 body .gist .gist-data .pl-s .pl-s1 {
   color: #a5c261
 }

 .my-2 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }

a.link {
  text-decoration: underline;
}

.trix-content > p {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

span.page.current {
  text-decoration: underline;
}

span.page {
  padding-left: 10px;
}

.touchable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1); /* Add a subtle background to show it's clickable */
  transition: background-color 0.3s;
}

.touchable:hover, .touchable:focus {
  background-color: rgba(0, 0, 0, 0.2); /* Slight hover effect */
}

.touchable:active {
  background-color: rgba(0, 0, 0, 0.3); /* Active state when pressed */
}
.attachment--file.attachment--linked,.attachment--file.attachment--downloadable,action-text-attachment .attachment--file {
  background-color: var(--color-bg--surface-glint);
  border-radius: 10px;
  position: relative;
  width: calc(25% - 10px);
  border: 0;
  padding: 0 !important;
  margin: 0 6px 6px 0 !important;
  min-width: 150px;
  max-width: 200px
}

.attachment--file.attachment--linked .attachment__name,.attachment--file.attachment--downloadable .attachment__name,action-text-attachment .attachment--file .attachment__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.attachment--file.attachment--linked::before,.attachment--file.attachment--downloadable::before,action-text-attachment .attachment--file::before {
  content: "";
  display: block;
  padding-top: 45%
}

.attachment--file.attachment--linked::after,.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--file::after {
  background: url(/assets/icons/attachments/text-files-3de18e472341038ef43be3e20f8cf04b0c1109dd.svg) center 1.5em/25% no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0
}

:root[data-color-scheme=dark] .attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--file::after {
  background-image: url(/assets/icons/attachments/text-files-reverse-98788575439eabb457f71871aae1336d6bcbeedb.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--file::after {
    background-image:url(/assets/icons/attachments/text-files-reverse-98788575439eabb457f71871aae1336d6bcbeedb.svg)
  }
}

.attachment--jpg.attachment--file.attachment--linked::after,.attachment--jpg.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--jpg.attachment--file::after,.attachment--jpeg.attachment--file.attachment--linked::after,.attachment--jpeg.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--jpeg.attachment--file::after,.attachment--png.attachment--file.attachment--linked::after,.attachment--png.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--png.attachment--file::after,.attachment--gif.attachment--file.attachment--linked::after,.attachment--gif.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--gif.attachment--file::after,.attachment--psd.attachment--file.attachment--linked::after,.attachment--psd.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--psd.attachment--file::after {
  background-image: url(/assets/icons/attachments/images-1346058e4deb3cf94c78df15c941c6b4daa5ad44.svg)
}

:root[data-color-scheme=dark] .attachment--jpg.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--jpg.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--jpg.attachment--file::after,:root[data-color-scheme=dark] .attachment--jpeg.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--jpeg.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--jpeg.attachment--file::after,:root[data-color-scheme=dark] .attachment--png.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--png.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--png.attachment--file::after,:root[data-color-scheme=dark] .attachment--gif.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--gif.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--gif.attachment--file::after,:root[data-color-scheme=dark] .attachment--psd.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--psd.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--psd.attachment--file::after {
  background-image: url(/assets/icons/attachments/images-reverse-6850a029042a6b27a06b764a67098f0ee9b4e1e5.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--jpg.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--jpg.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--jpg.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--jpeg.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--jpeg.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--jpeg.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--png.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--png.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--png.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--gif.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--gif.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--gif.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--psd.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--psd.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--psd.attachment--file::after {
    background-image:url(/assets/icons/attachments/images-reverse-6850a029042a6b27a06b764a67098f0ee9b4e1e5.svg)
  }
}

.attachment--pdf.attachment--file.attachment--linked::after,.attachment--pdf.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--pdf.attachment--file::after {
  background-image: url(/assets/icons/attachments/pdfs-770c85af974ab3abc4c471b97355f85ac8cfa714.svg)
}

:root[data-color-scheme=dark] .attachment--pdf.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--pdf.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--pdf.attachment--file::after {
  background-image: url(/assets/icons/attachments/pdfs-reverse-2044372c8527747c49ea2e5716f9facaace86f1c.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--pdf.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--pdf.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--pdf.attachment--file::after {
    background-image:url(/assets/icons/attachments/pdfs-reverse-2044372c8527747c49ea2e5716f9facaace86f1c.svg)
  }
}

.attachment--doc.attachment--file.attachment--linked::after,.attachment--doc.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--doc.attachment--file::after,.attachment--docx.attachment--file.attachment--linked::after,.attachment--docx.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--docx.attachment--file::after,.attachment--pages.attachment--file.attachment--linked::after,.attachment--pages.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--pages.attachment--file::after,.attachment--txt.attachment--file.attachment--linked::after,.attachment--txt.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--txt.attachment--file::after,.attachment--odt.attachment--file.attachment--linked::after,.attachment--odt.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--odt.attachment--file::after {
  background-image: url(/assets/icons/attachments/documents-8d1a51da3abf991857e52b159b15d5affc3a41ab.svg)
}

:root[data-color-scheme=dark] .attachment--doc.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--doc.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--doc.attachment--file::after,:root[data-color-scheme=dark] .attachment--docx.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--docx.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--docx.attachment--file::after,:root[data-color-scheme=dark] .attachment--pages.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--pages.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--pages.attachment--file::after,:root[data-color-scheme=dark] .attachment--txt.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--txt.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--txt.attachment--file::after,:root[data-color-scheme=dark] .attachment--odt.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--odt.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--odt.attachment--file::after {
  background-image: url(/assets/icons/attachments/documents-reverse-9d480bc8e5a3f4b69c7db263ad01f0099fa97f11.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--doc.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--doc.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--doc.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--docx.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--docx.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--docx.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--pages.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--pages.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--pages.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--txt.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--txt.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--txt.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--odt.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--odt.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--odt.attachment--file::after {
    background-image:url(/assets/icons/attachments/documents-reverse-9d480bc8e5a3f4b69c7db263ad01f0099fa97f11.svg)
  }
}

.attachment--csv.attachment--file.attachment--linked::after,.attachment--csv.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--csv.attachment--file::after,.attachment--xls.attachment--file.attachment--linked::after,.attachment--xls.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--xls.attachment--file::after,.attachment--xlsx.attachment--file.attachment--linked::after,.attachment--xlsx.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--xlsx.attachment--file::after,.attachment--numbers.attachment--file.attachment--linked::after,.attachment--numbers.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--numbers.attachment--file::after,.attachment--ods.attachment--file.attachment--linked::after,.attachment--ods.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--ods.attachment--file::after {
  background-image: url(/assets/icons/attachments/spreadsheets-d281f477d3d6ca37121bc40da31a5c8d52685686.svg)
}

:root[data-color-scheme=dark] .attachment--csv.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--csv.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--csv.attachment--file::after,:root[data-color-scheme=dark] .attachment--xls.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--xls.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--xls.attachment--file::after,:root[data-color-scheme=dark] .attachment--xlsx.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--xlsx.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--xlsx.attachment--file::after,:root[data-color-scheme=dark] .attachment--numbers.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--numbers.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--numbers.attachment--file::after,:root[data-color-scheme=dark] .attachment--ods.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--ods.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--ods.attachment--file::after {
  background-image: url(/assets/icons/attachments/spreadsheets-reverse-b7f87f5a035b9e94e8f2ac9669976de56b33e78c.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--csv.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--csv.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--csv.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--xls.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--xls.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--xls.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--xlsx.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--xlsx.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--xlsx.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--numbers.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--numbers.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--numbers.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--ods.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--ods.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--ods.attachment--file::after {
    background-image:url(/assets/icons/attachments/spreadsheets-reverse-b7f87f5a035b9e94e8f2ac9669976de56b33e78c.svg)
  }
}

.attachment--ppt.attachment--file.attachment--linked::after,.attachment--ppt.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--ppt.attachment--file::after,.attachment--pptx.attachment--file.attachment--linked::after,.attachment--pptx.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--pptx.attachment--file::after,.attachment--keynote.attachment--file.attachment--linked::after,.attachment--keynote.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--keynote.attachment--file::after,.attachment--odp.attachment--file.attachment--linked::after,.attachment--odp.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--odp.attachment--file::after {
  background-image: url(/assets/icons/attachments/presentations-2b1f45a9ba9150899a91fcbf51873af770868b4c.svg)
}

:root[data-color-scheme=dark] .attachment--ppt.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--ppt.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--ppt.attachment--file::after,:root[data-color-scheme=dark] .attachment--pptx.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--pptx.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--pptx.attachment--file::after,:root[data-color-scheme=dark] .attachment--keynote.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--keynote.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--keynote.attachment--file::after,:root[data-color-scheme=dark] .attachment--odp.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--odp.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--odp.attachment--file::after {
  background-image: url(/assets/icons/attachments/presentations-reverse-7001fa33d2c70014e7b41313ddac99ec0e57183e.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--ppt.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--ppt.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--ppt.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--pptx.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--pptx.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--pptx.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--keynote.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--keynote.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--keynote.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--odp.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--odp.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--odp.attachment--file::after {
    background-image:url(/assets/icons/attachments/presentations-reverse-7001fa33d2c70014e7b41313ddac99ec0e57183e.svg)
  }
}

.attachment--mp4.attachment--file.attachment--linked::after,.attachment--mp4.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--mp4.attachment--file::after,.attachment--mov.attachment--file.attachment--linked::after,.attachment--mov.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--mov.attachment--file::after,.attachment--avi.attachment--file.attachment--linked::after,.attachment--avi.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--avi.attachment--file::after,.attachment--mp3.attachment--file.attachment--linked::after,.attachment--mp3.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--mp3.attachment--file::after,.attachment--m4v.attachment--file.attachment--linked::after,.attachment--m4v.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--m4v.attachment--file::after {
  background-image: url(/assets/icons/attachments/media-515be8c6b5bef1ab32b15258158b8d4033d221bc.svg)
}

:root[data-color-scheme=dark] .attachment--mp4.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--mp4.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--mp4.attachment--file::after,:root[data-color-scheme=dark] .attachment--mov.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--mov.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--mov.attachment--file::after,:root[data-color-scheme=dark] .attachment--avi.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--avi.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--avi.attachment--file::after,:root[data-color-scheme=dark] .attachment--mp3.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--mp3.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--mp3.attachment--file::after,:root[data-color-scheme=dark] .attachment--m4v.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--m4v.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--m4v.attachment--file::after {
  background-image: url(/assets/icons/attachments/media-reverse-c78b46f9fca48ade82358962d8db0ed4a924095c.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--mp4.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--mp4.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--mp4.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--mov.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--mov.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--mov.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--avi.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--avi.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--avi.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--mp3.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--mp3.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--mp3.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--m4v.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--m4v.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--m4v.attachment--file::after {
    background-image:url(/assets/icons/attachments/media-reverse-c78b46f9fca48ade82358962d8db0ed4a924095c.svg)
  }
}

.attachment--zip.attachment--file.attachment--linked::after,.attachment--zip.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--zip.attachment--file::after,.attachment--rar.attachment--file.attachment--linked::after,.attachment--rar.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--rar.attachment--file::after {
  background-image: url(/assets/icons/attachments/zip-files-600aa33c437b235b2942799c6505eac53e72d950.svg)
}

:root[data-color-scheme=dark] .attachment--zip.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--zip.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--zip.attachment--file::after,:root[data-color-scheme=dark] .attachment--rar.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--rar.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--rar.attachment--file::after {
  background-image: url(/assets/icons/attachments/zip-files-reverse-df04b40067013c2a3947c15a76cf848be495b82e.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--zip.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--zip.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--zip.attachment--file::after,:root:not([data-color-scheme=light]) .attachment--rar.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--rar.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--rar.attachment--file::after {
    background-image:url(/assets/icons/attachments/zip-files-reverse-df04b40067013c2a3947c15a76cf848be495b82e.svg)
  }
}

.attachment--ics.attachment--file.attachment--linked::after,.attachment--ics.attachment--file.attachment--downloadable::after,action-text-attachment .attachment--ics.attachment--file::after {
  background-image: url(/assets/icons/attachments/calendar-invites-ee74786b3b8d79fae0b6edb76871a6ca1411a281.svg)
}

:root[data-color-scheme=dark] .attachment--ics.attachment--file.attachment--linked::after,:root[data-color-scheme=dark] .attachment--ics.attachment--file.attachment--downloadable::after,:root[data-color-scheme=dark] action-text-attachment .attachment--ics.attachment--file::after {
  background-image: url(/assets/icons/attachments/calendar-invites-reverse-9150369e244719c4c6850335c5e0ee057ed369d3.svg)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .attachment--ics.attachment--file.attachment--linked::after,:root:not([data-color-scheme=light]) .attachment--ics.attachment--file.attachment--downloadable::after,:root:not([data-color-scheme=light]) action-text-attachment .attachment--ics.attachment--file::after {
    background-image:url(/assets/icons/attachments/calendar-invites-reverse-9150369e244719c4c6850335c5e0ee057ed369d3.svg)
  }
}

.attachment__caption {
  color: var(--color--txt);
  margin: .625em 1.25em;
  text-align: center;
  font-weight: 500;
  font-size: .875em;
  line-height: 1.2
}

@media(min-width: 40em) {
  .attachment__caption {
    font-size:.75em;
    line-height: 1.3
  }
}

.attachment__caption .attachment__name,.attachment__caption .attachment__source {
  display: block
}

.attachment__caption .attachment__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.attachment__caption .attachment__source {
  font-weight: normal;
  max-height: 2.6em;
  padding-bottom: .2em;
  overflow-y: hidden
}

.attachment__caption .attachment__size {
  color: var(--color-txt--subtle-on-message-content);
  font-weight: normal
}

.attachment--preview .attachment__caption .attachment__name {
  display: inline;
  white-space: normal
}

.attachment--preview .attachment__caption .attachment__name+.attachment__size::before {
  content: " · "
}

.attachment--file .attachment__caption .attachment__name+.attachment__size::before {
  content: ""
}

.attachment__file-link {
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 4px
}

.attachment-gallery .attachment {
  flex: 1 0 33%;
  margin: 0 0 1em;
  max-width: calc(33% - 10px)
}

.attachment-gallery--2.attachment-gallery .attachment,.attachment-gallery--4.attachment-gallery .attachment {
  flex-basis: 50%;
  max-width: calc(50% - 10px)
}

action-text-attachment {
  display: contents
}

action-text-attachment img {
  display: initial
}

.attachment {
  display: inline-block;
  padding: 0
}

.attachment a,.attachment a:hover,.attachment a:visited:hover {
  color: inherit;
  text-decoration: none
}

.attachment--preview:not(.attachment--remote) {
  width: 100%;
  text-align: center;
  margin: .625em 0
}

.attachment--preview:not(.attachment--remote) img {
  border: 1px solid var(--color-border);
  vertical-align: middle;
  width: auto;
  max-width: calc(100% - 2px);
  max-height: 64rem
}

.attachment--lightboxable img {
  cursor: zoom-in
}

.attachment.attachment--remote {
  display: inline
}

.attachment.attachment--remote .attachment__caption {
  display: none
}

.trix-content>.__body {
  overflow: visible !important;
  height: initial !important;
  min-height: 1rem
}

* {
  transition-duration: 0s !important
}

h1 {
  font-size: 1.3em;
  line-height: 1.2;
  margin: 0 0 .5em
}

ul,ol {
  margin: 0
}

ul li,ol li,li li {
  padding: 0;
  margin: 0
}

pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: .9em;
  margin: 0;
  padding: .5em 2%;
  white-space: pre-wrap;
  background-color: var(--color-bg--surface);
  overflow-x: auto;
  border-radius: 4px;
  box-sizing: border-box
}

a {
  color: var(--color-txt--action-on-message-content)
}

a [style*=color] {
  text-decoration: underline !important;
  text-decoration-color: unset !important
}

table {
  border-color: rgba(0,0,0,0)
}

hr {
  border: 0;
  border-bottom: 1px solid var(--color-border)
}

.email_img {
  width: auto;
  max-width: 99%;
  border: 1px solid var(--color-border)
}

img:not([width]):not([height]) {
  min-width: 1px;
  min-height: 1px
}

div[dir=rtl] {
  line-height: normal
}

blockquote {
  margin: 0;
  padding-block:0;padding-inline-end:0;padding-inline-start:1.5rem;border-inline-start:1px solid var(--color-border)}

.haystack-quote summary {
  list-style: none;
  outline: none;
  cursor: pointer
}

@media print {
  .haystack-quote summary {
    display: none
  }
}

.haystack-quote summary::-webkit-details-marker {
  display: none
}

.haystack-quote summary::before {
  content: "Show quote";
  display: inline-flex;
  border-radius: 1.5rem;
  margin-top: .75rem;
  width: 1.75rem;
  height: 1.75rem;
  background: url(/assets/icons/quote-0794c2a306b353e99f579a6fe8dc3256c2f416ba.svg) center/100% no-repeat;
  overflow: hidden;
  text-indent: -9999rem
}

@media(min-width: 40em) {
  .haystack-quote summary::before {
    width:1.5rem;
    height: 1.5rem
  }
}

.haystack-quote[open]>summary::before {
  margin-bottom: 1rem;
  background-image: url(/assets/icons/quote-open-6cf672b1df20cd2278b3e27bf8f3f51d360b7d8e.svg)
}

:root {
  --rgb-black: 0, 0, 0;
  --rgb-white: 255, 255, 255;
  --rgb-almost-black: 35, 28, 51;
  --rgb-almost-white: 236, 233, 230;
  --rgb-mint: 157, 255, 236;
  --rgb-red: 201, 36, 0;
  --rgb-orange: 248, 121, 23;
  --rgb-gold: 166, 119, 0;
  --rgb-yellow: 255, 214, 10;
  --rgb-green: 41, 152, 80;
  --rgb-teal: 19, 142, 158;
  --rgb-blue: 0, 116, 228;
  --rgb-purple: 85, 34, 250;
  --rgb-pink: 179, 25, 99;
  --rgb-brown: 119, 109, 99;
  --rgb-gray: 116, 116, 128;
  --rgb-medium-gray: 226, 221, 215;
  --rgb-light-gray: 251, 250, 249;
  --rgb-neutral-light-gray: 244, 243, 245;
  --rgb-always-blue: 0, 116, 228;
  --rgb-canary: 255, 245, 202;
  --rgb-yellow-gradient-middle: 255, 245, 205;
  --rgb-peach: 255, 229, 218;
  --rgb-coral: 249, 92, 92;
  --rgb-light-green: 22, 186, 91;
  --rgb-nighttime: 49, 51, 87;
  --rgb-background: var(--rgb-white);
  --rgb-ink: var(--rgb-almost-black);
  --rgb-overlay: var(--rgb-white);
  --color-black: rgb(var(--rgb-black));
  --color-almost-black: rgb(var(--rgb-almost-black));
  --color-primary: rgb(var(--rgb-mint));
  --color-secondary: rgb(var(--rgb-blue));
  --color-tertiary: rgb(var(--rgb-purple));
  --color-positive: rgb(var(--rgb-green));
  --color-negative: rgb(var(--rgb-red));
  --color-coral: rgb(var(--rgb-coral));
  --color-disabled: rgb(var(--rgb-gray));
  --color-always-white: rgb(var(--rgb-white));
  --color-yellow: rgb(var(--rgb-yellow));
  --color-peach: rgb(var(--rgb-peach));
  --color-orange: rgb(var(--rgb-orange));
  --color-bg--main: rgb(var(--rgb-background));
  --color-bg--main-transparent: rgba(var(--rgb-background), 0);
  --color-bg--main-thin: rgba(var(--rgb-background), 0.5);
  --color-bg--main-very-thin: rgba(var(--rgb-background), 0.25);
  --color-bg--main-thick: rgba(var(--rgb-background), 0.95);
  --color-bg--main-reversed: rgb(var(--rgb-ink));
  --color-bg--surface: rgba(var(--rgb-medium-gray), 0.4);
  --color-bg--surface-opaque: rgb(var(--rgb-medium-gray));
  --color-bg--surface-glint: rgba(var(--rgb-medium-gray), 0.15);
  --color-bg--surface-glint-transparent: rgba(var(--rgb-light-gray), 0);
  --color-bg--surface-glint-opaque: rgb(var(--rgb-light-gray));
  --color-bg--surface-glint-thick: rgb(var(--rgb-light-gray), 0.9);
  --color-bg--surface-light: rgba(var(--rgb-ink), 0.05);
  --color-bg--surface-dark: rgba(var(--rgb-ink), 0.33);
  --color-bg--neutral: rgb(var(--rgb-neutral-light-gray));
  --color-bg--positive: rgba(var(--rgb-green), 0.25);
  --color-bg--positive-glint: rgba(var(--rgb-green), 0.15);
  --color-bg--negative: rgb(var(--rgb-red), 0.25);
  --color-bg--negative-glint: rgb(var(--rgb-red), 0.15);
  --color-bg--negative-glint-thin: rgb(var(--rgb-red), 0.05);
  --color-bg--flash-notice: rgba(var(--rgb-ink), 0.65);
  --color-bg--primary: rgba(var(--rgb-mint), 0.15);
  --color-bg--primary-glint: rgba(var(--rgb-mint), 0.05);
  --color-bg--secondary: rgba(var(--rgb-blue), 0.15);
  --color-bg--secondary-glint: rgba(var(--rgb-blue), 0.05);
  --color-bg--secondary-opaque: #E0EAF9;
  --color-bg--secondary-glint-opaque: #F4F8FE;
  --color-bg--tertiary: rgba(var(--rgb-purple), 0.15);
  --color-bg--tertiary-glint: rgba(var(--rgb-purple), 0.05);
  --color-bg--tertiary-opaque: #E5DFFF;
  --color-bg--warning: rgb(var(--rgb-canary));
  --color-bg--warning-opaque: rgb(var(--rgb-canary));
  --color-bg--warning-glint: rgb(var(--rgb-peach));
  --color-bg--warning-glint-opaque: rgb(var(--rgb-peach));
  --color-bg--warning-urgent: rgb(var(--rgb-orange), 0.33);
  --color-bg--collection: rgba(var(--rgb-green), 0.25);
  --color-bg--collection-glint: rgba(var(--rgb-mint), 0.1);
  --color-bg--collection-opaque: #D7EFDE;
  --color-bg--collection-glint-opaque: #F2FDF9;
  --color-bg--world-primary: #8edacd;
  --color-bg--world-secondary: #4c63e1;
  --color-bg--world-tertiary: #6550f0;
  --color-bg--highlight: rgba(var(--rgb-yellow), 0.25);
  --color-bg--overlay: rgb(var(--rgb-overlay));
  --color-bg--overlay-dark: rgb(var(--rgb-almost-black), 0.95);
  --color-bg--receded: rgb(var(--rgb-ink), 0.03);
  --color-bg--receded-on-isolated-content: rgb(var(--rgb-ink), 0.03);
  --color-bg--card: #fff;
  --color-bg--sheet: var(--color-bg--main);
  --color-bg--sheet-transparent: var(--color-bg--main-transparent);
  --color-bg--entry-sheet: var(--color-bg--main);
  --color-bg--message-content: #fff;
  --color-bg--popup: rgba(var(--rgb-ink), 0.25);
  --color-bg--tooltip: rgb(var(--rgb-almost-black));
  --color-bg--go-button: rgba(var(--rgb-ink), 0.2);
  --color-bg--note: rgba(var(--rgb-yellow), 0.35);
  --color-bg--note-glint: rgba(var(--rgb-yellow), 0.15);
  --color-bg--note-opaque: #FFF6C8;
  --color-bg--thread: #FAF9F7;
  --color-bg--note-blend: rgb(var(--rgb-yellow-gradient-middle));
  --color-bg--nighttime: rgb(var(--rgb-nighttime));
  --color-bg--nighttime-glint: rgba(var(--rgb-nighttime), 0.25);
  --color-recycling: rgb(var(--rgb-light-green));
  --color-txt: rgb(var(--rgb-ink));
  --color-txt--reversed: rgb(var(--rgb-background));
  --color-txt--subtle: rgba(var(--rgb-ink), 0.66);
  --color-txt--very-subtle: rgba(var(--rgb-ink), 0.33);
  --color-txt--subtle-reversed: rgba(var(--rgb-background), 0.66);
  --color-txt--action: rgb(var(--rgb-blue));
  --color-txt--placeholder: rgba(var(--rgb-ink), 0.60);
  --color-txt--on-message-content: rgb(var(--rgb-almost-black));
  --color-txt--action-on-message-content: rgb(var(--rgb-always-blue));
  --color-txt--subtle-on-message-content: rgba(var(--rgb-almost-black), 0.66);
  --color-border: rgba(var(--rgb-ink), 0.15);
  --color-border--reversed: rgba(var(--rgb-almost-white), 0.25);
  --color-border--light: rgba(var(--rgb-ink), 0.05);
  --color-border--medium: rgba(var(--rgb-ink), 0.15);
  --color-border--heavy: rgba(var(--rgb-ink), 0.5);
  --color-border--solid: rgb(var(--rgb-ink));
  --color-border--popup: rgba(var(--rgb-black), 0.15);
  --color-shadow: rgba(var(--rgb-medium-gray), 0.5);
  --color-shadow--light: rgba(var(--rgb-medium-gray), 0.3);
  --color-shadow--dark: rgba(var(--rgb-black), 0.1);
  --color-shadow--very-dark: rgba(var(--rgb-black), 0.2);
  --color-focus-ring: #a4d2ff;
  --color-unread: rgb(var(--rgb-orange));
  --color-quote-toggle: #0068c8;
  --color-tertiary--contrast: rgb(var(--rgb-purple));
  --color-collection: rgb(var(--rgb-green));
  --color-workflow: rgb(var(--rgb-coral));
  --calendar-color-red: color-mix(in srgb, rgb(var(--rgb-red)) 75%, rgb(var(--rgb-white)));
  --calendar-color-red-glint: color-mix(in srgb, rgb(var(--rgb-red)) 15%, rgb(var(--rgb-background)));
  --calendar-color-gold: color-mix(in srgb, rgb(var(--rgb-gold)) 80%, rgb(var(--rgb-white)));
  --calendar-color-gold-glint: color-mix(in srgb, rgb(var(--rgb-gold)) 15%, rgb(var(--rgb-background)));
  --calendar-color-green: color-mix(in srgb, rgb(var(--rgb-green)) 80%, rgb(var(--rgb-white)));
  --calendar-color-green-glint: color-mix(in srgb, rgb(var(--rgb-green)) 15%, rgb(var(--rgb-background)));
  --calendar-color-teal: color-mix(in srgb, rgb(var(--rgb-teal)) 80%, rgb(var(--rgb-white)));
  --calendar-color-teal-glint: color-mix(in srgb, rgb(var(--rgb-teal)) 15%, rgb(var(--rgb-background)));
  --calendar-color-blue: color-mix(in srgb, rgb(var(--rgb-blue)) 85%, rgb(var(--rgb-white)));
  --calendar-color-blue-glint: color-mix(in srgb, rgb(var(--rgb-blue)) 15%, rgb(var(--rgb-background)));
  --calendar-color-purple: color-mix(in srgb, rgb(var(--rgb-purple)) 80%, rgb(var(--rgb-white)));
  --calendar-color-purple-glint: color-mix(in srgb, rgb(var(--rgb-purple)) 15%, rgb(var(--rgb-background)));
  --calendar-color-pink: color-mix(in srgb, rgb(var(--rgb-pink)) 70%, rgb(var(--rgb-white)));
  --calendar-color-pink-glint: color-mix(in srgb, rgb(var(--rgb-pink)) 15%, rgb(var(--rgb-background)));
  --calendar-color-brown: color-mix(in srgb, rgb(var(--rgb-brown)) 90%, rgb(var(--rgb-white)));
  --calendar-color-brown-glint: color-mix(in srgb, rgb(var(--rgb-brown)) 15%, rgb(var(--rgb-background)));
  --calendar-color-black: rgb(var(--rgb-ink));
  --calendar-color-black-glint: color-mix(in srgb, rgb(var(--rgb-ink)) 15%, rgb(var(--rgb-background)))
}

:root[data-color-scheme=dark] {
  --rgb-almost-black: 27, 39, 51;
  --rgb-red: 255, 120, 120;
  --rgb-orange: 255, 184, 92;
  --rgb-gold: 249, 213, 122;
  --rgb-yellow: 251, 225, 144;
  --rgb-green: 105, 240, 174;
  --rgb-teal: 157, 255, 236;
  --rgb-blue: 80, 162, 255;
  --rgb-purple: 134, 126, 255;
  --rgb-pink: 242, 136, 187;
  --rgb-brown: 185, 165, 151;
  --rgb-gray: 116, 116, 128;
  --rgb-medium-gray: 51, 60, 71;
  --rgb-light-gray: 39, 50, 62;
  --rgb-neutral-light-gray: 39, 50, 62;
  --rgb-yellow-gradient-middle: 225, 203, 133;
  --rgb-peach: 83, 62, 25;
  --rgb-coral: 222, 137, 131;
  --rgb-light-green: 115, 240, 105;
  --rgb-background: var(--rgb-almost-black);
  --rgb-ink: var(--rgb-almost-white);
  --rgb-overlay: 32, 44, 56
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) {
    --rgb-almost-black: 27, 39, 51;
    --rgb-red: 255, 120, 120;
    --rgb-orange: 255, 184, 92;
    --rgb-gold: 249, 213, 122;
    --rgb-yellow: 251, 225, 144;
    --rgb-green: 105, 240, 174;
    --rgb-teal: 157, 255, 236;
    --rgb-blue: 80, 162, 255;
    --rgb-purple: 134, 126, 255;
    --rgb-pink: 242, 136, 187;
    --rgb-brown: 185, 165, 151;
    --rgb-gray: 116, 116, 128;
    --rgb-medium-gray: 51, 60, 71;
    --rgb-light-gray: 39, 50, 62;
    --rgb-neutral-light-gray: 39, 50, 62;
    --rgb-yellow-gradient-middle: 225, 203, 133;
    --rgb-peach: 83, 62, 25;
    --rgb-coral: 222, 137, 131;
    --rgb-light-green: 115, 240, 105;
    --rgb-background: var(--rgb-almost-black);
    --rgb-ink: var(--rgb-almost-white);
    --rgb-overlay: 32, 44, 56
  }
}

:root[data-color-scheme=dark] {
  --color-bg--surface: rgba(var(--rgb-gray), 0.2);
  --color-bg--surface-glint: rgba(var(--rgb-gray), 0.10);
  --color-bg--positive: rgba(var(--rgb-green), 0.18);
  --color-bg--positive-glint: rgba(var(--rgb-green), 0.10);
  --color-bg--warning: rgba(var(--rgb-peach), 0.15);
  --color-bg--warning-opaque: rgb(60, 58, 61);
  --color-bg--warning-glint: rgba(var(--rgb-peach), 0.1);
  --color-bg--warning-glint-opaque: rgb(51, 52, 59);
  --color-bg--secondary-opaque: #28394F;
  --color-bg--secondary-glint-opaque: #223040;
  --color-bg--tertiary-opaque: #343D5A;
  --color-bg--collection: rgba(var(--rgb-green), 0.3);
  --color-bg--collection-glint: rgba(var(--rgb-mint), 0.2);
  --color-bg--collection-opaque: #486A61;
  --color-bg--collection-glint-opaque: #455A60;
  --color-bg--world-primary: #315b41;
  --color-bg--world-secondary: #182b93;
  --color-bg--world-tertiary: #544b93;
  --color-bg--note: rgba(var(--rgb-yellow));
  --color-bg--note-glint: rgba(var(--rgb-yellow), 0.8);
  --color-bg--negative: rgb(var(--rgb-red), 0.5);
  --color-bg--negative-glint: rgb(var(--rgb-red), 0.3);
  --color-bg--receded: rgba(var(--rgb-black), 0.15);
  --color-bg--receded-on-isolated-content: rgba(var(--rgb-black), 0.03);
  --color-bg--card: rgb(var(--rgb-overlay));
  --color-bg--sheet: var(--color-bg--surface-glint-opaque);
  --color-bg--sheet-transparent: rgba(var(--rgb-light-gray), 0);
  --color-bg--entry-sheet: var(--color-bg--surface-glint-opaque);
  --color-bg--thread: var(--color-shadow);
  --color-bg--highlight: rgba(var(--rgb-yellow), 0.85);
  --color-bg--tooltip: rgb(var(--rgb-gray));
  --color-shadow: rgba(var(--rgb-black), 0.15);
  --color-shadow--light: rgba(var(--rgb-black), 0.12);
  --color-shadow--dark: rgba(var(--rgb-black), 0.25);
  --color-shadow--very-dark: rgba(var(--rgb-black), 0.33);
  --color-tertiary--contrast: rgb(108, 67, 246);
  --color-bg--flash-notice: rgba(var(--rgb-white), 0.65)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) {
    --color-bg--surface: rgba(var(--rgb-gray), 0.2);
    --color-bg--surface-glint: rgba(var(--rgb-gray), 0.10);
    --color-bg--positive: rgba(var(--rgb-green), 0.18);
    --color-bg--positive-glint: rgba(var(--rgb-green), 0.10);
    --color-bg--warning: rgba(var(--rgb-peach), 0.15);
    --color-bg--warning-opaque: rgb(60, 58, 61);
    --color-bg--warning-glint: rgba(var(--rgb-peach), 0.1);
    --color-bg--warning-glint-opaque: rgb(51, 52, 59);
    --color-bg--secondary-opaque: #28394F;
    --color-bg--secondary-glint-opaque: #223040;
    --color-bg--tertiary-opaque: #343D5A;
    --color-bg--collection: rgba(var(--rgb-green), 0.3);
    --color-bg--collection-glint: rgba(var(--rgb-mint), 0.2);
    --color-bg--collection-opaque: #486A61;
    --color-bg--collection-glint-opaque: #455A60;
    --color-bg--world-primary: #315b41;
    --color-bg--world-secondary: #182b93;
    --color-bg--world-tertiary: #544b93;
    --color-bg--note: rgba(var(--rgb-yellow));
    --color-bg--note-glint: rgba(var(--rgb-yellow), 0.8);
    --color-bg--negative: rgb(var(--rgb-red), 0.5);
    --color-bg--negative-glint: rgb(var(--rgb-red), 0.3);
    --color-bg--receded: rgba(var(--rgb-black), 0.15);
    --color-bg--receded-on-isolated-content: rgba(var(--rgb-black), 0.03);
    --color-bg--card: rgb(var(--rgb-overlay));
    --color-bg--sheet: var(--color-bg--surface-glint-opaque);
    --color-bg--sheet-transparent: rgba(var(--rgb-light-gray), 0);
    --color-bg--entry-sheet: var(--color-bg--surface-glint-opaque);
    --color-bg--thread: var(--color-shadow);
    --color-bg--highlight: rgba(var(--rgb-yellow), 0.85);
    --color-bg--tooltip: rgb(var(--rgb-gray));
    --color-shadow: rgba(var(--rgb-black), 0.15);
    --color-shadow--light: rgba(var(--rgb-black), 0.12);
    --color-shadow--dark: rgba(var(--rgb-black), 0.25);
    --color-shadow--very-dark: rgba(var(--rgb-black), 0.33);
    --color-tertiary--contrast: rgb(108, 67, 246);
    --color-bg--flash-notice: rgba(var(--rgb-white), 0.65)
  }
}

.colorize-subtle,.colorize-before-subtle::before,.colorize-after-subtle::after {
  filter: invert(69%) sepia(11%) saturate(204%) hue-rotate(169deg) brightness(84%) contrast(86%)
}

:root[data-color-scheme=dark] .colorize-subtle,:root[data-color-scheme=dark] .colorize-before-subtle::before,:root[data-color-scheme=dark] .colorize-after-subtle::after {
  filter: invert(84%) sepia(8%) saturate(103%) hue-rotate(161deg) brightness(86%) contrast(77%)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .colorize-subtle,:root:not([data-color-scheme=light]) .colorize-before-subtle::before,:root:not([data-color-scheme=light]) .colorize-after-subtle::after {
    filter:invert(84%) sepia(8%) saturate(103%) hue-rotate(161deg) brightness(86%) contrast(77%)
  }
}

:root[data-color-scheme=dark] .trix-content [style*="136, 118, 38"] {
  color: #faf785 !important
}

:root[data-color-scheme=dark] .trix-content [style*="185, 94, 6"] {
  color: #f8be6c !important
}

:root[data-color-scheme=dark] .trix-content [style*="207, 0, 0"] {
  color: #fa7b7b !important
}

:root[data-color-scheme=dark] .trix-content [style*="216, 28, 170"] {
  color: #fab7e6 !important
}

:root[data-color-scheme=dark] .trix-content [style*="144, 19, 254"] {
  color: #cebcfc !important
}

:root[data-color-scheme=dark] .trix-content [style*="5, 98, 185"] {
  color: #97cafa !important
}

:root[data-color-scheme=dark] .trix-content [style*="17, 138, 15"] {
  color: #b9f7b3 !important
}

:root[data-color-scheme=dark] .trix-content [style*="148, 82, 22"] {
  color: #e0be9d !important
}

:root[data-color-scheme=dark] .trix-content [style*="102, 102, 102"] {
  color: #b9b9b9 !important
}

:root[data-color-scheme=dark] .trix-content [style*="250, 247, 133"] {
  background-color: #9b7d44 !important
}

:root[data-color-scheme=dark] .trix-content [style*="255, 240, 219"] {
  background-color: #993200 !important
}

:root[data-color-scheme=dark] .trix-content [style*="255, 229, 229"] {
  background-color: #6a2217 !important
}

:root[data-color-scheme=dark] .trix-content [style*="255, 228, 247"] {
  background-color: #7c3240 !important
}

:root[data-color-scheme=dark] .trix-content [style*="242, 237, 255"] {
  background-color: #725ead !important
}

:root[data-color-scheme=dark] .trix-content [style*="225, 239, 252"] {
  background-color: #204166 !important
}

:root[data-color-scheme=dark] .trix-content [style*="228, 248, 226"] {
  background-color: #175331 !important
}

:root[data-color-scheme=dark] .trix-content [style*="238, 226, 215"] {
  background-color: #473732 !important
}

:root[data-color-scheme=dark] .trix-content [style*="242, 242, 242"] {
  background-color: #4d4d4d !important
}

:root[data-color-scheme=dark] .trix-content [style*=background-color] {
  color: var(--color-txt)
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .trix-content [style*="136, 118, 38"] {
    color:#faf785 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="185, 94, 6"] {
    color: #f8be6c !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="207, 0, 0"] {
    color: #fa7b7b !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="216, 28, 170"] {
    color: #fab7e6 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="144, 19, 254"] {
    color: #cebcfc !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="5, 98, 185"] {
    color: #97cafa !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="17, 138, 15"] {
    color: #b9f7b3 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="148, 82, 22"] {
    color: #e0be9d !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="102, 102, 102"] {
    color: #b9b9b9 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="250, 247, 133"] {
    background-color: #9b7d44 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="255, 240, 219"] {
    background-color: #993200 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="255, 229, 229"] {
    background-color: #6a2217 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="255, 228, 247"] {
    background-color: #7c3240 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="242, 237, 255"] {
    background-color: #725ead !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="225, 239, 252"] {
    background-color: #204166 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="228, 248, 226"] {
    background-color: #175331 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="238, 226, 215"] {
    background-color: #473732 !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*="242, 242, 242"] {
    background-color: #4d4d4d !important
  }

  :root:not([data-color-scheme=light]) .trix-content [style*=background-color] {
    color: var(--color-txt)
  }
}

:root {
  --content-width: 98rem;
  --body-padding: 6.4rem;
  --page-padding: 1.6rem;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-size-base: 11px;
  --font-size-xx-small: 1.1rem;
  --font-size-x-small: 1.2rem;
  --font-size-small: 1.4rem;
  --font-size-medium: 1.6rem;
  --font-size-large: 1.8rem;
  --font-size-x-large: 2.4rem;
  --font-size-xx-large: 3.4rem;
  --base-space: 1.25em;
  --half-space: calc(var(--base-space) / 2);
  --quarter-space: calc(var(--base-space) / 4);
  --double-space: calc(var(--base-space) * 2)
}

@media(min-width: 60em) {
  :root {
    --font-size-xx-small: 1.2rem;
    --font-size-x-small: 1.4rem;
    --font-size-small: 1.6rem;
    --font-size-medium: 1.8rem;
    --font-size-large: 2rem;
    --font-size-x-large: 2.8rem;
    --font-size-xx-large: 4rem
  }
}

*,*::before,*::after {
  box-sizing: border-box
}

html,body {
  margin: 0
}

html {
  background: var(--color-bg--main);
  color: var(--color-txt);
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: 1.4;
  -webkit-text-size-adjust: 100%
}

body {
  font-size: var(--font-size-medium);
  padding: 0 0 var(--body-padding);
  margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
}

figure {
  display: inherit;
  margin: 0
}

h6,h5,h4,h3,h2,h1,.hdg {
  font-weight: bold;
  line-height: 1
}

h6,.hdg--x-small {
  font-size: var(--font-size-x-small)
}

h5,.hdg--x-small {
  font-size: var(--font-size-small)
}

h4,.hdg--x-small {
  font-size: var(--font-size-medium)
}

h3,.hdg--large {
  font-size: var(--font-size-large)
}

h2,.hdg--x-large {
  font-size: var(--font-size-x-large)
}

h1,.hdg--xx-large {
  font-size: var(--font-size-xx-large)
}

.txt--xx-small {
  font-size: var(--font-size-xx-small)
}

.txt--x-small {
  font-size: var(--font-size-x-small)
}

.txt--small {
  font-size: var(--font-size-small)
}

.txt--medium {
  font-size: var(--font-size-medium)
}

.txt--large {
  font-size: var(--font-size-large)
}

.txt--x-large {
  font-size: var(--font-size-x-large)
}

.txt--xx-large {
  font-size: var(--font-size-xx-large)
}

.txt--bold {
  font-weight: bold
}

.txt--normal {
  font-weight: normal
}

.txt--subtle {
  color: var(--color-txt--subtle)
}

.txt--uppercase {
  text-transform: uppercase
}

.txt--spread {
  letter-spacing: .25rem
}

.u-nowrap {
  white-space: nowrap
}

.txt--break-words {
  word-wrap: break-word
}

a {
  color: var(--color-txt--action);
  word-wrap: break-word
}

.permalink {
  color: inherit
}

.decorated {
  color: var(--color-txt--action);
  text-decoration: underline
}

.undecorated {
  color: inherit;
  text-decoration: none
}

.border--top {
  border-top: 1px solid var(--color-border--light)
}

.border--bottom {
  border-bottom: 1px solid var(--color-border--light)
}

.i-flex {
  display: inline-flex !important
}

.flex {
  display: flex
}

.flex--column {
  display: flex;
  flex-direction: column
}

.flex--centered {
  justify-content: center
}

.flex--align-center {
  display: flex;
  align-items: center
}

.flex-item--grow {
  flex-grow: 1
}

.align--center {
  text-align: center
}

@media(min-width: 40em) {
  .align--center\@medium {
    text-align:center
  }
}

.push {
  margin: var(--base-space) !important
}

.push--top {
  margin-top: var(--base-space) !important
}

.push--bottom {
  margin-bottom: var(--base-space) !important
}

.push--ends {
  margin-top: var(--base-space) !important;
  margin-bottom: var(--base-space) !important
}

.push_half {
  margin: var(--half-space) !important
}

.push_half--top {
  margin-top: var(--half-space) !important
}

.push_half--bottom {
  margin-bottom: var(--half-space) !important
}

.push_half--ends {
  margin-top: var(--half-space) !important;
  margin-bottom: var(--half-space) !important
}

.push_quarter {
  margin: var(--quarter-space) !important
}

.push_quarter--top {
  margin-top: var(--quarter-space) !important
}

.push_quarter--bottom {
  margin-bottom: var(--quarter-space) !important
}

.push_quarter--ends {
  margin-top: var(--quarter-space) !important;
  margin-bottom: var(--quarter-space) !important
}

.push_double {
  margin: var(--double-space) !important
}

.push_double--top {
  margin-top: var(--double-space) !important
}

.push_double--bottom {
  margin-bottom: var(--double-space) !important
}

.push_double--ends {
  margin-top: var(--double-space) !important;
  margin-bottom: var(--double-space) !important
}

.pad_half--bottom {
  padding-bottom: var(--half-space) !important
}

.pad_half--top {
  padding-top: var(--half-space) !important
}

.flush {
  margin: 0 !important
}

.flush--top {
  margin-top: 0 !important
}

.flush--bottom {
  margin-bottom: 0 !important
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.btn {
  display: inline-block;
  margin: 0;
  padding: .3em .8em;
  font-weight: 500;
  text-decoration: none;
  border-radius: 3rem;
  white-space: nowrap;
  background-color: rgba(0,0,0,0);
  color: var(--color-txt);
  border: 1px solid var(--color-border--solid)
}

.btn:hover {
  cursor: pointer
}

.btn:active {
  box-shadow: none
}

.btn--plain {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  border-radius: 0
}

.btn--plain:hover {
  cursor: pointer
}

.btn--subtle {
  color: var(--color-txt--subtle);
  border: 1px solid var(--color-border)
}

.input {
  max-width: 100%;
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--color-border);
  border-radius: .6rem;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box
}

.input::-webkit-input-placeholder {
  color: var(--color-txt--placeholder)
}

.input::-moz-placeholder {
  color: var(--color-txt--placeholder)
}

.input:-ms-input-placeholder {
  color: var(--color-txt--placeholder)
}

.input::placeholder {
  color: var(--color-txt--placeholder)
}

.input--full-width {
  display: block;
  width: 100%
}

.input--borderless {
  border-color: rgba(0,0,0,0)
}

.input--borderless:focus {
  outline: none;
  box-shadow: none
}

.page {
  width: 100%;
  max-width: var(--content-width);
  min-height: calc(100vh - var(--body-padding) - var(--page-padding)*2);
  padding: var(--page-padding);
  margin: 0 auto;
  position: relative
}

@media(min-width: 40em) {
  .page--medium\@medium .page__content {
    max-width:64rem
  }
}

.page__content {
  max-width: var(--content-width);
  margin: 0 auto
}

.avatar {
  width: 2.625em;
  height: 2.625em;
  border-radius: 100%;
  z-index: 1;
  display: block;
  position: relative;
  color: rgba(0,0,0,0);
  background-color: var(--color-bg--surface-glint-opaque)
}

.avatar--small {
  width: 2.25em;
  height: 2.25em
}

.bio a {
  color: inherit
}

.card {
  border: 1px solid var(--color-border);
  border-radius: .2em;
  color: var(--color-txt) !important;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  background-color: rgb(27, 39, 51);
  border-color: rgba(236, 233, 230, 0.3);
}

@media(min-width: 40em) {
  .card {
    padding: 2em;
  }
}

:root[data-color-scheme=dark] .card {
  color: var(--color-txt) !important;
  background-color: rgb(27, 39, 51);
}

@media(prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .card {
    color: var(--color-txt) !important;
    background-color: rgb(27, 39, 51);
  }
}

:root[data-color-scheme=light] .card {
  color: var(--color-txt) !important;
  background-color: rgb(27, 39, 51);
}

@media(prefers-color-scheme: light) {
  :root:not([data-color-scheme=dark]) .card {
    color: var(--color-txt) !important;
    background-color: rgb(27, 39, 51);
  }
}

.card--list {
  min-height: 10em;
  padding-bottom: 4em;
  overflow: hidden;
  position: relative
}

@media(min-width: 40em) {
  .card--list {
    padding-bottom:5em
  }
}

.card--subscribe {
  margin: 0 auto;
  overflow: initial;
  transform: rotate(-1deg)
}

@media(min-width: 40em) {
  .card--subscribe {
    max-width:45rem
  }
}

.card__more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 1.5em;
  background: rgb(27, 39, 51);
  z-index: 0;
}

.card__more .btn {
  color: rgb(236, 233, 230) !important;
  border-color: rgba(236, 233, 230, 0.15);
}

.card__more .btn:hover {
  color: rgb(255, 255, 255) !important;
  border-color: rgba(236, 233, 230, 0.3);
}

@media(min-width: 40em) {
  .card__more {
    padding: 1.75em;
  }
}

.card__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999px;
  z-index: 1
}

.card__date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  column-gap: .3ch
}

.subscription {
  position: relative;
  padding-top: var(--base-space)
}

.subscription::before {
  content: " ";
  width: 12rem;
  border-top: 1px solid rgba(236, 233, 230, 0.3);
  top: 0;
  margin: 0 -6rem;
  position: absolute
}

.subscribe {
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto
}

.subscribe__email {
  padding: .65em 1em;
  margin: 0;
  background: var(--color-bg--main);
  border: 1px solid var(--color-border);
  border-right-color: rgba(0,0,0,0);
  border-radius: 1.5em 0 0 1.5em
}

.subscribe__email:focus {
  border: 1px solid rgba(var(--rgb-blue), 0.6);
  outline: none
}

.subscribe__submit {
  padding: .5em 1em;
  background: var(--color-bg--surface);
  border: 1px solid var(--color-border);
  border-left-color: rgba(0,0,0,0);
  border-radius: 0 1.5em 1.5em 0
}

.subscribe__submit:focus {
  background: rgba(var(--rgb-blue), 0.1);
  border: 1px solid rgba(var(--rgb-blue), 0.6);
  outline: none
}

.attachment {
  position: relative
}

.attachment--preview:not(.attachment--remote) img {
  border: 0
}

.attachment--lightboxable:not(.attachment--pdf) img:hover {
  cursor: pointer
}

.trix-content h1 {
  font-size: 1.4em
}

.trix-content img {
  max-width: 100%
}

.trix-content img[width] {
  width: auto;
  display: block;
  margin: auto
}

.trix-content img[width][height] {
  height: auto
}

.marquee {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1rem;
  overflow: hidden;
  box-sizing: border-box
}

.marquee span {
  display: inline-block;
  width: max-content;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 20s linear infinite
}

.marquee span:hover,.blink:hover {
  animation-play-state: paused
}

.blink {
  animation: blinking 1s linear infinite
}

@keyframes blinking {
  0% {
    visibility: hidden
  }

  50% {
    visibility: hidden
  }

  100% {
    visibility: visible
  }
}

@keyframes marquee {
  0% {
    transform: translate(0, 0)
  }

  100% {
    transform: translate(-100%, 0)
  }
}

@media(prefers-reduced-motion: reduce) {
  .marquee span,.blink {
    animation-iteration-count: 1;
    animation-duration: .01;
    width: auto;
    padding-left: 0
  }
}