Skip to content
ao3skinsss edited this page Oct 1, 2026 · 1 revision
#inner,
#outer .wrapper,
#outer #main .wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#outer #main .wrapper {
  display: flow-root !important;
  margin-bottom: 0 !important;
}

a,
a:link,
a:visited {
  text-decoration: none;
  border-bottom: none;
}

#outer a.tag,
#outer li.relationships a,
#outer #main abbr {
  border: none;
  text-decoration: none;
  background: none;
}

#header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
}

#header .logo,
#header img.logo {
  display: none;
}

#header .heading {
  order: 2;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#header #greeting,
#header #login {
  order: 0;
  flex: 1 1 100%;
  float: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  position: relative;
  z-index: 20;
}

#header .user {
  padding: 0;
}

#greeting p.icon {
  order: 2;
  float: none;
  padding: 0 0 0 0.4em;
}

#header > nav:last-of-type {
  order: 3;
  flex: 1 1 100%;
  position: relative;
  z-index: 10;
}

#header .primary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: none;
  width: auto;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
  border: none;
}

#header .primary > li,
#header .primary > li:first-of-type {
  float: none;
  margin: 0.25em;
}

#header .search {
  float: none;
}

#header .search .tip {
  display: none;
}

#header .menu,
#header .dropdown .menu,
#header #greeting .menu {
  background-image: none;
  text-align: left;
}

#header .dropdown .menu {
  top: auto;
}

#header .dropdown .menu:before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -14px;
  height: 14px;
  background: transparent;
}

#header .dropdown:focus-within .menu {
  display: block;
}

#header .menu li {
  border: none;
}

#header #greeting .user > li > a,
#header .primary .dropdown > a {
  position: relative;
  display: block;
}

#main {
  max-width: 62em;
  margin: 0 auto;
}

#outer #main .navigation.actions,
#outer #main ul.user.navigation.actions {
  float: none;
  text-align: center;
}

#outer #main ol.pagination {
  text-align: center;
}

#outer #main ol.pagination li {
  display: inline-block;
  padding: 0;
}

#outer #main li.blurb {
  display: flow-root;
  position: relative;
  overflow: visible;
}

#outer #main li.blurb:after {
  visibility: visible;
  font-size: inherit;
  height: auto;
}

#outer #main li.blurb .header {
  display: flex;
  flex-direction: column;
  position: static;
  min-height: 0;
  margin: 0;
}

#outer #main li.blurb .header .heading,
#outer #main li.blurb .header ul,
#outer #main li.blurb h5.fandoms {
  margin: 0;
  padding: 0;
}

#outer #main .blurb ul.required-tags {
  position: static;
  display: flex;
  flex-wrap: wrap;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  padding: 0;
  list-style: none;
}

#outer #main .blurb ul.required-tags li,
#outer #main .blurb ul.required-tags li + li + li,
#outer #main .blurb ul.required-tags li + li + li + li {
  position: static;
  display: block;
  float: none;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

#outer #main .blurb ul.required-tags li > a {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  overflow: visible;
}

#outer #main .blurb ul.required-tags li > a > span {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  text-align: center;
  overflow: visible;
}

#outer #main .blurb ul.required-tags li > a > span:before,
#outer #main .blurb ul.required-tags li > a > span:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
}

#outer #main .blurb ul.required-tags li > a > span > span.text {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  border: none;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: 0;
  visibility: visible;
}

#outer #main .blurb ul.required-tags li > a > span > span.text:before {
  display: block;
  white-space: normal;
}

#outer #main .blurb ul.required-tags .rating-general-audience > span.text:before {
  content: "general";
}

#outer #main .blurb ul.required-tags .rating-teen > span.text:before {
  content: "teen";
}

#outer #main .blurb ul.required-tags .rating-mature > span.text:before {
  content: "mature";
}

#outer #main .blurb ul.required-tags .rating-explicit > span.text:before {
  content: "explicit";
}

#outer #main .blurb ul.required-tags .rating-notrated > span.text:before {
  content: "not rated";
}

#outer #main .blurb ul.required-tags .warning-no > span.text:before {
  content: "no warnings";
}

#outer #main .blurb ul.required-tags .warning-yes > span.text:before {
  content: "warnings";
}

#outer #main .blurb ul.required-tags .warning-choosenotto > span.text:before {
  content: "not warned";
}

#outer #main .blurb ul.required-tags .category-gen > span.text:before {
  content: "gen";
}

#outer #main .blurb ul.required-tags .category-het > span.text:before {
  content: "f/m";
}

#outer #main .blurb ul.required-tags .category-slash > span.text:before {
  content: "m/m";
}

#outer #main .blurb ul.required-tags .category-femslash > span.text:before {
  content: "f/f";
}

#outer #main .blurb ul.required-tags .category-multi > span.text:before {
  content: "multi";
}

#outer #main .blurb ul.required-tags .category-other > span.text:before {
  content: "other";
}

#outer #main .blurb ul.required-tags .category-none > span.text:before {
  content: "none";
}

#outer #main .blurb ul.required-tags .complete-yes > span.text:before {
  content: "complete";
}

#outer #main .blurb ul.required-tags .complete-no > span.text:before {
  content: "wip";
}

#outer #main .blurb ul.required-tags .external-work > span.text:before {
  content: "external";
}

#outer #main .blurb p.datetime {
  position: static;
}

#outer #main .blurb ul.tags {
  padding: 0;
}

#outer #main .blurb ul.tags li {
  display: inline-block;
  padding: 0;
}

#outer #main .blurb ul.tags li:after,
#outer #main .blurb ul.commas li:after {
  content: none;
}

#outer #main .blurb blockquote.summary,
#outer #main .blurb blockquote.summary p {
  text-align: left;
}

#outer #main .blurb dl.stats {
  float: none;
  clear: both;
}

#outer #main dl.stats {
  white-space: nowrap;
}

#outer #main dl.stats dd {
  white-space: normal;
}

#outer #main dl.stats dt,
#outer #main dl.stats dd {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
}

#outer #main dl.stats dd:after {
  content: " ";
}

#outer #main li.blurb ul.actions,
#outer #main li.blurb .actions {
  position: static;
  float: none;
  clear: both;
}

#outer #main ul.work.navigation.actions {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

#outer #main ul.work.navigation.actions li {
  padding: 0;
}

#outer #main ul.work.navigation.actions .hidden,
#outer #main #chapter_index.hidden,
#outer #main a.hidden,
#outer #main .actions a.hidden,
#outer #main li.hidden:not(.narrow-shown) {
  display: none !important;
}

#outer #main dl.work.meta {
  display: grid;
  grid-template-columns: auto 1fr;
  float: none;
  box-sizing: border-box;
  overflow: visible;
}

#outer #main dl.work.meta > dt {
  grid-column: 1;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}

#outer #main dl.work.meta > dd {
  grid-column: 2;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
  overflow-wrap: break-word;
}

#outer #main dl.work.meta dd ul,
#outer #main dl.work.meta dd li {
  display: inline;
  margin: 0;
  padding: 0;
}

#outer #main dl.work.meta dl.stats {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

#workskin {
  box-sizing: border-box;
}

#workskin .preface,
#workskin .chapter .preface {
  border: none;
  background: transparent;
}

#workskin .preface h3,
#workskin .chapter .preface h3,
#outer #main .notes h3.heading,
#outer #main .summary h3.heading {
  border: none;
}

#outer #main .notes blockquote,
#outer #main .summary blockquote {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-style: normal;
}

#outer #main #feedback .actions,
#outer #main .feedback .actions {
  float: none;
  text-align: center;
}

#outer #main #kudos a {
  border: none;
  text-decoration: none;
}

#outer #main .post.comment,
#outer #main #add_comment fieldset {
  background: transparent;
  border: none;
  box-shadow: none;
}

#outer #main #add_comment textarea,
#outer #main textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

#outer #main #add_comment .footnote {
  float: none;
  text-align: left;
}

#outer #main #add_comment p.submit {
  text-align: right;
}

#outer #main ol.thread,
#outer #main .thread li {
  background: transparent;
  border: none;
  box-shadow: none;
}

#outer #main li.comment {
  position: relative;
  overflow: hidden;
}

#outer #main li.comment div.icon {
  position: absolute;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

#outer #main li.comment .icon img,
#outer #main li.comment .icon a {
  position: static;
  display: block;
  border: none;
}

#outer #main li.comment blockquote.userstuff {
  border: none;
  background: transparent;
  font-style: normal;
}

#outer #main li.comment ul.actions {
  float: none;
  text-align: right;
}

#footer {
  position: relative;
  float: none;
  box-sizing: border-box;
  width: 100%;
  border: none;
}

#footer ul.navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  float: none;
  width: auto;
  margin: 0 auto;
  max-width: 64em;
}

#footer .module,
#footer li.module {
  float: none;
  flex: 1 1 10em;
  max-width: none;
  width: auto;
  margin: 0 1em 2em;
}

#footer .heading {
  word-break: normal;
  overflow-wrap: normal;
}

#footer a,
#footer button {
  background: none;
  background-image: none;
  border: none;
  box-shadow: none;
  padding: 0;
  text-decoration: none;
}

#footer li {
  background: transparent;
  border: none;
}

#footer .menu li form.button_to,
#footer ul li form.button_to {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

#footer li button,
#footer li input[type="submit"] {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 2 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

#outer #main .actions a,
#outer #main .actions button,
#outer #main .actions input[type="submit"],
#outer #main .action,
#outer #main button,
#outer #main input[type="submit"],
#outer #main input[type="button"],
#outer #main input[type="reset"],
#outer #main .actions label,
#outer #main .button,
#outer #main .actions span.current,
#outer #main .actions .current {
  -webkit-appearance: none;
  appearance: none;
  height: auto;
  background-image: none;
  text-shadow: none;
  cursor: pointer;
}

#outer #main .actions span.current,
#outer #main .actions .current {
  cursor: default;
}

#outer #main .actions label {
  display: inline-block;
  line-height: 1.3;
}

#outer #main li.hidden:not(.narrow-shown),
#outer .actions a.hidden,
#outer a.hidden,
#outer #main .action.hidden,
#outer #main [style*="display: none"],
#outer #main [style*="display:none"],
#outer #main input[type="hidden"],
#outer .LV_validation_message,
#outer #main .LV_validation_message,
#outer .LV_valid,
#outer .LV_validation_message.LV_valid,
#outer .LV_validation_message:empty,
#outer #main .indicator,
#outer #main .filters .indicator,
#outer #main p.muted.notice,
#outer #main .skins .icon,
#outer #main li.skin .icon,
#outer #main .skins p.icon {
  display: none !important;
}

#outer .LV_validation_message.LV_invalid,
#outer #main .LV_validation_message.LV_invalid {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

#outer .LV_validation_message:before,
#outer .LV_validation_message:after {
  display: none !important;
  content: none !important;
}

#outer #main .flash:empty {
  display: none;
}

#outer #header h2.collections {
  order: 4;
  flex: 1 1 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0.8em 0 0;
}

#header #login,
#header #login.dropdown {
  background: transparent;
  background-image: none;
  box-shadow: none;
}

#header #login p.user {
  margin: 0;
  padding: 0;
  background: transparent;
}

#header #small_login {
  position: absolute;
  top: 100%;
  right: 0.6em;
  left: auto;
  z-index: 60;
  width: 18em;
  margin-top: 0.5em;
  padding: 0.9em 1em;
  background-image: none;
  text-align: left;
}

#header #small_login form {
  margin-top: 0;
}

#header #small_login dl {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

#header #small_login dt,
#header #small_login dd {
  float: none;
  width: auto;
  margin: 0;
  padding: 0.3em 0 0;
  border: none;
}

#header #small_login input[type="text"],
#header #small_login input[type="password"] {
  box-sizing: border-box;
  width: 100%;
}

#header #small_login p.submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  float: none;
  padding: 0.8em 0 0;
}

#header #small_login label.action {
  display: inline-flex;
  align-items: center;
  background: none;
  background-image: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

#header #small_login .footnote {
  float: none;
  padding: 0.6em 0 0;
}

#header #small_login .footnote li {
  float: none;
  display: inline-block;
  margin-right: 0.8em;
}

#header #small_login .footnote a {
  padding: 0;
  border: none;
  background: none;
}

#outer #admin-banner,
#outer .announcement {
  position: relative;
  box-sizing: border-box;
  width: 92%;
  max-width: 58em;
  margin: 1.2em auto;
  padding: 1em 3.2em 1em 1.4em;
}

#outer #admin-banner .userstuff {
  margin: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
}

#outer #admin-banner .userstuff p {
  margin: 0;
}

#outer #admin-banner p.submit {
  position: absolute;
  top: 0.5em;
  right: 0.6em;
  margin: 0;
  padding: 0;
}

#outer #admin-banner .showme.action,
#outer #admin-banner input.showme {
  width: 2em;
  height: 2em;
  margin: 0;
  padding: 0;
  background-image: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  line-height: 2em;
  cursor: pointer;
}

#outer #inner {
  display: flow-root;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
}

#outer #main.dashboard:not(.filtered) {
  display: flow-root;
}

#outer #dashboard,
#dashboard {
  background-image: none !important;
  box-sizing: border-box !important;
}

#outer #dashboard:before,
#outer #dashboard:after,
#dashboard:before,
#dashboard:after {
  display: none !important;
  content: none !important;
}

#outer #dashboard .landmark,
#dashboard > h4.landmark.heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

#outer #dashboard ul,
#dashboard ul {
  margin: 0.5em 0 0 !important;
  padding: 0.5em 0 0 !important;
  background: transparent !important;
  border: none !important;
  text-align: left;
}

#outer #dashboard ul.navigation.actions:first-of-type,
#dashboard ul.navigation.actions:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#outer #dashboard li,
#dashboard li {
  background: transparent;
  border: none;
}

#outer #dashboard a,
#outer #dashboard span,
#dashboard a,
#dashboard span {
  background: transparent;
  border: none;
  line-height: 1.4;
  margin: 0.1em 0;
}

#outer #dashboard .secondary,
#dashboard .secondary {
  position: absolute;
  z-index: 60;
  min-width: 12em;
}

#outer #main .module,
#outer #main .primary.header,
#outer #main .primary.header.module {
  float: none;
  width: auto;
}

#outer #main .primary.header,
#outer #main .primary.header.module {
  position: relative;
  display: flow-root;
  min-height: 72px;
  margin-bottom: 1.4em;
}

#outer #main .primary.header h2.heading {
  margin: 0.2em 0 0.4em 90px;
  padding: 0 0 0.3em;
  border: none;
  text-align: left;
}

#outer #main .primary.header p.icon {
  position: absolute;
  top: 0;
  left: 0;
  float: none;
  width: 68px;
  height: 68px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  background: transparent;
}

#outer #main .primary.header p.icon img {
  display: block;
  width: 68px;
  height: 68px;
  border: none;
  border-radius: 50%;
}

#outer #main .primary.header ul.navigation.actions {
  float: none;
  text-align: left;
  margin: 0 0 0 90px;
  padding: 0;
}

#outer #main .home .header .userstuff,
#outer #main .home .header dl.stats {
  margin-left: 90px;
}

#outer #main .listbox,
#outer #main .user .listbox,
#outer #main .dashboard .listbox,
#outer #main fieldset fieldset.listbox {
  display: flow-root;
  float: none;
  width: auto;
  margin: 1.6em 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
  overflow: visible;
}

#outer #main .listbox > .heading,
#outer #main .listbox > h3.heading,
#outer #main .listbox > h4.heading,
#outer #main .listbox > h5.heading,
#outer #main ul.media .listbox > .heading {
  display: block;
  margin: 0 0 0.6em;
  padding: 0 0 0.35em;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none;
}

#outer #main .listbox > .heading a,
#outer #main ul.media .listbox > .heading a {
  background: transparent !important;
  border: none;
}

#outer #main .listbox .index,
#outer #main .listbox .index > li:not(.blurb),
#outer #main .statistics .index li,
#outer #main .statistics .index li:nth-of-type(even) {
  background: transparent;
}

#outer #main .listbox .index {
  padding: 0;
  box-shadow: none;
}

#outer #main .listbox ol.index > li:not(.blurb),
#outer #main .listbox ul.index > li:not(.blurb) {
  padding: 0.35em 0;
}

#outer #main .listbox > p.actions,
#outer #main .listbox > ul.actions {
  float: none;
  text-align: right;
}

#outer #main ul.media {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2em;
  margin: 0;
  padding: 0;
}

#outer #main .media .listbox {
  box-sizing: border-box;
  flex: 1 1 20em;
  float: none;
  width: auto;
  max-width: 30em;
  margin: 0 0 2em;
}

#outer a.tag[href*="*s*"] {
  font-weight: bold;
}

#outer a.tag[href*="Hurt*s*"],
#outer a.tag[href*="Comfort*s*"],
#outer a.tag[href*="Rape*s*"],
#outer a.tag[href*="Dom*s*"],
#outer a.tag[href*="Panic%20Attacks*s*"],
#outer a.tag[href*="Fate*s*"],
#outer a.tag[href*="AC*s*DC"] {
  font-weight: normal;
}

#outer #main ul.meta.tags,
#outer #main ul.meta.commas {
  margin: 0.2em 0 0.6em;
  padding: 0;
}

#outer #main h6.meta.heading {
  display: inline;
  margin: 0 0.4em 0 0;
}

#outer #main li.blurb .header,
#outer #main li.blurb .header.module,
#outer #main li.blurb .heading,
#outer #main li.blurb h5.heading,
#outer #main li.blurb h6.heading,
#outer #main li.blurb .module,
#outer #main li.blurb p,
#outer #main li.blurb p.icon,
#outer #main li.blurb p.stats,
#outer #main li.blurb .footer,
#outer #main li.blurb blockquote {
  border-top: none;
  border-right: none;
  border-left: none;
  box-shadow: none;
}

#outer #main li.blurb hr {
  display: none;
}

#outer #main li.blurb ul.actions,
#outer #main li.blurb .actions,
#outer #main li.blurb > form,
#outer #main li.blurb form.button_to {
  position: static;
  display: block;
  float: none;
  clear: both;
  width: auto;
  max-width: 100%;
  margin: 1.1em 0 0;
  padding: 0;
  text-align: right;
  background: transparent;
  border: none;
  box-sizing: border-box;
}

#outer #main li.blurb ul.actions li,
#outer #main li.blurb .actions li {
  position: static;
  float: none;
  display: inline-block;
  margin: 0.4em 0 0 0.4em;
  padding: 0;
  background: transparent;
  border: none;
  vertical-align: top;
}

#outer #main li.blurb ul.actions form,
#outer #main li.blurb .actions form {
  display: inline;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}

#outer #main li.blurb h4.viewed {
  margin: 0.2em 0 0;
  padding: 0;
  background: transparent;
  line-height: 1.8;
  text-align: left;
}

#outer #main li.blurb ul.series {
  margin: 0.8em 0 0;
  padding: 0;
}

#outer #main .blurb p.status,
#outer #main .bookmark p.status {
  position: static;
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0 0 0.6em;
  padding: 0;
  background: none;
  text-align: left;
  text-indent: 0;
  line-height: 1.4;
  overflow: visible;
}

#outer #main .bookmark p.status a,
#outer #main .bookmark p.status span {
  position: static;
  display: inline;
  width: auto;
  height: auto;
  background: none;
  background-image: none;
  text-indent: 0;
  overflow: visible;
  border: none;
}

#outer #main .bookmark p.status span.text {
  display: inline-block;
  clip: auto;
  position: static;
  width: auto;
  height: auto;
  font-size: 10px;
}

#outer #main .bookmark .user,
#outer #main .bookmark .user.module,
#outer #main li.bookmark .user {
  clear: both;
  margin: 1.2em 0 0;
  padding: 1em 0 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

#outer #main .bookmark .user h5.byline.heading {
  display: inline;
  margin: 0;
}

#outer #main .bookmark .user p.datetime,
#outer #main li.bookmark .user p.datetime {
  position: static;
  display: inline;
  float: none;
  margin: 0 0 0 0.6em;
}

#outer #main .bookmark .user.module > p.datetime {
  float: right;
  margin: 0.2em 0 0 0.8em;
}

#outer #main .bookmark .user.module > h6.meta.heading:first-of-type:before {
  content: "\A";
  white-space: pre;
}

#outer #main .bookmark .user blockquote.userstuff,
#outer #main .bookmark .user .userstuff p {
  margin: 0.6em 0 0;
  padding: 0;
  background: transparent;
  border: none;
}

#outer #main li.blurb .recent.module {
  margin: 1.2em 0 0;
  padding: 0;
  background: transparent;
  border: none;
}

#outer #main li.blurb li.blurb,
#outer #main li.user.short.blurb,
#outer #main.bookmarks-index li.user.short.blurb {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.9em 0 0.7em;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  overflow: visible;
  max-width: 100%;
  box-sizing: border-box;
}

#outer #main li.blurb li.blurb:hover {
  transform: none;
  box-shadow: none;
}

#outer #main li.blurb li.blurb:before,
#outer #main li.blurb li.blurb:after {
  content: none;
  display: none;
}

#outer #main li.user.short.blurb .header.module {
  display: block;
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 0 7.5em 0 0;
}

#outer #main li.user.short.blurb .header.module .datetime {
  position: absolute;
  top: 0.15em;
  right: 0;
  left: auto;
  margin: 0;
  white-space: nowrap;
}

#outer #main li.user.blurb .header.module,
#outer #main li.pseud.blurb .header.module,
#outer #main li.collection.blurb .header,
#outer #main li.collection.blurb .header.module {
  display: block;
  position: relative;
  min-height: 52px;
  padding-left: 68px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

#outer #main li.user.blurb .header .icon:not(img),
#outer #main li.pseud.blurb .header .icon:not(img),
#outer #main li.collection.blurb .header .icon:not(img),
#outer #main li.collection.blurb .header p.icon {
  position: absolute;
  top: 0;
  left: 0;
  float: none;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  background: transparent;
}

#outer #main li.user.blurb .header .icon img,
#outer #main li.pseud.blurb .header .icon img,
#outer #main li.collection.blurb .header .icon img {
  display: block;
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  border: none;
  border-radius: 50%;
}

#outer #main li.user.blurb .header .heading,
#outer #main li.pseud.blurb .header .heading,
#outer #main li.collection.blurb .header .heading {
  margin-left: 0;
  padding-left: 0;
}

#outer #main dl.meta:not(.work) {
  display: flow-root;
}

#outer #main dl.meta:not(.work) > dt {
  clear: left;
}

#outer #main dl.meta:not(.work) > dd {
  overflow-wrap: break-word;
}

#outer #main dl.meta:not(.work) dl.stats,
#outer #main dl.meta:not(.work) dd.stats {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  text-align: left;
}

#outer #main dl.meta blockquote.userstuff {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

#outer #main ul.expandable.secondary.hidden,
#outer #main #chapter_index.hidden {
  display: none !important;
}

#outer #main ul.expandable.secondary li,
#outer #main #chapter_index li {
  background: transparent !important;
  border: none !important;
}

#outer #main ul.chapter.actions {
  float: none;
  clear: both;
  display: flow-root;
  width: auto;
  text-align: right;
  margin: 0 0 2em;
  padding: 0;
  border: none;
}

#outer #main ul.chapter.actions li {
  float: none;
  display: inline-block;
  margin: 0;
}

#outer #main .comment_form:not(textarea),
#outer #main .commentbox,
#outer #main .dynamic,
#outer #main .dynamic form,
#outer #main .dynamic .toggled,
#outer #main .toggled form,
#outer #main form.comment,
#outer #main .comment.form {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#outer #main ol.comment.index,
#outer #main ul.comment.index,
#outer #main .comment.index,
#outer #main .inbox ol.comment,
#outer #main fieldset.comments,
#outer #main form.inbox fieldset,
#outer #main ol.thread,
#outer #main ul.thread,
#outer #main .thread .even,
#outer #main .thread .odd,
#outer #main ul.thread li {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#outer #main form.inbox fieldset.comments {
  padding: 0 !important;
}

#outer #main form.inbox fieldset.actions {
  margin: 0 0 1em !important;
  padding: 0 !important;
  text-align: left;
}

#outer #main form.inbox fieldset.actions legend,
#outer #main form.inbox fieldset.comments legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#outer #main form.inbox fieldset.actions ul {
  float: none;
  padding: 0;
}

#outer #main form.inbox fieldset.actions li {
  display: inline-block;
  margin: 0.2em 0.2em 0.2em 0;
}

#outer #main form.inbox fieldset.actions a.check_all,
#outer #main form.inbox fieldset.actions a.check_none {
  cursor: pointer;
}

#outer #main .inbox li,
#outer #main div.comment {
  overflow: hidden;
}

#outer #main ul.abbreviated.comment {
  margin: 0;
  padding: 0;
}

#outer #main li.comment .icon .visitor,
#outer #main li.comment .icon .anonymous {
  display: block;
  width: 100%;
  height: 100%;
}

#outer #main .comment .actions label,
#outer #main li.comment .actions label {
  cursor: pointer;
}

fieldset,
form dl,
fieldset fieldset,
fieldset dl dl,
.toggled form,
.dynamic form {
  background: transparent;
  border: none;
  box-shadow: none;
}

#outer #main form fieldset fieldset,
#outer #main form fieldset dl:not(.stats),
#outer #main form dl:not(.stats),
#outer #main form dt,
#outer #main form dd,
#outer #main form .module,
#outer #main form .listbox,
#outer #main form .index,
#outer #main form .toggled,
#outer #main form .dynamic,
#outer #main form .expandable,
#outer #main form .footnote,
#outer #main form .required,
#outer #main form p,
#outer #main form ul:not(.autocomplete),
#outer #main form ol,
#outer #main form li:not(.blurb):not(.comment):not(.added),
#outer #main form blockquote,
#outer #main form .userstuff,
#outer #main .post fieldset fieldset,
#outer #main .post dl:not(.stats),
#outer #main .post dt,
#outer #main .post dd,
#outer #main .post .module,
#outer #main .post p,
#outer #main .post li:not(.blurb) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#outer #main form fieldset fieldset {
  border: none !important;
  padding: 0;
}

#outer #main form ul li {
  padding: 0.3em 0;
}

#outer #main form p.note {
  padding-left: 0;
}

#outer #main form .footnote,
#outer #main .footnote {
  float: none;
}

#outer #main ul.autocomplete,
#outer #main form ul.autocomplete {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0.25em 0.35em;
}

#outer #main ul.autocomplete li.input {
  flex: 1 1 8em;
  min-width: 8em;
  margin: 0;
  padding: 0;
}

#outer #main ul.autocomplete li.input input,
#outer #main form ul.autocomplete li.input input,
#outer #main form ul.autocomplete li.input input[type="text"] {
  width: 100%;
  min-width: 0;
  margin: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none;
}

#outer #main li.added.tag,
#outer #main form li.added.tag,
li.added.tag {
  display: inline-block;
  margin: 0.2em 0.3em 0.2em 0;
}

#outer #main li.added.tag .delete,
#outer #main li.added.tag span.delete {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

#outer #main form input[type="text"],
#outer #main form input[type="password"],
#outer #main form input[type="email"],
#outer #main form input[type="url"],
#outer #main form input[type="search"],
#outer #main form input[type="number"],
#outer #main form input[type="date"],
#outer #main form textarea,
#outer #main form select {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#outer #main input[type="checkbox"],
#outer #main input[type="radio"],
#header #small_login input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 0.6em 0 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  clip: auto !important;
  overflow: visible !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

#outer #main input[type="checkbox"]:checked:after,
#header #small_login input[type="checkbox"]:checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 9px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#outer #main input[type="checkbox"]:disabled,
#outer #main input[type="radio"]:disabled,
#outer #main button:disabled,
#outer #main input:disabled,
#outer #main select:disabled,
#outer #main textarea:disabled,
#outer #main .actions input:disabled {
  opacity: 0.4 !important;
  cursor: default !important;
  transform: none !important;
}

#outer #main input:checked + .indicator + span,
#outer #main .filters input:checked ~ span {
  font-weight: bold;
}

#outer input[type="file"],
#outer #main input[type="file"] {
  max-width: 100% !important;
  cursor: pointer !important;
}

#outer #main form dd.icon,
#outer #main form p.icon {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#outer #main.filtered {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 2em;
  overflow: visible;
  max-width: 84em;
}

#outer #main.filtered > * {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#outer #main.filtered:after {
  content: none;
  display: none;
}

#outer #main.filtered > .index,
#outer #main.filtered > ol.index,
#outer #main.filtered > ul.index,
#outer #main.filtered > form.inbox {
  flex: 6 1 30em;
  width: auto;
  max-width: 100%;
  min-width: 0;
  order: 2;
  float: none;
  padding-right: 0;
  box-sizing: border-box;
}

#outer #main.filtered > .filters,
#outer #main.filtered > #work-filters,
#outer #main.filtered > #bookmark-filters,
#outer #main.filtered > #inbox-filters,
#outer #main.filtered > form.filters {
  flex: 1 1 15em;
  width: 16em;
  max-width: 100%;
  min-width: 0;
  order: 3;
  float: none;
  position: static;
}

#outer #main.filtered > .pagination,
#outer #main.filtered > ol.pagination,
#outer #main.filtered > h4.landmark {
  order: 4;
}

#outer #main.filtered > .pagination:first-of-type,
#outer #main.filtered > h4.landmark:first-of-type {
  order: 0;
}

#outer #main.filtered .filters fieldset,
#outer #main .filters fieldset,
#outer #main .filters fieldset fieldset,
#outer #main .filters dl,
#outer #main .filters dl.filters,
#outer #main .filters dt,
#outer #main .filters dd,
#outer #main .filters dd.expandable,
#outer #main .filters ul,
#outer #main .filters li,
#outer #main .filters .group,
#outer #main .filters .module,
#outer #main .filters .actions,
#outer #main .filters .submit,
#outer #main #work-filters fieldset,
#outer #main #work-filters dl,
#outer #main #bookmark-filters fieldset,
#outer #main #bookmark-filters dl,
#outer #main #inbox-filters fieldset,
#outer #main #inbox-filters dl {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#outer #main .filters fieldset {
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main .filters fieldset legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#outer #main .filters .expander,
#outer #main #work-filters .expander,
#outer #main #bookmark-filters .expander {
  display: block;
  position: relative;
  width: 100% !important;
  margin: 0.2em 0 0;
  padding: 0.45em 0 0.45em 1.4em !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left;
  text-transform: none !important;
  cursor: pointer;
  transform: none !important;
}

#outer #main .filters ul li,
#outer #main #inbox-filters ul li {
  display: block;
  padding: 0.25em 0 0.25em 0.2em !important;
}

#outer #main .filters input[type="text"],
#outer #main .filters select {
  width: 100% !important;
  margin: 0.3em 0 0 !important;
}

#outer #main .filters .range dt,
#outer #main .filters .range dd {
  display: inline-block !important;
  width: auto !important;
  vertical-align: middle;
}

#outer #main .filters .range dd {
  width: 32% !important;
  margin-right: 0.6em !important;
}

#outer #main .filters dd.submit.actions,
#outer #main .filters p.filtered.actions {
  text-align: center;
  margin: 0.8em 0 !important;
}

#outer #main .filters dd.submit input[type="submit"] {
  width: 100% !important;
  margin: 0 !important;
}

#outer #main .filters p.footnote {
  text-align: center;
}

#outer #main .narrow-shown,
#outer #main p.narrow-shown,
#outer #main .narrow-shown.actions {
  text-align: center;
}

#outer #main a#go_to_filters,
#outer #main a#leave_filters,
#outer #main .narrow-shown a {
  display: inline-block;
}

#outer #main.stats-index > .navigation.actions,
#outer #main.stats-index > .module.actions,
#outer #main.stats-index ol.year.actions,
#outer #main.stats-index > h3.heading {
  display: none !important;
}

#outer #main.stats-index dl.statistics {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  float: none;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.4em 0 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#outer #main.stats-index dl.statistics dt {
  grid-column: 1 !important;
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  border: none !important;
}

#outer #main.stats-index dl.statistics dd {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  border: none !important;
  text-align: right !important;
}

#outer #main.stats-index .statistics.index,
#outer #main.stats-index ul.statistics {
  margin: 2em 0 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#outer #main.stats-index .index ul.index > li {
  padding: 0.9em 0 !important;
  margin: 0;
}

#outer #main.stats-index .index ul.index dl > dt {
  float: none;
  margin: 0;
}

#outer #main.stats-index .index ul.index dl > dd {
  float: none;
  margin: 0.3em 0 0;
}

#outer #main.stats-index dl.stats {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  margin: 0.3em 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#stat_chart {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 340px;
  margin: 1.8em 0 0;
  padding: 0;
  overflow: hidden;
}

#stat_chart svg > rect {
  display: none;
}

#outer #main .splash {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 2em;
}

#outer #main .splash > .module,
#outer #main .splash > div.module {
  box-sizing: border-box;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0 0 2em;
}

#outer #main .splash > .favorite {
  order: 1;
  flex: 1 1 100%;
  max-width: 100%;
}

#outer #main .splash > .browse {
  order: 2;
  flex: 1 1 22em;
  max-width: 100%;
}

#outer #main .splash > .latest.messages {
  order: 3;
  flex: 1 1 22em;
  max-width: 100%;
}

#outer #main .splash > .random.readings {
  order: 4;
  flex: 1 1 100%;
  width: 100%;
}

#outer #main .news,
#outer #main .splash .news,
#outer #main ul.news,
#outer #main .splash .social,
#outer #main .social,
#outer #main .follow {
  display: none !important;
}

#outer #main .splash > .module > .heading,
#outer #main .splash > .module > h3.heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 0.6em;
  padding: 0 0 0.4em;
  border: none;
}

#outer #main .splash .favorite ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#outer #main .splash .favorite li {
  display: inline-block;
  margin: 0 0.4em 0.5em 0;
  padding: 0;
  background: transparent;
}

#outer #main .splash .browse ul {
  display: block;
  columns: 2 11em;
  column-gap: 1.6em;
  margin: 0;
  padding: 0;
  list-style: none;
}

#outer #main .splash .browse li {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  page-break-inside: avoid;
}

#outer #main .splash .browse li a {
  display: block;
  position: relative;
  background: none;
}

#outer #main .splash .random.readings ol.index {
  margin: 0;
  padding: 0;
}

#outer #main.subscriptions-index dl.subscription.index {
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%;
  margin: 1.6em 0 0;
  box-sizing: border-box;
}

#outer #main dl.index dd {
  background: transparent;
  box-shadow: none;
}

#outer #main.subscriptions-index dl.subscription.index dt {
  grid-column: 1;
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 1em 1.5em 1em 0;
  background: transparent;
  border: none;
}

#outer #main.subscriptions-index dl.subscription.index dd {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: none;
  width: auto;
  margin: 0;
  padding: 1em 0;
  background: transparent;
  border: none;
}

#outer #main.subscriptions-index form,
#outer #main.subscriptions-index form.edit_subscription,
#outer #main.subscriptions-index dl.subscription.index dd form {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

#outer #main.subscriptions-index dl.subscription.index dd input[type="submit"] {
  white-space: nowrap;
}

#outer #main.works-navigate ol.chapter.index {
  margin: 1.2em 0 0;
  list-style: none;
}

#outer #main.works-navigate ol.chapter.index li {
  display: block;
  margin: 0;
  padding: 0.9em 0;
  background: transparent;
}

#outer #main table {
  width: 100%;
  margin: 1.4em 0;
  border-collapse: collapse;
  background: transparent;
  border: none;
}

#outer #main table caption {
  margin-bottom: 0.4em;
  text-align: left;
}

#workskin .userstuff pre {
  overflow-x: auto;
}

#workskin .userstuff pre code {
  padding: 0;
  border: none;
  background: transparent;
}

#outer .symbol.question,
#outer .symbol.question a,
#outer span.question {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#outer .symbol.question span {
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
}

#outer .symbol.question span span {
  display: inline;
  border: none;
  width: auto;
  height: auto;
  font-size: 1em;
  background: transparent;
  box-shadow: none;
}

#outer .symbol.question a img,
#outer span.question img {
  filter: brightness(0);
}

#outer #main .error h4 {
  margin: 0 0 0.3em;
  font-weight: bold;
}

#outer .mce-panel,
#outer .mce-toolbar,
#outer .mce-btn,
#outer .mce-menubar,
#outer .mce-statusbar {
  background-image: none !important;
  box-shadow: none !important;
}

#outer .mce-btn button,
#outer .mce-menubtn button {
  background: transparent !important;
  border: none !important;
}

#outer #main #inbox-form ol.comment.index {
  margin-top: 0.4em;
}

#outer #main li.comment h4.byline .posted,
#outer #main li.comment h4.heading .posted.datetime {
  margin-left: 0.8em;
}

#outer {
  --grain-toast: radial-gradient(ellipse 1.44px 0.78px at 45.64px 25.33px, rgba(96, 38, 4, 0.32) 0, rgba(96, 38, 4, 0.26) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.64px 0.59px at 32.78px 53.63px, rgba(96, 38, 4, 0.26) 0, rgba(96, 38, 4, 0.21) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.69px 1.15px at 8.4px 10.32px, rgba(96, 38, 4, 0.33) 0, rgba(96, 38, 4, 0.26) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.94px 0.73px at 30.49px 46.31px, rgba(96, 38, 4, 0.39) 0, rgba(96, 38, 4, 0.31) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.45px 0.64px at 14.02px 16.54px, rgba(96, 38, 4, 0.42) 0, rgba(96, 38, 4, 0.34) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.25px 0.54px at 7.12px 3.37px, rgba(96, 38, 4, 0.31) 0, rgba(96, 38, 4, 0.25) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.72px 0.61px at 35.36px 46.72px, rgba(96, 38, 4, 0.24) 0, rgba(96, 38, 4, 0.19) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.14px 0.84px at 22.14px 12.29px, rgba(96, 38, 4, 0.29) 0, rgba(96, 38, 4, 0.23) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.66px 0.84px at 23.94px 12.7px, rgba(96, 38, 4, 0.38) 0, rgba(96, 38, 4, 0.31) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.78px 0.57px at 3.32px 49.49px, rgba(96, 38, 4, 0.25) 0, rgba(96, 38, 4, 0.2) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 2.07px 0.8px at 49.24px 49.5px, rgba(96, 38, 4, 0.23) 0, rgba(96, 38, 4, 0.19) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.63px 1.11px at 24.34px 28.79px, rgba(96, 38, 4, 0.31) 0, rgba(96, 38, 4, 0.25) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.99px 0.6px at 48.54px 11.62px, rgba(96, 38, 4, 0.23) 0, rgba(96, 38, 4, 0.19) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.1px 1.12px at 40.57px 56.4px, rgba(96, 38, 4, 0.3) 0, rgba(96, 38, 4, 0.24) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.71px 0.48px at 47.95px 18.69px, rgba(255, 238, 200, 0.37) 0, rgba(255, 238, 200, 0.3) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 0.86px 0.55px at 20.95px 10.44px, rgba(255, 238, 200, 0.24) 0, rgba(255, 238, 200, 0.19) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 1.03px 0.78px at 22.47px 13.23px, rgba(255, 238, 200, 0.31) 0, rgba(255, 238, 200, 0.25) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 1.02px 0.64px at 58.75px 48.04px, rgba(255, 238, 200, 0.27) 0, rgba(255, 238, 200, 0.22) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 0.55px 0.53px at 7.14px 10.47px, rgba(255, 240, 204, 0.11) 0, rgba(255, 240, 204, 0.09) 45%, rgba(255, 240, 204, 0) 100%);
  --grain-bread: radial-gradient(ellipse 1.44px 0.78px at 45.64px 25.33px, rgba(150, 114, 70, 0.2) 0, rgba(150, 114, 70, 0.16) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.64px 0.59px at 32.78px 53.63px, rgba(150, 114, 70, 0.16) 0, rgba(150, 114, 70, 0.13) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.69px 1.15px at 8.4px 10.32px, rgba(150, 114, 70, 0.2) 0, rgba(150, 114, 70, 0.16) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.94px 0.73px at 30.49px 46.31px, rgba(150, 114, 70, 0.24) 0, rgba(150, 114, 70, 0.19) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.45px 0.64px at 14.02px 16.54px, rgba(150, 114, 70, 0.26) 0, rgba(150, 114, 70, 0.21) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.25px 0.54px at 7.12px 3.37px, rgba(150, 114, 70, 0.19) 0, rgba(150, 114, 70, 0.15) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.72px 0.61px at 35.36px 46.72px, rgba(150, 114, 70, 0.15) 0, rgba(150, 114, 70, 0.12) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.14px 0.84px at 22.14px 12.29px, rgba(150, 114, 70, 0.18) 0, rgba(150, 114, 70, 0.14) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.66px 0.84px at 23.94px 12.7px, rgba(150, 114, 70, 0.24) 0, rgba(150, 114, 70, 0.19) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.78px 0.57px at 3.32px 49.49px, rgba(150, 114, 70, 0.16) 0, rgba(150, 114, 70, 0.13) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 2.07px 0.8px at 49.24px 49.5px, rgba(150, 114, 70, 0.15) 0, rgba(150, 114, 70, 0.12) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.63px 1.11px at 24.34px 28.79px, rgba(150, 114, 70, 0.19) 0, rgba(150, 114, 70, 0.16) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.99px 0.6px at 48.54px 11.62px, rgba(150, 114, 70, 0.14) 0, rgba(150, 114, 70, 0.12) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.1px 1.12px at 40.57px 56.4px, rgba(150, 114, 70, 0.19) 0, rgba(150, 114, 70, 0.15) 45%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.71px 0.48px at 47.95px 18.69px, rgba(255, 255, 250, 0.37) 0, rgba(255, 255, 250, 0.3) 45%, rgba(255, 255, 250, 0) 100%),
    radial-gradient(ellipse 0.86px 0.55px at 20.95px 10.44px, rgba(255, 255, 250, 0.24) 0, rgba(255, 255, 250, 0.19) 45%, rgba(255, 255, 250, 0) 100%),
    radial-gradient(ellipse 1.03px 0.78px at 22.47px 13.23px, rgba(255, 255, 250, 0.31) 0, rgba(255, 255, 250, 0.25) 45%, rgba(255, 255, 250, 0) 100%),
    radial-gradient(ellipse 1.02px 0.64px at 58.75px 48.04px, rgba(255, 255, 250, 0.27) 0, rgba(255, 255, 250, 0.22) 45%, rgba(255, 255, 250, 0) 100%),
    radial-gradient(ellipse 0.55px 0.53px at 7.14px 10.47px, rgba(255, 255, 250, 0.11) 0, rgba(255, 255, 250, 0.09) 45%, rgba(255, 255, 250, 0) 100%);
  --grain-size: 59px 53px, 37px 83px, 37px 37px, 61px 71px, 41px 67px, 71px 83px, 83px 83px, 31px 89px, 53px 59px, 89px 59px, 53px 83px, 31px 73px, 79px 79px, 47px 71px, 71px 47px, 41px 37px, 73px 67px, 71px 79px, 23px 23px;
  --grain-rep: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  --grain-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --grain-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --grain-zero: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --grain-b0: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --grain-b0c: 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px, 9px 96px;
  --grain-b1: 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px, 397px 263px;
  --grain-b1c: 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px, 406px 359px;
  --grain-b2: 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px, 211px 541px;
  --grain-b2c: 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px, 220px 637px;
  --grain-b3: 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px, 683px 127px;
  --grain-b3c: 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px, 692px 223px;
  --grain-b4: 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px, 523px 419px;
  --grain-b4c: 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px, 532px 515px;
  --grain-h1: 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px, 151px 97px;
  --grain-h1c: 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px, 157px 175px;
  --grain-foot: 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px, 37px 53px;
  --grain-footc: 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px, 42px 78px;
  --grain-read: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --grain-readc: 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px;
  --spot-toast: radial-gradient(ellipse 3.43px 2.49px at 6.43px 5.49px, rgba(70, 26, 2, 0.63) 0, rgba(70, 26, 2, 0.53) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.77px 1.28px at 8.96px 6.1px, rgba(70, 26, 2, 0.5) 0, rgba(70, 26, 2, 0.4) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 5.11px 2.69px at 8.6px 6.79px, rgba(255, 232, 190, 0.47) 0, rgba(255, 232, 190, 0.47) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 4.33px 2.82px at 11.21px 5.82px, rgba(70, 26, 2, 0.65) 0, rgba(70, 26, 2, 0.55) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.97px 1.28px at 7.33px 5.66px, rgba(70, 26, 2, 0.52) 0, rgba(70, 26, 2, 0.42) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 6.79px 3.05px at 10.17px 7.12px, rgba(255, 232, 190, 0.49) 0, rgba(255, 232, 190, 0.49) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.38px 2.53px at 9.24px 5.53px, rgba(70, 26, 2, 0.66) 0, rgba(70, 26, 2, 0.56) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.96px 1.47px at 6.38px 6.08px, rgba(70, 26, 2, 0.53) 0, rgba(70, 26, 2, 0.42) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 5.21px 2.74px at 8.71px 6.83px, rgba(255, 232, 190, 0.5) 0, rgba(255, 232, 190, 0.5) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 4.06px 2.54px at 7.06px 5.54px, rgba(70, 26, 2, 0.6) 0, rgba(70, 26, 2, 0.51) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.67px 1.67px at 10.18px 6.43px, rgba(70, 26, 2, 0.48) 0, rgba(70, 26, 2, 0.39) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 6.11px 2.75px at 9.52px 6.84px, rgba(255, 232, 190, 0.46) 0, rgba(255, 232, 190, 0.46) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.06px 2.28px at 7.78px 5.28px, rgba(70, 26, 2, 0.57) 0, rgba(70, 26, 2, 0.48) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.23px 1.66px at 6.06px 5.38px, rgba(70, 26, 2, 0.46) 0, rgba(70, 26, 2, 0.36) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 4.29px 2.47px at 7.82px 6.58px, rgba(255, 232, 190, 0.43) 0, rgba(255, 232, 190, 0.43) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.89px 2.51px at 10.13px 5.51px, rgba(70, 26, 2, 0.63) 0, rgba(70, 26, 2, 0.54) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.3px 1.48px at 6.89px 4.65px, rgba(70, 26, 2, 0.5) 0, rgba(70, 26, 2, 0.4) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 5.98px 2.71px at 9.41px 6.81px, rgba(255, 232, 190, 0.48) 0, rgba(255, 232, 190, 0.48) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.82px 1.46px at 3.82px 3.46px, rgba(70, 26, 2, 0.58) 0, rgba(70, 26, 2, 0.47) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2px 1.53px at 4.42px 4.36px, rgba(255, 232, 190, 0.4) 0, rgba(255, 232, 190, 0.4) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.55px 2.37px at 4.55px 4.37px, rgba(70, 26, 2, 0.6) 0, rgba(70, 26, 2, 0.48) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.81px 2.49px at 5.15px 5.27px, rgba(255, 232, 190, 0.41) 0, rgba(255, 232, 190, 0.41) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.08px 1.64px at 5.08px 3.64px, rgba(70, 26, 2, 0.53) 0, rgba(70, 26, 2, 0.42) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 3.39px 1.72px at 5.68px 4.54px, rgba(255, 232, 190, 0.36) 0, rgba(255, 232, 190, 0.36) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.39px 1.62px at 4.39px 3.62px, rgba(70, 26, 2, 0.47) 0, rgba(70, 26, 2, 0.38) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.63px 1.7px at 4.99px 4.52px, rgba(255, 232, 190, 0.32) 0, rgba(255, 232, 190, 0.32) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.73px 1.28px at 3.73px 3.28px, rgba(70, 26, 2, 0.46) 0, rgba(70, 26, 2, 0.37) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.91px 1.35px at 4.33px 4.18px, rgba(255, 232, 190, 0.32) 0, rgba(255, 232, 190, 0.32) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.03px 2.2px at 5.03px 4.2px, rgba(70, 26, 2, 0.47) 0, rgba(70, 26, 2, 0.38) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 3.33px 2.31px at 5.63px 5.1px, rgba(255, 232, 190, 0.32) 0, rgba(255, 232, 190, 0.32) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.28px 1.41px at 4.28px 3.41px, rgba(70, 26, 2, 0.59) 0, rgba(70, 26, 2, 0.47) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.5px 1.48px at 4.88px 4.31px, rgba(255, 232, 190, 0.4) 0, rgba(255, 232, 190, 0.4) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.75px 1.44px at 3.75px 3.44px, rgba(70, 26, 2, 0.62) 0, rgba(70, 26, 2, 0.5) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.93px 1.51px at 4.35px 4.34px, rgba(255, 232, 190, 0.42) 0, rgba(255, 232, 190, 0.42) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.5px 0.8px at 3.5px 2.8px, rgba(70, 26, 2, 0.53) 0, rgba(70, 26, 2, 0.43) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.65px 0.84px at 4.1px 3.7px, rgba(255, 232, 190, 0.36) 0, rgba(255, 232, 190, 0.36) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.34px 1.77px at 4.34px 3.77px, rgba(70, 26, 2, 0.47) 0, rgba(70, 26, 2, 0.38) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.57px 1.86px at 4.94px 4.67px, rgba(255, 232, 190, 0.32) 0, rgba(255, 232, 190, 0.32) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 3.07px 1.69px at 5.07px 3.69px, rgba(70, 26, 2, 0.55) 0, rgba(70, 26, 2, 0.44) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 3.37px 1.77px at 5.67px 4.59px, rgba(255, 232, 190, 0.38) 0, rgba(255, 232, 190, 0.38) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.5px 2.19px at 4.5px 4.19px, rgba(70, 26, 2, 0.47) 0, rgba(70, 26, 2, 0.38) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.75px 2.3px at 5.1px 5.09px, rgba(255, 232, 190, 0.32) 0, rgba(255, 232, 190, 0.32) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.72px 2.5px at 4.72px 4.5px, rgba(70, 26, 2, 0.45) 0, rgba(70, 26, 2, 0.36) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.99px 2.62px at 5.32px 5.4px, rgba(255, 232, 190, 0.31) 0, rgba(255, 232, 190, 0.31) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.77px 1.62px at 3.77px 3.62px, rgba(70, 26, 2, 0.44) 0, rgba(70, 26, 2, 0.35) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.95px 1.7px at 4.37px 4.52px, rgba(255, 232, 190, 0.3) 0, rgba(255, 232, 190, 0.3) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.19px 0.74px at 2.19px 1.74px, rgba(84, 34, 4, 0.31) 0, rgba(84, 34, 4, 0.23) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.27px 1.07px at 2.27px 2.07px, rgba(84, 34, 4, 0.36) 0, rgba(84, 34, 4, 0.27) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.63px 1.01px at 2.63px 2.01px, rgba(84, 34, 4, 0.49) 0, rgba(84, 34, 4, 0.36) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.81px 0.57px at 1.81px 1.57px, rgba(84, 34, 4, 0.43) 0, rgba(84, 34, 4, 0.32) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.4px 1.36px at 2.4px 2.36px, rgba(84, 34, 4, 0.36) 0, rgba(84, 34, 4, 0.27) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.31px 0.98px at 2.31px 1.98px, rgba(84, 34, 4, 0.4) 0, rgba(84, 34, 4, 0.3) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.47px 0.84px at 2.47px 1.84px, rgba(84, 34, 4, 0.37) 0, rgba(84, 34, 4, 0.28) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.57px 1.33px at 2.57px 2.33px, rgba(84, 34, 4, 0.31) 0, rgba(84, 34, 4, 0.23) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.02px 0.74px at 2.02px 1.74px, rgba(84, 34, 4, 0.52) 0, rgba(84, 34, 4, 0.39) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.38px 0.85px at 2.38px 1.85px, rgba(84, 34, 4, 0.34) 0, rgba(84, 34, 4, 0.25) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.46px 0.83px at 2.46px 1.83px, rgba(84, 34, 4, 0.34) 0, rgba(84, 34, 4, 0.25) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.39px 1.33px at 2.39px 2.33px, rgba(84, 34, 4, 0.42) 0, rgba(84, 34, 4, 0.32) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.66px 1.58px at 2.66px 2.58px, rgba(84, 34, 4, 0.39) 0, rgba(84, 34, 4, 0.29) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.94px 0.67px at 1.94px 1.67px, rgba(84, 34, 4, 0.49) 0, rgba(84, 34, 4, 0.37) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.24px 1.18px at 2.24px 2.18px, rgba(84, 34, 4, 0.42) 0, rgba(84, 34, 4, 0.32) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.92px 0.75px at 1.92px 1.75px, rgba(84, 34, 4, 0.34) 0, rgba(84, 34, 4, 0.25) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.45px 1.05px at 2.45px 2.05px, rgba(84, 34, 4, 0.33) 0, rgba(84, 34, 4, 0.25) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.44px 0.97px at 2.44px 1.97px, rgba(84, 34, 4, 0.38) 0, rgba(84, 34, 4, 0.29) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.02px 1px at 2.02px 2px, rgba(84, 34, 4, 0.41) 0, rgba(84, 34, 4, 0.31) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.41px 1.26px at 2.41px 2.26px, rgba(84, 34, 4, 0.5) 0, rgba(84, 34, 4, 0.38) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.92px 0.57px at 1.92px 1.57px, rgba(84, 34, 4, 0.4) 0, rgba(84, 34, 4, 0.3) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.97px 0.81px at 1.97px 1.81px, rgba(84, 34, 4, 0.5) 0, rgba(84, 34, 4, 0.37) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 3.36px 2.18px at 4.36px 3.18px, rgba(255, 232, 186, 0.05) 0, rgba(255, 232, 186, 0.03) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 4.52px 4.42px at 5.52px 5.42px, rgba(140, 60, 8, 0.1) 0, rgba(140, 60, 8, 0.06) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 7.44px 6.31px at 8.44px 7.31px, rgba(140, 60, 8, 0.09) 0, rgba(140, 60, 8, 0.05) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 7.29px 4.96px at 8.29px 5.96px, rgba(255, 232, 186, 0.06) 0, rgba(255, 232, 186, 0.04) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 6.79px 5.71px at 7.79px 6.71px, rgba(140, 60, 8, 0.1) 0, rgba(140, 60, 8, 0.06) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 6.73px 4.19px at 7.73px 5.19px, rgba(140, 60, 8, 0.13) 0, rgba(140, 60, 8, 0.08) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 4.94px 4.67px at 5.94px 5.67px, rgba(255, 232, 186, 0.05) 0, rgba(255, 232, 186, 0.03) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 5.83px 5.49px at 6.83px 6.49px, rgba(140, 60, 8, 0.09) 0, rgba(140, 60, 8, 0.05) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 31.28px 23.21px at 32.28px 24.21px, rgba(255, 226, 176, 0.08) 0, rgba(255, 226, 176, 0.06) 50%, rgba(255, 226, 176, 0) 100%),
    radial-gradient(ellipse 16.89px 9.5px at 17.89px 10.5px, rgba(150, 64, 10, 0.13) 0, rgba(150, 64, 10, 0.1) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 31.81px 26.31px at 32.81px 27.31px, rgba(150, 64, 10, 0.14) 0, rgba(150, 64, 10, 0.1) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 21.8px 15.9px at 22.8px 16.9px, rgba(255, 226, 176, 0.07) 0, rgba(255, 226, 176, 0.06) 50%, rgba(255, 226, 176, 0) 100%),
    radial-gradient(ellipse 13.2px 9.74px at 14.2px 10.74px, rgba(150, 64, 10, 0.11) 0, rgba(150, 64, 10, 0.08) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 22.34px 13.77px at 23.34px 14.77px, rgba(150, 64, 10, 0.13) 0, rgba(150, 64, 10, 0.1) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 27.16px 15.64px at 28.16px 16.64px, rgba(255, 226, 176, 0.08) 0, rgba(255, 226, 176, 0.06) 50%, rgba(255, 226, 176, 0) 100%),
    radial-gradient(ellipse 0.76px 0.58px at 1.76px 1.58px, rgba(255, 246, 224, 0.53) 0, rgba(255, 246, 224, 0.53) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 0.93px 0.77px at 1.93px 1.77px, rgba(255, 246, 224, 0.81) 0, rgba(255, 246, 224, 0.81) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 0.93px 0.82px at 1.93px 1.82px, rgba(255, 246, 224, 0.78) 0, rgba(255, 246, 224, 0.78) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 1.09px 0.93px at 2.09px 1.93px, rgba(255, 246, 224, 0.83) 0, rgba(255, 246, 224, 0.83) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 0.94px 0.86px at 1.94px 1.86px, rgba(255, 246, 224, 0.67) 0, rgba(255, 246, 224, 0.67) 50%, rgba(255, 246, 224, 0) 100%);
  --spot-bread: radial-gradient(ellipse 3.43px 2.49px at 6.43px 5.49px, rgba(140, 104, 60, 0.4) 0, rgba(140, 104, 60, 0.34) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.77px 1.28px at 8.96px 6.1px, rgba(140, 104, 60, 0.32) 0, rgba(140, 104, 60, 0.25) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 5.11px 2.69px at 8.6px 6.79px, rgba(255, 253, 245, 0.57) 0, rgba(255, 253, 245, 0.57) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 4.33px 2.82px at 11.21px 5.82px, rgba(140, 104, 60, 0.41) 0, rgba(140, 104, 60, 0.35) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.97px 1.28px at 7.33px 5.66px, rgba(140, 104, 60, 0.33) 0, rgba(140, 104, 60, 0.26) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 6.79px 3.05px at 10.17px 7.12px, rgba(255, 253, 245, 0.59) 0, rgba(255, 253, 245, 0.59) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.38px 2.53px at 9.24px 5.53px, rgba(140, 104, 60, 0.42) 0, rgba(140, 104, 60, 0.36) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.96px 1.47px at 6.38px 6.08px, rgba(140, 104, 60, 0.34) 0, rgba(140, 104, 60, 0.27) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 5.21px 2.74px at 8.71px 6.83px, rgba(255, 253, 245, 0.6) 0, rgba(255, 253, 245, 0.6) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 4.06px 2.54px at 7.06px 5.54px, rgba(140, 104, 60, 0.38) 0, rgba(140, 104, 60, 0.33) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.67px 1.67px at 10.18px 6.43px, rgba(140, 104, 60, 0.31) 0, rgba(140, 104, 60, 0.25) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 6.11px 2.75px at 9.52px 6.84px, rgba(255, 253, 245, 0.55) 0, rgba(255, 253, 245, 0.55) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.06px 2.28px at 7.78px 5.28px, rgba(140, 104, 60, 0.36) 0, rgba(140, 104, 60, 0.31) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.23px 1.66px at 6.06px 5.38px, rgba(140, 104, 60, 0.29) 0, rgba(140, 104, 60, 0.23) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 4.29px 2.47px at 7.82px 6.58px, rgba(255, 253, 245, 0.52) 0, rgba(255, 253, 245, 0.52) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.89px 2.51px at 10.13px 5.51px, rgba(140, 104, 60, 0.4) 0, rgba(140, 104, 60, 0.34) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.3px 1.48px at 6.89px 4.65px, rgba(140, 104, 60, 0.32) 0, rgba(140, 104, 60, 0.26) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 5.98px 2.71px at 9.41px 6.81px, rgba(255, 253, 245, 0.57) 0, rgba(255, 253, 245, 0.57) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.82px 1.46px at 3.82px 3.46px, rgba(140, 104, 60, 0.37) 0, rgba(140, 104, 60, 0.3) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2px 1.53px at 4.42px 4.36px, rgba(255, 253, 245, 0.48) 0, rgba(255, 253, 245, 0.48) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.55px 2.37px at 4.55px 4.37px, rgba(140, 104, 60, 0.38) 0, rgba(140, 104, 60, 0.31) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.81px 2.49px at 5.15px 5.27px, rgba(255, 253, 245, 0.49) 0, rgba(255, 253, 245, 0.49) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.08px 1.64px at 5.08px 3.64px, rgba(140, 104, 60, 0.33) 0, rgba(140, 104, 60, 0.27) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.39px 1.72px at 5.68px 4.54px, rgba(255, 253, 245, 0.43) 0, rgba(255, 253, 245, 0.43) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.39px 1.62px at 4.39px 3.62px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.63px 1.7px at 4.99px 4.52px, rgba(255, 253, 245, 0.39) 0, rgba(255, 253, 245, 0.39) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.73px 1.28px at 3.73px 3.28px, rgba(140, 104, 60, 0.29) 0, rgba(140, 104, 60, 0.24) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.91px 1.35px at 4.33px 4.18px, rgba(255, 253, 245, 0.38) 0, rgba(255, 253, 245, 0.38) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.03px 2.2px at 5.03px 4.2px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.33px 2.31px at 5.63px 5.1px, rgba(255, 253, 245, 0.38) 0, rgba(255, 253, 245, 0.38) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.28px 1.41px at 4.28px 3.41px, rgba(140, 104, 60, 0.37) 0, rgba(140, 104, 60, 0.3) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.5px 1.48px at 4.88px 4.31px, rgba(255, 253, 245, 0.48) 0, rgba(255, 253, 245, 0.48) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.75px 1.44px at 3.75px 3.44px, rgba(140, 104, 60, 0.4) 0, rgba(140, 104, 60, 0.32) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.93px 1.51px at 4.35px 4.34px, rgba(255, 253, 245, 0.51) 0, rgba(255, 253, 245, 0.51) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.5px 0.8px at 3.5px 2.8px, rgba(140, 104, 60, 0.34) 0, rgba(140, 104, 60, 0.27) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.65px 0.84px at 4.1px 3.7px, rgba(255, 253, 245, 0.44) 0, rgba(255, 253, 245, 0.44) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.34px 1.77px at 4.34px 3.77px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.57px 1.86px at 4.94px 4.67px, rgba(255, 253, 245, 0.38) 0, rgba(255, 253, 245, 0.38) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.07px 1.69px at 5.07px 3.69px, rgba(140, 104, 60, 0.35) 0, rgba(140, 104, 60, 0.28) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.37px 1.77px at 5.67px 4.59px, rgba(255, 253, 245, 0.45) 0, rgba(255, 253, 245, 0.45) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.5px 2.19px at 4.5px 4.19px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.75px 2.3px at 5.1px 5.09px, rgba(255, 253, 245, 0.39) 0, rgba(255, 253, 245, 0.39) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.72px 2.5px at 4.72px 4.5px, rgba(140, 104, 60, 0.29) 0, rgba(140, 104, 60, 0.23) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.99px 2.62px at 5.32px 5.4px, rgba(255, 253, 245, 0.37) 0, rgba(255, 253, 245, 0.37) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.77px 1.62px at 3.77px 3.62px, rgba(140, 104, 60, 0.28) 0, rgba(140, 104, 60, 0.22) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.95px 1.7px at 4.37px 4.52px, rgba(255, 253, 245, 0.36) 0, rgba(255, 253, 245, 0.36) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.19px 0.74px at 2.19px 1.74px, rgba(150, 114, 70, 0.2) 0, rgba(150, 114, 70, 0.15) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.27px 1.07px at 2.27px 2.07px, rgba(150, 114, 70, 0.24) 0, rgba(150, 114, 70, 0.18) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.63px 1.01px at 2.63px 2.01px, rgba(150, 114, 70, 0.32) 0, rgba(150, 114, 70, 0.24) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.81px 0.57px at 1.81px 1.57px, rgba(150, 114, 70, 0.28) 0, rgba(150, 114, 70, 0.21) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.4px 1.36px at 2.4px 2.36px, rgba(150, 114, 70, 0.24) 0, rgba(150, 114, 70, 0.18) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.31px 0.98px at 2.31px 1.98px, rgba(150, 114, 70, 0.26) 0, rgba(150, 114, 70, 0.2) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.47px 0.84px at 2.47px 1.84px, rgba(150, 114, 70, 0.24) 0, rgba(150, 114, 70, 0.18) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.57px 1.33px at 2.57px 2.33px, rgba(150, 114, 70, 0.2) 0, rgba(150, 114, 70, 0.15) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.02px 0.74px at 2.02px 1.74px, rgba(150, 114, 70, 0.34) 0, rgba(150, 114, 70, 0.25) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.38px 0.85px at 2.38px 1.85px, rgba(150, 114, 70, 0.22) 0, rgba(150, 114, 70, 0.17) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.46px 0.83px at 2.46px 1.83px, rgba(150, 114, 70, 0.22) 0, rgba(150, 114, 70, 0.17) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.39px 1.33px at 2.39px 2.33px, rgba(150, 114, 70, 0.28) 0, rgba(150, 114, 70, 0.21) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.66px 1.58px at 2.66px 2.58px, rgba(150, 114, 70, 0.26) 0, rgba(150, 114, 70, 0.19) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.94px 0.67px at 1.94px 1.67px, rgba(150, 114, 70, 0.32) 0, rgba(150, 114, 70, 0.24) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.24px 1.18px at 2.24px 2.18px, rgba(150, 114, 70, 0.28) 0, rgba(150, 114, 70, 0.21) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.92px 0.75px at 1.92px 1.75px, rgba(150, 114, 70, 0.22) 0, rgba(150, 114, 70, 0.17) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.45px 1.05px at 2.45px 2.05px, rgba(150, 114, 70, 0.22) 0, rgba(150, 114, 70, 0.16) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.44px 0.97px at 2.44px 1.97px, rgba(150, 114, 70, 0.25) 0, rgba(150, 114, 70, 0.19) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.02px 1px at 2.02px 2px, rgba(150, 114, 70, 0.27) 0, rgba(150, 114, 70, 0.2) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.41px 1.26px at 2.41px 2.26px, rgba(150, 114, 70, 0.33) 0, rgba(150, 114, 70, 0.25) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.92px 0.57px at 1.92px 1.57px, rgba(150, 114, 70, 0.26) 0, rgba(150, 114, 70, 0.2) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.97px 0.81px at 1.97px 1.81px, rgba(150, 114, 70, 0.33) 0, rgba(150, 114, 70, 0.24) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 3.36px 2.18px at 4.36px 3.18px, rgba(255, 255, 248, 0.11) 0, rgba(255, 255, 248, 0.07) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 4.52px 4.42px at 5.52px 5.42px, rgba(196, 158, 104, 0.09) 0, rgba(196, 158, 104, 0.05) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 7.44px 6.31px at 8.44px 7.31px, rgba(196, 158, 104, 0.08) 0, rgba(196, 158, 104, 0.05) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 7.29px 4.96px at 8.29px 5.96px, rgba(255, 255, 248, 0.14) 0, rgba(255, 255, 248, 0.09) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 6.79px 5.71px at 7.79px 6.71px, rgba(196, 158, 104, 0.1) 0, rgba(196, 158, 104, 0.06) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 6.73px 4.19px at 7.73px 5.19px, rgba(196, 158, 104, 0.12) 0, rgba(196, 158, 104, 0.07) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 4.94px 4.67px at 5.94px 5.67px, rgba(255, 255, 248, 0.12) 0, rgba(255, 255, 248, 0.07) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 5.83px 5.49px at 6.83px 6.49px, rgba(196, 158, 104, 0.08) 0, rgba(196, 158, 104, 0.05) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 31.28px 23.21px at 32.28px 24.21px, rgba(255, 255, 248, 0.07) 0, rgba(255, 255, 248, 0.05) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 16.89px 9.5px at 17.89px 10.5px, rgba(200, 160, 104, 0.05) 0, rgba(200, 160, 104, 0.04) 50%, rgba(200, 160, 104, 0) 100%),
    radial-gradient(ellipse 31.81px 26.31px at 32.81px 27.31px, rgba(200, 160, 104, 0.06) 0, rgba(200, 160, 104, 0.04) 50%, rgba(200, 160, 104, 0) 100%),
    radial-gradient(ellipse 21.8px 15.9px at 22.8px 16.9px, rgba(255, 255, 248, 0.07) 0, rgba(255, 255, 248, 0.05) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 13.2px 9.74px at 14.2px 10.74px, rgba(200, 160, 104, 0.04) 0, rgba(200, 160, 104, 0.03) 50%, rgba(200, 160, 104, 0) 100%),
    radial-gradient(ellipse 22.34px 13.77px at 23.34px 14.77px, rgba(200, 160, 104, 0.05) 0, rgba(200, 160, 104, 0.04) 50%, rgba(200, 160, 104, 0) 100%),
    radial-gradient(ellipse 27.16px 15.64px at 28.16px 16.64px, rgba(255, 255, 248, 0.07) 0, rgba(255, 255, 248, 0.05) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 0.76px 0.58px at 1.76px 1.58px, rgba(255, 255, 255, 0.38) 0, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 0.93px 0.77px at 1.93px 1.77px, rgba(255, 255, 255, 0.57) 0, rgba(255, 255, 255, 0.57) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 0.93px 0.82px at 1.93px 1.82px, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 1.09px 0.93px at 2.09px 1.93px, rgba(255, 255, 255, 0.59) 0, rgba(255, 255, 255, 0.59) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 0.94px 0.86px at 1.94px 1.86px, rgba(255, 255, 255, 0.47) 0, rgba(255, 255, 255, 0.47) 50%, rgba(255, 255, 255, 0) 100%);
  --spot-size: 15.39px 11.98px, 15.39px 11.98px, 15.39px 11.98px, 18.54px 12.65px, 18.54px 12.65px, 18.54px 12.65px, 15.61px 12.07px, 15.61px 12.07px, 15.61px 12.07px, 17.24px 12.09px, 17.24px 12.09px, 17.24px 12.09px, 13.84px 11.57px, 13.84px 11.57px, 13.84px 11.57px, 17.02px 12.01px, 17.02px 12.01px, 17.02px 12.01px, 8.63px 7.92px, 8.63px 7.92px, 10.11px 9.73px, 10.11px 9.73px, 11.16px 8.28px, 11.16px 8.28px, 9.79px 8.23px, 9.79px 8.23px, 8.47px 7.57px, 8.47px 7.57px, 11.05px 9.39px, 11.05px 9.39px, 9.55px 7.82px, 9.55px 7.82px, 8.51px 7.88px, 8.51px 7.88px, 8.01px 6.6px, 8.01px 6.6px, 9.67px 8.54px, 9.67px 8.54px, 11.14px 8.38px, 11.14px 8.38px, 10px 9.38px, 10px 9.38px, 10.44px 9.99px, 10.44px 9.99px, 8.54px 8.24px, 8.54px 8.24px, 4.37px 3.48px, 4.54px 4.15px, 5.25px 4.03px, 3.63px 3.15px, 4.8px 4.72px, 4.61px 3.95px, 4.93px 3.69px, 5.14px 4.65px, 4.05px 3.49px, 4.76px 3.7px, 4.91px 3.67px, 4.77px 4.66px, 5.32px 5.17px, 3.88px 3.34px, 4.47px 4.36px, 3.85px 3.51px, 4.9px 4.09px, 4.89px 3.93px, 4.05px 4.01px, 4.83px 4.51px, 3.85px 3.14px, 3.94px 3.62px, 8.72px 6.35px, 11.04px 10.83px, 16.88px 14.63px, 16.57px 11.92px, 15.57px 13.42px, 15.46px 10.38px, 11.88px 11.34px, 13.67px 12.99px, 64.56px 48.42px, 35.79px 21px, 65.62px 54.62px, 45.6px 33.79px, 28.4px 21.48px, 46.67px 29.55px, 56.31px 33.27px, 3.53px 3.16px, 3.86px 3.53px, 3.85px 3.64px, 4.18px 3.85px, 3.88px 3.71px;
  --spot-rep: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  --spot-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --spot-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --spot-b0: 15.98% 46.31%, 15.98% 46.31%, 15.98% 46.31%, 76% 69.61%, 76% 69.61%, 76% 69.61%, 72.27% 44.32%, 72.27% 44.32%, 72.27% 44.32%, 78.8% 53.56%, 78.8% 53.56%, 78.8% 53.56%, 9.69% 46.4%, 9.69% 46.4%, 9.69% 46.4%, 6.6% 90.77%, 6.6% 90.77%, 6.6% 90.77%, 92.92% 35.19%, 92.92% 35.19%, 31.7% 75.43%, 31.7% 75.43%, 21.57% 20.6%, 21.57% 20.6%, 20.11% 36.27%, 20.11% 36.27%, 62.13% 93.59%, 62.13% 93.59%, 22.24% 92.92%, 22.24% 92.92%, 55.32% 87.81%, 55.32% 87.81%, 80.53% 18.92%, 80.53% 18.92%, 64.26% 15.54%, 64.26% 15.54%, 2.54% 40.78%, 2.54% 40.78%, 76.26% 56.65%, 76.26% 56.65%, 20.49% 82.23%, 20.49% 82.23%, 89.72% 26.06%, 89.72% 26.06%, 45.03% 63.32%, 45.03% 63.32%, 88.62% 15.78%, 55.18% 94.07%, 60.47% 70.71%, 76.4% 51.16%, 29.83% 58.9%, 52.71% 35.92%, 84% 37.76%, 48.42% 74.82%, 80.13% 86.81%, 64.54% 27.49%, 83.35% 88.56%, 70.62% 75.33%, 51.3% 49.89%, 57.94% 17.69%, 66.89% 84.1%, 17.81% 74.11%, 69.79% 15.25%, 6.87% 59.37%, 23.04% 32.82%, 61.63% 64.53%, 73.88% 56.84%, 34.04% 5.17%, 12.95% 21.93%, 52.43% 70.97%, 22.08% 40.26%, 91.9% 41.26%, 70.47% 61.52%, 65.33% 48.33%, 54.33% 69.18%, 17.47% 78.28%, 85.8% 8.38%, 21.02% 27.14%, 11.06% 17.02%, 63.58% 15.44%, 8.41% 91.96%, 40.59% 54.27%, 47.52% 35.96%, 45.6% 22.06%, 57.65% 27.36%, 15.95% 23.41%, 41.62% 90.52%, 59.4% 95.21%;
  --spot-b1: 57.79% 22.11%, 57.79% 22.11%, 57.79% 22.11%, 94.66% 89.93%, 94.66% 89.93%, 94.66% 89.93%, 46.85% 65.7%, 46.85% 65.7%, 46.85% 65.7%, 22.59% 24.62%, 22.59% 24.62%, 22.59% 24.62%, 29.7% 68.4%, 29.7% 68.4%, 29.7% 68.4%, 22.39% 94.31%, 22.39% 94.31%, 22.39% 94.31%, 8.75% 21.98%, 8.75% 21.98%, 10.53% 75.6%, 10.53% 75.6%, 37.19% 47.87%, 37.19% 47.87%, 33.3% 63.28%, 33.3% 63.28%, 40.77% 23.37%, 40.77% 23.37%, 43.29% 32.3%, 43.29% 32.3%, 12.64% 80.58%, 12.64% 80.58%, 67.29% 65.83%, 67.29% 65.83%, 86.71% 40.7%, 86.71% 40.7%, 38.41% 43.34%, 38.41% 43.34%, 40.84% 66.21%, 40.84% 66.21%, 2.63% 47.16%, 2.63% 47.16%, 53.37% 36.13%, 53.37% 36.13%, 4.1% 69.53%, 4.1% 69.53%, 2.91% 56.49%, 16.72% 7.22%, 19.36% 10.11%, 16.47% 67.69%, 71.91% 37.74%, 64.63% 48.19%, 49.85% 85.46%, 31.88% 84.91%, 68.34% 67.56%, 2.57% 11.82%, 5.07% 36.16%, 92.83% 85.44%, 82.5% 15.06%, 69.75% 76.03%, 79.69% 77.68%, 15.47% 20.63%, 78.09% 72.65%, 87.68% 45.52%, 87.4% 16.97%, 93.88% 86.26%, 34.41% 10.28%, 54.66% 68.1%, 35.64% 9.35%, 28.75% 80.68%, 10.7% 91.17%, 26% 23.01%, 12.77% 95.24%, 88.5% 33.68%, 11.18% 64.76%, 87.21% 5.13%, 62.77% 83.67%, 46.05% 56.95%, 79.21% 26.18%, 28.23% 65.42%, 55.02% 53.79%, 34.1% 91.14%, 29.66% 67.14%, 87.84% 41.27%, 7.22% 24.5%, 8.36% 17.78%, 13.56% 35.85%, 37.51% 45.61%;
  --spot-b2: 16.22% 61.28%, 16.22% 61.28%, 16.22% 61.28%, 18.29% 70.26%, 18.29% 70.26%, 18.29% 70.26%, 60.35% 39.74%, 60.35% 39.74%, 60.35% 39.74%, 61.28% 56.66%, 61.28% 56.66%, 61.28% 56.66%, 6.15% 53.3%, 6.15% 53.3%, 6.15% 53.3%, 61.49% 52.32%, 61.49% 52.32%, 61.49% 52.32%, 86.43% 72.38%, 86.43% 72.38%, 38.2% 25.1%, 38.2% 25.1%, 14.29% 79.35%, 14.29% 79.35%, 68.22% 60.67%, 68.22% 60.67%, 44.41% 50.6%, 44.41% 50.6%, 23.31% 53.33%, 23.31% 53.33%, 15.95% 61.76%, 15.95% 61.76%, 62.5% 66.34%, 62.5% 66.34%, 25.66% 12.56%, 25.66% 12.56%, 33.97% 67.95%, 33.97% 67.95%, 50.95% 73.53%, 50.95% 73.53%, 43.38% 41.05%, 43.38% 41.05%, 89.13% 19.53%, 89.13% 19.53%, 21.91% 58.76%, 21.91% 58.76%, 62.61% 44.25%, 55.57% 44.97%, 66.19% 86.66%, 81.21% 63.45%, 47.13% 92.12%, 44.92% 62.19%, 85.37% 67.56%, 39.51% 73.1%, 59.63% 89.09%, 61.82% 53.63%, 95.51% 53.07%, 40.25% 91.21%, 92.63% 20%, 8.95% 83.8%, 86.74% 39.76%, 26.45% 67.66%, 92.25% 23.82%, 44.99% 65.63%, 23.2% 42.58%, 15.72% 48.61%, 24.07% 11.5%, 39.36% 17.97%, 13.41% 18.01%, 42.1% 33.56%, 71.92% 42.54%, 25.35% 21.49%, 30.52% 73.13%, 21.35% 47.27%, 79.44% 81.17%, 46.39% 82.37%, 63.67% 25.1%, 10.92% 19.81%, 77.85% 40.24%, 82.4% 93.98%, 90.26% 47.64%, 2.73% 29.7%, 23.02% 64.36%, 69.38% 89.71%, 69.69% 93.25%, 63.26% 48.16%, 82.33% 29.49%, 76.73% 71.66%;
  --spot-b3: 95.99% 46.44%, 95.99% 46.44%, 95.99% 46.44%, 71.01% 72.34%, 71.01% 72.34%, 71.01% 72.34%, 22.63% 11.26%, 22.63% 11.26%, 22.63% 11.26%, 59.86% 15.34%, 59.86% 15.34%, 59.86% 15.34%, 38.69% 86.74%, 38.69% 86.74%, 38.69% 86.74%, 85.73% 15.04%, 85.73% 15.04%, 85.73% 15.04%, 9.89% 24.69%, 9.89% 24.69%, 81.5% 6.3%, 81.5% 6.3%, 23.62% 13.97%, 23.62% 13.97%, 14.25% 52.68%, 14.25% 52.68%, 19.61% 42.08%, 19.61% 42.08%, 72.39% 71.24%, 72.39% 71.24%, 41.84% 77.11%, 41.84% 77.11%, 56.96% 80.91%, 56.96% 80.91%, 25.89% 38.33%, 25.89% 38.33%, 57.71% 91.97%, 57.71% 91.97%, 61.36% 48.15%, 61.36% 48.15%, 26.09% 30.16%, 26.09% 30.16%, 22.72% 95.73%, 22.72% 95.73%, 87.11% 87.19%, 87.11% 87.19%, 52.74% 69.88%, 30.46% 48.79%, 15.97% 43.07%, 26.26% 13.3%, 90.27% 12.99%, 80.04% 69.06%, 10.65% 49.12%, 97.6% 95.78%, 56.08% 75.78%, 70.03% 31.13%, 54.79% 59.52%, 39.83% 80.17%, 44.64% 73.7%, 8.21% 45.37%, 6.27% 64.16%, 85.78% 54.54%, 56.28% 61.89%, 23.99% 39.92%, 57.54% 64.1%, 38.49% 48.4%, 33.76% 55.55%, 66.89% 34.48%, 67.76% 82.95%, 53.5% 95.17%, 31.71% 89.52%, 19.46% 37.8%, 80.42% 7.03%, 60.99% 85.03%, 92.62% 67.44%, 35.17% 34.9%, 62.59% 10.21%, 4.7% 85.99%, 62.18% 19.15%, 43.16% 30.88%, 85.45% 30.62%, 71.54% 73.17%, 32.6% 27.45%, 52.03% 41.17%, 59.02% 34.52%, 78.27% 43.09%, 15.07% 76.03%, 87.92% 67.35%;
  --spot-b4: 94.16% 85.08%, 94.16% 85.08%, 94.16% 85.08%, 72.26% 25.17%, 72.26% 25.17%, 72.26% 25.17%, 33.74% 70.38%, 33.74% 70.38%, 33.74% 70.38%, 79.44% 5.56%, 79.44% 5.56%, 79.44% 5.56%, 18% 87.27%, 18% 87.27%, 18% 87.27%, 13.34% 64.95%, 13.34% 64.95%, 13.34% 64.95%, 33.65% 64.03%, 33.65% 64.03%, 84.78% 58.08%, 84.78% 58.08%, 39.55% 33.98%, 39.55% 33.98%, 61.66% 62.43%, 61.66% 62.43%, 41.32% 47.37%, 41.32% 47.37%, 53.49% 28.03%, 53.49% 28.03%, 19.25% 56.88%, 19.25% 56.88%, 11.63% 59.59%, 11.63% 59.59%, 78.97% 81.01%, 78.97% 81.01%, 26.22% 42.58%, 26.22% 42.58%, 90.65% 36.54%, 90.65% 36.54%, 97.19% 22.6%, 97.19% 22.6%, 82.71% 7.81%, 82.71% 7.81%, 66.09% 78.92%, 66.09% 78.92%, 54.57% 62.84%, 89.72% 96.66%, 19.22% 52.61%, 5.83% 39.2%, 15.93% 18.9%, 61.98% 11.86%, 16.78% 4.91%, 80.1% 26.66%, 8.94% 61.76%, 70.89% 62.64%, 54.55% 53.72%, 71.08% 32.85%, 82.89% 68.53%, 84.39% 86.82%, 82.61% 52.28%, 52.14% 72.23%, 57.59% 6.6%, 90.02% 22.52%, 48.5% 46.07%, 10.96% 57.78%, 58.67% 79.62%, 60.77% 32.51%, 56.23% 93.2%, 63.12% 82.47%, 3.09% 68.13%, 22.28% 19.14%, 33.8% 20.54%, 10.23% 23.63%, 24.12% 27.2%, 78.69% 11.74%, 21.22% 9.08%, 50.6% 25.31%, 52.96% 26.11%, 20.87% 49.38%, 8.88% 86.27%, 56.01% 40.76%, 54.78% 92.1%, 49.46% 40.66%, 22.82% 39.38%, 76.28% 61.01%, 28.47% 87.56%, 14.8% 37.09%;
  --cspot-toast: radial-gradient(ellipse 5.49px 2.78px at 12.92px 5.78px, rgba(70, 26, 2, 0.61) 0, rgba(70, 26, 2, 0.52) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 3.21px 1.62px at 8.49px 6.31px, rgba(70, 26, 2, 0.49) 0, rgba(70, 26, 2, 0.39) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 8.36px 3px at 11.61px 7.08px, rgba(255, 232, 190, 0.46) 0, rgba(255, 232, 190, 0.46) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.91px 2.49px at 4.91px 4.49px, rgba(70, 26, 2, 0.41) 0, rgba(70, 26, 2, 0.33) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 3.2px 2.61px at 5.51px 5.39px, rgba(255, 232, 190, 0.28) 0, rgba(255, 232, 190, 0.28) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.93px 1.01px at 3.93px 3.01px, rgba(70, 26, 2, 0.62) 0, rgba(70, 26, 2, 0.5) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.12px 1.06px at 4.53px 3.91px, rgba(255, 232, 190, 0.42) 0, rgba(255, 232, 190, 0.42) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.79px 1.34px at 3.79px 3.34px, rgba(70, 26, 2, 0.57) 0, rgba(70, 26, 2, 0.45) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.97px 1.4px at 4.39px 4.24px, rgba(255, 232, 190, 0.39) 0, rgba(255, 232, 190, 0.39) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.19px 1.96px at 4.19px 3.96px, rgba(70, 26, 2, 0.53) 0, rgba(70, 26, 2, 0.42) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.41px 2.06px at 4.79px 4.86px, rgba(255, 232, 190, 0.36) 0, rgba(255, 232, 190, 0.36) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.53px 0.95px at 3.53px 2.95px, rgba(70, 26, 2, 0.49) 0, rgba(70, 26, 2, 0.39) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 1.69px 1px at 4.13px 3.85px, rgba(255, 232, 190, 0.34) 0, rgba(255, 232, 190, 0.34) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 0.96px 0.58px at 1.96px 1.58px, rgba(84, 34, 4, 0.43) 0, rgba(84, 34, 4, 0.33) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.46px 1.44px at 2.46px 2.44px, rgba(84, 34, 4, 0.54) 0, rgba(84, 34, 4, 0.4) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.86px 0.6px at 1.86px 1.6px, rgba(84, 34, 4, 0.39) 0, rgba(84, 34, 4, 0.29) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.97px 0.7px at 1.97px 1.7px, rgba(84, 34, 4, 0.53) 0, rgba(84, 34, 4, 0.39) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.58px 1.55px at 2.58px 2.55px, rgba(84, 34, 4, 0.43) 0, rgba(84, 34, 4, 0.32) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.05px 0.71px at 2.05px 1.71px, rgba(84, 34, 4, 0.47) 0, rgba(84, 34, 4, 0.36) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.19px 0.84px at 2.19px 1.84px, rgba(84, 34, 4, 0.53) 0, rgba(84, 34, 4, 0.39) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 5.1px 3.57px at 6.1px 4.57px, rgba(255, 232, 186, 0.05) 0, rgba(255, 232, 186, 0.03) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 7.41px 5.62px at 8.41px 6.62px, rgba(140, 60, 8, 0.13) 0, rgba(140, 60, 8, 0.08) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 3.92px 3.24px at 4.92px 4.24px, rgba(140, 60, 8, 0.1) 0, rgba(140, 60, 8, 0.06) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 12.5px 9.13px at 13.5px 10.13px, rgba(255, 226, 176, 0.07) 0, rgba(255, 226, 176, 0.06) 50%, rgba(255, 226, 176, 0) 100%),
    radial-gradient(ellipse 22.54px 18.1px at 23.54px 19.1px, rgba(150, 64, 10, 0.14) 0, rgba(150, 64, 10, 0.11) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 0.81px 0.59px at 1.81px 1.59px, rgba(255, 246, 224, 0.66) 0, rgba(255, 246, 224, 0.66) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 0.65px 0.61px at 1.65px 1.61px, rgba(255, 246, 224, 0.53) 0, rgba(255, 246, 224, 0.53) 50%, rgba(255, 246, 224, 0) 100%);
  --cspot-bread: radial-gradient(ellipse 5.49px 2.78px at 12.92px 5.78px, rgba(140, 104, 60, 0.39) 0, rgba(140, 104, 60, 0.33) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.21px 1.62px at 8.49px 6.31px, rgba(140, 104, 60, 0.31) 0, rgba(140, 104, 60, 0.25) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 8.36px 3px at 11.61px 7.08px, rgba(255, 253, 245, 0.56) 0, rgba(255, 253, 245, 0.56) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.91px 2.49px at 4.91px 4.49px, rgba(140, 104, 60, 0.26) 0, rgba(140, 104, 60, 0.21) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.2px 2.61px at 5.51px 5.39px, rgba(255, 253, 245, 0.34) 0, rgba(255, 253, 245, 0.34) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.93px 1.01px at 3.93px 3.01px, rgba(140, 104, 60, 0.4) 0, rgba(140, 104, 60, 0.32) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.12px 1.06px at 4.53px 3.91px, rgba(255, 253, 245, 0.51) 0, rgba(255, 253, 245, 0.51) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.79px 1.34px at 3.79px 3.34px, rgba(140, 104, 60, 0.36) 0, rgba(140, 104, 60, 0.29) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.97px 1.4px at 4.39px 4.24px, rgba(255, 253, 245, 0.46) 0, rgba(255, 253, 245, 0.46) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.19px 1.96px at 4.19px 3.96px, rgba(140, 104, 60, 0.34) 0, rgba(140, 104, 60, 0.27) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.41px 2.06px at 4.79px 4.86px, rgba(255, 253, 245, 0.43) 0, rgba(255, 253, 245, 0.43) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 1.53px 0.95px at 3.53px 2.95px, rgba(140, 104, 60, 0.31) 0, rgba(140, 104, 60, 0.25) 50%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 1.69px 1px at 4.13px 3.85px, rgba(255, 253, 245, 0.4) 0, rgba(255, 253, 245, 0.4) 50%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 0.96px 0.58px at 1.96px 1.58px, rgba(150, 114, 70, 0.28) 0, rgba(150, 114, 70, 0.21) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.46px 1.44px at 2.46px 2.44px, rgba(150, 114, 70, 0.35) 0, rgba(150, 114, 70, 0.26) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.86px 0.6px at 1.86px 1.6px, rgba(150, 114, 70, 0.25) 0, rgba(150, 114, 70, 0.19) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.97px 0.7px at 1.97px 1.7px, rgba(150, 114, 70, 0.34) 0, rgba(150, 114, 70, 0.26) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.58px 1.55px at 2.58px 2.55px, rgba(150, 114, 70, 0.28) 0, rgba(150, 114, 70, 0.21) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.05px 0.71px at 2.05px 1.71px, rgba(150, 114, 70, 0.31) 0, rgba(150, 114, 70, 0.23) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.19px 0.84px at 2.19px 1.84px, rgba(150, 114, 70, 0.34) 0, rgba(150, 114, 70, 0.26) 50%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 5.1px 3.57px at 6.1px 4.57px, rgba(255, 255, 248, 0.11) 0, rgba(255, 255, 248, 0.07) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 7.41px 5.62px at 8.41px 6.62px, rgba(196, 158, 104, 0.12) 0, rgba(196, 158, 104, 0.07) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 3.92px 3.24px at 4.92px 4.24px, rgba(196, 158, 104, 0.09) 0, rgba(196, 158, 104, 0.05) 50%, rgba(196, 158, 104, 0) 100%),
    radial-gradient(ellipse 12.5px 9.13px at 13.5px 10.13px, rgba(255, 255, 248, 0.07) 0, rgba(255, 255, 248, 0.05) 50%, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 22.54px 18.1px at 23.54px 19.1px, rgba(200, 160, 104, 0.06) 0, rgba(200, 160, 104, 0.04) 50%, rgba(200, 160, 104, 0) 100%),
    radial-gradient(ellipse 0.81px 0.59px at 1.81px 1.59px, rgba(255, 255, 255, 0.47) 0, rgba(255, 255, 255, 0.47) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 0.65px 0.61px at 1.65px 1.61px, rgba(255, 255, 255, 0.37) 0, rgba(255, 255, 255, 0.37) 50%, rgba(255, 255, 255, 0) 100%);
  --cspot-size: 21.41px 12.56px, 21.41px 12.56px, 21.41px 12.56px, 10.81px 9.98px, 10.81px 9.98px, 8.86px 7.02px, 8.86px 7.02px, 8.57px 7.67px, 8.57px 7.67px, 9.38px 8.93px, 9.38px 8.93px, 8.07px 6.9px, 8.07px 6.9px, 3.92px 3.16px, 4.91px 4.89px, 3.71px 3.19px, 3.93px 3.4px, 5.17px 5.1px, 4.1px 3.41px, 4.38px 3.67px, 12.19px 9.14px, 16.82px 13.25px, 9.85px 8.48px, 27.01px 20.26px, 47.09px 38.2px, 3.63px 3.18px, 3.3px 3.21px;
  --cspot-rep: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  --cspot-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --cspot-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --cspot-b0: 6.38% 28.28%, 6.38% 28.28%, 6.38% 28.28%, 70.08% 23.43%, 70.08% 23.43%, 84.56% 33.34%, 84.56% 33.34%, 3.1% 47.2%, 3.1% 47.2%, 18.05% 13.3%, 18.05% 13.3%, 28.7% 48.78%, 28.7% 48.78%, 20.51% 80.23%, 30.8% 68.07%, 35.69% 20.08%, 43.72% 66.85%, 48.75% 63.38%, 13.69% 23.19%, 14.49% 51.33%, 84.65% 42.65%, 80.75% 20.9%, 23.64% 65.86%, 77.42% 75.49%, 15.98% 55.32%, 24.8% 71.95%, 57.69% 67.08%;
  --cspot-b1: 8.44% 38.05%, 8.44% 38.05%, 8.44% 38.05%, 2.35% 34.62%, 2.35% 34.62%, 74.26% 67.51%, 74.26% 67.51%, 47.11% 72.3%, 47.11% 72.3%, 45.3% 81.17%, 45.3% 81.17%, 60.56% 23.17%, 60.56% 23.17%, 56.41% 50.14%, 53.43% 29.21%, 68.75% 27.11%, 30.75% 31.17%, 27.62% 26.46%, 74.3% 65.24%, 4.92% 58.04%, 9.5% 63.48%, 41.11% 55.09%, 75.12% 74.3%, 67.55% 35.48%, 11.07% 58.69%, 53.32% 83.45%, 86.64% 27%;
  --cspot-b2: 75.33% 63.58%, 75.33% 63.58%, 75.33% 63.58%, 41.31% 27.85%, 41.31% 27.85%, 66.96% 89.54%, 66.96% 89.54%, 43.06% 80.07%, 43.06% 80.07%, 5.46% 54.22%, 5.46% 54.22%, 21.35% 51.54%, 21.35% 51.54%, 60.68% 80.47%, 52.2% 81.51%, 33.37% 22.27%, 46.63% 69.22%, 69.96% 14.94%, 25.86% 32.35%, 47.27% 80.94%, 28.01% 15.67%, 88.21% 81.54%, 75.99% 15.1%, 27.03% 26.14%, 89.84% 21.98%, 14.24% 29.65%, 77.93% 27.84%;
  --cspot-b3: 10.71% 79.37%, 10.71% 79.37%, 10.71% 79.37%, 59.64% 29.01%, 59.64% 29.01%, 76.85% 59.57%, 76.85% 59.57%, 81.49% 60.94%, 81.49% 60.94%, 71.43% 74%, 71.43% 74%, 35.04% 19.67%, 35.04% 19.67%, 88.19% 21.39%, 55.46% 91.3%, 35.65% 32.92%, 38.71% 28.18%, 73.99% 35.85%, 9.03% 59.64%, 26.88% 26.32%, 3.61% 79.11%, 38.26% 60%, 48.15% 81.54%, 8.46% 62.72%, 81.65% 34.56%, 43.63% 38.93%, 33.09% 87.63%;
  --cspot-b4: 40.1% 18.84%, 40.1% 18.84%, 40.1% 18.84%, 58.06% 22.62%, 58.06% 22.62%, 48.28% 38.57%, 48.28% 38.57%, 68.85% 24.64%, 68.85% 24.64%, 94.86% 17.8%, 94.86% 17.8%, 8.52% 65.95%, 8.52% 65.95%, 96.47% 80.93%, 81.14% 24.1%, 21.02% 35.52%, 24.76% 25.64%, 31.24% 42.19%, 33.05% 76.61%, 82.08% 22.74%, 52.09% 70.39%, 5.37% 87.55%, 56.41% 47.85%, 40.83% 84.18%, 52.79% 47.13%, 93.5% 26.66%, 46.6% 86.12%;
  --hspot-toast: radial-gradient(ellipse 4.59px 3.81px at 9.93px 6.81px, rgba(70, 26, 2, 0.56) 0, rgba(70, 26, 2, 0.47) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.49px 2.07px at 7.59px 6.38px, rgba(70, 26, 2, 0.45) 0, rgba(70, 26, 2, 0.36) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 6.31px 4.12px at 9.66px 8.11px, rgba(255, 232, 190, 0.42) 0, rgba(255, 232, 190, 0.42) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.26px 1.4px at 4.26px 3.4px, rgba(70, 26, 2, 0.4) 0, rgba(70, 26, 2, 0.32) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.49px 1.47px at 4.86px 4.3px, rgba(255, 232, 190, 0.27) 0, rgba(255, 232, 190, 0.27) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.12px 1.92px at 4.12px 3.92px, rgba(70, 26, 2, 0.42) 0, rgba(70, 26, 2, 0.34) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.33px 2.01px at 4.72px 4.82px, rgba(255, 232, 190, 0.29) 0, rgba(255, 232, 190, 0.29) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.61px 1.89px at 4.61px 3.89px, rgba(70, 26, 2, 0.4) 0, rgba(70, 26, 2, 0.32) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.87px 1.98px at 5.21px 4.79px, rgba(255, 232, 190, 0.27) 0, rgba(255, 232, 190, 0.27) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 1.16px 0.86px at 2.16px 1.86px, rgba(84, 34, 4, 0.49) 0, rgba(84, 34, 4, 0.37) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.84px 0.47px at 1.84px 1.47px, rgba(84, 34, 4, 0.39) 0, rgba(84, 34, 4, 0.3) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.81px 0.53px at 1.81px 1.53px, rgba(84, 34, 4, 0.48) 0, rgba(84, 34, 4, 0.36) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.11px 1.04px at 2.11px 2.04px, rgba(84, 34, 4, 0.54) 0, rgba(84, 34, 4, 0.41) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 0.9px 0.88px at 1.9px 1.88px, rgba(84, 34, 4, 0.44) 0, rgba(84, 34, 4, 0.33) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 6.01px 4.03px at 7.01px 5.03px, rgba(255, 232, 186, 0.06) 0, rgba(255, 232, 186, 0.03) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 5.91px 5.15px at 6.91px 6.15px, rgba(140, 60, 8, 0.09) 0, rgba(140, 60, 8, 0.05) 50%, rgba(140, 60, 8, 0) 100%),
    radial-gradient(ellipse 23.78px 16.97px at 24.78px 17.97px, rgba(255, 226, 176, 0.08) 0, rgba(255, 226, 176, 0.06) 50%, rgba(255, 226, 176, 0) 100%),
    radial-gradient(ellipse 19.04px 13.96px at 20.04px 14.96px, rgba(150, 64, 10, 0.09) 0, rgba(150, 64, 10, 0.07) 50%, rgba(150, 64, 10, 0) 100%),
    radial-gradient(ellipse 0.69px 0.6px at 1.69px 1.6px, rgba(255, 246, 224, 0.83) 0, rgba(255, 246, 224, 0.83) 50%, rgba(255, 246, 224, 0) 100%),
    radial-gradient(ellipse 0.63px 0.55px at 1.63px 1.55px, rgba(255, 246, 224, 0.55) 0, rgba(255, 246, 224, 0.55) 50%, rgba(255, 246, 224, 0) 100%);
  --hspot-size: 17.52px 14.62px, 17.52px 14.62px, 17.52px 14.62px, 9.52px 7.81px, 9.52px 7.81px, 9.24px 8.84px, 9.24px 8.84px, 10.22px 8.78px, 10.22px 8.78px, 4.32px 3.73px, 3.67px 2.95px, 3.62px 3.05px, 4.23px 4.09px, 3.79px 3.77px, 14.02px 10.07px, 13.83px 12.29px, 49.57px 35.94px, 40.08px 29.91px, 3.38px 3.2px, 3.26px 3.1px;
  --hspot-rep: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  --hspot-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --hspot-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --hspot-pos: 59.38% 36.33%, 59.38% 36.33%, 59.38% 36.33%, 2.14% 36.49%, 2.14% 36.49%, 81.02% 43.26%, 81.02% 43.26%, 57.66% 20.23%, 57.66% 20.23%, 43.06% 38.4%, 15.3% 27.68%, 11.05% 82.44%, 50.27% 51.34%, 76.12% 66.75%, 30.49% 84%, 55.45% 90.22%, 28.36% 36.84%, 8.37% 76.78%, 61.92% 77.2%, 38.11% 86.88%;
  --hcspot-toast: radial-gradient(ellipse 2.24px 1.97px at 4.24px 3.97px, rgba(70, 26, 2, 0.44) 0, rgba(70, 26, 2, 0.35) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.47px 2.07px at 4.84px 4.87px, rgba(255, 232, 190, 0.3) 0, rgba(255, 232, 190, 0.3) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 2.63px 1.55px at 4.63px 3.55px, rgba(70, 26, 2, 0.55) 0, rgba(70, 26, 2, 0.44) 50%, rgba(70, 26, 2, 0) 100%),
    radial-gradient(ellipse 2.9px 1.62px at 5.23px 4.45px, rgba(255, 232, 190, 0.38) 0, rgba(255, 232, 190, 0.38) 50%, rgba(255, 232, 190, 0) 100%),
    radial-gradient(ellipse 0.75px 0.67px at 1.75px 1.67px, rgba(84, 34, 4, 0.34) 0, rgba(84, 34, 4, 0.25) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.22px 1.07px at 2.22px 2.07px, rgba(84, 34, 4, 0.49) 0, rgba(84, 34, 4, 0.37) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 1.02px 0.96px at 2.02px 1.96px, rgba(84, 34, 4, 0.55) 0, rgba(84, 34, 4, 0.41) 50%, rgba(84, 34, 4, 0) 100%),
    radial-gradient(ellipse 3.04px 2.45px at 4.04px 3.45px, rgba(255, 232, 186, 0.07) 0, rgba(255, 232, 186, 0.04) 50%, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 0.82px 0.69px at 1.82px 1.69px, rgba(255, 246, 224, 0.61) 0, rgba(255, 246, 224, 0.61) 50%, rgba(255, 246, 224, 0) 100%);
  --hcspot-size: 9.49px 8.94px, 9.49px 8.94px, 10.27px 8.09px, 10.27px 8.09px, 3.5px 3.34px, 4.44px 4.14px, 4.04px 3.91px, 8.08px 6.91px, 3.65px 3.37px;
  --hcspot-rep: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  --hcspot-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --hcspot-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --hcspot-pos: 41.49% 76.36%, 41.49% 76.36%, 49.44% 53.22%, 49.44% 53.22%, 27.83% 67.45%, 29.41% 88.04%, 28.43% 87.4%, 16.01% 52.35%, 54.44% 86.65%;
  --read-tex: radial-gradient(ellipse 2.15px 1.8px at 92.51px 116.77px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 55%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.37px 1.89px at 93.11px 117.67px, rgba(255, 253, 245, 0.39) 0, rgba(255, 253, 245, 0.39) 55%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.16px 1.71px at 126.53px 52.72px, rgba(140, 104, 60, 0.3) 0, rgba(140, 104, 60, 0.24) 55%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.47px 1.8px at 127.13px 53.62px, rgba(255, 253, 245, 0.39) 0, rgba(255, 253, 245, 0.39) 55%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 3.07px 2.2px at 252.6px 57.15px, rgba(140, 104, 60, 0.4) 0, rgba(140, 104, 60, 0.32) 55%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.37px 2.31px at 253.2px 58.05px, rgba(255, 253, 245, 0.51) 0, rgba(255, 253, 245, 0.51) 55%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.85px 2.2px at 173.58px 147.91px, rgba(140, 104, 60, 0.33) 0, rgba(140, 104, 60, 0.27) 55%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 3.14px 2.31px at 174.18px 148.81px, rgba(255, 253, 245, 0.43) 0, rgba(255, 253, 245, 0.43) 55%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 2.05px 1.64px at 228.49px 253.62px, rgba(140, 104, 60, 0.32) 0, rgba(140, 104, 60, 0.26) 55%, rgba(140, 104, 60, 0) 100%),
    radial-gradient(ellipse 2.25px 1.72px at 229.09px 254.52px, rgba(255, 253, 245, 0.41) 0, rgba(255, 253, 245, 0.41) 55%, rgba(255, 253, 245, 0) 100%),
    radial-gradient(ellipse 0.9px 0.62px at 160.19px 152.09px, rgba(150, 114, 70, 0.25) 0, rgba(150, 114, 70, 0.18) 55%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 1.43px 1.25px at 22.9px 56.41px, rgba(150, 114, 70, 0.34) 0, rgba(150, 114, 70, 0.26) 55%, rgba(150, 114, 70, 0) 100%),
    radial-gradient(ellipse 0.85px 0.62px at 54.75px 118.68px, rgba(150, 114, 70, 0.27) 0, rgba(150, 114, 70, 0.2) 55%, rgba(150, 114, 70, 0) 100%);
  --rtex-size: 313px 229px, 313px 229px, 283px 223px, 283px 223px, 307px 271px, 307px 271px, 257px 283px, 257px 283px, 283px 269px, 283px 269px, 197px 181px, 139px 163px, 191px 193px;
  --rtex-rep: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  --rtex-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --rtex-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --rtex-read: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --rtex-readc: 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px, 8px 73px;
  --mini-tex: radial-gradient(ellipse 1.06px 0.57px at 18.99px 3.58px, rgba(96, 38, 4, 0.3) 0, rgba(96, 38, 4, 0.24) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.49px 0.79px at 2.35px 36.9px, rgba(96, 38, 4, 0.28) 0, rgba(96, 38, 4, 0.22) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.69px 0.72px at 3.47px 11.41px, rgba(96, 38, 4, 0.33) 0, rgba(96, 38, 4, 0.26) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.38px 0.64px at 5.8px 3.39px, rgba(96, 38, 4, 0.37) 0, rgba(96, 38, 4, 0.3) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.28px 0.6px at 7.9px 26.51px, rgba(96, 38, 4, 0.25) 0, rgba(96, 38, 4, 0.2) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.46px 0.64px at 24.24px 17.39px, rgba(96, 38, 4, 0.29) 0, rgba(96, 38, 4, 0.23) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 1.26px 0.59px at 27.91px 17.66px, rgba(96, 38, 4, 0.31) 0, rgba(96, 38, 4, 0.24) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.92px 0.59px at 21.13px 20.55px, rgba(96, 38, 4, 0.42) 0, rgba(96, 38, 4, 0.33) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.87px 0.87px at 25.37px 36.26px, rgba(96, 38, 4, 0.28) 0, rgba(96, 38, 4, 0.22) 45%, rgba(96, 38, 4, 0) 100%),
    radial-gradient(ellipse 0.63px 0.57px at 21.12px 24.22px, rgba(255, 238, 200, 0.35) 0, rgba(255, 238, 200, 0.28) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 0.69px 0.61px at 2.73px 11.53px, rgba(255, 238, 200, 0.38) 0, rgba(255, 238, 200, 0.31) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 0.62px 0.62px at 8.61px 19.4px, rgba(255, 238, 200, 0.41) 0, rgba(255, 238, 200, 0.33) 45%, rgba(255, 238, 200, 0) 100%),
    radial-gradient(ellipse 0.4px 0.29px at 3.32px 8.64px, rgba(255, 240, 204, 0.13) 0, rgba(255, 240, 204, 0.1) 45%, rgba(255, 240, 204, 0) 100%);
  --mini-size: 47px 41px, 43px 47px, 43px 29px, 29px 17px, 29px 37px, 29px 47px, 47px 29px, 47px 23px, 53px 47px, 41px 37px, 29px 43px, 41px 23px, 17px 19px;
  --mini-rep: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  --mini-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --mini-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --mini-zero: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --crust-tex: radial-gradient(ellipse 1.19px 0.88px at 95.87px 65.74px, rgba(255, 214, 160, 0.39) 0, rgba(255, 214, 160, 0.39) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.97px 0.76px at 35.36px 20.27px, rgba(255, 214, 160, 0.34) 0, rgba(255, 214, 160, 0.34) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.8px 0.53px at 3.15px 38.36px, rgba(255, 214, 160, 0.32) 0, rgba(255, 214, 160, 0.32) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 1.33px 0.97px at 56.81px 9.89px, rgba(255, 214, 160, 0.25) 0, rgba(255, 214, 160, 0.25) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.7px 0.35px at 28.43px 22.96px, rgba(255, 214, 160, 0.38) 0, rgba(255, 214, 160, 0.38) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.73px 0.44px at 52.14px 107.89px, rgba(255, 214, 160, 0.26) 0, rgba(255, 214, 160, 0.26) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.76px 0.6px at 3px 62.09px, rgba(255, 214, 160, 0.29) 0, rgba(255, 214, 160, 0.29) 45%, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.87px 0.4px at 2.06px 53.06px, rgba(38, 14, 2, 0.42) 0, rgba(38, 14, 2, 0.42) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 1.11px 0.63px at 28.88px 25.57px, rgba(38, 14, 2, 0.4) 0, rgba(38, 14, 2, 0.4) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 0.86px 0.51px at 112.29px 55.57px, rgba(38, 14, 2, 0.3) 0, rgba(38, 14, 2, 0.3) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 1.59px 0.75px at 2.93px 7.52px, rgba(38, 14, 2, 0.42) 0, rgba(38, 14, 2, 0.42) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 1.76px 0.77px at 59.92px 127.49px, rgba(38, 14, 2, 0.45) 0, rgba(38, 14, 2, 0.45) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 1.15px 0.58px at 12.17px 83.78px, rgba(38, 14, 2, 0.46) 0, rgba(38, 14, 2, 0.46) 45%, rgba(38, 14, 2, 0) 100%),
    radial-gradient(ellipse 1.66px 0.68px at 17.4px 33.59px, rgba(38, 14, 2, 0.49) 0, rgba(38, 14, 2, 0.49) 45%, rgba(38, 14, 2, 0) 100%);
  --crust-size: 131px 73px, 41px 167px, 107px 173px, 73px 61px, 131px 103px, 61px 173px, 61px 149px, 61px 79px, 89px 53px, 151px 67px, 43px 127px, 67px 137px, 97px 113px, 167px 97px;
  --crust-rep: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  --crust-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --crust-border: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  --crust-zero: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --table-crumbs: radial-gradient(ellipse 3.28px 1.98px at 309.38px 35.78px, rgba(255, 226, 158, 0.81) 0, rgba(238, 196, 128, 0.81) 40%, rgba(238, 196, 128, 0.81) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%),
    radial-gradient(ellipse 2.19px 1.64px at 38.27px 37.68px, rgba(164, 102, 56, 0.81) 0, rgba(134, 72, 26, 0.81) 40%, rgba(134, 72, 26, 0.81) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%),
    radial-gradient(ellipse 4px 3.2px at 26.44px 203.51px, rgba(226, 158, 88, 0.95) 0, rgba(196, 128, 58, 0.95) 40%, rgba(196, 128, 58, 0.95) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%),
    radial-gradient(ellipse 2.96px 1.89px at 37.92px 99.16px, rgba(198, 128, 68, 0.82) 0, rgba(168, 98, 38, 0.82) 40%, rgba(168, 98, 38, 0.82) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%),
    radial-gradient(ellipse 2.38px 2.02px at 189.23px 247.01px, rgba(164, 102, 56, 0.9) 0, rgba(134, 72, 26, 0.9) 40%, rgba(134, 72, 26, 0.9) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%),
    radial-gradient(ellipse 3.5px 3.24px at 158.11px 99.63px, rgba(198, 128, 68, 0.9) 0, rgba(168, 98, 38, 0.9) 40%, rgba(168, 98, 38, 0.9) 56%, rgba(40, 46, 70, 0.26) 64%, rgba(40, 46, 70, 0) 100%);
  --table-crumbs-size: 383px 313px, 457px 347px, 307px 349px, 271px 311px, 337px 401px, 431px 383px;
  --table-crumbs-pad: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  --table-crumbs-border: border-box, border-box, border-box, border-box, border-box, border-box;
  --table-crumbs-zero: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  --table-crumbs-rep: repeat, repeat, repeat, repeat, repeat, repeat;
  --wood: repeating-linear-gradient(178deg, rgba(60, 28, 8, 0) 0px, rgba(60, 28, 8, 0.14) 0px, rgba(60, 28, 8, 0.14) 1.03px, rgba(60, 28, 8, 0) 1.03px, rgba(60, 28, 8, 0) 5.62px, rgba(60, 28, 8, 0.15) 5.62px, rgba(60, 28, 8, 0.15) 7.31px, rgba(60, 28, 8, 0) 7.31px, rgba(60, 28, 8, 0) 9.76px, rgba(60, 28, 8, 0.18) 9.76px, rgba(60, 28, 8, 0.18) 10.39px, rgba(60, 28, 8, 0) 10.39px, rgba(60, 28, 8, 0) 14.2px, rgba(60, 28, 8, 0.2) 14.2px, rgba(60, 28, 8, 0.2) 15.22px, rgba(60, 28, 8, 0) 15.22px, rgba(60, 28, 8, 0) 20.52px, rgba(60, 28, 8, 0.13) 20.52px, rgba(60, 28, 8, 0.13) 22.62px, rgba(60, 28, 8, 0) 22.62px, rgba(60, 28, 8, 0) 29.1px, rgba(60, 28, 8, 0.15) 29.1px, rgba(60, 28, 8, 0.15) 29.97px, rgba(60, 28, 8, 0) 29.97px, rgba(60, 28, 8, 0) 38.04px, rgba(60, 28, 8, 0.16) 38.04px, rgba(60, 28, 8, 0.16) 39.58px, rgba(60, 28, 8, 0) 39.58px, rgba(60, 28, 8, 0) 46.28px, rgba(60, 28, 8, 0.17) 46.28px, rgba(60, 28, 8, 0.17) 47px, rgba(60, 28, 8, 0) 47px, rgba(60, 28, 8, 0) 53.14px, rgba(60, 28, 8, 0.06) 53.14px, rgba(60, 28, 8, 0.06) 54.28px, rgba(60, 28, 8, 0) 54.28px, rgba(60, 28, 8, 0) 62.34px, rgba(60, 28, 8, 0.16) 62.34px, rgba(60, 28, 8, 0.16) 63.79px, rgba(60, 28, 8, 0) 63.79px, rgba(60, 28, 8, 0) 71.94px, rgba(60, 28, 8, 0.19) 71.94px, rgba(60, 28, 8, 0.19) 73.83px, rgba(60, 28, 8, 0) 73.83px, rgba(60, 28, 8, 0) 78.59px, rgba(60, 28, 8, 0.12) 78.59px, rgba(60, 28, 8, 0.12) 80.63px, rgba(60, 28, 8, 0) 80.63px, rgba(60, 28, 8, 0) 89.18px, rgba(60, 28, 8, 0.07) 89.18px, rgba(60, 28, 8, 0.07) 91.36px, rgba(60, 28, 8, 0) 91.36px, rgba(60, 28, 8, 0) 94.32px, rgba(60, 28, 8, 0.2) 94.32px, rgba(60, 28, 8, 0.2) 95.31px, rgba(60, 28, 8, 0) 95.31px, rgba(60, 28, 8, 0) 97px),
    repeating-linear-gradient(181deg, rgba(255, 220, 170, 0) 0px, rgba(255, 220, 170, 0.06) 0px, rgba(255, 220, 170, 0.06) 1.19px, rgba(255, 220, 170, 0) 1.19px, rgba(255, 220, 170, 0) 8.25px, rgba(255, 220, 170, 0.06) 8.25px, rgba(255, 220, 170, 0.06) 9.17px, rgba(255, 220, 170, 0) 9.17px, rgba(255, 220, 170, 0) 16.85px, rgba(255, 220, 170, 0.09) 16.85px, rgba(255, 220, 170, 0.09) 17.99px, rgba(255, 220, 170, 0) 17.99px, rgba(255, 220, 170, 0) 26.45px, rgba(255, 220, 170, 0.09) 26.45px, rgba(255, 220, 170, 0.09) 27.97px, rgba(255, 220, 170, 0) 27.97px, rgba(255, 220, 170, 0) 38.9px, rgba(255, 220, 170, 0.05) 38.9px, rgba(255, 220, 170, 0.05) 40.14px, rgba(255, 220, 170, 0) 40.14px, rgba(255, 220, 170, 0) 50.02px, rgba(255, 220, 170, 0.09) 50.02px, rgba(255, 220, 170, 0.09) 51.59px, rgba(255, 220, 170, 0) 51.59px, rgba(255, 220, 170, 0) 59.14px, rgba(255, 220, 170, 0.05) 59.14px, rgba(255, 220, 170, 0.05) 60.42px, rgba(255, 220, 170, 0) 60.42px, rgba(255, 220, 170, 0) 61px);
  --wood-soft: repeating-linear-gradient(178deg, rgba(60, 28, 8, 0) 0px, rgba(60, 28, 8, 0.05) 0px, rgba(60, 28, 8, 0.05) 1.03px, rgba(60, 28, 8, 0) 1.03px, rgba(60, 28, 8, 0) 5.62px, rgba(60, 28, 8, 0.06) 5.62px, rgba(60, 28, 8, 0.06) 7.31px, rgba(60, 28, 8, 0) 7.31px, rgba(60, 28, 8, 0) 9.76px, rgba(60, 28, 8, 0.07) 9.76px, rgba(60, 28, 8, 0.07) 10.39px, rgba(60, 28, 8, 0) 10.39px, rgba(60, 28, 8, 0) 14.2px, rgba(60, 28, 8, 0.08) 14.2px, rgba(60, 28, 8, 0.08) 15.22px, rgba(60, 28, 8, 0) 15.22px, rgba(60, 28, 8, 0) 20.52px, rgba(60, 28, 8, 0.05) 20.52px, rgba(60, 28, 8, 0.05) 22.62px, rgba(60, 28, 8, 0) 22.62px, rgba(60, 28, 8, 0) 29.1px, rgba(60, 28, 8, 0.06) 29.1px, rgba(60, 28, 8, 0.06) 29.97px, rgba(60, 28, 8, 0) 29.97px, rgba(60, 28, 8, 0) 38.04px, rgba(60, 28, 8, 0.06) 38.04px, rgba(60, 28, 8, 0.06) 39.58px, rgba(60, 28, 8, 0) 39.58px, rgba(60, 28, 8, 0) 46.28px, rgba(60, 28, 8, 0.06) 46.28px, rgba(60, 28, 8, 0.06) 47px, rgba(60, 28, 8, 0) 47px, rgba(60, 28, 8, 0) 53.14px, rgba(60, 28, 8, 0.02) 53.14px, rgba(60, 28, 8, 0.02) 54.28px, rgba(60, 28, 8, 0) 54.28px, rgba(60, 28, 8, 0) 62.34px, rgba(60, 28, 8, 0.06) 62.34px, rgba(60, 28, 8, 0.06) 63.79px, rgba(60, 28, 8, 0) 63.79px, rgba(60, 28, 8, 0) 71.94px, rgba(60, 28, 8, 0.07) 71.94px, rgba(60, 28, 8, 0.07) 73.83px, rgba(60, 28, 8, 0) 73.83px, rgba(60, 28, 8, 0) 78.59px, rgba(60, 28, 8, 0.05) 78.59px, rgba(60, 28, 8, 0.05) 80.63px, rgba(60, 28, 8, 0) 80.63px, rgba(60, 28, 8, 0) 89.18px, rgba(60, 28, 8, 0.03) 89.18px, rgba(60, 28, 8, 0.03) 91.36px, rgba(60, 28, 8, 0) 91.36px, rgba(60, 28, 8, 0) 94.32px, rgba(60, 28, 8, 0.07) 94.32px, rgba(60, 28, 8, 0.07) 95.31px, rgba(60, 28, 8, 0) 95.31px, rgba(60, 28, 8, 0) 97px),
    repeating-linear-gradient(181deg, rgba(255, 220, 170, 0) 0px, rgba(255, 220, 170, 0.03) 0px, rgba(255, 220, 170, 0.03) 1.19px, rgba(255, 220, 170, 0) 1.19px, rgba(255, 220, 170, 0) 8.25px, rgba(255, 220, 170, 0.03) 8.25px, rgba(255, 220, 170, 0.03) 9.17px, rgba(255, 220, 170, 0) 9.17px, rgba(255, 220, 170, 0) 16.85px, rgba(255, 220, 170, 0.05) 16.85px, rgba(255, 220, 170, 0.05) 17.99px, rgba(255, 220, 170, 0) 17.99px, rgba(255, 220, 170, 0) 26.45px, rgba(255, 220, 170, 0.05) 26.45px, rgba(255, 220, 170, 0.05) 27.97px, rgba(255, 220, 170, 0) 27.97px, rgba(255, 220, 170, 0) 38.9px, rgba(255, 220, 170, 0.03) 38.9px, rgba(255, 220, 170, 0.03) 40.14px, rgba(255, 220, 170, 0) 40.14px, rgba(255, 220, 170, 0) 50.02px, rgba(255, 220, 170, 0.05) 50.02px, rgba(255, 220, 170, 0.05) 51.59px, rgba(255, 220, 170, 0) 51.59px, rgba(255, 220, 170, 0) 59.14px, rgba(255, 220, 170, 0.03) 59.14px, rgba(255, 220, 170, 0.03) 60.42px, rgba(255, 220, 170, 0) 60.42px, rgba(255, 220, 170, 0) 61px);
  --oak: repeating-linear-gradient(180deg, rgba(40, 18, 4, 0) 0, rgba(40, 18, 4, 0) 94px, rgba(40, 18, 4, 0.62) 94px, rgba(40, 18, 4, 0.62) 95.5px, rgba(255, 222, 176, 0.2) 95.5px, rgba(255, 222, 176, 0.2) 96.5px, rgba(255, 222, 176, 0) 96.5px, rgba(255, 222, 176, 0) 97px),
    repeating-linear-gradient(180deg, rgba(92, 44, 10, 0.12) 0, rgba(92, 44, 10, 0.12) 97px, rgba(255, 214, 160, 0.07) 97px, rgba(255, 214, 160, 0.07) 194px, rgba(70, 32, 8, 0.03) 194px, rgba(70, 32, 8, 0.03) 291px, rgba(120, 60, 16, 0.09) 291px, rgba(120, 60, 16, 0.09) 388px),
    repeating-linear-gradient(179.6deg, rgba(70, 32, 8, 0) 0px, rgba(70, 32, 8, 0.13) 0.41px, rgba(70, 32, 8, 0.13) 0.61px, rgba(70, 32, 8, 0) 1.01px, rgba(70, 32, 8, 0) 6.28px, rgba(70, 32, 8, 0.07) 7.06px, rgba(70, 32, 8, 0.07) 7.45px, rgba(70, 32, 8, 0) 8.24px, rgba(70, 32, 8, 0) 11px, rgba(70, 32, 8, 0.07) 11.34px, rgba(70, 32, 8, 0.07) 11.51px, rgba(70, 32, 8, 0) 11.84px, rgba(70, 32, 8, 0) 17.38px, rgba(70, 32, 8, 0.11) 17.7px, rgba(70, 32, 8, 0.11) 17.86px, rgba(70, 32, 8, 0) 18.18px, rgba(70, 32, 8, 0) 20.86px, rgba(70, 32, 8, 0.1) 21.29px, rgba(70, 32, 8, 0.1) 21.5px, rgba(70, 32, 8, 0) 21.93px, rgba(70, 32, 8, 0) 28.04px, rgba(70, 32, 8, 0.05) 28.67px, rgba(70, 32, 8, 0.05) 28.98px, rgba(70, 32, 8, 0) 29.61px, rgba(70, 32, 8, 0) 32.63px, rgba(70, 32, 8, 0.15) 32.96px, rgba(70, 32, 8, 0.15) 33.13px, rgba(70, 32, 8, 0) 33.47px, rgba(70, 32, 8, 0) 39.42px, rgba(70, 32, 8, 0.14) 40.17px, rgba(70, 32, 8, 0.14) 40.55px, rgba(70, 32, 8, 0) 41.31px, rgba(70, 32, 8, 0) 46.9px, rgba(70, 32, 8, 0.14) 47.75px, rgba(70, 32, 8, 0.14) 48.18px, rgba(70, 32, 8, 0) 49.02px, rgba(70, 32, 8, 0) 51.94px, rgba(70, 32, 8, 0.1) 52.72px, rgba(70, 32, 8, 0.1) 53.11px, rgba(70, 32, 8, 0) 53.9px, rgba(70, 32, 8, 0) 59.55px, rgba(70, 32, 8, 0.1) 60.15px, rgba(70, 32, 8, 0.1) 60.45px, rgba(70, 32, 8, 0) 61.05px, rgba(70, 32, 8, 0) 64.55px, rgba(70, 32, 8, 0.08) 65.07px, rgba(70, 32, 8, 0.08) 65.33px, rgba(70, 32, 8, 0) 65.84px, rgba(70, 32, 8, 0) 67.99px, rgba(70, 32, 8, 0.14) 68.75px, rgba(70, 32, 8, 0.14) 69.13px, rgba(70, 32, 8, 0) 69.9px, rgba(70, 32, 8, 0) 76.82px, rgba(70, 32, 8, 0.11) 77.5px, rgba(70, 32, 8, 0.11) 77.84px, rgba(70, 32, 8, 0) 78.52px, rgba(70, 32, 8, 0) 84.14px, rgba(70, 32, 8, 0.12) 84.47px, rgba(70, 32, 8, 0.12) 84.63px, rgba(70, 32, 8, 0) 84.96px, rgba(70, 32, 8, 0) 89px),
    repeating-linear-gradient(180.5deg, rgba(70, 32, 8, 0) 0px, rgba(70, 32, 8, 0.06) 0.35px, rgba(70, 32, 8, 0.06) 0.53px, rgba(70, 32, 8, 0) 0.88px, rgba(70, 32, 8, 0) 5.26px, rgba(70, 32, 8, 0.08) 5.66px, rgba(70, 32, 8, 0.08) 5.86px, rgba(70, 32, 8, 0) 6.26px, rgba(70, 32, 8, 0) 11.09px, rgba(70, 32, 8, 0.05) 11.59px, rgba(70, 32, 8, 0.05) 11.83px, rgba(70, 32, 8, 0) 12.33px, rgba(70, 32, 8, 0) 16.53px, rgba(70, 32, 8, 0.06) 16.92px, rgba(70, 32, 8, 0.06) 17.11px, rgba(70, 32, 8, 0) 17.5px, rgba(70, 32, 8, 0) 20.07px, rgba(70, 32, 8, 0.05) 20.55px, rgba(70, 32, 8, 0.05) 20.78px, rgba(70, 32, 8, 0) 21.26px, rgba(70, 32, 8, 0) 26.34px, rgba(70, 32, 8, 0.07) 27.19px, rgba(70, 32, 8, 0.07) 27.62px, rgba(70, 32, 8, 0) 28.47px, rgba(70, 32, 8, 0) 33.92px, rgba(70, 32, 8, 0.04) 34.76px, rgba(70, 32, 8, 0.04) 35.18px, rgba(70, 32, 8, 0) 36.01px, rgba(70, 32, 8, 0) 38.29px, rgba(70, 32, 8, 0.11) 39.05px, rgba(70, 32, 8, 0.11) 39.43px, rgba(70, 32, 8, 0) 40.18px, rgba(70, 32, 8, 0) 45.2px, rgba(70, 32, 8, 0.07) 45.54px, rgba(70, 32, 8, 0.07) 45.71px, rgba(70, 32, 8, 0) 46.05px, rgba(70, 32, 8, 0) 52.33px, rgba(70, 32, 8, 0.1) 53.14px, rgba(70, 32, 8, 0.1) 53.54px, rgba(70, 32, 8, 0) 54.35px, rgba(70, 32, 8, 0) 56.96px, rgba(70, 32, 8, 0.07) 57.75px, rgba(70, 32, 8, 0.07) 58.14px, rgba(70, 32, 8, 0) 58.93px, rgba(70, 32, 8, 0) 61px),
    repeating-linear-gradient(179.85deg, rgba(255, 222, 176, 0) 0px, rgba(255, 222, 176, 0.08) 0.33px, rgba(255, 222, 176, 0.08) 0.49px, rgba(255, 222, 176, 0) 0.82px, rgba(255, 222, 176, 0) 5.64px, rgba(255, 222, 176, 0.04) 6.34px, rgba(255, 222, 176, 0.04) 6.69px, rgba(255, 222, 176, 0) 7.39px, rgba(255, 222, 176, 0) 12.29px, rgba(255, 222, 176, 0.06) 12.9px, rgba(255, 222, 176, 0.06) 13.21px, rgba(255, 222, 176, 0) 13.82px, rgba(255, 222, 176, 0) 17.3px, rgba(255, 222, 176, 0.05) 18px, rgba(255, 222, 176, 0.05) 18.35px, rgba(255, 222, 176, 0) 19.06px, rgba(255, 222, 176, 0) 22.18px, rgba(255, 222, 176, 0.06) 22.53px, rgba(255, 222, 176, 0.06) 22.7px, rgba(255, 222, 176, 0) 23.05px, rgba(255, 222, 176, 0) 25.16px, rgba(255, 222, 176, 0.03) 25.55px, rgba(255, 222, 176, 0.03) 25.74px, rgba(255, 222, 176, 0) 26.13px, rgba(255, 222, 176, 0) 31.16px, rgba(255, 222, 176, 0.06) 31.76px, rgba(255, 222, 176, 0.06) 32.06px, rgba(255, 222, 176, 0) 32.65px, rgba(255, 222, 176, 0) 34.37px, rgba(255, 222, 176, 0.05) 34.89px, rgba(255, 222, 176, 0.05) 35.15px, rgba(255, 222, 176, 0) 35.67px, rgba(255, 222, 176, 0) 37.68px, rgba(255, 222, 176, 0.08) 37.92px, rgba(255, 222, 176, 0.08) 38.04px, rgba(255, 222, 176, 0) 38.29px, rgba(255, 222, 176, 0) 40.45px, rgba(255, 222, 176, 0.04) 40.89px, rgba(255, 222, 176, 0.04) 41.1px, rgba(255, 222, 176, 0) 41.54px, rgba(255, 222, 176, 0) 47px),
    radial-gradient(ellipse 224.4px 3.61px at 28.16px 65px, rgba(80, 36, 8, 0.08) 0, rgba(80, 36, 8, 0) 100%),
    radial-gradient(ellipse 223.34px 2.63px at 638.04px 64.46px, rgba(80, 36, 8, 0.07) 0, rgba(80, 36, 8, 0) 100%),
    radial-gradient(ellipse 302.08px 3.32px at 246.17px 157.42px, rgba(80, 36, 8, 0.14) 0, rgba(80, 36, 8, 0) 100%),
    radial-gradient(ellipse 237.6px 2.32px at 214.21px 58.45px, rgba(80, 36, 8, 0.09) 0, rgba(80, 36, 8, 0) 100%),
    radial-gradient(ellipse 1.58px 0.6px at 17.42px 2.82px, rgba(60, 26, 6, 0.3) 0, rgba(60, 26, 6, 0) 100%),
    radial-gradient(ellipse 2.7px 0.6px at 2.93px 9.51px, rgba(60, 26, 6, 0.3) 0, rgba(60, 26, 6, 0) 100%),
    radial-gradient(ellipse 2.46px 0.6px at 22.47px 7.99px, rgba(60, 26, 6, 0.3) 0, rgba(60, 26, 6, 0) 100%);
  --oak-size: auto, auto, auto, auto, auto, 787px 197px, 953px 211px, 953px 233px, 877px 197px, 43px 23px, 61px 13px, 41px 23px;
}

html,
body,
html body,
body.javascript {
  background: #eee8da !important;
}

body {
  color: #3a2212;
  font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

#outer,
#outer.wrapper {
  background-color: #fbfaf4 !important;
  background-image: var(--table-crumbs),
    radial-gradient(ellipse 75% 1100px at 8% 0, rgba(255, 244, 214, 0.55) 0, rgba(255, 244, 214, 0) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0, rgba(255, 255, 255, 0.16) 1px, rgba(28, 40, 84, 0.04) 1px, rgba(28, 40, 84, 0.04) 2px, rgba(28, 40, 84, 0) 2px, rgba(28, 40, 84, 0) 3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0, rgba(255, 255, 255, 0.13) 1px, rgba(28, 40, 84, 0.035) 1px, rgba(28, 40, 84, 0.035) 2px, rgba(28, 40, 84, 0) 2px, rgba(28, 40, 84, 0) 3px),
    conic-gradient(from 90deg at 50% 50%, rgba(40, 84, 170, 0.25) 0deg, rgba(40, 84, 170, 0.25) 90deg, rgba(40, 84, 170, 0) 90deg, rgba(40, 84, 170, 0) 180deg, rgba(40, 84, 170, 0.25) 180deg, rgba(40, 84, 170, 0.25) 270deg, rgba(40, 84, 170, 0.44) 270deg) !important;
  background-size: var(--table-crumbs-size), 100% 1200px, 4px 3px, 3px 4px, 34px 34px !important;
  background-repeat: var(--table-crumbs-rep), no-repeat, repeat, repeat, repeat !important;
  color: #3a2212;
}

a,
a:link,
a:visited {
  color: #2d4e9c;
}

a:hover,
a:focus {
  color: #b8233a;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  color: #3a2212;
}

::selection {
  background: rgba(255, 214, 90, 0.6);
  color: #2a1507;
}

#outer a:focus-visible,
#outer button:focus-visible,
#outer input:focus-visible,
#outer select:focus-visible,
#outer textarea:focus-visible {
  outline: 3px solid rgba(45, 78, 156, 0.55);
  outline-offset: 2px;
}

#skiplinks a {
  background: #fffdf6;
  color: #2d4e9c;
}

#header {
  padding: 0 1em 2.2em;
  background-color: #f4f7fd;
  background-image: radial-gradient(ellipse 70% 130% at 18% 0, rgba(255, 255, 255, 0.42) 0, rgba(255, 255, 255, 0) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0, rgba(255, 255, 255, 0.16) 1px, rgba(28, 40, 84, 0.045) 1px, rgba(28, 40, 84, 0.045) 2px, rgba(28, 40, 84, 0) 2px, rgba(28, 40, 84, 0) 3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0, rgba(255, 255, 255, 0.13) 1px, rgba(28, 40, 84, 0.04) 1px, rgba(28, 40, 84, 0.04) 2px, rgba(28, 40, 84, 0) 2px, rgba(28, 40, 84, 0) 3px),
    conic-gradient(from 90deg at 50% 50%, rgba(58, 104, 178, 0.3) 0deg, rgba(58, 104, 178, 0.3) 90deg, rgba(58, 104, 178, 0) 90deg, rgba(58, 104, 178, 0) 180deg, rgba(58, 104, 178, 0.3) 180deg, rgba(58, 104, 178, 0.3) 270deg, rgba(58, 104, 178, 0.51) 270deg);
  background-size: 100% 100%, 4px 3px, 3px 4px, 36px 36px;
  box-shadow: none;
}

#header:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 22px;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.85) 4px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0) 8px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 45%, rgba(18, 36, 86, 0) 60%, rgba(18, 36, 86, 0.22) 100%),
    radial-gradient(circle at 11px 0, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 7px),
    radial-gradient(circle at 11px 0, rgba(18, 36, 86, 0) 0, rgba(18, 36, 86, 0) 7px, rgba(18, 36, 86, 0.22) 10px, rgba(18, 36, 86, 0) 10.6px),
    radial-gradient(circle at 11px 0, #6f91cf 0, #6f91cf 10px, rgba(111, 145, 207, 0) 10.6px),
    linear-gradient(#6f91cf, #6f91cf);
  background-size: 100% 1.5px, 100% 10px, 22px 12px, 22px 12px, 22px 12px, 100% 10px;
  background-position: 0 4px, 0 0, 0 10px, 0 10px, 0 10px, 0 0;
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-x, no-repeat;
  filter: drop-shadow(0 2px 1.5px rgba(20, 34, 72, 0.3));
}

#outer #header h1.heading {
  position: relative;
  z-index: 0;
  margin: -4% 0 66px;
  padding: 168px 0 0;
}

#outer #header h1.heading:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  bottom: -59px;
  width: 330px;
  max-width: 92vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: radial-gradient(ellipse 2.6px 1.9px at 16% 72%, #c78a47 0, #c78a47 60%, rgba(199, 138, 71, 0) 100%),
    radial-gradient(ellipse 3px 2.2px at 16.4% 72.8%, rgba(40, 50, 80, 0.3) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 1.8px 1.4px at 20% 79%, #a8642c 0, #a8642c 60%, rgba(168, 100, 44, 0) 100%),
    radial-gradient(ellipse 2.2px 1.6px at 82% 79%, #d9a15f 0, #d9a15f 60%, rgba(217, 161, 95, 0) 100%),
    radial-gradient(ellipse 2.6px 1.9px at 82.4% 79.8%, rgba(40, 50, 80, 0.26) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 1.5px 1.2px at 86% 72%, #b8742f 0, #b8742f 60%, rgba(184, 116, 47, 0) 100%),
    radial-gradient(ellipse 50% 50% at 49% 49%, rgba(70, 80, 106, 0) 57%, rgba(70, 80, 106, 0.16) 61%, rgba(70, 80, 106, 0) 64.5%),
    radial-gradient(ellipse 50% 50% at 51% 51%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0.85) 62%, rgba(255, 255, 255, 0) 65%),
    radial-gradient(closest-side at 50% 50%, #f6f6f2 0, #f3f3ee 56%, #ebebe6 61%, #f2f2ee 64%, rgba(242, 242, 238, 0) 64.6%),
    conic-gradient(from 270deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.55) 20deg, rgba(255, 255, 255, 0.85) 38deg, rgba(255, 255, 255, 0.55) 56deg, rgba(255, 255, 255, 0) 76deg, rgba(255, 255, 255, 0) 360deg),
    radial-gradient(ellipse 50% 50% at 49.2% 49.2%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0.9) 97.5%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 50% 50% at 50.8% 50.8%, rgba(50, 60, 90, 0) 93%, rgba(50, 60, 90, 0.24) 98%, rgba(50, 60, 90, 0) 100%),
    radial-gradient(closest-side at 50% 50%, #f7f7f3 0, #f7f7f3 70%, #f2f2ee 80%, #5174bb 81.2%, #2f53a3 82.4%, #2f53a3 85.2%, #5174bb 86.4%, #f2f2ee 87.6%, #eeeee9 94%, #d8d9db 98.6%, rgba(208, 209, 212, 0) 100%);
  box-shadow: 0 1px 1.5px rgba(26, 38, 72, 0.3), 3px 7px 10px rgba(26, 38, 72, 0.2), 8px 18px 26px rgba(26, 38, 72, 0.16);
  transform: translate(-50%, 0);
}

#outer #header h1.heading:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 91px;
  right: -6px;
  width: 148px;
  height: 70px;
  background-image: radial-gradient(ellipse 13px 2.4px at 37% 30%, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 5px 1.6px at 63% 70%, rgba(255, 255, 255, 0.45) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(circle at 36% 38%, rgba(255, 250, 226, 0.55) 0, rgba(255, 250, 226, 0.55) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(circle at 37% 60%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.8px, rgba(255, 250, 226, 0) 1.5px),
    radial-gradient(circle at 47% 76%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(circle at 57% 24%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.3px),
    radial-gradient(circle at 64% 36%, rgba(255, 250, 226, 0.55) 0, rgba(255, 250, 226, 0.55) 0.8px, rgba(255, 250, 226, 0) 1.5px),
    radial-gradient(circle at 63% 58%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(ellipse 30% 30% at 42% 40%, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 19% 28% at 50% 50%, rgba(255, 238, 168, 0.55) 0, rgba(255, 238, 168, 0.46) 55%, rgba(255, 234, 158, 0) 100%),
    radial-gradient(ellipse 14% 20% at 59% 61%, rgba(255, 238, 168, 0.36) 0, rgba(255, 234, 158, 0) 100%),
    radial-gradient(ellipse 40% 42% at 49% 50%, rgba(192, 110, 16, 0.36) 0, rgba(192, 110, 16, 0.3) 45%, rgba(192, 110, 16, 0.14) 75%, rgba(192, 110, 16, 0) 100%),
    radial-gradient(ellipse 27% 36% at 30% 62%, rgba(186, 104, 14, 0.28) 0, rgba(186, 104, 14, 0.17) 55%, rgba(186, 104, 14, 0) 100%),
    radial-gradient(ellipse 30% 29% at 68% 37%, rgba(186, 104, 14, 0.26) 0, rgba(186, 104, 14, 0.15) 55%, rgba(186, 104, 14, 0) 100%),
    radial-gradient(ellipse 21% 26% at 75% 70%, rgba(176, 96, 12, 0.24) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 17% 21% at 24% 31%, rgba(176, 96, 12, 0.2) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 15% 19% at 53% 84%, rgba(176, 96, 12, 0.2) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 12% 14% at 86% 52%, rgba(176, 96, 12, 0.16) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 34% 38% at 50% 52%, rgba(170, 90, 10, 0.2) 0, rgba(170, 90, 10, 0.12) 60%, rgba(170, 90, 10, 0) 100%);
  transform: scale(0.162, 0.171);
  transform-origin: 50% 50%;
  transition: transform 3.6s ease-out 99999s;
}

#outer #header h1.heading:hover:after {
  transform: scale(1, 1);
  transition: transform 3.6s ease-out 0.4s;
}

#outer #header h1.heading a {
  --crumb: #ebc080;
  --toast: rgba(172, 84, 18, 0.46);
  --toast-soft: rgba(172, 84, 18, 0.22);
  --rim: rgba(255, 240, 206, 0.36);
  --crust: #9a4f1b;
  --crust-lt: #b8692a;
  --crust-dk: #6a320f;
  --crust-lit: rgba(255, 214, 160, 0.4);
  --crust-sheen: rgba(255, 222, 170, 0.3);
  position: relative;
  display: block;
  width: 250px;
  max-width: 68vw;
  min-height: 122px;
  margin: 0 auto;
  padding: 0 0.7em 1.1em;
  box-sizing: border-box;
  border: 12px solid transparent;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 26px 22px;
  border-bottom-right-radius: 28px 24px;
  background-color: transparent;
  background-image: radial-gradient(ellipse 10px 13px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 10px 13px at 10px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--hspot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 24px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 24px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 19px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 10px 14.5px, 10px 14.5px, var(--hspot-size), var(--grain-size), 68% 60%, 44% 48%, 50% 40%, 36% 34%, 30% 26%, 68% 220px, 24px 100%, 24px 100%, 100% 19px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 0, 100% 0, var(--hspot-pos), var(--grain-h1), 37.5% 60%, 12.5% 76.92%, 76% 36.67%, 82.81% 81.82%, 8.57% 36.49%, 50% -110px, 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, var(--hspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--hspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--hspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: 3px 4px 0 -1px #5a2a0c, 5px 11px 12px -5px rgba(40, 30, 24, 0.42);
  color: #5b3314;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

#outer #header h1.heading a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -18px;
  right: -18px;
  top: -90px;
  height: 104px;
  box-sizing: border-box;
  border: 12px solid transparent;
  border-top-left-radius: 46% 64px;
  border-top-right-radius: 47% 66px;
  border-bottom-left-radius: 23.2px 38px;
  border-bottom-right-radius: 23.2px 38px;
  background-image: radial-gradient(ellipse 10px 13px at 6px 13px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 10px 13px at 10px 13px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--hcspot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 6px, rgba(0, 0, 0, 0) 30px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 6px, rgba(0, 0, 0, 0) 30px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 19px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 16px 26px, 16px 26px, var(--hcspot-size), var(--grain-size), 68% 220px, 30px 100%, 30px 100%, 100% 19px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 78.5px, 100% 78.5px, var(--hcspot-pos), var(--grain-h1c), 50% -32px, 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, var(--hcspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--hcspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--hcspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 1px rgba(60, 24, 4, 0.3), 3px 4px 0 -1px #5a2a0c, 5px 10px 12px -5px rgba(40, 30, 24, 0.38), inset 4px 0 2px -2px var(--crust-lit);
}

#outer #header h1.heading a:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -58px;
  right: 34px;
  width: 46px;
  height: 32px;
  border-top-left-radius: 7px 6px;
  border-top-right-radius: 8px 7px;
  border-bottom-left-radius: 7px 7px;
  border-bottom-right-radius: 6px 6px;
  background-color: #f5dd96;
  background-image: radial-gradient(ellipse 15px 3.6px at 18px 6px, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 4.5px 2px at 36px 23px, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.45) 100%),
    repeating-linear-gradient(101deg, #fbe7a4 0, #fbe7a4 5.4px, rgba(251, 231, 164, 0) 5.6px, rgba(251, 231, 164, 0) 7.3px, #fbe7a4 7.5px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 -2px 3px rgba(206, 150, 40, 0.4), 0 3.5px 0 -0.5px #eccb6c, 0 5px 0 -0.5px #d6ae4c, 2px 8px 7px rgba(90, 44, 6, 0.36);
  transform: translate(0, 0) scale(1, 1);
  transform-origin: 50% 50%;
  transition: transform 3s ease-in-out 99999s, border-radius 3s ease-in-out 99999s, box-shadow 3s ease-in-out 99999s, background-color 3s ease-in-out 99999s;
}

#outer #header h1.heading:hover a:after {
  background-color: #fbe7a4;
  border-top-left-radius: 17px 13px;
  border-top-right-radius: 19px 14px;
  border-bottom-left-radius: 18px 14px;
  border-bottom-right-radius: 16px 13px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 1px 0 0 rgba(255, 255, 255, 0.7), inset 0 -1px 2px rgba(206, 150, 40, 0.28), 0 1.5px 0 -0.5px #efd27a, 0 2px 0 -0.5px #dcb759, 1px 3px 3px rgba(90, 44, 6, 0.22);
  transform: translate(-1px, 3px) scale(1.04, 0.9);
  transition: transform 3s ease-in-out 0.2s, border-radius 1.4s ease-out 0.2s, box-shadow 1.4s ease-out 0.2s, background-color 2.6s ease-in-out 0.3s;
}

#outer #header h1.heading a span {
  display: block;
  position: relative;
  top: -26px;
  padding: 0 0.05em;
  color: #5a2a0b;
  background-image: var(--crust-tex), radial-gradient(ellipse 60% 70% at 50% 45%, #3f1b06 0, #5e2d0c 55%, #7d4216 100%);
  background-size: var(--crust-size), 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 1px rgba(110, 52, 12, 0.7)) drop-shadow(0 0 5px rgba(150, 74, 20, 0.45));
  font-family: "Cooper Black", "Superclarendon", Rockwell, "Rockwell Extra Bold", Georgia, serif;
  font-size: 2.6em;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 0.95;
}

#outer #header h1.heading a span:after {
  content: "stories, lightly toasted";
  display: block;
  margin: 0.62em 0 0;
  -webkit-text-fill-color: #74400f;
  color: #74400f;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.24em;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#header #greeting,
#header #login {
  padding: 0.9em 0.4em 0;
}

#header .user a,
#header #greeting .user > li > a,
#header #login p.user a {
  margin: 0 0.2em;
  padding: 0.45em 0.95em 0.4em 1.3em;
  border-radius: 3px 5px 5px 3px;
  background-color: #fbf6e8;
  background-image: radial-gradient(circle at 0.55em 50%, #9d6534 0, #9d6534 2.5px, rgba(157, 101, 52, 0) 3px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 50, 0) 70%, rgba(120, 90, 50, 0.08) 100%);
  box-shadow: 0 1px 1px rgba(40, 16, 2, 0.35), 1px 3px 5px rgba(40, 16, 2, 0.3);
  color: #3a2212;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.84em;
  font-weight: bold;
}

#header #greeting .user > li:nth-child(2) > a {
  transform: rotate(1.5deg);
}

#header #greeting .user > li:nth-child(3) > a {
  transform: rotate(-1deg);
}

#header #greeting .user > li > a:hover,
#header #greeting .dropdown:hover > a,
#header #greeting .open > a,
#header #login .open > a,
#header #login p.user a:hover,
#header #login p.user a:focus {
  background-color: #ffe9a3 !important;
  color: #3a2212 !important;
  border-radius: 3px 5px 5px 3px !important;
}

#greeting p.icon {
  padding-left: 0.5em;
}

#greeting img.icon {
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fbfbf8, 0 0 0 4px #cfd1d3, 0 0 0 7px #fbfbf8, 0 0 0 8px #2c52a2, 1px 3px 6px 8px rgba(40, 16, 2, 0.35);
}

#header > nav:last-of-type {
  margin-top: 0.2em;
}

#header .primary > li,
#header .primary > li:first-of-type {
  margin: 0.5em 0.35em;
}

#header .primary > li > a,
#header .primary > li.dropdown > a {
  display: block;
  padding: 0.9em 1.3em 1.05em 1.6em;
  border: none;
  border-top-left-radius: 6px 7px;
  border-bottom-left-radius: 6px 7px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #d99c5a;
  background-image: radial-gradient(ellipse 1.5px 1px at 5px 4px, rgba(104, 40, 4, 0.5) 0, rgba(104, 40, 4, 0.28) 50%, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 1.1px 1.6px at 21px 13px, rgba(104, 40, 4, 0.42) 0, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 2.2px 1.1px at 40px 6px, rgba(116, 48, 6, 0.36) 0, rgba(116, 48, 6, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 9px 30px, rgba(96, 36, 2, 0.5) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1.3px 0.9px at 30px 21px, rgba(110, 44, 4, 0.4) 0, rgba(110, 44, 4, 0) 100%),
    radial-gradient(ellipse 0.8px 1.2px at 14px 9px, rgba(96, 36, 2, 0.45) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 25px 3px, rgba(255, 232, 186, 0.7) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 0.8px 0.8px at 6px 14px, rgba(255, 232, 186, 0.6) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 18% 46% at 28% 40%, rgba(140, 56, 6, 0.4) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 14% 40% at 72% 60%, rgba(140, 56, 6, 0.36) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 22% 32% at 52% 22%, rgba(146, 60, 8, 0.2) 0, rgba(146, 60, 8, 0) 100%),
    radial-gradient(ellipse 12% 30% at 90% 36%, rgba(130, 52, 6, 0.3) 0, rgba(130, 52, 6, 0) 100%),
    radial-gradient(ellipse 26% 40% at 44% 64%, rgba(255, 222, 164, 0.38) 0, rgba(255, 222, 164, 0) 100%),
    radial-gradient(ellipse 16% 36% at 12% 30%, rgba(255, 222, 164, 0.3) 0, rgba(255, 222, 164, 0) 100%),
    linear-gradient(180deg, rgba(255, 238, 204, 0.42) 0, rgba(255, 238, 204, 0) 5px),
    linear-gradient(90deg, #6a320f 0, #8a4518 2px, #9c5320 5.5px, rgba(156, 83, 32, 0.6) 7px, rgba(156, 83, 32, 0) 8.5px),
    radial-gradient(ellipse 1px 0.8px at 6px 2.5px, rgba(150, 96, 40, 0.45) 0, rgba(150, 96, 40, 0) 100%),
    radial-gradient(ellipse 0.8px 0.7px at 3px 1.5px, rgba(150, 96, 40, 0.4) 0, rgba(150, 96, 40, 0) 100%),
    linear-gradient(180deg, rgba(120, 60, 14, 0.55) 0, #ead0a0 1px, #f3dfb6 45%, #ddb880 100%),
    linear-gradient(#d99c5a, #d99c5a);
  background-size: 37px 23px, 41px 29px, 53px 19px, 31px 37px, 47px 31px, 59px 27px, 43px 17px, 29px 41px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 10px 100%, 13px 4px, 19px 4px, 100% 4.5px, 100% 100%;
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%, 7px 100%, 0 100%, 0 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: inset 0 0 0 0.5px rgba(110, 50, 10, 0.35), 0 1px 0 rgba(90, 44, 12, 0.4), 2px 5px 6px -1px rgba(38, 16, 2, 0.42);
  color: #3a1a06 !important;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 0.98em;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-shadow: 0 0 1px rgba(90, 40, 8, 0.6), 0 0 5px rgba(160, 80, 20, 0.45);
  transform: rotate(-2deg);
  transition: transform 0.35s ease-in-out, filter 0.5s ease-in-out, box-shadow 0.35s ease-in-out;
}

#header .primary > li:nth-child(2) > a {
  background-image: radial-gradient(ellipse 1.5px 1px at 5px 4px, rgba(104, 40, 4, 0.5) 0, rgba(104, 40, 4, 0.28) 50%, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 1.1px 1.6px at 21px 13px, rgba(104, 40, 4, 0.42) 0, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 2.2px 1.1px at 40px 6px, rgba(116, 48, 6, 0.36) 0, rgba(116, 48, 6, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 9px 30px, rgba(96, 36, 2, 0.5) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1.3px 0.9px at 30px 21px, rgba(110, 44, 4, 0.4) 0, rgba(110, 44, 4, 0) 100%),
    radial-gradient(ellipse 0.8px 1.2px at 14px 9px, rgba(96, 36, 2, 0.45) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 25px 3px, rgba(255, 232, 186, 0.7) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 0.8px 0.8px at 6px 14px, rgba(255, 232, 186, 0.6) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 18% 46% at 28% 40%, rgba(140, 56, 6, 0.4) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 14% 40% at 72% 60%, rgba(140, 56, 6, 0.36) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 22% 32% at 52% 22%, rgba(146, 60, 8, 0.2) 0, rgba(146, 60, 8, 0) 100%),
    radial-gradient(ellipse 12% 30% at 90% 36%, rgba(130, 52, 6, 0.3) 0, rgba(130, 52, 6, 0) 100%),
    radial-gradient(ellipse 26% 40% at 44% 64%, rgba(255, 222, 164, 0.38) 0, rgba(255, 222, 164, 0) 100%),
    radial-gradient(ellipse 16% 36% at 12% 30%, rgba(255, 222, 164, 0.3) 0, rgba(255, 222, 164, 0) 100%),
    linear-gradient(180deg, rgba(255, 238, 204, 0.42) 0, rgba(255, 238, 204, 0) 5px),
    linear-gradient(270deg, #6a320f 0, #8a4518 2px, #9c5320 5.5px, rgba(156, 83, 32, 0.6) 7px, rgba(156, 83, 32, 0) 8.5px),
    radial-gradient(ellipse 1px 0.8px at 6px 2.5px, rgba(150, 96, 40, 0.45) 0, rgba(150, 96, 40, 0) 100%),
    radial-gradient(ellipse 0.8px 0.7px at 3px 1.5px, rgba(150, 96, 40, 0.4) 0, rgba(150, 96, 40, 0) 100%),
    linear-gradient(180deg, rgba(120, 60, 14, 0.55) 0, #ead0a0 1px, #f3dfb6 45%, #ddb880 100%),
    linear-gradient(#d99c5a, #d99c5a);
  background-size: 37px 23px, 41px 29px, 53px 19px, 31px 37px, 47px 31px, 59px 27px, 43px 17px, 29px 41px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 10px 100%, 13px 4px, 19px 4px, 100% 4.5px, 100% 100%;
  background-position: 17px 9px, 17px 9px, 17px 9px, 17px 9px, 17px 9px, 17px 9px, 17px 9px, 17px 9px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 100%, 7px 100%, 0 100%, 0 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  padding: 0.9em 1.6em 1.05em 1.3em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 6px 7px;
  border-bottom-right-radius: 6px 7px;
  transform: rotate(1.5deg);
}

#header .primary > li:nth-child(3) > a {
  background-position: 29px 4px, 29px 4px, 29px 4px, 29px 4px, 29px 4px, 29px 4px, 29px 4px, 29px 4px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%, 7px 100%, 0 100%, 0 0;
  transform: rotate(-0.8deg);
}

#header .primary > li:nth-child(4) > a {
  background-image: radial-gradient(ellipse 1.5px 1px at 5px 4px, rgba(104, 40, 4, 0.5) 0, rgba(104, 40, 4, 0.28) 50%, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 1.1px 1.6px at 21px 13px, rgba(104, 40, 4, 0.42) 0, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 2.2px 1.1px at 40px 6px, rgba(116, 48, 6, 0.36) 0, rgba(116, 48, 6, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 9px 30px, rgba(96, 36, 2, 0.5) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1.3px 0.9px at 30px 21px, rgba(110, 44, 4, 0.4) 0, rgba(110, 44, 4, 0) 100%),
    radial-gradient(ellipse 0.8px 1.2px at 14px 9px, rgba(96, 36, 2, 0.45) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 25px 3px, rgba(255, 232, 186, 0.7) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 0.8px 0.8px at 6px 14px, rgba(255, 232, 186, 0.6) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 18% 46% at 28% 40%, rgba(140, 56, 6, 0.4) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 14% 40% at 72% 60%, rgba(140, 56, 6, 0.36) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 22% 32% at 52% 22%, rgba(146, 60, 8, 0.2) 0, rgba(146, 60, 8, 0) 100%),
    radial-gradient(ellipse 12% 30% at 90% 36%, rgba(130, 52, 6, 0.3) 0, rgba(130, 52, 6, 0) 100%),
    radial-gradient(ellipse 26% 40% at 44% 64%, rgba(255, 222, 164, 0.38) 0, rgba(255, 222, 164, 0) 100%),
    radial-gradient(ellipse 16% 36% at 12% 30%, rgba(255, 222, 164, 0.3) 0, rgba(255, 222, 164, 0) 100%),
    linear-gradient(180deg, rgba(255, 238, 204, 0.42) 0, rgba(255, 238, 204, 0) 5px),
    linear-gradient(270deg, #6a320f 0, #8a4518 2px, #9c5320 5.5px, rgba(156, 83, 32, 0.6) 7px, rgba(156, 83, 32, 0) 8.5px),
    radial-gradient(ellipse 1px 0.8px at 6px 2.5px, rgba(150, 96, 40, 0.45) 0, rgba(150, 96, 40, 0) 100%),
    radial-gradient(ellipse 0.8px 0.7px at 3px 1.5px, rgba(150, 96, 40, 0.4) 0, rgba(150, 96, 40, 0) 100%),
    linear-gradient(180deg, rgba(120, 60, 14, 0.55) 0, #ead0a0 1px, #f3dfb6 45%, #ddb880 100%),
    linear-gradient(#d99c5a, #d99c5a);
  background-size: 37px 23px, 41px 29px, 53px 19px, 31px 37px, 47px 31px, 59px 27px, 43px 17px, 29px 41px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 10px 100%, 13px 4px, 19px 4px, 100% 4.5px, 100% 100%;
  background-position: 8px 15px, 8px 15px, 8px 15px, 8px 15px, 8px 15px, 8px 15px, 8px 15px, 8px 15px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 100%, 7px 100%, 0 100%, 0 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  padding: 0.9em 1.6em 1.05em 1.3em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 6px 7px;
  border-bottom-right-radius: 6px 7px;
  transform: rotate(2.2deg);
}

#header .primary > li.dropdown:hover > a,
#header .primary > li.open > a,
#header .primary > li > a:hover,
#header .primary > li > a:focus {
  background-color: #d99c5a !important;
  filter: brightness(0.86) saturate(1.2);
  box-shadow: inset 0 0 0 0.5px rgba(110, 50, 10, 0.35), 0 1px 0 rgba(90, 44, 12, 0.4), 4px 12px 12px -2px rgba(38, 16, 2, 0.36);
  transform: rotate(0deg) translate(0, -4px);
}

#header #search .text,
#header #site_search {
  width: 11em;
  margin: 0;
  padding: 0.7em 1em;
  border: none;
  border-radius: 2px;
  background-color: #fdfbf4;
  background-image: linear-gradient(90deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 0.7em, rgba(184, 35, 58, 0.35) 0.7em, rgba(184, 35, 58, 0.35) 0.78em, rgba(184, 35, 58, 0) 0.78em),
    linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 30%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.06) 100%);
  box-shadow: inset 0 1px 2px rgba(60, 40, 10, 0.12), 0 1px 1px rgba(40, 16, 2, 0.4), 2px 4px 6px rgba(40, 16, 2, 0.35);
  color: #3a2212;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.9em;
  text-indent: 0.4em;
}

#header #search .text:focus,
#header #site_search:focus {
  outline: 2px solid rgba(45, 78, 156, 0.6);
  outline-offset: 2px;
}

#header #search .button {
  margin-left: 0.6em;
  padding: 0.72em 1.15em 0.66em;
  border: none;
  border-top-left-radius: 7px 6px;
  border-top-right-radius: 9px 7px;
  border-bottom-left-radius: 8px 7px;
  border-bottom-right-radius: 6px 6px;
  background-color: #fbe6a0;
  background-image: radial-gradient(ellipse 60% 22% at 40% 18%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 40%),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.45) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.35), 0 3px 0 -0.5px #eccb6c, 0 4.5px 0 -0.5px #d6ae4c, 2px 7px 8px rgba(80, 40, 6, 0.45);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.82em;
  font-weight: bold;
  transform: rotate(3deg);
  transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  cursor: pointer;
}

#header #search .button:hover,
#header #search .button:focus {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.35), 0 1.5px 0 -0.5px #eccb6c, 0 2.5px 0 -0.5px #d6ae4c, 1px 3px 4px rgba(80, 40, 6, 0.4);
  transform: rotate(1deg) scale(1.06, 0.94);
}

#header .menu,
#header .dropdown .menu,
#header #greeting .menu {
  margin-top: 2px;
  padding: 0.5em 0;
  border: 10px solid transparent;
  border-radius: 3px;
  background-color: #fdfcf7;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 45%, rgba(22, 34, 72, 0) 70%, rgba(22, 34, 72, 0.06) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, rgba(28, 40, 84, 0.035) 1px, rgba(28, 40, 84, 0.035) 2px),
    linear-gradient(#fdfcf7, #fdfcf7),
    linear-gradient(90deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.5) 6%, rgba(40, 84, 170, 0.5) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(180deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.5) 6%, rgba(40, 84, 170, 0.5) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(#f7f6f0, #f7f6f0);
  background-size: 100% 100%, 4px 2px, 100% 100%, 12px 12px, 12px 12px, 100% 100%;
  background-clip: padding-box, padding-box, padding-box, border-box, border-box, border-box;
  background-origin: padding-box, padding-box, padding-box, border-box, border-box, border-box;
  box-shadow: 0 1px 2px rgba(40, 16, 2, 0.3), 4px 16px 26px rgba(40, 16, 2, 0.35);
}

#header .dropdown .menu:before,
#header #greeting .dropdown .menu:before {
  top: -18px;
  left: -10px;
  right: -10px;
  height: 18px;
}

#header .menu li {
  margin: 0 0.35em;
}

#header .dropdown .menu a,
#header .primary .menu a,
#header .primary .dropdown .menu a,
#header .primary .dropdown:hover .menu a,
#header .primary .open .menu a,
#header #greeting .dropdown .menu a,
#header #greeting .dropdown:hover .menu a {
  display: block;
  margin: 0;
  padding: 0.62em 0.9em;
  background: transparent;
  background-image: none;
  border: none;
  border-radius: 2px;
  box-shadow: none;
  color: #3a2212 !important;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.93em;
  font-weight: 600;
  letter-spacing: 0;
  text-shadow: none;
  transform: none;
  filter: none;
}

#header .primary .dropdown:hover .menu a:hover,
#header .primary .dropdown .menu a:focus,
#header #greeting .dropdown:hover .menu a:hover,
#header #greeting .dropdown .menu a:focus,
#header .dropdown .menu a:hover {
  background: rgba(255, 222, 120, 0.55) !important;
  color: #2a1507 !important;
}

#header #small_login {
  padding: 1.1em 1.2em 1em;
  border: none;
  border-radius: 3px;
  background-color: #fffdf6;
  background-image: linear-gradient(180deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 2.1em, rgba(184, 35, 58, 0.5) 2.1em, rgba(184, 35, 58, 0.5) 2.2em, rgba(184, 35, 58, 0) 2.2em),
    repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.9em, rgba(45, 78, 156, 0.18) 1.9em, rgba(45, 78, 156, 0.18) 1.96em);
  background-size: auto, 4px 1.96em;
  box-shadow: 0 1px 2px rgba(40, 16, 2, 0.3), 4px 16px 26px rgba(40, 16, 2, 0.35);
  color: #3a2212;
}

#header #small_login label,
#header #small_login dt {
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.78em;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#header #small_login input[type="text"],
#header #small_login input[type="password"] {
  padding: 0.5em 0.7em;
  border: none;
  border-bottom: 2px solid rgba(45, 78, 156, 0.45);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  color: #3a2212;
}

#header #small_login label.action {
  color: #3a2212;
  font-size: 0.82em;
  letter-spacing: 0;
  text-transform: none;
}

#header #small_login input[type="checkbox"] {
  border: 2px solid #9aa9c9;
  border-radius: 4px;
  background: #ffffff;
}

#header #small_login input[type="checkbox"]:checked {
  border-color: #2d4e9c;
  background: #2d4e9c;
}

#header #small_login input[type="checkbox"]:checked:after {
  border-color: #ffffff;
}

#header #small_login input[type="submit"] {
  padding: 0.6em 1.2em 0.55em;
  border: none;
  border-radius: 7px;
  background-color: #fbe6a0;
  background-image: linear-gradient(168deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 3px 0 -0.5px #e0bb58, 1px 5px 6px rgba(80, 40, 6, 0.35);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-weight: bold;
  cursor: pointer;
}

#header #small_login .footnote a {
  color: #2d4e9c;
  font-size: 0.95em;
}

#outer #header h2.collections {
  position: relative;
  z-index: 2;
  margin: 1em 0 0;
  padding: 0.5em 1em;
  border: none;
  background: #fdfcf7;
  box-shadow: 0 1px 2px rgba(40, 16, 2, 0.3), 2px 6px 10px rgba(40, 16, 2, 0.3);
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  text-align: center;
}

#outer #header h2.collections a {
  color: #2d4e9c;
}

#main {
  padding: 2.4em 4vw 5em;
}

#main h2.heading,
#main .heading h2 {
  margin: 0.9em 0 0.5em;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 2.15em;
  font-weight: 800;
  line-height: 1.22;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff, 0 0 3px #fbfaf4, 0 0 10px #fbfaf4, 0 0 18px rgba(251, 250, 244, 0.9);
}

#main h2.heading a.tag,
#main h2.heading a {
  padding: 0 0.12em;
  border-radius: 3px 8px 4px 9px;
  background-color: rgba(247, 176, 60, 0.42);
  background-image: linear-gradient(176deg, rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0) 40%, rgba(200, 110, 20, 0) 60%, rgba(200, 110, 20, 0.2) 100%);
  box-shadow: inset 0 -0.18em 0 rgba(214, 120, 30, 0.25);
  color: #3a2212;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

#main h3.heading,
#main h4.heading {
  color: #3a2212;
}

#main .landmark {
  color: #3a2212;
}

#outer #main .actions a,
#outer #main .actions a:link,
#outer #main .actions a:visited,
#outer #main .actions button,
#outer #main .actions input[type="submit"],
#outer #main .action,
#outer #main button,
#outer #main input[type="submit"],
#outer #main input[type="button"],
#outer #main input[type="reset"],
#outer #main .actions label,
#outer #main .button,
#outer #main .actions span.current,
#outer #main .actions .current {
  display: inline-block;
  margin: 0.3em 0.18em;
  padding: 0.64em 1.15em 0.56em;
  border: none;
  border-top-left-radius: 7px 6px;
  border-top-right-radius: 9px 7px;
  border-bottom-left-radius: 8px 7px;
  border-bottom-right-radius: 6px 6px;
  background-color: #fbe6a0;
  background-image: radial-gradient(ellipse 60% 22% at 40% 16%, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 40%),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.42) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.32), 0 3px 0 -0.5px #eccb6c, 0 4.5px 0 -0.5px #d6ae4c, 1px 6px 7px rgba(90, 52, 12, 0.3);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: box-shadow 0.35s ease-in-out, border-radius 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

#outer #main .actions a:hover,
#outer #main .actions a:focus,
#outer #main .actions button:hover,
#outer #main .actions input[type="submit"]:hover,
#outer #main .action:hover,
#outer #main button:hover,
#outer #main input[type="submit"]:hover,
#outer #main input[type="button"]:hover,
#outer #main input[type="reset"]:hover,
#outer #main .actions label:hover,
#outer #main .button:hover {
  background-color: #fde9a8;
  border-top-left-radius: 12px 9px;
  border-top-right-radius: 14px 10px;
  border-bottom-left-radius: 13px 10px;
  border-bottom-right-radius: 11px 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.3), 0 1.5px 0 -0.5px #eccb6c, 0 2.5px 0 -0.5px #d6ae4c, 1px 3px 4px rgba(90, 52, 12, 0.28);
  color: #3a2212;
}

#outer #main .actions span.current,
#outer #main .actions .current {
  background-color: #c0243a;
  background-image: radial-gradient(ellipse 50% 24% at 38% 20%, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(circle at 30% 70%, rgba(255, 220, 160, 0.5) 0, rgba(255, 220, 160, 0.5) 1px, rgba(255, 220, 160, 0) 1.6px),
    radial-gradient(circle at 70% 60%, rgba(255, 220, 160, 0.45) 0, rgba(255, 220, 160, 0.45) 1px, rgba(255, 220, 160, 0) 1.6px),
    linear-gradient(180deg, rgba(90, 0, 16, 0) 40%, rgba(90, 0, 16, 0.35) 100%);
  box-shadow: inset 0 1px 1px rgba(255, 190, 190, 0.6), inset 0 -2px 3px rgba(70, 0, 12, 0.4), 0 2px 0 -0.5px #8e1226, 1px 4px 6px rgba(90, 10, 20, 0.35);
  color: #fff4ee;
  text-shadow: 0 1px 1px rgba(80, 0, 12, 0.5);
}

#outer #main .navigation.actions,
#outer #main ul.user.navigation.actions {
  margin: 0.2em 0 0.5em;
}

#outer #main .actions a.rss span {
  padding-left: 0;
  background: none;
}

#outer #main ol.pagination {
  margin: 1.8em auto;
}

#outer #main ol.pagination li {
  margin: 0.2em 0.14em;
}

#outer #main ol.pagination a,
#outer #main ol.pagination a:link,
#outer #main ol.pagination a:visited,
#outer #main ol.pagination .current,
#outer #main ol.pagination span.disabled,
#outer #main ol.pagination .gap {
  display: inline-block;
  min-width: 2.7em;
  height: 2.7em;
  margin: 0;
  padding: 0 0.45em;
  box-sizing: border-box;
  border: none;
  border-radius: 999px;
  background-color: #f7f6f1;
  background-image: radial-gradient(ellipse 40% 22% at 34% 22%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(closest-side at 50% 50%, #f3f2ed 0, #f3f2ed 58%, #dfe0e1 66%, #fbfbf8 72%, #f4f4f0 86%, #cfd1d3 98%, rgba(207, 209, 211, 0) 100%);
  box-shadow: inset 0 0 0 2px #fbfbf8, inset 0 0 0 3.5px #4a6fb8, 1px 3px 5px rgba(40, 30, 20, 0.3);
  color: #3a2212;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.84em;
  font-weight: bold;
  line-height: 2.7em;
  text-align: center;
  position: relative;
  top: 0;
  transition: top 0.3s ease-in-out;
}

#outer #main ol.pagination li.previous a,
#outer #main ol.pagination li.next a,
#outer #main ol.pagination li.previous span,
#outer #main ol.pagination li.next span {
  padding: 0 1.25em;
}

#outer #main ol.pagination a:hover,
#outer #main ol.pagination a:focus {
  background-color: #fff5d6;
  top: -2px;
}

#outer #main ol.pagination .current {
  border: 4px solid transparent;
  border-top-left-radius: 14px 12px;
  border-top-right-radius: 14px 12px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: var(--mini-tex), radial-gradient(ellipse 80% 80% at 50% 40%, #efbd78 0, #e0a15c 100%), var(--crust-tex), linear-gradient(150deg, #b0622a 0, #7c3a13 100%);
  background-size: var(--mini-size), 100% 100%, var(--crust-size), 100% 100%;
  background-clip: var(--mini-pad), padding-box, var(--crust-border), border-box;
  background-origin: var(--mini-pad), padding-box, var(--crust-border), border-box;
  box-shadow: inset 0 0 6px rgba(140, 62, 12, 0.45), 0 0 0 1px rgba(60, 24, 4, 0.5), 1px 3px 4px rgba(40, 18, 4, 0.35);
  color: #3a1a06;
  line-height: 2.2em;
}

#outer #main ol.pagination span.disabled {
  opacity: 0.5;
}

#outer #main ol.pagination .gap {
  min-width: 1.4em;
  background: transparent;
  box-shadow: none;
  text-shadow: 0 0 4px #ffffff;
}

#outer #main .flash,
#outer #main .notice,
#outer #main p.notice,
#outer #main .caution,
#outer #main .comment_notice,
#outer #main .kudos_notice {
  position: relative;
  margin: 1.2em auto;
  padding: 1em 1.3em;
  border: none;
  border-radius: 1px;
  background-color: #fff3b8;
  background-image: linear-gradient(176deg, rgba(255, 255, 255, 0.45) 0, rgba(255, 255, 255, 0) 30%, rgba(160, 120, 20, 0) 80%, rgba(160, 120, 20, 0.1) 100%);
  box-shadow: 0 1px 1px rgba(80, 60, 10, 0.25), 2px 6px 10px -2px rgba(60, 40, 10, 0.3);
  color: #3a2212;
}

#outer #main .flash:empty {
  display: none;
}

#outer #main .flash.error,
#outer #main .error,
#outer #main div.error,
#outer #main #error,
#outer #main .comment_error,
#outer #main .kudos_error {
  position: relative;
  margin: 1.2em auto;
  padding: 1em 1.3em 1em 3.4em;
  border: none;
  border-radius: 3px;
  background-color: #fff7f2;
  background-image: radial-gradient(circle at 1.6em 1.45em, #c0243a 0, #c0243a 0.62em, rgba(192, 36, 58, 0) 0.68em),
    linear-gradient(90deg, rgba(192, 36, 58, 0.14) 0, rgba(192, 36, 58, 0) 4em);
  box-shadow: inset 4px 0 0 #c0243a, 0 1px 1px rgba(80, 20, 10, 0.25), 2px 6px 10px -2px rgba(60, 20, 10, 0.3);
  color: #5a1420;
}

#outer #main .flash.error:before,
#outer #main div.error:before,
#outer #main #error:before {
  content: "!";
  position: absolute;
  top: 0.78em;
  left: 1.33em;
  width: 1.25em;
  color: #ffffff;
  font-family: "Cooper Black", "Superclarendon", Georgia, serif;
  font-weight: 800;
  text-align: center;
}

#outer #main .error h4,
#outer #main #error h4 {
  color: #8e1226;
}

#outer #main .error ul,
#outer #main #error ul {
  margin: 0.4em 0 0;
  padding-left: 1.2em;
  list-style: disc;
}

#outer #main p.required.notice,
#outer #main .required.notice {
  display: inline-block;
  margin: 0.4em 0 1em;
  padding: 0.4em 0.9em;
  background-color: #fffdf6;
  font-size: 0.85em;
  transform: none;
}

#outer #admin-banner,
#outer .announcement {
  padding: 1.2em 3.4em 1.1em 1.6em;
  border: none;
  border-radius: 1px;
  background-color: #fffdf6;
  background-image: repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.5em, rgba(45, 78, 156, 0.13) 1.5em, rgba(45, 78, 156, 0.13) 1.56em),
    linear-gradient(90deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 2.4em, rgba(184, 35, 58, 0.35) 2.4em, rgba(184, 35, 58, 0.35) 2.47em, rgba(184, 35, 58, 0) 2.47em);
  background-size: 4px 1.56em, auto;
  box-shadow: 0 1px 1px rgba(60, 40, 10, 0.25), 3px 8px 14px -3px rgba(60, 40, 10, 0.35);
  color: #3a2212;
}

#outer #admin-banner .userstuff,
#outer #admin-banner .userstuff p {
  color: #3a2212;
  font-family: "Iowan Old Style", Charter, "Palatino Linotype", Georgia, serif;
  font-size: 1.02em;
  line-height: 1.55;
}

#outer #admin-banner a {
  color: #2d4e9c;
  text-decoration: underline;
}

#outer #admin-banner .showme.action,
#outer #admin-banner input.showme {
  background-color: #fbe6a0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 0 #d6ae4c, 1px 3px 4px rgba(90, 52, 12, 0.3);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1em;
  font-weight: bold;
}

#outer .symbol.question span {
  background: #2d4e9c;
  box-shadow: 0 1px 2px rgba(20, 30, 60, 0.4);
  color: #ffffff;
}

#outer .symbol.question a:hover span,
#outer a:hover .symbol.question span {
  background: #b8233a;
}

#outer #main ol.index,
#outer #main ul.index {
  position: relative;
  z-index: 0;
}

#outer #main ol.index {
  margin-top: 1em;
}

#outer #main li.blurb {
  --crumb: #ebc284;
  --toast: rgba(172, 84, 18, 0.42);
  --toast-soft: rgba(172, 84, 18, 0.2);
  --rim: rgba(255, 240, 206, 0.34);
  --crust: #99501c;
  --crust-lt: #b8692a;
  --crust-dk: #6a320f;
  --crust-lit: rgba(255, 214, 160, 0.4);
  --crust-sheen: rgba(255, 222, 170, 0.3);
  --ink: #3a2212;
  --ink-soft: #6a4022;
  --link: #2a4a98;
  --jam: #b0203a;
  --pill: rgba(255, 250, 236, 0.6);
  --pill-line: rgba(150, 78, 26, 0.42);
  --slice-gpos: var(--grain-b0);
  --slice-gcpos: var(--grain-b0c);
  --slice-spos: var(--spot-b0);
  --slice-cspos: var(--cspot-b0);
  margin: 146px 18px 2.8em;
  padding: 0 2em 1.2em;
  border: 10px solid transparent;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px 26px;
  border-bottom-right-radius: 34px 28px;
  background-color: transparent;
  background-image: radial-gradient(ellipse 12px 16px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--spot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 12px 17.5px, 12px 17.5px, var(--spot-size), var(--grain-size), 68% 60%, 44% 48%, 50% 40%, 36% 34%, 30% 26%, 60% 300px, 36px 100%, 36px 100%, 100% 28px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 0, 100% 0, var(--slice-spos), var(--slice-gpos), 37.5% 60%, 12.5% 76.92%, 76% 36.67%, 82.81% 81.82%, 8.57% 36.49%, 50% -150px, 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, var(--spot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--spot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--spot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: none;
  color: var(--ink);
}

#outer #main li.blurb,
#outer #main li.blurb.own,
#outer #main li.blurb.draft {
  opacity: 1;
}

#outer #main li.blurb:nth-of-type(5n+2) {
  --slice-gpos: var(--grain-b1);
  --slice-gcpos: var(--grain-b1c);
  --slice-spos: var(--spot-b1);
  --slice-cspos: var(--cspot-b1);
}

#outer #main li.blurb:nth-of-type(5n+3) {
  --slice-gpos: var(--grain-b2);
  --slice-gcpos: var(--grain-b2c);
  --slice-spos: var(--spot-b2);
  --slice-cspos: var(--cspot-b2);
}

#outer #main li.blurb:nth-of-type(5n+4) {
  --slice-gpos: var(--grain-b3);
  --slice-gcpos: var(--grain-b3c);
  --slice-spos: var(--spot-b3);
  --slice-cspos: var(--cspot-b3);
}

#outer #main li.blurb:nth-of-type(5n) {
  --slice-gpos: var(--grain-b4);
  --slice-gcpos: var(--grain-b4c);
  --slice-spos: var(--spot-b4);
  --slice-cspos: var(--cspot-b4);
}

#outer #main li.blurb .header:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px 26px;
  border-bottom-right-radius: 34px 28px;
  box-shadow: 0 0 0 1px rgba(60, 24, 4, 0.34), 3px 4px 0 -1px var(--crust-dk), 6px 14px 18px -4px rgba(26, 38, 72, 0.34);
  transition: box-shadow 0.6s ease-in-out;
}

#outer #main li.blurb:has(.rating-general-audience) {
  --crumb: #f6e7c5;
  --rim: rgba(255, 253, 242, 0.42);
  --crust: #bb783a;
  --crust-lt: #d4914c;
  --crust-dk: #8c5224;
  --crust-lit: rgba(255, 226, 180, 0.45);
  --crust-sheen: rgba(255, 232, 196, 0.34);
  --pill-line: rgba(160, 104, 50, 0.4);
}

#outer #main li.blurb:has(.rating-notrated) {
  --crumb: #f9f2e1;
  --rim: rgba(255, 255, 252, 0.5);
  --crust: #c6935a;
  --crust-lt: #d8aa6f;
  --crust-dk: #996934;
  --crust-lit: rgba(255, 236, 200, 0.5);
  --crust-sheen: rgba(255, 238, 206, 0.36);
  --pill-line: rgba(170, 120, 64, 0.4);
}

#outer #main li.blurb:has(.rating-general-audience),
#outer #main li.blurb:has(.rating-notrated) {
  background-image: radial-gradient(ellipse 12px 16px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--spot-bread),
    var(--grain-bread),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 12px 17.5px, 12px 17.5px, var(--spot-size), var(--grain-size), 36px 100%, 36px 100%, 100% 28px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 0, 100% 0, var(--slice-spos), var(--slice-gpos), 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, var(--spot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--spot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--spot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
}

#outer #main li.blurb:has(.rating-mature) {
  --crumb: #d99c5a;
  --toast: rgba(132, 50, 4, 0.44);
  --toast-soft: rgba(132, 50, 4, 0.22);
  --rim: rgba(255, 228, 184, 0.3);
  --crust: #6b3210;
  --crust-lt: #8a4418;
  --crust-dk: #43200a;
  --crust-lit: rgba(255, 196, 140, 0.3);
  --crust-sheen: rgba(255, 206, 150, 0.22);
  --ink: #2a1306;
  --ink-soft: #4a260c;
  --link: #1c3478;
  --jam: #8e0f25;
  --pill: rgba(255, 238, 212, 0.55);
  --pill-line: rgba(90, 40, 8, 0.5);
}

#outer #main li.blurb:has(.rating-explicit) {
  --crumb: #9d5b29;
  --toast: rgba(58, 20, 2, 0.4);
  --toast-soft: rgba(58, 20, 2, 0.2);
  --rim: rgba(255, 196, 136, 0.14);
  --crust: #4a220b;
  --crust-lt: #63300f;
  --crust-dk: #2a1206;
  --crust-lit: rgba(255, 176, 116, 0.24);
  --crust-sheen: rgba(255, 196, 140, 0.16);
  --ink: #fcebd2;
  --ink-soft: #f0d0a6;
  --link: #d2e0ff;
  --jam: #ffb4a4;
  --pill: rgba(255, 236, 210, 0.12);
  --pill-line: rgba(255, 200, 146, 0.45);
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes) {
  --crumb: #3e2c22;
  --toast: rgba(10, 4, 0, 0.46);
  --toast-soft: rgba(10, 4, 0, 0.24);
  --rim: rgba(255, 160, 100, 0.07);
  --crust: #1c1310;
  --crust-lt: #2c1f19;
  --crust-dk: #0c0806;
  --crust-lit: rgba(255, 150, 90, 0.16);
  --crust-sheen: rgba(255, 150, 90, 0.08);
  --ink: #f7e6cd;
  --ink-soft: #d6b58f;
  --link: #b4c4ff;
  --jam: #ff8a78;
  --pill: rgba(255, 232, 205, 0.09);
  --pill-line: rgba(255, 160, 100, 0.38);
  background-image: radial-gradient(closest-side, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, rgba(0, 0, 0, 0.36) 0, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, rgba(0, 0, 0, 0.34) 0, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--spot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 36px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 48% 40%, 60% 48%, 28% 24%, 24% 30%, 12px 17.5px, 12px 17.5px, var(--spot-size), var(--grain-size), 68% 60%, 44% 48%, 50% 40%, 36% 34%, 30% 26%, 60% 300px, 36px 100%, 36px 100%, 100% 28px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 19.23% 63.33%, 85% 23.08%, 91.67% 81.58%, 5.26% 21.43%, 0 0, 100% 0, var(--slice-spos), var(--slice-gpos), 37.5% 60%, 12.5% 76.92%, 76% 36.67%, 82.81% 81.82%, 8.57% 36.49%, 50% -150px, 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, var(--spot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box, border-box, var(--spot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, var(--spot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes) .header:after {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 3px 4px 0 -1px var(--crust-dk), 6px 14px 18px -4px rgba(26, 38, 72, 0.4), 0 0 0 0 rgba(255, 90, 20, 0);
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):hover .header:after {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 3px 4px 0 -1px var(--crust-dk), 6px 14px 18px -4px rgba(26, 38, 72, 0.4), 0 0 16px 2px rgba(255, 90, 20, 0.5);
}

#outer #main li.blurb:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -106px;
  left: -19px;
  right: -19px;
  height: 118px;
  box-sizing: border-box;
  border: 10px solid transparent;
  border-top-left-radius: 46% 72px;
  border-top-right-radius: 48% 72px;
  border-bottom-left-radius: 24.7px 46px;
  border-bottom-right-radius: 24.7px 46px;
  background-image: radial-gradient(ellipse 12px 16px at 9px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--cspot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 21px 32px, 21px 32px, var(--cspot-size), var(--grain-size), 60% 300px, 45px 100%, 45px 100%, 100% 28px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 91.5px, 100% 91.5px, var(--slice-cspos), var(--slice-gcpos), 50% -54px, 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, var(--cspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--cspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--cspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 1px rgba(60, 24, 4, 0.34), 3px 4px 0 -1px var(--crust-dk), 6px 12px 16px -4px rgba(26, 38, 72, 0.3), inset 4px 0 2px -2px var(--crust-lit);
}

#outer #main li.blurb:has(.rating-general-audience):before,
#outer #main li.blurb:has(.rating-notrated):before {
  background-image: radial-gradient(ellipse 12px 16px at 9px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--cspot-bread),
    var(--grain-bread),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 21px 32px, 21px 32px, var(--cspot-size), var(--grain-size), 45px 100%, 45px 100%, 100% 28px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 91.5px, 100% 91.5px, var(--slice-cspos), var(--slice-gcpos), 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, var(--cspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--cspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--cspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):before {
  background-image: radial-gradient(closest-side, rgba(0, 0, 0, 0.34) 0, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 9px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 12px 16px at 12px 16px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--cspot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 9px, rgba(0, 0, 0, 0) 45px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 28px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 52% 84%, 28% 64%, 21px 32px, 21px 32px, var(--cspot-size), var(--grain-size), 60% 300px, 45px 100%, 45px 100%, 100% 28px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 29.17% 25%, 88.89% 22.22%, 0 91.5px, 100% 91.5px, var(--slice-cspos), var(--slice-gcpos), 50% -54px, 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, var(--cspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: padding-box, padding-box, border-box, border-box, var(--cspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: padding-box, padding-box, border-box, border-box, var(--cspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 3px 4px 0 -1px var(--crust-dk), 6px 12px 16px -4px rgba(26, 38, 72, 0.36), 0 0 0 0 rgba(255, 90, 20, 0), inset 4px 0 2px -2px var(--crust-lit);
  transition: box-shadow 0.5s ease-in-out;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):hover:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 3px 4px 0 -1px var(--crust-dk), 6px 12px 16px -4px rgba(26, 38, 72, 0.36), 0 0 16px 2px rgba(255, 90, 20, 0.5), inset 4px 0 2px -2px var(--crust-lit);
}

#outer #main li.blurb:after {
  content: "";
  position: absolute;
  top: -84px;
  left: 50%;
  width: 44px;
  height: 30px;
  margin-left: -22px;
  border-top-left-radius: 7px 6px;
  border-top-right-radius: 8px 7px;
  border-bottom-left-radius: 7px 7px;
  border-bottom-right-radius: 6px 6px;
  background-color: #f5dd96;
  background-image: radial-gradient(ellipse 14px 3.5px at 17px 6px, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 4.5px 2px at 34px 22px, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.45) 100%),
    repeating-linear-gradient(101deg, #fbe7a4 0, #fbe7a4 5.4px, rgba(251, 231, 164, 0) 5.6px, rgba(251, 231, 164, 0) 7.3px, #fbe7a4 7.5px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 -2px 3px rgba(206, 150, 40, 0.4), 0 3.5px 0 -0.5px #eccb6c, 0 5px 0 -0.5px #d6ae4c, 2px 8px 7px rgba(90, 44, 6, 0.36);
  transform: translate(0, 0) scale(1, 1);
  transform-origin: 50% 50%;
  transition: transform 3s ease-in-out 99999s, border-radius 3s ease-in-out 99999s, box-shadow 3s ease-in-out 99999s, background-color 3s ease-in-out 99999s;
}

#outer #main li.blurb:not(:has(.rating-general-audience)):not(:has(.rating-notrated)):hover:after {
  background-color: #fbe7a4;
  border-top-left-radius: 16px 12px;
  border-top-right-radius: 18px 13px;
  border-bottom-left-radius: 17px 13px;
  border-bottom-right-radius: 15px 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 1px 0 0 rgba(255, 255, 255, 0.7), inset 0 -1px 2px rgba(206, 150, 40, 0.28), 0 1.5px 0 -0.5px #efd27a, 0 2px 0 -0.5px #dcb759, 1px 3px 3px rgba(90, 44, 6, 0.22);
  transform: translate(-1px, 3px) scale(1.05, 0.9);
  transition: transform 3s ease-in-out 0.2s, border-radius 1.4s ease-out 0.2s, box-shadow 1.4s ease-out 0.2s, background-color 2.6s ease-in-out 0.3s;
}

#outer #main li.blurb .header:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -103px;
  left: 50%;
  width: 156px;
  height: 68px;
  margin-left: -78px;
  background-image: radial-gradient(ellipse 13px 2.4px at 37% 30%, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 5px 1.6px at 63% 70%, rgba(255, 255, 255, 0.45) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(circle at 36% 38%, rgba(255, 250, 226, 0.55) 0, rgba(255, 250, 226, 0.55) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(circle at 37% 60%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.8px, rgba(255, 250, 226, 0) 1.5px),
    radial-gradient(circle at 47% 76%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(circle at 57% 24%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.3px),
    radial-gradient(circle at 64% 36%, rgba(255, 250, 226, 0.55) 0, rgba(255, 250, 226, 0.55) 0.8px, rgba(255, 250, 226, 0) 1.5px),
    radial-gradient(circle at 63% 58%, rgba(255, 250, 226, 0.5) 0, rgba(255, 250, 226, 0.5) 0.7px, rgba(255, 250, 226, 0) 1.4px),
    radial-gradient(ellipse 30% 30% at 42% 40%, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 19% 28% at 50% 50%, rgba(255, 238, 168, 0.55) 0, rgba(255, 238, 168, 0.46) 55%, rgba(255, 234, 158, 0) 100%),
    radial-gradient(ellipse 14% 20% at 59% 61%, rgba(255, 238, 168, 0.36) 0, rgba(255, 234, 158, 0) 100%),
    radial-gradient(ellipse 40% 42% at 49% 50%, rgba(192, 110, 16, 0.36) 0, rgba(192, 110, 16, 0.3) 45%, rgba(192, 110, 16, 0.14) 75%, rgba(192, 110, 16, 0) 100%),
    radial-gradient(ellipse 27% 36% at 30% 62%, rgba(186, 104, 14, 0.28) 0, rgba(186, 104, 14, 0.17) 55%, rgba(186, 104, 14, 0) 100%),
    radial-gradient(ellipse 30% 29% at 68% 37%, rgba(186, 104, 14, 0.26) 0, rgba(186, 104, 14, 0.15) 55%, rgba(186, 104, 14, 0) 100%),
    radial-gradient(ellipse 21% 26% at 75% 70%, rgba(176, 96, 12, 0.24) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 17% 21% at 24% 31%, rgba(176, 96, 12, 0.2) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 15% 19% at 53% 84%, rgba(176, 96, 12, 0.2) 0, rgba(176, 96, 12, 0) 100%),
    radial-gradient(ellipse 12% 14% at 86% 52%, rgba(176, 96, 12, 0.16) 0, rgba(176, 96, 12, 0) 100%);
  transform: scale(0.231, 0.235);
  transform-origin: 50% 50%;
  transition: transform 3.6s ease-out 99999s;
}

#outer #main li.blurb:not(:has(.rating-general-audience)):not(:has(.rating-notrated)):hover .header:before {
  transform: scale(1, 1);
  transition: transform 3.6s ease-out 0.4s;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):after {
  top: -210px;
  width: 170px;
  height: 180px;
  margin-left: -85px;
  border-radius: 0;
  background-color: transparent;
  background-image: radial-gradient(ellipse 12px 22px at 84px 160px, rgba(58, 52, 50, 0.75) 0, rgba(58, 52, 50, 0.39) 50%, rgba(58, 52, 50, 0) 100%),
    radial-gradient(ellipse 10px 20px at 96px 138px, rgba(66, 60, 58, 0.63) 0, rgba(66, 60, 58, 0.3) 50%, rgba(66, 60, 58, 0) 100%),
    radial-gradient(ellipse 13px 22px at 88px 112px, rgba(80, 74, 72, 0.54) 0, rgba(80, 74, 72, 0.26) 55%, rgba(80, 74, 72, 0) 100%),
    radial-gradient(ellipse 16px 24px at 72px 88px, rgba(98, 92, 90, 0.45) 0, rgba(98, 92, 90, 0.21) 55%, rgba(98, 92, 90, 0) 100%),
    radial-gradient(ellipse 20px 22px at 80px 62px, rgba(118, 112, 110, 0.36) 0, rgba(118, 112, 110, 0.15) 55%, rgba(118, 112, 110, 0) 100%),
    radial-gradient(ellipse 26px 20px at 100px 40px, rgba(140, 134, 132, 0.27) 0, rgba(140, 134, 132, 0.12) 55%, rgba(140, 134, 132, 0) 100%),
    radial-gradient(ellipse 34px 18px at 84px 18px, rgba(160, 156, 154, 0.18) 0, rgba(160, 156, 154, 0.08) 55%, rgba(160, 156, 154, 0) 100%),
    radial-gradient(ellipse 8px 18px at 60px 150px, rgba(58, 52, 50, 0.45) 0, rgba(58, 52, 50, 0) 100%),
    radial-gradient(ellipse 10px 20px at 52px 122px, rgba(80, 74, 72, 0.33) 0, rgba(80, 74, 72, 0) 100%),
    radial-gradient(ellipse 14px 18px at 58px 96px, rgba(110, 104, 102, 0.24) 0, rgba(110, 104, 102, 0) 100%);
  box-shadow: none;
  transform: none;
  transition: top 1.6s ease-out, margin-left 1.6s ease-out;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):hover:after {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  top: -226px;
  width: 170px;
  height: 180px;
  margin-left: -77px;
  transform: none;
  transition: top 1.6s ease-out, margin-left 1.6s ease-out;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes) .header:before {
  top: -68px;
  width: 0;
  height: 0;
  margin-left: 0;
  background-image: radial-gradient(closest-side at 50% 60%, rgba(255, 110, 30, 0.4) 0, rgba(255, 80, 20, 0.16) 60%, rgba(255, 80, 20, 0) 100%);
  transform: none;
  transition: top 1.4s ease-in-out, width 1.4s ease-in-out, height 1.4s ease-in-out, margin-left 1.4s ease-in-out;
}

#outer #main li.blurb:has(.rating-explicit):has(.warning-yes):hover .header:before {
  top: -100px;
  width: 170px;
  height: 64px;
  margin-left: -85px;
  transform: none;
  transition: top 3.4s ease-out 0.4s, width 3.4s ease-out 0.4s, height 3.4s ease-out 0.4s, margin-left 3.4s ease-out 0.4s;
}

#outer #main li.blurb .header {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: -52px;
}

#outer #main li.blurb .header h4.heading,
#outer #main li.blurb .header h5.fandoms {
  flex: 1 1 100%;
}

#outer #main li.blurb .header ul.required-tags {
  order: -1;
  margin: 0 1em 1.1em 0;
}

#outer #main .blurb ul.required-tags li,
#outer #main .blurb ul.required-tags li + li + li,
#outer #main .blurb ul.required-tags li + li + li + li {
  width: 56px;
  margin: 0 3px 0 0;
  padding: 0 0 15px;
}

#outer #main .blurb ul.required-tags li > a > span {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #f6f5f0;
  background-image: radial-gradient(ellipse 42% 26% at 34% 22%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(closest-side at 52% 54%, #ecebe6 0, #efeee9 52%, #d9dadb 62%, #fbfbf8 70%, #f3f3ef 86%, #c9cbcd 98%, rgba(201, 203, 205, 0) 100%);
  box-shadow: inset 0 0 0 2px #fbfbf8, inset 0 0 0 3.2px #4a6fb8, 0 1px 1px rgba(40, 20, 4, 0.35), 2px 4px 5px rgba(40, 20, 4, 0.3);
}

#outer #main .blurb ul.required-tags li > a > span > span.text {
  position: absolute;
  top: 100%;
  left: -12px;
  right: -12px;
  margin: 4px 0 0;
}

#outer #main .blurb ul.required-tags li > a > span > span.text:before {
  color: var(--ink-soft);
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 10px;
  white-space: nowrap;
}

#outer #main .blurb ul.required-tags li > a > span.rating:before {
  top: 9px;
  left: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  border: 2.5px solid #9a4f1d;
  border-top-left-radius: 11px 9px;
  border-top-right-radius: 11px 9px;
  border-bottom-left-radius: 3.5px;
  border-bottom-right-radius: 3.5px;
  background-color: #ebb36c;
  background-image: radial-gradient(circle at 30% 40%, rgba(110, 50, 10, 0.4) 0, rgba(110, 50, 10, 0.4) 0.7px, rgba(110, 50, 10, 0) 1.2px),
    radial-gradient(circle at 64% 62%, rgba(110, 50, 10, 0.35) 0, rgba(110, 50, 10, 0.35) 0.6px, rgba(110, 50, 10, 0) 1.1px),
    radial-gradient(circle at 55% 30%, rgba(255, 240, 210, 0.6) 0, rgba(255, 240, 210, 0.6) 0.5px, rgba(255, 240, 210, 0) 1px),
    radial-gradient(closest-side at 50% 45%, rgba(255, 230, 180, 0.4) 0, rgba(255, 230, 180, 0) 100%);
  box-shadow: inset 0 0 3px rgba(140, 64, 12, 0.5), 1px 1.5px 0 -0.5px #5a2a0c, 1px 2px 2px rgba(40, 20, 4, 0.3);
}

#outer #main .blurb ul.required-tags li > a > span.rating-general-audience:before {
  border-color: #b97a3e;
  background-color: #f5dca8;
}

#outer #main .blurb ul.required-tags li > a > span.rating-mature:before {
  border-color: #5e2c0e;
  background-color: #c67d3d;
}

#outer #main .blurb ul.required-tags li > a > span.rating-explicit:before {
  border-color: #140d0a;
  background-color: #33241d;
  box-shadow: inset 0 0 4px rgba(255, 96, 20, 0.6), 1px 1.5px 0 -0.5px #000000, 0 0 5px 1px rgba(255, 110, 30, 0.55);
}

#outer #main .blurb ul.required-tags li > a > span.rating-notrated:before {
  border-color: #cfa46c;
  background-color: #fbf4e6;
}

#outer #main .blurb ul.required-tags li > a > span.rating-explicit:after {
  top: -9px;
  left: 16px;
  width: 16px;
  height: 18px;
  border-radius: 50%;
  background-image: radial-gradient(ellipse 3.5px 3px at 6px 13px, rgba(90, 84, 82, 0.55) 0, rgba(90, 84, 82, 0) 100%),
    radial-gradient(ellipse 4px 3.4px at 10px 7px, rgba(120, 114, 112, 0.42) 0, rgba(120, 114, 112, 0) 100%),
    radial-gradient(ellipse 4px 3.4px at 7px 2.5px, rgba(150, 144, 142, 0.3) 0, rgba(150, 144, 142, 0) 100%);
}

#outer #main .blurb ul.required-tags li > a > span.warning-yes:before {
  top: 9px;
  left: 50%;
  width: 17px;
  height: 17px;
  margin-left: -8.5px;
  border-radius: 50% 0 50% 50%;
  background-image: radial-gradient(circle at 62% 38%, rgba(255, 255, 230, 1) 0, #ffe27d 18%, #ffb03a 40%, #f2601e 68%, #c52216 100%);
  box-shadow: 0 0 4px 1px rgba(255, 120, 30, 0.55);
  transform: rotate(-45deg) translate(1px, 2px);
}

#outer #main .blurb ul.required-tags li > a > span.warning-yes:after {
  top: 17px;
  left: 50%;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50% 0 50% 50%;
  background-image: radial-gradient(circle at 60% 40%, #ffffff 0, #fff4c0 40%, #ffd76a 100%);
  transform: rotate(-45deg);
}

#outer #main .blurb ul.required-tags li > a > span.warning-choosenotto:before {
  top: 12px;
  left: 50%;
  width: 26px;
  height: 15px;
  margin-left: -13px;
  border-radius: 13px 13px 2px 2px;
  background-image: radial-gradient(ellipse 6px 4px at 9px 5px, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, #8e97a6 0, #eef1f5 28%, #c6ccd6 55%, #7f889a 100%);
  box-shadow: inset 0 -2px 0 #6c7486, 0 1px 1px rgba(20, 20, 40, 0.35);
}

#outer #main .blurb ul.required-tags li > a > span.warning-choosenotto:after {
  top: 8px;
  left: 50%;
  width: 7px;
  height: 5px;
  margin-left: -3.5px;
  border-radius: 3.5px 3.5px 1px 1px;
  background-image: linear-gradient(90deg, #6c7486 0, #d9dee6 45%, #6c7486 100%);
}

#outer #main .blurb ul.required-tags li > a > span.warning-no:before {
  top: 12px;
  left: 50%;
  width: 8px;
  height: 14px;
  margin-left: -5px;
  border: solid #2d4e9c;
  border-width: 0 3.5px 3.5px 0;
  border-bottom-right-radius: 2px;
  transform: rotate(42deg);
}

#outer #main .blurb ul.required-tags li > a > span.category:before,
#outer #main .blurb ul.required-tags li > a > span.category:after {
  top: 10px;
  width: 13px;
  height: 20px;
  border-radius: 3px 3px 4px 4px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.6) 2px, rgba(255, 255, 255, 0.6) 3.5px, rgba(255, 255, 255, 0) 3.5px),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 7px, rgba(255, 255, 255, 0.55) 7px, rgba(255, 255, 255, 0.55) 8px, rgba(0, 0, 0, 0) 8px, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.25) 100%),
    linear-gradient(90deg, rgba(200, 30, 50, 0.85) 50%, rgba(255, 255, 255, 0.9) 50%),
    linear-gradient(0deg, rgba(200, 30, 50, 0.5) 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 100% 100%, 100% 100%, 3px 3px, 3px 3px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 1px 1.5px 1.5px rgba(40, 20, 4, 0.35);
}

#outer #main .blurb ul.required-tags li > a > span.category:before {
  left: 6px;
  background-color: #c4213f;
}

#outer #main .blurb ul.required-tags li > a > span.category:after {
  left: 21px;
  background-color: #3a4fae;
}

#outer #main .blurb ul.required-tags li > a > span.category-slash:before {
  background-color: #3a4fae;
}

#outer #main .blurb ul.required-tags li > a > span.category-femslash:after {
  background-color: #c4213f;
}

#outer #main .blurb ul.required-tags li > a > span.category-gen:before,
#outer #main .blurb ul.required-tags li > a > span.category-other:before,
#outer #main .blurb ul.required-tags li > a > span.category-none:before {
  left: 13.5px;
  background-color: #e8a72a;
}

#outer #main .blurb ul.required-tags li > a > span.category-other:before {
  background-color: #ea7620;
}

#outer #main .blurb ul.required-tags li > a > span.category-none:before {
  background-color: rgba(230, 240, 250, 0.45);
  box-shadow: inset 0 0 0 1px rgba(120, 140, 170, 0.5), 1px 1.5px 1.5px rgba(40, 20, 4, 0.25);
}

#outer #main .blurb ul.required-tags li > a > span.category-gen:after,
#outer #main .blurb ul.required-tags li > a > span.category-other:after,
#outer #main .blurb ul.required-tags li > a > span.category-none:after {
  display: none;
}

#outer #main .blurb ul.required-tags li > a > span.category-multi:before,
#outer #main .blurb ul.required-tags li > a > span.category-multi:after {
  top: 12px;
  width: 11px;
  height: 17px;
}

#outer #main .blurb ul.required-tags li > a > span.category-multi:before {
  left: 3px;
}

#outer #main .blurb ul.required-tags li > a > span.category-multi:after {
  left: 26px;
}

#outer #main .blurb ul.required-tags li > a > span.category-multi {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.6) 2px, rgba(255, 255, 255, 0.6) 3.5px, rgba(255, 255, 255, 0) 3.5px),
    linear-gradient(180deg, rgba(200, 30, 50, 0.8) 0, rgba(255, 255, 255, 0.8) 3px, rgba(200, 30, 50, 0.8) 6px, rgba(255, 255, 255, 0.55) 6px, rgba(255, 255, 255, 0.55) 7px, #e8a72a 7px),
    radial-gradient(ellipse 42% 26% at 34% 22%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(closest-side at 52% 54%, #ecebe6 0, #efeee9 52%, #d9dadb 62%, #fbfbf8 70%, #f3f3ef 86%, #c9cbcd 98%, rgba(201, 203, 205, 0) 100%);
  background-size: 12px 18px, 12px 18px, 100% 100%, 100% 100%;
  background-position: 14px 8px, 14px 8px, 0 0, 0 0;
  background-repeat: no-repeat;
}

#outer #main .blurb ul.required-tags li > a > span.iswip {
  z-index: 0;
}

#outer #main .blurb ul.required-tags li > a > span.iswip:before {
  left: 5px;
  top: 17px;
  width: 30px;
  height: 15px;
  border-top-left-radius: 8px 7px;
  border-top-right-radius: 8px 7px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 26px, #3a3f48 26px, #3a3f48 28.5px, rgba(0, 0, 0, 0) 28.5px),
    radial-gradient(circle at 8px 10px, #2d3139 0, #2d3139 1.6px, rgba(45, 49, 57, 0) 2.1px),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1.5px, rgba(30, 30, 38, 0.75) 1.5px, rgba(30, 30, 38, 0.75) 3px, rgba(0, 0, 0, 0) 3px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0) 70%, rgba(20, 24, 32, 0.25) 100%),
    linear-gradient(90deg, #6f7784 0, #eef1f5 20%, #b9c0ca 42%, #f7f9fb 62%, #9aa2ae 84%, #5f6774 100%);
  background-size: 100% 6px, 100% 100%, 20px 100%, 100% 100%, 100% 100%;
  background-position: 0 6px, 0 0, 5px 0, 0 0, 0 0;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(20, 20, 30, 0.45);
}

#outer #main .blurb ul.required-tags li > a > span.iswip:after {
  z-index: -1;
  left: 10px;
  top: 7px;
  width: 20px;
  height: 14px;
  border: 2px solid #8f4a1a;
  border-top-left-radius: 9px 6px;
  border-top-right-radius: 9px 6px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  background-color: #e3a257;
  background-image: radial-gradient(circle at 30% 40%, rgba(110, 50, 10, 0.55) 0, rgba(110, 50, 10, 0.55) 0.6px, rgba(110, 50, 10, 0) 1.1px),
    radial-gradient(circle at 62% 62%, rgba(110, 50, 10, 0.5) 0, rgba(110, 50, 10, 0.5) 0.6px, rgba(110, 50, 10, 0) 1.1px),
    radial-gradient(circle at 75% 30%, rgba(255, 240, 210, 0.7) 0, rgba(255, 240, 210, 0.7) 0.5px, rgba(255, 240, 210, 0) 1px),
    radial-gradient(closest-side at 50% 40%, rgba(255, 226, 170, 0.55) 0, rgba(255, 226, 170, 0) 100%);
  box-shadow: inset 0 0 2px rgba(140, 60, 10, 0.6);
}

#outer #main .blurb ul.required-tags li > a > span.complete-no:after {
  top: 12px;
  border-color: #b98a58;
  background-color: #f4e2bd;
}

#outer #main .blurb ul.required-tags li > a > span.complete-no:before {
  box-shadow: 0 1px 1px rgba(20, 20, 30, 0.45), 0 -3px 6px -1px rgba(255, 96, 20, 0.85);
}

#outer #main .blurb h4.heading {
  font-size: 0;
  line-height: 1.1;
}

#outer #main .blurb h4.heading a:first-of-type {
  display: block;
  margin: 0 0 0.22em;
  color: var(--ink);
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.12;
  text-shadow: 0 1px 0 rgba(255, 236, 200, 0.25);
}

#outer #main .blurb h4.heading a:first-of-type:hover {
  color: var(--jam);
}

#outer #main .blurb h4.heading a[rel="author"] {
  display: inline-block;
  color: var(--link);
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

#outer #main .blurb h4.heading a:first-of-type + a[rel="author"]:before {
  content: "by ";
  color: var(--ink-soft);
  font-weight: normal;
}

#outer #main .blurb h4.heading a[rel="author"] + a[rel="author"]:before {
  content: "\00a0&\00a0";
  color: var(--ink-soft);
}

#outer #main .blurb h4.heading img {
  display: none;
}

#outer #main li.blurb .header h5.fandoms {
  margin: 0.45em 0 0;
  font-size: 0;
}

#outer #main .blurb h5.fandoms a.tag {
  color: var(--jam);
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#outer #main .blurb h5.fandoms a.tag + a.tag:before {
  content: "\00b7";
  margin: 0 0.5em;
  color: var(--ink-soft);
}

#outer #main .blurb p.datetime {
  order: -1;
  position: relative;
  width: 5.4em;
  margin: 0 0.1em 0.8em auto;
  padding: 20px 9px 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 6px 5px;
  border-bottom-right-radius: 6px 5px;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(10, 26, 62, 0.85), rgba(10, 26, 62, 0.85)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.38)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.38)),
    radial-gradient(ellipse 46% 46% at 36% 58%, rgba(255, 255, 255, 0.16) 0, rgba(255, 255, 255, 0.07) 55%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, rgba(0, 20, 60, 0.16) 0, rgba(0, 20, 60, 0) 100%),
    linear-gradient(270deg, rgba(0, 20, 60, 0.16) 0, rgba(0, 20, 60, 0) 100%),
    conic-gradient(from -52.85deg at 50% 5px, rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 0) 105.71deg, rgba(150, 186, 238, 1) 105.71deg, #3b6fc4 114.71deg, #3b6fc4 351deg, #2a5aa6 360deg),
    radial-gradient(circle at 50% 6.6px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 4.6px, #1d4583 4.75px, #1d4583 5.35px, #3b6fc4 5.9px),
    linear-gradient(180deg, #3b6fc4 0, #3b6fc4 4px, #3061b2 100%),
    conic-gradient(from -52.85deg at 50% 5px, rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 0) 105.71deg, rgba(30, 14, 0, 0.42) 105.71deg),
    radial-gradient(circle at 50% 6.6px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 4.6px, rgba(30, 14, 0, 0.42) 5.2px);
  background-size: 1px 2.6px, 36% 1px, 36% 1px, 100% 32px, 12px 100%, 12px 100%, 100% 6px, 100% 13px, 100% 100%, 100% 6px, 100% 13px;
  background-position: 50% 5px, 0 0, 100% 0, 0 18px, 0 0, 100% 0, 0 0, 0 5px, 0 17px, 0.8px 1.2px, 0.8px 6.2px;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 1.5px 0 #24508f, 1px 3.5px 4px -1px rgba(20, 30, 60, 0.4);
  color: #ffffff;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  transform: rotate(3deg);
}

#outer #main .blurb ul.tags {
  margin: 1em 0 0.2em;
  line-height: 1.5;
}

#outer #main .blurb ul.tags li {
  margin: 0 0.26em 0.5em 0;
}

#outer #main .blurb .tags a.tag {
  display: inline-block;
  padding: 0.22em 0.82em;
  border: 1.5px solid var(--pill-line);
  border-radius: 999px;
  background: var(--pill);
  color: var(--ink);
  font-size: 0.84em;
  font-weight: 500;
}

#outer #main .blurb .tags li.warnings a.tag,
#outer #main .blurb .tags li.warnings strong a.tag {
  border-color: var(--jam);
  background: rgba(255, 246, 236, 0.75);
  color: var(--jam);
  font-weight: bold;
}

#outer #main li.blurb:has(.rating-explicit) .tags li.warnings a.tag {
  background: rgba(255, 138, 120, 0.1);
}

#outer #main .blurb .tags li.warnings a.tag[href*="No%20Archive%20Warnings"] {
  border-color: var(--pill-line);
  background: var(--pill);
  color: var(--ink-soft);
  font-weight: 500;
}

#outer #main .blurb .tags li.relationships a.tag {
  border: none;
  border-top-left-radius: 14px 12px;
  border-top-right-radius: 16px 14px;
  border-bottom-left-radius: 15px 13px;
  border-bottom-right-radius: 13px 12px;
  padding: 0.3em 0.9em;
  background-color: #b4172f;
  background-image: radial-gradient(ellipse 36% 30% at 26% 24%, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(circle at 18% 70%, rgba(255, 214, 150, 0.65) 0, rgba(255, 214, 150, 0.65) 0.8px, rgba(255, 214, 150, 0) 1.3px),
    radial-gradient(circle at 57% 30%, rgba(255, 214, 150, 0.6) 0, rgba(255, 214, 150, 0.6) 0.8px, rgba(255, 214, 150, 0) 1.3px),
    radial-gradient(circle at 83% 64%, rgba(255, 214, 150, 0.6) 0, rgba(255, 214, 150, 0.6) 0.8px, rgba(255, 214, 150, 0) 1.3px),
    linear-gradient(180deg, rgba(255, 90, 90, 0.35) 0, rgba(120, 0, 20, 0) 50%, rgba(90, 0, 16, 0.4) 100%);
  box-shadow: inset 0 1px 1px rgba(255, 190, 190, 0.7), inset 0 -1px 2px rgba(70, 0, 12, 0.45), 0 1px 0 rgba(90, 0, 16, 0.6), 1px 2px 3px rgba(70, 10, 10, 0.3);
  color: #fff5ef;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(80, 0, 12, 0.55);
}

#outer #main .blurb .tags li.characters a.tag {
  border: none;
  border-top-left-radius: 13px 12px;
  border-top-right-radius: 15px 13px;
  border-bottom-left-radius: 14px 12px;
  border-bottom-right-radius: 12px 12px;
  padding: 0.3em 0.9em;
  background-color: #f0a83a;
  background-image: radial-gradient(ellipse 36% 30% at 26% 24%, rgba(255, 255, 255, 0.65) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(255, 230, 150, 0.45) 0, rgba(200, 110, 10, 0) 50%, rgba(170, 80, 0, 0.3) 100%);
  box-shadow: inset 0 1px 1px rgba(255, 245, 200, 0.8), inset 0 -1px 2px rgba(150, 70, 0, 0.35), 0 1px 0 rgba(160, 80, 0, 0.5), 1px 2px 3px rgba(90, 40, 0, 0.25);
  color: #3a1d04;
  font-weight: 600;
}

#outer #main .blurb .tags li.freeforms a.tag {
  border: none;
  border-top-left-radius: 12px 10px;
  border-top-right-radius: 14px 12px;
  border-bottom-left-radius: 13px 12px;
  border-bottom-right-radius: 11px 10px;
  background-color: rgba(255, 252, 244, 0.86);
  background-image: linear-gradient(172deg, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 45%),
    repeating-linear-gradient(100deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 7px, rgba(200, 180, 150, 0.12) 7px, rgba(200, 180, 150, 0.12) 8px);
  box-shadow: inset 0 -1px 1px rgba(170, 140, 100, 0.25), 0 1px 1px rgba(90, 50, 10, 0.25);
  color: #3a2212;
}

#outer #main li.blurb:has(.rating-explicit) .tags li.freeforms a.tag {
  background-color: rgba(255, 244, 228, 0.12);
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(255, 180, 130, 0.25);
  color: var(--ink);
}

#outer #main .blurb .tags a.tag:hover,
#outer #main .blurb .tags li.freeforms a.tag:hover {
  color: var(--jam);
}

#outer #main .blurb .tags li.relationships a.tag:hover {
  color: #ffe9a3;
}

#outer #main .blurb .tags li.characters a.tag:hover {
  color: #8e0f25;
}

#outer #main .blurb blockquote.summary,
#outer #main .blurb blockquote.userstuff {
  margin: 0.85em 0 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--ink);
  font-family: "Iowan Old Style", Charter, "Palatino Linotype", Georgia, serif;
  font-size: 1.04em;
  font-style: normal;
  line-height: 1.65;
  text-shadow: 0 1px 0 rgba(255, 236, 200, 0.28);
}

#outer #main li.blurb:has(.rating-explicit) blockquote.summary {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

#outer #main .blurb blockquote.summary a {
  color: var(--link);
  text-decoration: underline;
}

#outer #main .blurb ul.series {
  margin: 0.8em 0 0;
  color: var(--ink-soft);
  font-size: 0.92em;
}

#outer #main .blurb ul.series li strong {
  color: var(--ink);
}

#outer #main .blurb dl.stats {
  margin: 1.1em 0 0;
  padding: 0.8em 0 0;
  border-top: 2px dotted var(--pill-line);
  line-height: 2;
  text-align: right;
}

#outer #main .blurb dl.stats dt,
#outer #main .blurb dl.stats dd {
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 12px;
}

#outer #main .blurb dl.stats dt {
  margin-right: 0.3em;
  color: var(--ink-soft);
  font-weight: normal;
}

#outer #main .blurb dl.stats dd {
  margin-right: 1.1em;
  color: var(--ink);
  font-weight: bold;
}

#outer #main .blurb dl.stats dd a {
  color: var(--ink);
}

#outer #main .blurb dl.stats dd a:hover {
  color: var(--jam);
}

#outer #main li.blurb ul.actions a,
#outer #main li.blurb ul.actions input[type="submit"],
#outer #main li.blurb ul.actions button {
  font-size: 0.76em;
}

#outer #main li.bookmark p.status {
  position: absolute;
  top: -128px;
  right: -12px;
  z-index: 1;
  width: auto;
  margin: 0;
  text-align: right;
}

#outer #main li.bookmark p.status a,
#outer #main li.bookmark p.status span.count {
  display: inline-block;
}

#outer #main li.bookmark p.status a span {
  display: inline-block;
  padding: 0.3em 0.7em;
  border-radius: 999px;
  background: #fffdf6;
  box-shadow: 0 1px 2px rgba(40, 20, 4, 0.4);
  color: #2d4e9c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main li.bookmark p.status span.count a {
  display: inline-block;
  min-width: 2em;
  margin-left: 0.3em;
  padding: 0.3em 0.5em;
  border-radius: 999px;
  background: #b0203a;
  box-shadow: 0 1px 2px rgba(40, 20, 4, 0.4);
  color: #ffffff;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

#outer #main li.bookmark p.status a span.text {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#outer #main li.bookmark .rec span.text:before {
  content: "\2665\00a0";
  color: #b0203a;
}

#outer #main li.bookmark:has(> div.user.module) > p.status {
  top: auto;
  right: 2.6em;
  bottom: 2.25em;
  z-index: 2;
  font-size: 1em;
  line-height: 1;
}

#outer #main li.bookmark:has(> p.status) > div.user.module {
  padding-bottom: 3.6em;
}

#outer #main li.bookmark:has(> div.user.module) > p.status a > span {
  padding: 0.42em 0.8em 0.36em;
  vertical-align: middle;
  border: 1.5px solid #2d4e9c;
  border-radius: 3px;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px #fffdf6, inset 0 0 0 2.4px rgba(45, 78, 156, 0.75);
  color: #2d4e9c;
  font-size: 10px;
  letter-spacing: 0.14em;
  opacity: 0.86;
  transform: rotate(-3deg);
}

#outer #main li.bookmark:has(> div.user.module) > p.status a > span.rec {
  border-color: #b0203a;
  box-shadow: inset 0 0 0 1.5px #fffdf6, inset 0 0 0 2.4px rgba(176, 32, 58, 0.75);
  color: #b0203a;
}

#outer #main li.bookmark:has(> div.user.module) > p.status a > span.private,
#outer #main li.bookmark:has(> div.user.module) > p.status a > span.hidden {
  border-color: #6a4022;
  box-shadow: inset 0 0 0 1.5px #fffdf6, inset 0 0 0 2.4px rgba(106, 64, 34, 0.7);
  color: #6a4022;
}

#outer #main li.bookmark:has(> div.user.module) > p.status a > span span {
  color: inherit;
}

#outer #main li.bookmark:has(> div.user.module) > p.status span.count a {
  box-sizing: border-box;
  height: 2.7em;
  min-width: 2.7em;
  margin-left: 0.5em;
  padding: 0 0.45em;
  line-height: 2.5em;
  vertical-align: middle;
  border: 1.5px solid #b0203a;
  background: transparent;
  box-shadow: none;
  color: #b0203a;
  opacity: 0.86;
  transform: rotate(4deg);
}

#outer #main .bookmark .user.module,
#outer #main li.bookmark .user,
#outer #main li.reading .user.module {
  position: relative;
  margin: 1.4em -0.6em 0.2em;
  padding: 1em 1.2em 0.9em;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.5em, rgba(45, 78, 156, 0.14) 1.5em, rgba(45, 78, 156, 0.14) 1.56em),
    linear-gradient(180deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 2.2em, rgba(184, 35, 58, 0.4) 2.2em, rgba(184, 35, 58, 0.4) 2.28em, rgba(184, 35, 58, 0) 2.28em);
  background-size: 4px 1.56em, auto;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.3), 2px 6px 10px -2px rgba(40, 20, 4, 0.35);
  color: #3a2212;
}

#outer #main .bookmark .user h5.byline.heading {
  color: #3a2212;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.85em;
}

#outer #main .bookmark .user a {
  color: #2d4e9c;
}

#outer #main .bookmark .user p.datetime {
  width: auto;
  padding: 0;
  background: none;
  box-shadow: none;
  color: #b0203a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.72em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-shadow: none;
  line-height: inherit;
  text-align: left;
  text-transform: uppercase;
  transform: none;
}

#outer #main .bookmark .user h6.meta.heading {
  color: #b0203a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main .bookmark .user ul.meta.tags a.tag {
  display: inline-block;
  padding: 0.1em 0.6em;
  border: 1px dashed rgba(45, 78, 156, 0.5);
  border-radius: 999px;
  color: #2d4e9c;
  font-size: 0.85em;
}

#outer #main .bookmark .user blockquote.userstuff,
#outer #main .bookmark .user blockquote.notes {
  color: #3a2212;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.1em;
  line-height: 1.5;
  text-shadow: none;
}

#outer #main li.reading h4.viewed {
  color: #6a4022;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: normal;
}

#outer #main li.reading h4.viewed span {
  color: #b0203a;
  font-weight: bold;
}

#outer #main li.user.blurb .header .icon:not(img),
#outer #main li.pseud.blurb .header .icon:not(img),
#outer #main li.collection.blurb .header .icon:not(img),
#outer #main li.collection.blurb .header p.icon {
  box-shadow: 0 0 0 3px #fbfbf8, 0 0 0 4.5px #4a6fb8, 1px 3px 5px 4px rgba(40, 20, 4, 0.3);
}

#outer #main li.user.blurb .header,
#outer #main li.pseud.blurb .header,
#outer #main li.collection.blurb .header {
  margin-top: -54px;
}

#outer #main li.user.blurb h5.heading,
#outer #main li.pseud.blurb h5.heading,
#outer #main li.collection.blurb h5.heading {
  color: var(--ink-soft);
  font-size: 0.9em;
}

#outer #main li.blurb li.blurb {
  border-top: 1px dotted var(--pill-line);
}

#outer #main li.blurb li.blurb:first-child {
  border-top: none;
}

#outer #main li.blurb li.blurb .header {
  margin-top: 0;
}

#outer #main li.blurb li.blurb .header:before,
#outer #main li.blurb li.blurb .header:after {
  content: none;
  display: none;
}

#outer #main li.pseud.blurb,
#outer #main li.skins.blurb {
  --stripe: #b4283e;
  --stripe-thin: rgba(180, 40, 62, 0.5);
  --stripe-faint: rgba(180, 40, 62, 0.16);
  margin: 1.4em 18px 2em;
  padding: 34px 1.7em 34px;
  border: 5px solid transparent;
  border-top-left-radius: 3px 4px;
  border-top-right-radius: 4px 3px;
  border-bottom-left-radius: 4px 3px;
  border-bottom-right-radius: 3px 4px;
  background-color: #f3ead7;
  background-image: repeating-linear-gradient(90deg, rgba(118, 84, 42, 0.42) 0, rgba(118, 84, 42, 0.42) 2.6px, rgba(0, 0, 0, 0) 2.6px, rgba(0, 0, 0, 0) 3.6px),
    repeating-linear-gradient(90deg, rgba(118, 84, 42, 0.42) 0, rgba(118, 84, 42, 0.42) 2.6px, rgba(0, 0, 0, 0) 2.6px, rgba(0, 0, 0, 0) 3.6px),
    repeating-linear-gradient(180deg, rgba(118, 84, 42, 0.42) 0, rgba(118, 84, 42, 0.42) 2.6px, rgba(0, 0, 0, 0) 2.6px, rgba(0, 0, 0, 0) 3.6px),
    repeating-linear-gradient(180deg, rgba(118, 84, 42, 0.42) 0, rgba(118, 84, 42, 0.42) 2.6px, rgba(0, 0, 0, 0) 2.6px, rgba(0, 0, 0, 0) 3.6px),
    linear-gradient(90deg, rgba(120, 88, 44, 0) 0, rgba(120, 88, 44, 0.06) 40%, rgba(255, 253, 244, 0.3) 56%, rgba(255, 253, 244, 0) 100%),
    linear-gradient(180deg, rgba(255, 253, 244, 0) 0, rgba(255, 253, 244, 0.32) 45%, rgba(120, 88, 44, 0.06) 58%, rgba(120, 88, 44, 0) 100%),
    radial-gradient(ellipse 30% 70% at 24% 36%, rgba(255, 253, 244, 0.3) 0, rgba(255, 253, 244, 0) 100%),
    radial-gradient(ellipse 26% 60% at 78% 66%, rgba(120, 88, 44, 0.06) 0, rgba(120, 88, 44, 0) 100%),
    radial-gradient(ellipse 26px 0.9px at 20px 7px, rgba(128, 94, 50, 0.12) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 38px 0.9px at 70px 18px, rgba(128, 94, 50, 0.1) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 16px 0.9px at 8px 15px, rgba(128, 94, 50, 0.1) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 46px 0.9px at 110px 30px, rgba(128, 94, 50, 0.08) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 0.9px 30px at 9px 30px, rgba(128, 94, 50, 0.08) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 0.9px 40px at 20px 70px, rgba(128, 94, 50, 0.07) 0, rgba(128, 94, 50, 0) 100%),
    radial-gradient(ellipse 20px 0.8px at 30px 8px, rgba(255, 253, 244, 0.6) 0, rgba(255, 253, 244, 0) 100%),
    linear-gradient(180deg, rgba(128, 94, 50, 0.07) 0, rgba(128, 94, 50, 0.07) 1px, rgba(128, 94, 50, 0) 1px),
    linear-gradient(90deg, rgba(255, 253, 244, 0.34) 0, rgba(255, 253, 244, 0.34) 1px, rgba(255, 253, 244, 0) 1px),
    linear-gradient(180deg, rgba(150, 112, 62, 0.07) 0, rgba(150, 112, 62, 0.07) 10px, rgba(110, 78, 38, 0.2) 10px, rgba(110, 78, 38, 0.2) 10.6px, rgba(255, 252, 240, 0.55) 10.6px, rgba(255, 252, 240, 0) 12px, rgba(0, 0, 0, 0) 13.6px, var(--stripe-thin) 14px, var(--stripe-thin) 16px, rgba(0, 0, 0, 0) 16.4px, rgba(0, 0, 0, 0) 19.1px, var(--stripe) 19.5px, var(--stripe) 29px, rgba(0, 0, 0, 0) 29.4px, rgba(0, 0, 0, 0) 32.1px, var(--stripe-thin) 32.5px, var(--stripe-thin) 34.5px, rgba(0, 0, 0, 0) 34.9px),
    linear-gradient(0deg, rgba(150, 112, 62, 0.07) 0, rgba(150, 112, 62, 0.07) 10px, rgba(110, 78, 38, 0.2) 10px, rgba(110, 78, 38, 0.2) 10.6px, rgba(255, 252, 240, 0.55) 10.6px, rgba(255, 252, 240, 0) 12px, rgba(0, 0, 0, 0) 13.6px, var(--stripe-thin) 14px, var(--stripe-thin) 16px, rgba(0, 0, 0, 0) 16.4px, rgba(0, 0, 0, 0) 19.1px, var(--stripe) 19.5px, var(--stripe) 29px, rgba(0, 0, 0, 0) 29.4px, rgba(0, 0, 0, 0) 32.1px, var(--stripe-thin) 32.5px, var(--stripe-thin) 34.5px, rgba(0, 0, 0, 0) 34.9px),
    linear-gradient(90deg, rgba(150, 112, 62, 0.07) 0, rgba(150, 112, 62, 0.07) 10px, rgba(110, 78, 38, 0.2) 10px, rgba(110, 78, 38, 0.2) 10.6px, rgba(255, 252, 240, 0.55) 10.6px, rgba(255, 252, 240, 0) 12px),
    linear-gradient(270deg, rgba(150, 112, 62, 0.07) 0, rgba(150, 112, 62, 0.07) 10px, rgba(110, 78, 38, 0.2) 10px, rgba(110, 78, 38, 0.2) 10.6px, rgba(255, 252, 240, 0.55) 10.6px, rgba(255, 252, 240, 0) 12px);
  background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%, 36px 100%, 100% 16px, 100% 100%, 100% 100%, 83px 19px, 127px 29px, 61px 23px, 149px 37px, 23px 97px, 31px 131px, 71px 17px, 6px 3px, 3px 6px, 100% 40px, 100% 40px, 12px 100%, 12px 100%;
  background-position: 0 0, 0 100%, 0 0, 100% 0, 50% 0, 0 52%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 0.5px rgba(120, 88, 44, 0.3), 0 1px 1px rgba(40, 52, 84, 0.16), 2px 6px 10px -3px rgba(26, 38, 72, 0.3);
}

#outer #main li.pseud.blurb:nth-of-type(3n+2),
#outer #main li.skins.blurb:nth-of-type(3n+2) {
  --stripe: #2c4c92;
  --stripe-thin: rgba(44, 76, 146, 0.5);
  --stripe-faint: rgba(44, 76, 146, 0.16);
}

#outer #main li.pseud.blurb:nth-of-type(3n+0),
#outer #main li.skins.blurb:nth-of-type(3n+0) {
  --stripe: #c68a1e;
  --stripe-thin: rgba(198, 138, 30, 0.55);
  --stripe-faint: rgba(198, 138, 30, 0.18);
}

#outer #main li.pseud.blurb .header:before,
#outer #main li.skins.blurb .header:before,
#outer #main li.pseud.blurb .header:after,
#outer #main li.skins.blurb .header:after,
#outer #main li.pseud.blurb:after,
#outer #main li.skins.blurb:after {
  display: none;
}

#outer #main li.pseud.blurb:before,
#outer #main li.skins.blurb:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -6px;
  left: -16px;
  width: 30px;
  height: 11px;
  box-sizing: border-box;
  border: none;
  border-top-left-radius: 6px 5.5px;
  border-bottom-left-radius: 6px 5.5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--stripe);
  background-image: radial-gradient(ellipse 7px 1.7px at 10px 50%, rgba(30, 10, 10, 0.62) 0, rgba(30, 10, 10, 0.4) 50%, rgba(30, 10, 10, 0) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0, rgba(255, 255, 255, 0.14) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px);
  background-size: 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-origin: border-box, border-box, border-box;
  background-clip: border-box, border-box, border-box;
  box-shadow: 0 0 0 0.5px rgba(40, 20, 10, 0.25), 1px 2px 2px -0.5px rgba(26, 38, 72, 0.3);
  transform: rotate(32deg);
  transform-origin: 100% 50%;
}

#outer #main li.pseud.blurb .header,
#outer #main li.skins.blurb .header {
  position: relative;
  margin-top: 0;
  border-bottom: 1.5px dashed var(--stripe-faint);
}

#outer #main li.pseud.blurb .header .icon:not(img),
#outer #main li.skins.blurb .header .icon:not(img) {
  box-shadow: 0 0 0 4px #fbf7ec, 0 0 0 4.5px rgba(120, 88, 44, 0.28), 1px 2px 3px 4px rgba(60, 40, 10, 0.16);
  outline: 1.5px dashed var(--stripe-thin);
  outline-offset: 1.4px;
}

#outer #main li.pseud.blurb h4.heading,
#outer #main li.skins.blurb h4.heading {
  color: var(--ink-soft);
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 13px;
}

#outer #main li.pseud.blurb h4.heading a,
#outer #main li.skins.blurb h4.heading a {
  color: var(--link);
  font-weight: bold;
}

#outer #main li.pseud.blurb h4.heading a:first-of-type,
#outer #main li.skins.blurb h4.heading a:first-of-type {
  color: var(--ink);
  font-size: 24px;
  word-wrap: break-word;
  word-break: break-word;
}

#outer #main li.pseud.blurb h4.heading a:first-of-type {
  display: inline-block;
  margin-right: 0.2em;
}

#outer #main li.skins.blurb p.datetime {
  position: absolute;
  top: -43px;
  right: 1.5em;
  margin: 0;
  padding: 7px 8px 4px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  background-color: #fffdf6;
  background-image: linear-gradient(180deg, rgba(120, 88, 44, 0.22) 0, rgba(120, 88, 44, 0) 3px),
    repeating-linear-gradient(180deg, rgba(118, 84, 42, 0.55) 0, rgba(118, 84, 42, 0.55) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3px),
    repeating-linear-gradient(180deg, rgba(118, 84, 42, 0.55) 0, rgba(118, 84, 42, 0.55) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 3px),
    linear-gradient(90deg, rgba(120, 88, 44, 0.16) 0, rgba(120, 88, 44, 0) 3px),
    linear-gradient(270deg, rgba(120, 88, 44, 0.16) 0, rgba(120, 88, 44, 0) 3px),
    linear-gradient(180deg, rgba(128, 94, 50, 0.06) 0, rgba(128, 94, 50, 0.06) 1px, rgba(128, 94, 50, 0) 1px);
  background-size: 100% 100%, 1px 100%, 1px 100%, 4px 100%, 4px 100%, 4px 2px;
  background-position: 0 0, 0 0, 100% 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-origin: border-box, padding-box, padding-box, border-box, border-box, border-box;
  background-clip: border-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 1px 1px rgba(60, 40, 10, 0.2), 0 0 0 0.5px rgba(120, 88, 44, 0.2);
  color: var(--stripe);
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-shadow: none;
  text-transform: uppercase;
}

#outer #main ul.work.navigation.actions {
  margin: 0.4em 0 1.9em;
}

#outer #main ul.work.navigation.actions li {
  margin: 0;
}

#outer #main ul.expandable.secondary,
#outer #main #chapter_index,
#outer #main ul.work.navigation.actions ul.secondary {
  padding: 0.5em;
  border: none;
  border-radius: 3px;
  background: #fffdf6;
  box-shadow: 0 1px 2px rgba(40, 20, 4, 0.3), 3px 10px 18px rgba(40, 20, 4, 0.3);
}

#outer #main ul.expandable.secondary a,
#outer #main #chapter_index a {
  display: block;
  padding: 0.4em 0.8em;
  background: transparent;
  box-shadow: none;
  color: #3a2212;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.95em;
  font-weight: 600;
  transform: none;
}

#outer #main ul.expandable.secondary a:hover,
#outer #main #chapter_index a:hover {
  background: rgba(255, 222, 120, 0.55);
  transform: none;
}

#outer #main dl.work.meta {
  position: relative;
  max-width: 48rem;
  margin: 1em auto 3.4em;
  padding: 3.1em 2.1em 1.4em;
  border: none;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 2.45em, rgba(184, 35, 58, 0.55) 2.45em, rgba(184, 35, 58, 0.55) 2.55em, rgba(255, 255, 255, 0) 2.55em),
    linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.07) 100%),
    radial-gradient(ellipse 1px 0.6px at 30% 40%, rgba(120, 100, 70, 0.25) 0, rgba(120, 100, 70, 0) 100%),
    radial-gradient(ellipse 0.8px 0.5px at 70% 60%, rgba(120, 100, 70, 0.2) 0, rgba(120, 100, 70, 0) 100%);
  background-size: 100% 100%, 100% 100%, 13px 7px, 17px 11px;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 0 3px 0 -1px #f3eedf, 0 4px 1px -1px rgba(40, 20, 4, 0.2), 3px 14px 24px -8px rgba(40, 30, 20, 0.4);
}

#outer #main dl.work.meta:before {
  content: "recipe card";
  position: absolute;
  top: 0.62em;
  left: 1.3em;
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.35em;
  font-weight: bold;
}

#outer #main dl.work.meta > dt {
  padding: 0.3em 1.3em 0.5em 0;
  border-bottom: 1px solid rgba(45, 78, 156, 0.26);
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.76em;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 2.2;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

#outer #main dl.work.meta > dd {
  padding: 0.25em 0 0.5em;
  border-bottom: 1px solid rgba(45, 78, 156, 0.26);
  color: #3a2212;
  font-size: 0.95em;
}

#outer #main dl.work.meta > dt.stats,
#outer #main dl.work.meta > dd.stats {
  border-bottom: none;
}

#outer #main dl.work.meta a.tag,
#outer #main dl.work.meta a {
  color: #2d4e9c;
  font-weight: 600;
}

#outer #main dl.work.meta dd.relationship a.tag {
  padding: 0 0.3em;
  border-radius: 3px 6px 4px 7px;
  background: rgba(247, 176, 60, 0.35);
  color: #3a2212;
  font-weight: 800;
}

#outer #main dl.work.meta dd.fandom a.tag {
  color: #b8233a;
}

#outer #main dl.work.meta dd.series .position {
  color: #3a2212;
}

#outer #main dl.work.meta dl.stats dt,
#outer #main dl.work.meta dl.stats dd {
  font-size: 0.88em;
}

#outer #main dl.work.meta dl.stats dt {
  margin-right: 0.3em;
  color: #6a4022;
}

#outer #main dl.work.meta dl.stats dd {
  margin-right: 1.1em;
  color: #3a2212;
  font-weight: bold;
}

#outer #main #work-skin {
  --crumb: #faf0d8;
  --rim: rgba(255, 255, 250, 0.45);
  --crust: #b07342;
  --crust-lt: #c98a4a;
  --crust-dk: #7e4418;
  --crust-lit: rgba(255, 226, 184, 0.45);
  --crust-sheen: rgba(255, 232, 196, 0.34);
  position: relative;
  z-index: 0;
  overflow: visible;
  padding-top: 86px;
}

#workskin {
  position: relative;
  max-width: 720px;
  margin: 0 auto 36px;
  padding: 0 3.6vw 3em;
  border: 13px solid transparent;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 40px 34px;
  border-bottom-right-radius: 44px 36px;
  background-image: radial-gradient(ellipse 13px 17px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 13px 17px at 13px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--read-tex),
    var(--grain-bread),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 44px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 44px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 35px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 13px 18.5px, 13px 18.5px, var(--rtex-size), var(--grain-size), 44px 100%, 44px 100%, 100% 35px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 0, 100% 0, var(--rtex-read), var(--grain-read), 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, var(--rtex-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--rtex-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--rtex-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: none;
  font-size: 1.1em;
}

#outer #main #work-skin:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 86px;
  left: 0;
  right: 0;
  bottom: 36px;
  max-width: 720px;
  margin: 0 auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 40px 34px;
  border-bottom-right-radius: 44px 36px;
  box-shadow: 0 0 0 1px rgba(80, 40, 10, 0.34), 3px 5px 0 -1px #7a4015, 8px 20px 26px -6px rgba(26, 38, 72, 0.32);
}

#outer #main #work-skin:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -8px;
  right: -8px;
  max-width: 736px;
  height: 101px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 13px solid transparent;
  border-top-left-radius: 46% 59px;
  border-top-right-radius: 47% 59px;
  border-bottom-left-radius: 30.1px 42px;
  border-bottom-right-radius: 30.1px 42px;
  background-image: radial-gradient(ellipse 13px 17px at 8px 17px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 13px 17px at 13px 17px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--read-tex),
    var(--grain-bread),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 8px, rgba(0, 0, 0, 0) 52px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 8px, rgba(0, 0, 0, 0) 52px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 35px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 21px 34px, 21px 34px, var(--rtex-size), var(--grain-size), 52px 100%, 52px 100%, 100% 35px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 0 70.5px, 100% 70.5px, var(--rtex-readc), var(--grain-readc), 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, var(--rtex-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: border-box, border-box, var(--rtex-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: border-box, border-box, var(--rtex-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 1px rgba(80, 40, 10, 0.34), 3px 5px 0 -1px #7a4015, 8px 16px 22px -6px rgba(26, 38, 72, 0.3), inset 4px 0 2px -2px var(--crust-lit);
}

#workskin .preface {
  margin: 0;
  padding: 0;
}

#workskin .preface h2.title {
  position: relative;
  margin: 0.15em 0 0.25em;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 2.6em;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
}

#workskin .preface h3.byline {
  margin: 0 0 1.4em;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
}

#workskin .preface h3.byline a {
  color: #2d4e9c;
}

#outer #main div.notes,
#outer #main .notes.module,
#outer #main .summary.module,
#outer #main #workskin div.summary,
#outer #main .end.notes,
#outer #main .series.module {
  position: relative;
  margin: 1.4em 0;
  padding: 1.2em 1.4em 1em;
  border: 12px solid transparent;
  border-radius: 3px;
  background-color: #fdfcf7;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 42%, rgba(22, 34, 72, 0) 68%, rgba(22, 34, 72, 0.05) 100%),
    linear-gradient(90deg, rgba(22, 34, 72, 0) 49.6%, rgba(22, 34, 72, 0.05) 49.8%, rgba(255, 255, 255, 0.6) 50.1%, rgba(22, 34, 72, 0) 50.4%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, rgba(28, 40, 84, 0.035) 1px, rgba(28, 40, 84, 0.035) 2px),
    linear-gradient(#fdfcf7, #fdfcf7),
    linear-gradient(90deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.48) 6%, rgba(40, 84, 170, 0.48) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(180deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.48) 6%, rgba(40, 84, 170, 0.48) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(#f7f6f0, #f7f6f0);
  background-size: 100% 100%, 100% 100%, 4px 2px, 100% 100%, 12px 12px, 12px 12px, 100% 100%;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box;
  background-origin: padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box;
  box-shadow: inset 0 0 0 1px rgba(40, 84, 170, 0.12), 0 1px 1px rgba(40, 20, 4, 0.2), 2px 8px 14px -6px rgba(40, 20, 4, 0.35);
  color: #3a2212;
  font-size: 0.92em;
}

#outer #main div.notes h3.heading,
#outer #main div.summary h3.heading,
#outer #main .series.module h3.heading {
  display: inline-block;
  margin: 0 0 0.55em;
  padding: 0.32em 0.9em;
  border-radius: 6px 8px 7px 6px;
  background-color: #fbe6a0;
  background-image: linear-gradient(168deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 40%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 0 -0.5px #d6ae4c, 1px 3px 4px rgba(90, 52, 12, 0.25);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main div.notes p,
#outer #main div.summary p {
  margin: 0.3em 0;
}

#outer #main div.notes a,
#outer #main div.summary a {
  color: #2d4e9c;
  text-decoration: underline;
}

#workskin .chapter .preface {
  margin: 0;
}

#workskin .chapter h3.title {
  margin: 1.9em 0 1em;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.55em;
  font-weight: 800;
  text-align: center;
}

#workskin .chapter h3.title a {
  display: inline-block;
  margin-right: 0.12em;
  padding: 0.36em 0.85em 0.32em;
  border-top-left-radius: 7px 6px;
  border-top-right-radius: 9px 7px;
  border-bottom-left-radius: 8px 7px;
  border-bottom-right-radius: 6px 6px;
  background-color: #fbe6a0;
  background-image: radial-gradient(ellipse 60% 22% at 40% 16%, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 40%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 3px 0 -0.5px #eccb6c, 0 4.5px 0 -0.5px #d6ae4c, 1px 6px 7px rgba(90, 52, 12, 0.3);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.56em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  vertical-align: 0.28em;
}

.userstuff {
  color: #3a2212;
  font-family: "Iowan Old Style", Charter, "Palatino Linotype", Georgia, serif;
  line-height: 1.8;
}

#workskin .userstuff p {
  margin: 1.05em 0;
}

.userstuff a {
  color: #2d4e9c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.userstuff blockquote {
  margin: 1.4em 0;
  padding: 0.6em 1.4em;
  border: 2px dashed #d6b88d;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
}

#workskin .userstuff code,
#workskin .userstuff pre {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 1px rgba(150, 90, 30, 0.2);
  font-family: Menlo, Consolas, monospace;
  font-size: 0.88em;
}

#workskin .userstuff pre {
  padding: 0.8em 1em;
}

#workskin .userstuff table th,
#workskin .userstuff table td,
#outer #main table th,
#outer #main table td {
  padding: 0.45em 0.7em;
  border-bottom: 1px solid rgba(45, 78, 156, 0.25);
}

#outer #main table th {
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.82em;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
}

#outer .userstuff hr {
  width: 8em;
  height: 14px;
  margin: 2.4em auto;
  border: none;
  background-image: radial-gradient(ellipse 5px 3.5px at 16% 55%, #c07a38 0, #c07a38 70%, rgba(192, 122, 56, 0) 100%),
    radial-gradient(ellipse 5.5px 4px at 17% 70%, rgba(80, 60, 40, 0.25) 0, rgba(80, 60, 40, 0) 100%),
    radial-gradient(ellipse 3px 2.5px at 34% 30%, #a8642c 0, #a8642c 70%, rgba(168, 100, 44, 0) 100%),
    radial-gradient(ellipse 6px 4.5px at 52% 55%, #d19452 0, #d19452 70%, rgba(209, 148, 82, 0) 100%),
    radial-gradient(ellipse 6.5px 5px at 53% 72%, rgba(80, 60, 40, 0.25) 0, rgba(80, 60, 40, 0) 100%),
    radial-gradient(ellipse 2.5px 2px at 68% 30%, #a8642c 0, #a8642c 70%, rgba(168, 100, 44, 0) 100%),
    radial-gradient(ellipse 4px 3px at 84% 58%, #b8773a 0, #b8773a 70%, rgba(184, 119, 58, 0) 100%),
    radial-gradient(ellipse 4.5px 3.5px at 85% 72%, rgba(80, 60, 40, 0.22) 0, rgba(80, 60, 40, 0) 100%);
}

#outer #workskin #chapters .userstuff hr {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  width: 300px;
  max-width: 88%;
  height: 72px;
  margin: 22px auto 0;
  padding: 0 4px;
  border: none;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(12, 22, 62, 0.36) 0, rgba(12, 22, 62, 0) 30%, rgba(255, 255, 255, 0.3) 44%, rgba(12, 22, 62, 0) 64%, rgba(12, 22, 62, 0.4) 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6),
    conic-gradient(from 228.81deg at 4px 3.5px, var(--crumb) 0, var(--crumb) 82.37deg, rgba(0, 0, 0, 0) 82.37deg),
    conic-gradient(from 48.81deg at 0 3.5px, var(--crumb) 0, var(--crumb) 82.37deg, rgba(0, 0, 0, 0) 82.37deg),
    linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0, rgba(255, 255, 255, 0) 40%, rgba(12, 22, 62, 0) 55%, rgba(12, 22, 62, 0.26) 100%),
    linear-gradient(180deg, rgba(24, 44, 104, 0.7) 0, rgba(24, 44, 104, 0.7) 0.7px, rgba(0, 0, 0, 0) 0.7px, rgba(0, 0, 0, 0) 6.3px, rgba(24, 44, 104, 0.7) 6.3px),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6),
    linear-gradient(180deg, rgba(12, 22, 62, 0.18) 0, rgba(12, 22, 62, 0) 100%);
  background-size: 9px 12px, 9px 12px, 9px 12px, 9px 12px, 9px 12px, 4px 7px, 4px 7px, 100% 7px, 100% 7px, 100% 7px, 100% 7px, 100% 7px, 100% 7px, 100% 3px;
  background-position: 50% 20px, 50% 20px, 50% 20px, 50% 20px, 50% 20px, 0 22.5px, 100% 22.5px, 0 22.5px, 0 22.5px, 0 22.5px, 0 22.5px, 0 22.5px, 0 22.5px, 0 29.5px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, content-box;
  background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box, content-box;
}

#outer #workskin #chapters .userstuff :not(hr):has(+ hr) {
  position: relative;
  margin-bottom: 0;
}

#outer #workskin #chapters .userstuff hr + :not(hr) {
  position: relative;
  margin-top: 0;
}

#outer #workskin #chapters .userstuff hr:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 11.6px;
  left: 50%;
  box-sizing: border-box;
  width: 44px;
  height: 24px;
  border: 1px solid rgba(24, 44, 104, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 1px 3px 3px -1px rgba(12, 22, 62, 0.26);
  margin-left: -48px;
  border-top-left-radius: 40% 50%;
  border-bottom-left-radius: 50% 50%;
  border-top-right-radius: 60% 38%;
  border-bottom-right-radius: 50% 18%;
  transform: rotate(8deg);
  transform-origin: 100% 14.4px;
  background-image: radial-gradient(ellipse 26% 1.1px at 85.7% 46%, rgba(12, 22, 62, 0.32) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 26% 0.9px at 85.7% 42%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 32% 1.1px at 82.4% 60%, rgba(12, 22, 62, 0.3) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 32% 0.9px at 82.4% 56%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 24% 1.1px at 86.8% 74%, rgba(12, 22, 62, 0.32) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 24% 0.9px at 86.8% 70%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 80% 64% at 58% 26%, rgba(12, 22, 62, 0) 0, rgba(12, 22, 62, 0) 94%, rgba(255, 255, 255, 0.45) 95.5%, rgba(24, 44, 104, 0.75) 97%, rgba(24, 44, 104, 0.75) 98.5%, rgba(12, 22, 62, 0.4) 99.5%, rgba(12, 22, 62, 0.34) 100%),
    radial-gradient(ellipse 22% 56% at 2% 46%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 30% 70% at -2% 46%, rgba(12, 22, 62, 0) 70%, rgba(12, 22, 62, 0.24) 84%, rgba(12, 22, 62, 0) 98%),
    radial-gradient(ellipse 42% 15% at 46% 30%, rgba(255, 255, 255, 0.44) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0) 54%, rgba(12, 22, 62, 0.44) 100%),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #workskin #chapters .userstuff hr:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 11.6px;
  left: 50%;
  box-sizing: border-box;
  width: 44px;
  height: 24px;
  border: 1px solid rgba(24, 44, 104, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 1px 3px 3px -1px rgba(12, 22, 62, 0.26);
  margin-left: 4px;
  border-top-right-radius: 40% 50%;
  border-bottom-right-radius: 50% 50%;
  border-top-left-radius: 60% 38%;
  border-bottom-left-radius: 50% 18%;
  transform: rotate(-8deg);
  transform-origin: 0 14.4px;
  background-image: radial-gradient(ellipse 26% 1.1px at 14.3% 46%, rgba(12, 22, 62, 0.32) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 26% 0.9px at 14.3% 42%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 32% 1.1px at 17.6% 60%, rgba(12, 22, 62, 0.3) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 32% 0.9px at 17.6% 56%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 24% 1.1px at 13.2% 74%, rgba(12, 22, 62, 0.32) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 24% 0.9px at 13.2% 70%, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 80% 64% at 42% 26%, rgba(12, 22, 62, 0) 0, rgba(12, 22, 62, 0) 94%, rgba(255, 255, 255, 0.45) 95.5%, rgba(24, 44, 104, 0.75) 97%, rgba(24, 44, 104, 0.75) 98.5%, rgba(12, 22, 62, 0.4) 99.5%, rgba(12, 22, 62, 0.34) 100%),
    radial-gradient(ellipse 22% 56% at 98% 46%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 30% 70% at 102% 46%, rgba(12, 22, 62, 0) 70%, rgba(12, 22, 62, 0.24) 84%, rgba(12, 22, 62, 0) 98%),
    radial-gradient(ellipse 42% 15% at 54% 30%, rgba(255, 255, 255, 0.44) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(270deg, rgba(12, 22, 62, 0) 54%, rgba(12, 22, 62, 0.44) 100%),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #workskin #chapters .userstuff hr + :not(hr):before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: -53px;
  left: 50%;
  box-sizing: border-box;
  width: 11px;
  height: 14px;
  margin-left: -5.5px;
  border: 1px solid rgba(24, 44, 104, 0.55);
  border-top-left-radius: 46% 34%;
  border-top-right-radius: 46% 34%;
  border-bottom-left-radius: 46% 34%;
  border-bottom-right-radius: 46% 34%;
  box-shadow: 1px 2px 3px rgba(12, 22, 62, 0.32);
  background-image: radial-gradient(ellipse 34% 16% at 50% 0, rgba(12, 22, 62, 0.4) 0, rgba(12, 22, 62, 0) 100%),
    radial-gradient(ellipse 34% 16% at 50% 100%, rgba(12, 22, 62, 0.42) 0, rgba(12, 22, 62, 0) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(12, 22, 62, 0.16) 47%, rgba(255, 255, 255, 0.22) 53%, rgba(0, 0, 0, 0) 60%),
    linear-gradient(180deg, rgba(12, 22, 62, 0.34) 0, rgba(12, 22, 62, 0) 24%, rgba(255, 255, 255, 0.34) 38%, rgba(255, 255, 255, 0) 56%, rgba(12, 22, 62, 0) 70%, rgba(12, 22, 62, 0.4) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0.4) 0, rgba(12, 22, 62, 0.08) 24%, rgba(12, 22, 62, 0) 36%, rgba(12, 22, 62, 0) 64%, rgba(12, 22, 62, 0.08) 76%, rgba(12, 22, 62, 0.42) 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #workskin #chapters .userstuff hr + :not(hr):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  box-sizing: border-box;
  width: 10px;
  height: 36px;
  border: none;
  border-top-left-radius: 45% 60%;
  border-top-right-radius: 45% 60%;
  box-shadow: none;
  transform-origin: 50% 0;
  top: -48px;
  margin-left: -3.5px;
  transform: rotate(-27deg);
  background-image: linear-gradient(to bottom right, rgba(138, 158, 206, 1) 50%, rgba(0, 0, 0, 0) 50%),
    linear-gradient(to bottom left, rgba(138, 158, 206, 1) 50%, rgba(0, 0, 0, 0) 50%),
    linear-gradient(180deg, rgba(12, 22, 62, 0.52) 0, rgba(12, 22, 62, 0.14) 26%, rgba(12, 22, 62, 0) 38%, rgba(255, 255, 255, 0.3) 56%, rgba(255, 255, 255, 0) 72%, rgba(12, 22, 62, 0.14) 88%, rgba(12, 22, 62, 0) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0.26) 0, rgba(255, 255, 255, 0.16) 30%, rgba(255, 255, 255, 0) 55%, rgba(12, 22, 62, 0.28) 100%),
    linear-gradient(90deg, rgba(24, 44, 104, 0.7) 0, rgba(24, 44, 104, 0.7) 0.7px, rgba(0, 0, 0, 0) 0.7px, rgba(0, 0, 0, 0) 9.3px, rgba(24, 44, 104, 0.7) 9.3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 5px 5px, 5px 5px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px;
  background-position: 0 31px, 100% 31px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #workskin #chapters .userstuff :not(hr):has(+ hr):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  box-sizing: border-box;
  width: 10px;
  height: 36px;
  border: none;
  border-top-left-radius: 45% 60%;
  border-top-right-radius: 45% 60%;
  box-shadow: none;
  transform-origin: 50% 0;
  top: 100%;
  margin-top: 46px;
  margin-left: -6.5px;
  transform: rotate(27deg);
  background-image: linear-gradient(to bottom right, rgba(138, 158, 206, 1) 50%, rgba(0, 0, 0, 0) 50%),
    linear-gradient(to bottom left, rgba(138, 158, 206, 1) 50%, rgba(0, 0, 0, 0) 50%),
    linear-gradient(180deg, rgba(12, 22, 62, 0.52) 0, rgba(12, 22, 62, 0.14) 26%, rgba(12, 22, 62, 0) 38%, rgba(255, 255, 255, 0.3) 56%, rgba(255, 255, 255, 0) 72%, rgba(12, 22, 62, 0.14) 88%, rgba(12, 22, 62, 0) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0.26) 0, rgba(255, 255, 255, 0.16) 30%, rgba(255, 255, 255, 0) 55%, rgba(12, 22, 62, 0.28) 100%),
    linear-gradient(90deg, rgba(24, 44, 104, 0.7) 0, rgba(24, 44, 104, 0.7) 0.7px, rgba(0, 0, 0, 0) 0.7px, rgba(0, 0, 0, 0) 9.3px, rgba(24, 44, 104, 0.7) 9.3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 0.5px, rgba(12, 22, 62, 0.06) 0.5px, rgba(12, 22, 62, 0.06) 1px),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.52) 0, rgba(46, 84, 172, 0.52) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 5px 5px, 5px 5px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px, 100% 31px;
  background-position: 0 31px, 100% 31px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #chapters .userstuff.module {
  position: relative;
  padding-bottom: 212px;
}

#outer #chapters .userstuff.module:before {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 50%;
  width: 176px;
  height: 176px;
  margin-left: -88px;
  border-radius: 50%;
  background-image: radial-gradient(ellipse 1.2px 0.9px at 4px 13px, #d7a564 0, #d7a564 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.8px 1.4px at 4.6px 13.7px, rgba(60, 50, 40, 0.26) 0, rgba(60, 50, 40, 0) 100%),
    radial-gradient(ellipse 0.8px 0.65px at 12px 5px, #c48a48 0, #c48a48 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.4px 1.15px at 12.6px 5.7px, rgba(60, 50, 40, 0.26) 0, rgba(60, 50, 40, 0) 100%),
    radial-gradient(ellipse 1px 0.75px at 31px 1.5px, #dcae6e 0, #dcae6e 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.6px 1.25px at 31.6px 2.2px, rgba(60, 50, 40, 0.26) 0, rgba(60, 50, 40, 0) 100%),
    radial-gradient(ellipse 0.65px 0.55px at 38px 2.5px, #b77a3a 0, #b77a3a 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.25px 1.05px at 38.6px 3.2px, rgba(60, 50, 40, 0.26) 0, rgba(60, 50, 40, 0) 100%),
    radial-gradient(ellipse 0.6px 0.5px at 9px 19px, #e6c08a 0, #e6c08a 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.2px 1px at 9.6px 19.7px, rgba(60, 50, 40, 0.26) 0, rgba(60, 50, 40, 0) 100%),
    radial-gradient(ellipse 1.03px 1.17px at 21.4px 20.29px, #f3dcae 0, #ead096 60%, rgba(234, 208, 150, 0) 100%),
    radial-gradient(ellipse 1.04px 1.05px at 13.55px 26.34px, #f3dcae 0, #ead096 60%, rgba(234, 208, 150, 0) 100%),
    radial-gradient(circle 15.6px at 7px 9px, #f4f4ef 0, #f4f4ef 98%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.13px at 20.97px 3.44px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.73px at 21.79px 7.88px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.95px at 20.99px 13.48px, #f5f5f0 0, #f5f5f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.93px at 19.31px 17.84px, #f5f5f0 0, #f5f5f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.6px at 16.14px 20.64px, #f5f5f0 0, #f5f5f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4px at 12.99px 22.67px, #f5f5f0 0, #f5f5f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.48px at 7.25px 23.87px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 0.93px at 8.02px 27.19px, #f4f4f0 0, #f4f4f0 90%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.19px at 3.9px 23.43px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 0.92px at 3.91px 26.57px, #f4f4ef 0, #f4f4ef 90%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.25px at -1.14px 22.28px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 12.6px at 33px -7px, #f4f4ef 0, #f4f4ef 98%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.35px at 44.19px -3.42px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.95px at 43.11px 0.13px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 1.3px at 45.82px 1.1px, #f4f4ef 0, #f4f4ef 90%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.87px at 38.91px 4.13px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.44px at 35.78px 5.09px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.71px at 30.82px 5px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.47px at 27.3px 3.96px, #f4f4f0 0, #f4f4f0 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.33px at 23.25px 0.3px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 2.54px at 22.02px -3.24px, #f4f4ef 0, #f4f4ef 95%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 22.86px 1.37px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.74px 0.46px at 23.98px 3.25px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 25.77px 8.97px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 25.19px 6.45px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.72px 0.42px at 25.33px 15.8px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.66px 0.58px at 24.73px 17.08px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.66px 0.56px at 22.85px 20.99px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 23.74px 18.49px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.66px 0.57px at 18.61px 24.48px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 18.01px 24.53px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 15.36px 26.42px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.66px 0.46px at 15.82px 26.49px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.71px 0.47px at 8.9px 28.05px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 5.83px 28.47px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 3.15px 27.09px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 4.61px 27.25px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.63px 0.44px at -2.66px 24.77px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.57px 0.59px at -2.1px 25.78px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 47.56px -4.13px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 47.64px -3.87px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.59px 0.5px at 45.48px 2.82px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 45.03px 3.52px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 41.59px 7.63px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 42.84px 6.62px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 34.73px 9.04px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.86px 0.43px at 38.27px 9.22px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 31.97px 9.11px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 29.21px 8.92px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 24.12px 7.48px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.87px 0.43px at 27.35px 8.82px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.86px 0.47px at 19.17px 2.25px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 20.9px 3.57px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 19.49px -1.43px, rgba(255, 248, 228, 0.9) 0, rgba(255, 248, 228, 0) 100%),
    radial-gradient(ellipse 0.57px 0.48px at 19.33px -1.66px, rgba(150, 92, 36, 0.6) 0, rgba(150, 92, 36, 0) 100%),
    radial-gradient(circle 3.59px at 20.97px 3.44px, #f8e8c4 0, #f8e8c4 59.44%, #f1d9a8 69.2%, #e8c98f 83.78%, rgba(196, 136, 68, 0.7) 95.13%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4.96px at 21.79px 7.88px, #f8e8c4 0, #f8e8c4 55.11%, #f1d9a8 62.17%, #e8c98f 82.05%, rgba(196, 136, 68, 0.7) 94.61%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.86px at 20.99px 13.48px, #f8e8c4 0, #f8e8c4 67.48%, #f1d9a8 73.45%, #e8c98f 86.99%, rgba(196, 136, 68, 0.7) 96.1%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.64px at 19.31px 17.84px, #f8e8c4 0, #f8e8c4 69.62%, #f1d9a8 75.83%, #e8c98f 87.85%, rgba(196, 136, 68, 0.7) 96.35%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.34px at 16.14px 20.64px, #f8e8c4 0, #f8e8c4 67.49%, #f1d9a8 74.04%, #e8c98f 86.99%, rgba(196, 136, 68, 0.7) 96.1%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.32px at 12.99px 22.67px, #f8e8c4 0, #f8e8c4 75.1%, #f1d9a8 81.67%, #e8c98f 90.04%, rgba(196, 136, 68, 0.7) 97.01%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.38px at 7.25px 23.87px, #f8e8c4 0, #f8e8c4 64.72%, #f1d9a8 71.22%, #e8c98f 85.89%, rgba(196, 136, 68, 0.7) 95.77%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4.53px at 3.9px 23.43px, #f8e8c4 0, #f8e8c4 70.42%, #f1d9a8 78.14%, #e8c98f 88.17%, rgba(196, 136, 68, 0.7) 96.45%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4.38px at -1.14px 22.28px, #f8e8c4 0, #f8e8c4 51.35%, #f1d9a8 59.34%, #e8c98f 80.54%, rgba(196, 136, 68, 0.7) 94.16%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4.52px at 44.19px -3.42px, #f8e8c4 0, #f8e8c4 52.02%, #f1d9a8 59.77%, #e8c98f 80.81%, rgba(196, 136, 68, 0.7) 94.24%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 4.71px at 43.11px 0.13px, #f8e8c4 0, #f8e8c4 62.76%, #f1d9a8 70.2%, #e8c98f 85.11%, rgba(196, 136, 68, 0.7) 95.53%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.56px at 38.91px 4.13px, #f8e8c4 0, #f8e8c4 69.51%, #f1d9a8 75.8%, #e8c98f 87.8%, rgba(196, 136, 68, 0.7) 96.34%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.59px at 35.78px 5.09px, #f8e8c4 0, #f8e8c4 61.53%, #f1d9a8 67.79%, #e8c98f 84.61%, rgba(196, 136, 68, 0.7) 95.38%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.21px at 30.82px 5px, #f8e8c4 0, #f8e8c4 71.23%, #f1d9a8 77.95%, #e8c98f 88.49%, rgba(196, 136, 68, 0.7) 96.55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.62px at 27.3px 3.96px, #f8e8c4 0, #f8e8c4 61.69%, #f1d9a8 67.92%, #e8c98f 84.68%, rgba(196, 136, 68, 0.7) 95.4%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 5.19px at 23.25px 0.3px, #f8e8c4 0, #f8e8c4 64.07%, #f1d9a8 70.81%, #e8c98f 85.63%, rgba(196, 136, 68, 0.7) 95.69%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle 3.95px at 22.02px -3.24px, #f8e8c4 0, #f8e8c4 64.24%, #f1d9a8 73.11%, #e8c98f 85.7%, rgba(196, 136, 68, 0.7) 95.71%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.3px 0.8px at 68px 84px, rgba(112, 46, 6, 0.5) 0, rgba(112, 46, 6, 0.25) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 78px 98px, rgba(112, 46, 6, 0.45) 0, rgba(112, 46, 6, 0.23) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1.4px 0.9px at 90px 80px, rgba(112, 46, 6, 0.42) 0, rgba(112, 46, 6, 0.21) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1.1px 0.8px at 103px 92px, rgba(112, 46, 6, 0.5) 0, rgba(112, 46, 6, 0.25) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1.2px 0.8px at 112px 106px, rgba(112, 46, 6, 0.45) 0, rgba(112, 46, 6, 0.23) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1.3px 0.9px at 84px 108px, rgba(112, 46, 6, 0.42) 0, rgba(112, 46, 6, 0.21) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.9px 0.6px at 98px 70px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 114px 78px, rgba(112, 46, 6, 0.45) 0, rgba(112, 46, 6, 0.23) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.8px 0.6px at 72px 104px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 94px 98px, rgba(112, 46, 6, 0.5) 0, rgba(112, 46, 6, 0.25) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.6px 0.5px at 106px 82px, rgba(112, 46, 6, 0.45) 0, rgba(112, 46, 6, 0.23) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.6px 0.5px at 80px 90px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.8px 0.6px at 118px 94px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.7px 0.5px at 66px 94px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(ellipse 0.6px 0.4px at 88px 114px, rgba(112, 46, 6, 0.4) 0, rgba(112, 46, 6, 0.20) 50%, rgba(112, 46, 6, 0) 100%),
    radial-gradient(circle at 74px 80px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 100px 84px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 86px 102px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 110px 98px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 70px 100px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 96px 112px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(circle at 116px 84px, rgba(255, 234, 190, 0.7) 0, rgba(255, 234, 190, 0) 0.9px),
    radial-gradient(ellipse 22px 17px at 94px 94px, rgba(172, 84, 18, 0.34) 0, rgba(172, 84, 18, 0.15) 55%, rgba(172, 84, 18, 0) 100%),
    radial-gradient(ellipse 13px 10px at 78px 102px, rgba(172, 84, 18, 0.24) 0, rgba(172, 84, 18, 0.11) 55%, rgba(172, 84, 18, 0) 100%),
    radial-gradient(ellipse 12px 9px at 108px 82px, rgba(172, 84, 18, 0.2) 0, rgba(172, 84, 18, 0.09) 55%, rgba(172, 84, 18, 0) 100%),
    linear-gradient(#ebc284, #ebc284),
    linear-gradient(#ebc284, #ebc284),
    linear-gradient(#ebc284, #ebc284),
    radial-gradient(ellipse 26px 20px at 100% 100%, #ebc284 0, #ebc284 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 26px 20px at 0 100%, #ebc284 0, #ebc284 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 5px at 100% 0, #ebc284 0, #ebc284 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 5px at 0 0, #ebc284 0, #ebc284 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 56.5px 84px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 56.6px 98px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 74px 57.4px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 104px 56.5px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 125.5px 88px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 94px 115.5px, rgba(255, 214, 160, 0.55) 0, rgba(255, 214, 160, 0) 100%),
    linear-gradient(#a95c24, #a95c24),
    linear-gradient(#a95c24, #a95c24),
    linear-gradient(#a95c24, #a95c24),
    radial-gradient(ellipse 29px 23px at 100% 100%, #a95c24 0, #a95c24 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 29px 23px at 0 100%, #a95c24 0, #a95c24 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 100% 0, #a95c24 0, #a95c24 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 0 0, #a95c24 0, #a95c24 98.5%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(#7c3e14, #7c3e14),
    linear-gradient(#7c3e14, #7c3e14),
    linear-gradient(#7c3e14, #7c3e14),
    radial-gradient(ellipse 29px 23px at 100% 100%, #7c3e14 0, #7c3e14 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 29px 23px at 0 100%, #7c3e14 0, #7c3e14 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 100% 0, #7c3e14 0, #7c3e14 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 0 0, #7c3e14 0, #7c3e14 98.5%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(#5a2a0c, #5a2a0c),
    linear-gradient(#5a2a0c, #5a2a0c),
    linear-gradient(#5a2a0c, #5a2a0c),
    radial-gradient(ellipse 29px 23px at 100% 100%, #5a2a0c 0, #5a2a0c 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 29px 23px at 0 100%, #5a2a0c 0, #5a2a0c 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 100% 0, #5a2a0c 0, #5a2a0c 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 8px 7px at 0 0, #5a2a0c 0, #5a2a0c 98.5%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 41.44px 35.84px at 98px 95px, rgba(40, 30, 24, 0.3) 0, rgba(40, 30, 24, 0.16) 60%, rgba(40, 30, 24, 0) 100%),
    radial-gradient(ellipse 1.6px 1.2px at 26% 31%, #c78a47 0, #c78a47 60%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 2.1px 1.6px at 26.4% 31.6%, rgba(40, 50, 80, 0.28) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 1.1px 0.9px at 22.5% 37%, #a8642c 0, #a8642c 60%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.6px 1.3px at 22.9% 37.6%, rgba(40, 50, 80, 0.28) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 1.3px 1px at 37% 22.5%, #d9a15f 0, #d9a15f 60%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.8px 1.4px at 37.4% 23.1%, rgba(40, 50, 80, 0.28) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 1.2px 0.9px at 74% 76%, #b8742f 0, #b8742f 60%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 1.7px 1.3px at 74.4% 76.6%, rgba(40, 50, 80, 0.28) 0, rgba(40, 50, 80, 0) 100%),
    radial-gradient(ellipse 50% 50% at 49% 49%, rgba(70, 80, 106, 0) 57%, rgba(70, 80, 106, 0.16) 61%, rgba(70, 80, 106, 0) 64.5%),
    radial-gradient(ellipse 50% 50% at 51% 51%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0.85) 62%, rgba(255, 255, 255, 0) 65%),
    radial-gradient(closest-side at 50% 50%, #f6f6f2 0, #f3f3ee 56%, #ebebe6 61%, #f2f2ee 64%, rgba(242, 242, 238, 0) 64.6%),
    conic-gradient(from 270deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.55) 20deg, rgba(255, 255, 255, 0.85) 38deg, rgba(255, 255, 255, 0.55) 56deg, rgba(255, 255, 255, 0) 76deg, rgba(255, 255, 255, 0) 360deg),
    radial-gradient(ellipse 50% 50% at 49.2% 49.2%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0.9) 97.5%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 50% 50% at 50.8% 50.8%, rgba(50, 60, 90, 0) 93%, rgba(50, 60, 90, 0.24) 98%, rgba(50, 60, 90, 0) 100%),
    radial-gradient(closest-side at 50% 50%, #f7f7f3 0, #f7f7f3 70%, #f2f2ee 80%, #5174bb 81.2%, #2f53a3 82.4%, #2f53a3 85.2%, #5174bb 86.4%, #f2f2ee 87.6%, #eeeee9 94%, #d8d9db 98.6%, rgba(208, 209, 212, 0) 100%);
  background-size: 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 74px 64px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 64px 31px, 14px 21px, 54px 6px, 26px 20px, 26px 20px, 6px 5px, 6px 5px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 72.6px 34.4px, 16.6px 24px, 58.6px 8px, 29px 23px, 29px 23px, 8px 7px, 8px 7px, 74px 36px, 18px 24px, 60px 8px, 29px 23px, 29px 23px, 8px 7px, 8px 7px, 74px 36px, 18px 24px, 60px 8px, 29px 23px, 29px 23px, 8px 7px, 8px 7px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 54px 54px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 59px 78px, 84px 59px, 64px 107px, 59px 59px, 97px 59px, 59px 108px, 117px 108px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 54px 76px, 82px 54px, 61px 108.4px, 54px 54px, 97.6px 54px, 54px 109.4px, 118.6px 109.4px, 54px 76px, 82px 54px, 61px 110px, 54px 54px, 99px 54px, 54px 111px, 120px 111px, 56px 79px, 84px 57px, 63px 113px, 56px 57px, 101px 57px, 56px 114px, 122px 114px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1.5px rgba(26, 38, 72, 0.3), 3px 7px 10px rgba(26, 38, 72, 0.2), 6px 14px 20px rgba(26, 38, 72, 0.14);
}

#outer #main #feedback .actions,
#outer #main .feedback .actions {
  margin: 1.6em 0;
}

#outer #main #kudo_submit {
  padding: 1em 2.1em 0.9em;
  border-top-left-radius: 10px 9px;
  border-top-right-radius: 13px 10px;
  border-bottom-left-radius: 12px 10px;
  border-bottom-right-radius: 9px 9px;
  background-color: #f5dc93;
  background-image: radial-gradient(ellipse 50% 20% at 36% 16%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 40%),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.5) 100%),
    repeating-linear-gradient(101deg, #fbe6a0 0, #fbe6a0 7.4px, rgba(251, 230, 160, 0) 7.6px, rgba(251, 230, 160, 0) 9.3px, #fbe6a0 9.5px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.35), 0 5px 0 -0.5px #eccb6c, 0 7px 0 -0.5px #d6ae4c, 2px 11px 12px rgba(90, 52, 12, 0.35);
  color: #4a2a0c;
  font-size: 1.02em;
}

#outer #main #kudo_submit:hover {
  background-color: #fbe6a0;
  border-top-left-radius: 22px 13px;
  border-top-right-radius: 28px 15px;
  border-bottom-left-radius: 26px 16px;
  border-bottom-right-radius: 20px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 3px rgba(206, 150, 40, 0.3), 0 2px 0 -0.5px #eccb6c, 0 3px 0 -0.5px #d6ae4c, 1px 5px 6px rgba(90, 52, 12, 0.3);
  transform: translate(0, 3px) scale(1.08, 0.9);
}

#outer #main #kudos p.kudos {
  max-width: 40rem;
  margin: 1.5em auto 2em;
  padding: 1.3em 1.9em 1.2em;
  border: none;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.85em, rgba(45, 78, 156, 0.22) 1.85em, rgba(45, 78, 156, 0.22) 1.9em);
  background-size: 4px 1.9em;
  background-position: 0 0.35em;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 12px 20px -10px rgba(40, 20, 4, 0.4);
  color: #6a4022;
  font-size: 0.95em;
  line-height: 1.9;
  text-align: center;
}

#outer #main #kudos p.kudos:before {
  content: "buttered up by\2026";
  display: block;
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.35em;
  font-weight: bold;
}

#outer #main #kudos a {
  color: #2d4e9c;
  font-weight: bold;
}

#outer #main #add_comment h4.heading,
#outer #main .post.comment h4.heading {
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.1em;
  font-weight: 800;
  text-shadow: 0 1px 0 #ffffff, 0 0 8px #fbfaf4;
}

#outer #main #add_comment legend {
  display: none;
}

#outer #main .footnote,
#outer #main .character_counter {
  color: #6a4022;
  text-shadow: 0 0 6px #fbfaf4;
}

#outer #main li.comment,
#outer #main .thread li.comment.odd,
#outer #main .thread li.comment.even {
  margin: 1.5em 0;
  padding: 1.4em 1.5em 1em;
  border: none !important;
  border-top: 10px solid transparent !important;
  border-radius: 3px;
  background-color: #fdfcf7 !important;
  background-image: linear-gradient(90deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.5) 6%, rgba(40, 84, 170, 0.5) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(180deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.5) 6%, rgba(40, 84, 170, 0.5) 44%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(#f7f6f0, #f7f6f0),
    linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 42%, rgba(22, 34, 72, 0) 68%, rgba(22, 34, 72, 0.05) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, rgba(28, 40, 84, 0.035) 1px, rgba(28, 40, 84, 0.035) 2px) !important;
  background-size: 12px 12px, 12px 12px, 100% 10px, 100% 100%, 4px 2px !important;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0 !important;
  background-repeat: repeat-x, repeat-x, no-repeat, no-repeat, repeat !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
  box-shadow: inset 0 0 0 1px rgba(40, 84, 170, 0.12), 0 1px 1px rgba(40, 20, 4, 0.22), 2px 10px 16px -8px rgba(40, 20, 4, 0.38) !important;
}

#outer #main .thread .thread li.comment.odd,
#outer #main .thread .thread li.comment.even {
  margin-top: 1em;
}

#outer #main li.comment h4.heading.byline {
  margin: 0 0 0.6em 72px;
  padding: 0;
  background: transparent;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.15em;
  font-weight: 800;
  line-height: 1.3;
}

#outer #main li.comment h4.heading a {
  color: #3a2212;
}

#outer #main li.comment h4.heading span.parent,
#outer #main li.comment h4.heading span.parent a {
  color: #6a4022;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.7em;
  font-weight: normal;
}

#outer #main li.comment .posted.datetime {
  display: block;
  margin: 0.25em 0 0;
  color: #2d4e9c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.56em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main li.comment h4.byline .posted,
#outer #main li.comment h4.heading .posted.datetime {
  margin-left: 0;
}

#outer #main li.comment div.icon {
  top: 1.2em;
  left: 1.4em;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fbfbf8, 0 0 0 5.5px #4a6fb8, 1px 3px 5px 5px rgba(40, 20, 4, 0.25);
}

#outer #main li.comment .icon img,
#outer #main li.comment .icon a {
  width: 54px;
  height: 54px;
}

#outer #main li.comment blockquote.userstuff {
  margin: 0 0 0 72px;
  padding: 0;
  color: #3a2212;
}

#outer #main li.comment ul.actions,
#outer #main #feedback li.comment ul.actions {
  margin: 0.7em 0 0;
  text-align: right;
}

#outer #main li.comment ul.actions a,
#outer #main li.comment ul.actions input[type="submit"] {
  font-size: 0.74em;
}

#outer #main ol.thread ol.thread {
  margin-left: 2.4em;
}

#outer #main li.comment.unreviewed,
#outer #main li.comment .unreviewed {
  opacity: 0.85;
}

#outer #dashboard,
#outer #dashboard.own {
  position: relative;
  opacity: 1;
  margin-top: 2.6em;
  margin-left: 1.2em;
  padding: 1.2em 0.4em 0.9em;
  border: none !important;
  border-radius: 2px;
  background-color: #fffdf6 !important;
  background-image: repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.95em, rgba(45, 78, 156, 0.15) 1.95em, rgba(45, 78, 156, 0.15) 2em),
    linear-gradient(90deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 1.1em, rgba(184, 35, 58, 0.35) 1.1em, rgba(184, 35, 58, 0.35) 1.17em, rgba(184, 35, 58, 0) 1.17em),
    linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.06) 100%) !important;
  background-size: 4px 2em, auto, auto !important;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 12px 20px -8px rgba(40, 30, 20, 0.4) !important;
}

#outer #dashboard ul {
  margin-top: 0.4em !important;
  padding-top: 0.4em !important;
  border-top: 2px dotted rgba(184, 35, 58, 0.3) !important;
}

#outer #dashboard ul.navigation.actions:first-of-type {
  border-top: none !important;
}

#outer #dashboard a,
#outer #dashboard span {
  margin: 0.05em 0.3em;
  padding: 0.1em 0.7em;
  border-radius: 3px 8px 4px 9px;
  color: #3a2212;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.95em;
  font-weight: 600;
  line-height: 1.95;
}

#outer #dashboard a:hover,
#outer #dashboard a:focus {
  background: rgba(247, 176, 60, 0.3) !important;
  color: #b8233a;
}

#outer #dashboard .current,
#outer #dashboard span.current {
  background: rgba(247, 176, 60, 0.45) !important;
  box-shadow: inset 0 -0.18em 0 rgba(214, 120, 30, 0.25);
  color: #2a1507;
  font-weight: 800;
}

#outer #dashboard .secondary {
  padding: 0.4em;
  border-radius: 3px;
  background: #fffdf6 !important;
  box-shadow: 0 1px 2px rgba(40, 20, 4, 0.3), 3px 10px 18px rgba(40, 20, 4, 0.3) !important;
}

#outer #main .primary.header h2.heading {
  margin-top: 0.35em;
  text-align: left;
}

#outer #main .primary.header p.icon {
  box-shadow: 0 0 0 4px #fbfbf8, 0 0 0 5.5px #cfd1d3, 0 0 0 9px #fbfbf8, 0 0 0 10.5px #2c52a2, 2px 6px 10px 10px rgba(40, 20, 4, 0.28);
}

#outer #main .primary.header ul.navigation.actions {
  text-align: left;
}

#outer #main .listbox > .heading,
#outer #main .listbox > h3.heading,
#outer #main .listbox > h4.heading,
#outer #main .listbox > h5.heading,
#outer #main ul.media .listbox > .heading {
  display: inline-block;
  margin: 0 0 0.8em !important;
  padding: 0 0.15em !important;
  border-radius: 3px 8px 4px 9px !important;
  background-color: rgba(247, 176, 60, 0.3) !important;
  background-image: linear-gradient(176deg, rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0) 40%, rgba(200, 110, 20, 0) 60%, rgba(200, 110, 20, 0.2) 100%) !important;
  box-shadow: inset 0 -0.2em 0 rgba(214, 120, 30, 0.25) !important;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.35em;
  font-weight: 800;
  text-shadow: 0 1px 0 #ffffff, 0 0 4px #fbfaf4, 0 0 10px #fbfaf4;
}

#outer #main .listbox > .heading a,
#outer #main ul.media .listbox > .heading a {
  color: #2d4e9c;
}

#outer #main .listbox > ol.index:not(:has(> li.blurb)),
#outer #main .listbox > ul.index:not(:has(> li.blurb)),
#outer #main .media .listbox > ul,
#outer #main .media .listbox > ol {
  padding: 0.8em 1.3em !important;
  border-radius: 2px;
  background-color: #fffdf6 !important;
  background-image: repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 2.05em, rgba(45, 78, 156, 0.15) 2.05em, rgba(45, 78, 156, 0.15) 2.1em) !important;
  background-size: 4px 2.1em !important;
  background-position: 0 0.55em !important;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 10px 18px -8px rgba(40, 30, 20, 0.4) !important;
}

#outer #main .listbox ol.index > li:not(.blurb),
#outer #main .listbox ul.index > li:not(.blurb),
#outer #main .media .listbox li {
  padding: 0.28em 0;
  color: #6a4022;
  line-height: 1.5;
}

#outer #main .listbox .index > li:not(.blurb) a,
#outer #main .media .listbox li a {
  color: #2d4e9c;
  font-weight: 600;
}

#outer #main .listbox > p.actions,
#outer #main .listbox > ul.actions,
#outer #main .listbox .actions {
  margin: 0.6em 0 0;
}

#outer #main form > fieldset,
#outer #main form.post > fieldset,
#outer #main .post form > fieldset,
#outer #main form.verbose fieldset,
#outer #main form#work-form > fieldset {
  position: relative;
  margin: 1.4em 0 1.8em;
  padding: 1.6em 1.8em 1.2em;
  border: none;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.06) 100%),
    linear-gradient(180deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 0.6em, rgba(184, 35, 58, 0.45) 0.6em, rgba(184, 35, 58, 0.45) 0.68em, rgba(184, 35, 58, 0) 0.68em);
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 0 3px 0 -1px #f3eedf, 0 4px 1px -1px rgba(40, 20, 4, 0.18), 3px 14px 24px -10px rgba(40, 30, 20, 0.4);
}

#outer #main #add_comment form > fieldset,
#outer #main .post.comment form > fieldset,
#outer #main form.comment > fieldset,
#outer #main .comment_form fieldset,
#outer #main form#inbox-form > fieldset,
#outer #main form.filters > fieldset,
#outer #main form.search > fieldset,
#outer #main form.single > fieldset,
#outer #main form.button_to fieldset {
  margin: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

#outer #main form fieldset fieldset {
  margin: 0;
  padding: 0;
}

#outer #main form.verbose legend,
#outer #main .verbose form legend {
  display: inline-block;
  height: auto;
  width: auto;
  margin: 0 0 0.4em;
  padding: 0.3em 0.9em;
  border-radius: 6px 8px 7px 6px;
  background-color: #fbe6a0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 0 -0.5px #d6ae4c;
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.08em;
  opacity: 1;
  text-transform: uppercase;
}

#outer #main form dt,
#outer #main form dt label {
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.82em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#outer #main form dt {
  padding-top: 0.7em;
  border-bottom: none;
}

#outer #main form dt label {
  font-size: 1em;
}

#outer #main form dd {
  padding: 0.35em 0 0.5em;
  color: #3a2212;
}

#outer #main form .required,
#outer #main form dt.required,
#outer #main form dd.required {
  color: #b8233a;
}

#outer #main form p.note,
#outer #main form .footnote,
#outer #main .character_counter,
#outer #main form p.character_counter {
  color: #6a4022;
  font-size: 0.85em;
  font-style: italic;
  text-shadow: none;
}

#outer #main form label {
  color: #3a2212;
}

#outer #main input[type="text"],
#outer #main input[type="password"],
#outer #main input[type="email"],
#outer #main input[type="url"],
#outer #main input[type="search"],
#outer #main input[type="number"],
#outer #main input[type="date"],
#outer #main textarea,
#outer #main select {
  padding: 0.6em 0.8em;
  border: 1px solid rgba(45, 78, 156, 0.28);
  border-bottom: 2px solid rgba(45, 78, 156, 0.55);
  border-radius: 4px 4px 2px 2px;
  background-color: #ffffff;
  background-image: linear-gradient(180deg, rgba(240, 236, 224, 0.6) 0, rgba(255, 255, 255, 0) 8px);
  box-shadow: none;
  color: #3a2212;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.95em;
  transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

#outer #main textarea {
  line-height: 1.6;
}

#outer #main input[type="text"]:focus,
#outer #main input[type="password"]:focus,
#outer #main input[type="email"]:focus,
#outer #main input[type="url"]:focus,
#outer #main input[type="search"]:focus,
#outer #main input[type="number"]:focus,
#outer #main textarea:focus,
#outer #main select:focus {
  background-color: #ffffff;
  border-color: #2d4e9c;
  box-shadow: 0 0 0 3px rgba(247, 176, 60, 0.35);
  outline: none;
}

#outer #main select {
  padding-right: 2em;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #2d4e9c 50%),
    linear-gradient(135deg, #2d4e9c 50%, rgba(0, 0, 0, 0) 50%),
    linear-gradient(180deg, rgba(240, 236, 224, 0.6) 0, rgba(255, 255, 255, 0) 8px);
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-position: right 1.05em top 55%, right 0.7em top 55%, 0 0;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none;
}

#outer #main input[type="checkbox"],
#header #small_login input[type="checkbox"] {
  border: 2px solid #8fa3cc !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(20, 30, 60, 0.15), 0 1px 1px rgba(40, 20, 4, 0.2) !important;
}

#outer #main input[type="checkbox"]:checked {
  border-color: #2d4e9c !important;
  background: #2d4e9c !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0) 60%) !important;
}

#outer #main input[type="checkbox"]:checked:after {
  border-color: #ffffff;
}

#outer #main input[type="radio"] {
  border: 2px solid #8fa3cc !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(20, 30, 60, 0.15), 0 1px 1px rgba(40, 20, 4, 0.2) !important;
}

#outer #main input[type="radio"]:checked {
  border-color: #2d4e9c !important;
  background-image: radial-gradient(circle at 42% 38%, #fff6cf 0, #fbe093 35%, #e9b94a 62%, rgba(233, 185, 74, 0) 66%) !important;
}

#outer #main input[type="checkbox"]:focus-visible,
#outer #main input[type="radio"]:focus-visible {
  outline: 3px solid rgba(247, 176, 60, 0.55) !important;
  outline-offset: 1px;
}

#outer #main form ul.options li label,
#outer #main .filters label,
#outer #main form label {
  cursor: pointer;
}

#outer #main ul.autocomplete,
#outer #main form ul.autocomplete {
  border: 1px solid rgba(45, 78, 156, 0.28);
  border-bottom: 2px solid rgba(45, 78, 156, 0.55);
  border-radius: 4px 4px 2px 2px;
  background: #ffffff;
}

#outer #main ul.autocomplete:focus-within {
  border-color: #2d4e9c;
  box-shadow: 0 0 0 3px rgba(247, 176, 60, 0.35);
}

#outer #main li.added.tag,
#outer #main form li.added.tag,
#outer .autocomplete li.added {
  padding: 0.22em 0.55em 0.22em 0.8em;
  border-top-left-radius: 12px 11px;
  border-top-right-radius: 14px 12px;
  border-bottom-left-radius: 13px 12px;
  border-bottom-right-radius: 11px 11px;
  background-color: #b4172f;
  background-image: radial-gradient(ellipse 36% 30% at 26% 24%, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(255, 90, 90, 0.3) 0, rgba(120, 0, 20, 0) 50%, rgba(90, 0, 16, 0.35) 100%);
  box-shadow: inset 0 1px 1px rgba(255, 190, 190, 0.7), 0 1px 0 rgba(90, 0, 16, 0.6), 1px 2px 3px rgba(70, 10, 10, 0.25);
  color: #fff5ef;
  font-size: 0.88em;
  font-weight: bold;
}

#outer #main li.added.tag .delete a,
#outer #main li.added.tag span.delete a,
#outer .autocomplete .delete a {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.3em;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  line-height: 1.15em;
  text-align: center;
}

#outer #main li.added.tag .delete a:hover {
  background: #fbe6a0;
  color: #8e1226;
}

#outer .autocomplete .dropdown,
#outer .autocomplete .dropdown ul {
  border: none;
  border-radius: 3px;
  background: #fffdf6;
  box-shadow: 0 1px 2px rgba(40, 20, 4, 0.3), 3px 10px 18px rgba(40, 20, 4, 0.3);
}

#outer .autocomplete .dropdown ul li {
  color: #3a2212;
}

#outer .autocomplete .dropdown ul li:hover,
#outer .autocomplete .dropdown li.selected {
  background: rgba(247, 176, 60, 0.45);
  color: #2a1507;
}

#outer .LV_validation_message.LV_invalid,
#outer #main .LV_validation_message.LV_invalid {
  margin: 0.4em 0 0 !important;
  padding: 0.35em 0.8em !important;
  border-radius: 3px !important;
  background: rgba(192, 36, 58, 0.08) !important;
  box-shadow: inset 3px 0 0 #c0243a !important;
  color: #8e1226 !important;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif !important;
  font-size: 1em !important;
  font-weight: bold !important;
}

#outer #main input.LV_invalid_field,
#outer #main textarea.LV_invalid_field,
#outer #main .LV_invalid_field {
  border-color: #c0243a !important;
  box-shadow: 0 0 0 3px rgba(192, 36, 58, 0.15) !important;
}

#outer #main form fieldset.create ul.actions,
#outer #main form p.submit,
#outer #main form .submit.actions {
  text-align: right;
}

#outer #main form fieldset.create {
  padding: 1em 1.4em;
}

#outer #main input[type="file"] {
  color: #3a2212;
}

#outer .mce-panel,
#outer .mce-toolbar,
#outer .mce-menubar,
#outer .mce-statusbar {
  background-color: #fdf8ea !important;
  border-color: rgba(45, 78, 156, 0.25) !important;
}

#outer .mce-btn:hover,
#outer .mce-btn.mce-active {
  background: rgba(247, 176, 60, 0.35) !important;
}

#outer #main.filtered {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 0;
}

#outer #main.filtered > * {
  grid-column-start: 1;
  grid-column-end: 3;
}

#outer #main.filtered > .index,
#outer #main.filtered > ol.index,
#outer #main.filtered > ul.index,
#outer #main.filtered > form.inbox {
  grid-column-start: 1;
  grid-column-end: 2;
}

#outer #main.filtered > .filters,
#outer #main.filtered > #work-filters,
#outer #main.filtered > #bookmark-filters,
#outer #main.filtered > #inbox-filters,
#outer #main.filtered > form.filters {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 3;
  width: 17em;
  margin-left: 2em;
}

#outer.filtering #main.filtered > .filters,
#outer.filtering #main.filtered > #work-filters,
#outer.filtering #main.filtered > #bookmark-filters,
#outer.filtering #main.filtered > #inbox-filters,
#outer.filtering #main.filtered > form.filters {
  position: absolute;
  margin-left: 0;
}

#outer #main form.filters,
#outer #main #work-filters,
#outer #main #bookmark-filters,
#outer #main #inbox-filters {
  position: relative;
  box-sizing: border-box;
  margin-top: 2.2em;
  padding: 2.8em 1.25em 1.2em;
  border: none;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: linear-gradient(180deg, rgba(184, 35, 58, 0) 0, rgba(184, 35, 58, 0) 2.3em, rgba(184, 35, 58, 0.5) 2.3em, rgba(184, 35, 58, 0.5) 2.38em, rgba(184, 35, 58, 0) 2.38em),
    repeating-linear-gradient(180deg, rgba(45, 78, 156, 0) 0, rgba(45, 78, 156, 0) 1.95em, rgba(45, 78, 156, 0.12) 1.95em, rgba(45, 78, 156, 0.12) 2em),
    linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.06) 100%);
  background-size: auto, 4px 2em, auto;
  background-position: 0 0, 0 2.4em, 0 0;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 0 3px 0 -1px #f3eedf, 0 4px 1px -1px rgba(40, 20, 4, 0.18), 3px 14px 24px -10px rgba(40, 30, 20, 0.4);
  color: #3a2212;
}

#outer #main form.filters:before {
  content: "sort & filter";
  position: absolute;
  top: 0.55em;
  left: 1em;
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

#outer #main #inbox-filters:before {
  content: "sort & show";
}

#outer #main .filters dt,
#outer #main .filters dt label,
#outer #main .filters dt.sort label,
#outer #main #inbox-filters dt {
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#outer #main .filters dt.heading,
#outer #main .filters dt.include,
#outer #main .filters dt.exclude,
#outer #main .filters dt.more {
  margin-top: 1.4em;
  padding-bottom: 0.3em;
  border-bottom: 2px dotted rgba(184, 35, 58, 0.35) !important;
}

#outer #main .filters dt h4,
#outer #main .filters h4.heading {
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.3em;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

#outer #main .filters .expander {
  color: #3a2212 !important;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.02em;
  font-weight: 700;
  letter-spacing: 0;
}

#outer #main .filters .expander:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.15em;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2d4e9c;
  transition: transform 0.25s ease-in-out;
}

#outer #main .filters .expanded .expander:before,
#outer #main .filters .expander[aria-expanded="true"]:before {
  transform: rotate(90deg);
}

#outer #main .filters .expander:hover,
#outer #main .filters .expander:focus {
  color: #b8233a !important;
}

#outer #main .filters dd.expandable,
#outer #main .filters dd.tags dd {
  margin: 0 0 0.3em 0.4em !important;
}

#outer #main .filters ul li label,
#outer #main #inbox-filters ul li label {
  display: flex;
  align-items: flex-start;
  color: #3a2212;
  font-size: 0.95em;
  line-height: 1.35;
}

#outer #main .filters ul li label input,
#outer #main #inbox-filters ul li label input {
  flex: 0 0 auto;
  margin-top: 0.05em !important;
}

#outer #main .filters input:checked ~ span,
#outer #main #inbox-filters input:checked ~ span {
  color: #2a1507;
  font-weight: bold;
}

#outer #main .filters dd.submit input[type="submit"] {
  padding: 0.8em 1em 0.7em;
  font-size: 0.86em;
}

#outer #main .filters p.footnote {
  margin-top: 0.4em;
  color: #6a4022;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1em;
  font-style: normal;
}

#outer #main .filters .range dt {
  font-size: 0.72em;
}

#outer #main .filters .symbol.question span {
  font-size: 0.7em;
}

#outer #main a#go_to_filters,
#outer #main a#leave_filters {
  padding: 0.64em 1.15em 0.56em;
  border-radius: 7px;
  background-color: #fbe6a0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 3px 0 -0.5px #d6ae4c, 1px 5px 6px rgba(90, 52, 12, 0.3);
  color: #4a2a0c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

#outer.filtering #main .filters a#leave_filters {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
}

#outer #main .filters ul.autocomplete {
  padding: 0.25em 0.35em !important;
  border: 1px solid rgba(45, 78, 156, 0.28) !important;
  border-bottom: 2px solid rgba(45, 78, 156, 0.55) !important;
  border-radius: 4px 4px 2px 2px !important;
  background: #ffffff !important;
}

#outer #main .filters li.added.tag {
  display: inline-block;
  margin: 0.15em 0.2em !important;
  padding: 0.22em 0.55em 0.22em 0.8em !important;
  border-top-left-radius: 12px 11px !important;
  border-top-right-radius: 14px 12px !important;
  border-bottom-left-radius: 13px 12px !important;
  border-bottom-right-radius: 11px 11px !important;
  background-color: #b4172f !important;
  background-image: radial-gradient(ellipse 36% 30% at 26% 24%, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(255, 90, 90, 0.3) 0, rgba(120, 0, 20, 0) 50%, rgba(90, 0, 16, 0.35) 100%) !important;
  box-shadow: inset 0 1px 1px rgba(255, 190, 190, 0.7), 0 1px 0 rgba(90, 0, 16, 0.6), 1px 2px 3px rgba(70, 10, 10, 0.25) !important;
  color: #fff5ef;
  font-size: 0.85em;
  font-weight: bold;
}

#outer #main .filters ul.autocomplete li.input {
  padding: 0 !important;
}

#outer #main form.inbox fieldset.actions,
#outer #main #inbox-form fieldset.actions {
  margin: 0.4em 0 1em !important;
}

#outer #main form.inbox fieldset.actions a.check_all,
#outer #main form.inbox fieldset.actions a.check_none {
  display: inline-block;
  padding: 0.55em 1em 0.5em;
  border-radius: 999px;
  background: #fffdf6;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.3), 1px 3px 5px rgba(40, 20, 4, 0.2);
  color: #2d4e9c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

#outer #main form.inbox li.comment.unread,
#outer #main .inbox li.unread,
#outer #main ul.abbreviated li.unread {
  background-image: linear-gradient(90deg, rgba(196, 33, 63, 0) 0, rgba(196, 33, 63, 0.55) 6%, rgba(196, 33, 63, 0.55) 44%, rgba(196, 33, 63, 0) 50%),
    linear-gradient(180deg, rgba(196, 33, 63, 0) 0, rgba(196, 33, 63, 0.55) 6%, rgba(196, 33, 63, 0.55) 44%, rgba(196, 33, 63, 0) 50%),
    linear-gradient(#f7f6f0, #f7f6f0),
    linear-gradient(90deg, rgba(247, 176, 60, 0.14) 0, rgba(247, 176, 60, 0) 30%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 1px, rgba(28, 40, 84, 0.035) 1px, rgba(28, 40, 84, 0.035) 2px);
  background-size: auto, auto, auto, auto, 4px 2px;
}

#outer #main li.comment.unread,
#outer #main li.unread {
  opacity: 1;
}

#outer #main .comment .actions span.unread,
#outer #main li.comment span.unread {
  display: inline-block;
  padding: 0.4em 0.9em;
  border: none;
  border-radius: 999px;
  background-color: #b4172f;
  background-image: radial-gradient(ellipse 40% 30% at 30% 25%, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 1px 1px rgba(255, 190, 190, 0.6), 0 1px 0 rgba(90, 0, 16, 0.6);
  color: #fff5ef;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.72em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main .comment .actions span.replied,
#outer #main li.comment span.replied {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  border: none;
  border-radius: 50%;
  background: #2d4e9c;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(20, 30, 60, 0.35);
  color: #ffffff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.8em;
  text-align: center;
}

#outer #main li.comment .actions label {
  display: inline-flex;
  align-items: center;
}

#outer #main li.comment .actions label input[type="checkbox"] {
  margin-right: 0.45em !important;
}

#outer #main li.comment .frozen,
#outer #main li.comment .unreviewed {
  color: #6a4022;
  font-style: italic;
}

#outer #main form.inbox li.comment,
#outer #main ul.abbreviated li.comment,
#outer #main form.inbox li.comment.unread,
#outer #main ul.abbreviated li.comment.unread {
  position: relative;
  overflow: visible;
  min-height: 116px;
  margin: 0 0 30px !important;
  padding: 30px 40px 24px 150px !important;
  border: none !important;
  border-top-left-radius: 22px 20px;
  border-top-right-radius: 26px 22px;
  border-bottom-left-radius: 24px 22px;
  border-bottom-right-radius: 20px 20px;
  background-color: #d9a667 !important;
  background-image: radial-gradient(ellipse 60% 80% at 24% 14%, rgba(255, 238, 205, 0.32) 0, rgba(255, 238, 205, 0) 100%),
    var(--wood-soft),
    linear-gradient(180deg, #dcaa6c 0, #cf9a5a 100%) !important;
  background-size: 100% 100%, auto, auto, 100% 100% !important;
  background-position: 0 0, 0 0, 0 0, 0 0 !important;
  background-repeat: no-repeat, repeat, repeat, no-repeat !important;
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  outline: 2px solid rgba(110, 62, 22, 0.32);
  outline-offset: -13px;
  box-shadow: inset 0 1px 0 rgba(255, 240, 215, 0.6), inset 0 -3px 4px rgba(90, 50, 16, 0.3), 0 2px 0 #8e5a2a, 0 5px 0 #7a4a20, 4px 14px 20px rgba(30, 12, 2, 0.4) !important;
  opacity: 1;
}

#outer #main form.inbox li.comment:before,
#outer #main ul.abbreviated li.comment:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-left-radius: 10px 9px;
  border-top-right-radius: 13px 10px;
  border-bottom-left-radius: 12px 10px;
  border-bottom-right-radius: 9px 9px;
  box-shadow: 0 1px 0 rgba(255, 236, 200, 0.45), inset 0 1px 1px rgba(80, 40, 10, 0.25);
}

#outer #main form.inbox li.comment h4.heading.byline,
#outer #main ul.abbreviated li.comment h4.heading.byline {
  margin: 0 0 0.5em;
  padding: 0;
  color: #3a1a06;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.12em;
  font-weight: 800;
  line-height: 1.3;
}

#outer #main form.inbox li.comment h4.heading.byline a,
#outer #main ul.abbreviated li.comment h4.heading.byline a,
#outer #main form.inbox li.comment h4.heading a,
#outer #main ul.abbreviated li.comment h4.heading a {
  color: #3a1a06;
}

#outer #main form.inbox li.comment .posted.datetime,
#outer #main ul.abbreviated li.comment .posted.datetime {
  display: block;
  margin: 0.3em 0 0;
  color: #6a3a14;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.56em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#outer #main form.inbox li.comment blockquote.userstuff,
#outer #main ul.abbreviated li.comment blockquote.userstuff {
  margin: 0;
  padding: 0;
  color: #2e1606;
  font-size: 1em;
  line-height: 1.55;
}

#outer #main form.inbox li.comment ul.actions,
#outer #main ul.abbreviated li.comment ul.actions {
  position: relative;
  margin: 0.8em 0 0;
  padding: 0;
  text-align: right;
}

#outer #main form.inbox li.comment div.icon,
#outer #main ul.abbreviated li.comment div.icon {
  top: 34px;
  left: 42px;
  overflow: visible;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #4a2a12;
  box-shadow: 0 0 0 5px #fbfbf8, 0 0 0 6px rgba(60, 70, 96, 0.18), 0 0 0 15px #f4f4f0, 0 0 0 16.5px #4a6fb8, 0 0 0 18.5px #f4f4f0, 0 0 0 19.5px rgba(60, 70, 96, 0.2), 3px 8px 10px 18px rgba(40, 20, 4, 0.32);
}

#outer #main form.inbox li.comment .icon img,
#outer #main ul.abbreviated li.comment .icon img,
#outer #main form.inbox li.comment .icon a,
#outer #main ul.abbreviated li.comment .icon a {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

#outer #main form.inbox li.comment div.icon:after,
#outer #main ul.abbreviated li.comment div.icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: radial-gradient(ellipse 22% 12% at 30% 24%, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(circle at 50% 50%, rgba(60, 30, 10, 0) 62%, rgba(60, 30, 10, 0.55) 100%);
  box-shadow: inset 0 2px 4px rgba(30, 14, 4, 0.6);
}

#outer #main form.inbox li.comment div.icon:before,
#outer #main ul.abbreviated li.comment div.icon:before {
  content: "";
  position: absolute;
  top: 44px;
  left: 58px;
  width: 24px;
  height: 14px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 9px 7px;
  border-bottom-right-radius: 9px 7px;
  background-image: linear-gradient(180deg, #ffffff 0, #f2f2ee 45%, #d9d9d4 100%);
  box-shadow: inset 0 0 0 1px rgba(60, 70, 96, 0.12), 2px 3px 3px rgba(40, 20, 4, 0.3);
  transform: rotate(32deg);
  transform-origin: 0 50%;
}

#outer #main form.inbox li.comment:after,
#outer #main ul.abbreviated li.comment:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -80px;
  left: 22px;
  width: 104px;
  height: 150px;
  clear: none;
  background-image: radial-gradient(ellipse 6px 8px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 48%, rgba(110, 118, 136, 0.05) 65.33%, rgba(255, 255, 255, 0.23) 84.83%, rgba(255, 255, 255, 0.41) 100%, rgba(255, 255, 255, 0.23) 115.17%, rgba(110, 118, 136, 0.05) 134.67%, rgba(110, 118, 136, 0) 152%),
    radial-gradient(ellipse 5px 10px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 23.2%, rgba(110, 118, 136, 0.04) 48.8%, rgba(255, 255, 255, 0.20) 77.6%, rgba(255, 255, 255, 0.36) 100%, rgba(255, 255, 255, 0.20) 122.4%, rgba(110, 118, 136, 0.04) 151.2%, rgba(110, 118, 136, 0) 176.8%),
    radial-gradient(ellipse 10px 12px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 52%, rgba(110, 118, 136, 0.03) 68%, rgba(255, 255, 255, 0.16) 86%, rgba(255, 255, 255, 0.29) 100%, rgba(255, 255, 255, 0.16) 114%, rgba(110, 118, 136, 0.03) 132%, rgba(110, 118, 136, 0) 148%),
    radial-gradient(ellipse 7px 13px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 17.71%, rgba(110, 118, 136, 0.03) 45.14%, rgba(255, 255, 255, 0.12) 76%, rgba(255, 255, 255, 0.22) 100%, rgba(255, 255, 255, 0.12) 124%, rgba(110, 118, 136, 0.03) 154.86%, rgba(110, 118, 136, 0) 182.29%),
    radial-gradient(ellipse 12px 14px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 42%, rgba(110, 118, 136, 0.02) 61.33%, rgba(255, 255, 255, 0.08) 83.08%, rgba(255, 255, 255, 0.14) 100%, rgba(255, 255, 255, 0.08) 116.92%, rgba(110, 118, 136, 0.02) 138.67%, rgba(110, 118, 136, 0) 158%),
    radial-gradient(ellipse 9px 14px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 12%, rgba(110, 118, 136, 0.01) 41.33%, rgba(255, 255, 255, 0.04) 74.33%, rgba(255, 255, 255, 0.07) 100%, rgba(255, 255, 255, 0.04) 125.67%, rgba(110, 118, 136, 0.01) 158.67%, rgba(110, 118, 136, 0) 188%),
    radial-gradient(ellipse 4.5px 7px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 36%, rgba(110, 118, 136, 0.04) 57.33%, rgba(255, 255, 255, 0.18) 81.33%, rgba(255, 255, 255, 0.33) 100%, rgba(255, 255, 255, 0.18) 118.67%, rgba(110, 118, 136, 0.04) 142.67%, rgba(110, 118, 136, 0) 164%),
    radial-gradient(ellipse 8px 10px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 55%, rgba(110, 118, 136, 0.04) 70%, rgba(255, 255, 255, 0.16) 86.88%, rgba(255, 255, 255, 0.30) 100%, rgba(255, 255, 255, 0.16) 113.13%, rgba(110, 118, 136, 0.04) 130%, rgba(110, 118, 136, 0) 145%),
    radial-gradient(ellipse 6px 11px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 24%, rgba(110, 118, 136, 0.03) 49.33%, rgba(255, 255, 255, 0.13) 77.83%, rgba(255, 255, 255, 0.24) 100%, rgba(255, 255, 255, 0.13) 122.17%, rgba(110, 118, 136, 0.03) 150.67%, rgba(110, 118, 136, 0) 176%),
    radial-gradient(ellipse 11px 13px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 47.64%, rgba(110, 118, 136, 0.02) 65.09%, rgba(255, 255, 255, 0.09) 84.73%, rgba(255, 255, 255, 0.17) 100%, rgba(255, 255, 255, 0.09) 115.27%, rgba(110, 118, 136, 0.02) 134.91%, rgba(110, 118, 136, 0) 152.36%),
    radial-gradient(ellipse 8px 13px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 13%, rgba(110, 118, 136, 0.01) 42%, rgba(255, 255, 255, 0.05) 74.63%, rgba(255, 255, 255, 0.09) 100%, rgba(255, 255, 255, 0.05) 125.37%, rgba(110, 118, 136, 0.01) 158%, rgba(110, 118, 136, 0) 187%),
    radial-gradient(ellipse 4px 7px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 22%, rgba(110, 118, 136, 0.03) 48%, rgba(255, 255, 255, 0.12) 77.25%, rgba(255, 255, 255, 0.21) 100%, rgba(255, 255, 255, 0.12) 122.75%, rgba(110, 118, 136, 0.03) 152%, rgba(110, 118, 136, 0) 178%),
    radial-gradient(ellipse 7px 9px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 41.71%, rgba(110, 118, 136, 0.02) 61.14%, rgba(255, 255, 255, 0.09) 83%, rgba(255, 255, 255, 0.17) 100%, rgba(255, 255, 255, 0.09) 117%, rgba(110, 118, 136, 0.02) 138.86%, rgba(110, 118, 136, 0) 158.29%),
    radial-gradient(ellipse 5px 10px at 100% 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) -0.8%, rgba(110, 118, 136, 0.01) 32.8%, rgba(255, 255, 255, 0.06) 70.6%, rgba(255, 255, 255, 0.11) 100%, rgba(255, 255, 255, 0.06) 129.4%, rgba(110, 118, 136, 0.01) 167.2%, rgba(110, 118, 136, 0) 200.8%),
    radial-gradient(ellipse 9px 12px at 0 50%, rgba(110, 118, 136, 0) 0, rgba(110, 118, 136, 0) 30.67%, rgba(110, 118, 136, 0.01) 53.78%, rgba(255, 255, 255, 0.03) 79.78%, rgba(255, 255, 255, 0.06) 100%, rgba(255, 255, 255, 0.03) 120.22%, rgba(110, 118, 136, 0.01) 146.22%, rgba(110, 118, 136, 0) 169.33%),
    radial-gradient(ellipse 16px 9px at 52px 140px, rgba(255, 255, 255, 0.17) 0, rgba(255, 255, 255, 0) 100%);
  background-size: 10.12px 24.24px, 9.84px 29.68px, 15.8px 35.6px, 13.76px 39.52px, 19.96px 43.92px, 17.92px 45.84px, 8.38px 21.76px, 12.6px 29.2px, 11.56px 33.12px, 17.76px 39.52px, 15.96px 41.92px, 8.12px 22.24px, 12.08px 28.16px, 11.04px 32.08px, 16.24px 38.48px, 100% 100%;
  background-position: 50px 119.88px, 40.16px 99.16px, 50px 74.2px, 36.24px 47.24px, 50px 18.04px, 32.08px -10.92px, 50.62px 125.12px, 59px 104.4px, 47.44px 81.44px, 59px 54.24px, 43.04px 27.04px, 33.88px 117.88px, 42px 98.92px, 30.96px 77.96px, 42px 52.76px, 0 0;
  background-repeat: no-repeat;
  visibility: hidden;
  opacity: 0;
  transform: rotate(14deg) translate(0, 12px);
  transform-origin: 52px 146px;
  transition: opacity 1.6s ease-in, transform 1.6s ease-in, visibility 0s linear 1.6s;
}

#outer #main form.inbox li.comment:hover:after,
#outer #main ul.abbreviated li.comment:hover:after {
  visibility: visible;
  opacity: 1;
  transform: rotate(14deg) translate(0, 0);
  transition: opacity 2.8s ease-out 0.3s, transform 3.4s ease-out 0.3s, visibility 0s linear 0s;
}

#outer #main form.inbox li.comment span.unread,
#outer #main ul.abbreviated li.comment span.unread,
#outer #main form.inbox li.comment .actions span.unread,
#outer #main ul.abbreviated li.comment .actions span.unread {
  position: relative;
  padding: 0.7em 1.6em 0.65em;
  border: none;
  border-radius: 1px;
  background-color: #fbfbf6;
  background-image: repeating-linear-gradient(180deg, rgba(120, 110, 90, 0.35) 0, rgba(120, 110, 90, 0.35) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 3px),
    repeating-linear-gradient(180deg, rgba(120, 110, 90, 0.35) 0, rgba(120, 110, 90, 0.35) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 3px),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 4px, #c4213f 4px, #c4213f 5.5px, rgba(0, 0, 0, 0) 5.5px),
    linear-gradient(0deg, rgba(0, 0, 0, 0) 4px, #c4213f 4px, #c4213f 5.5px, rgba(0, 0, 0, 0) 5.5px),
    linear-gradient(170deg, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 110, 90, 0) 70%, rgba(120, 110, 90, 0.12) 100%);
  background-size: 9px 100%, 9px 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 100% 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 0.5px rgba(120, 110, 90, 0.4), 1px 3px 3px rgba(40, 20, 4, 0.35);
  color: #b4172f;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.66em;
  letter-spacing: 0.16em;
  text-shadow: none;
}

#outer #main form.inbox li.comment span.replied,
#outer #main ul.abbreviated li.comment span.replied,
#outer #main form.inbox li.comment .actions span.replied,
#outer #main ul.abbreviated li.comment .actions span.replied {
  width: auto;
  height: auto;
  padding: 0 0.3em;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #5a2a08;
  font-size: 1.3em;
  line-height: 1;
  text-shadow: 0 0 2px rgba(90, 40, 8, 0.6), 0 1px 0 rgba(255, 230, 190, 0.4);
}

#outer #main .splash > .module:not(.readings) {
  position: relative;
  padding: 1.3em 1.5em 1.1em;
  border-radius: 2px;
  background-color: #fffdf6;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 40%, rgba(120, 90, 40, 0) 70%, rgba(120, 90, 40, 0.06) 100%);
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 0 3px 0 -1px #f3eedf, 0 4px 1px -1px rgba(40, 20, 4, 0.18), 3px 14px 24px -10px rgba(40, 30, 20, 0.4);
}

#outer #main .splash > .module > .heading,
#outer #main .splash > .module > h3.heading {
  padding-bottom: 0.45em;
  border-bottom: 2px solid rgba(184, 35, 58, 0.4);
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.3em;
  font-weight: 800;
}

#outer #main .splash > .readings > .heading {
  border-bottom: none;
  text-shadow: 0 1px 0 #ffffff, 0 0 4px #ffffff, 0 0 10px #ffffff;
}

#outer #main .splash .heading span.link a {
  color: #2d4e9c;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.6em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#outer #main .splash p.note {
  color: #6a4022;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 1.05em;
}

#outer #main .splash > .readings p.note {
  text-shadow: 0 0 4px #ffffff, 0 0 8px #ffffff;
}

#outer #main .splash > .favorite.module {
  display: flow-root;
  position: relative;
  padding: 26px 26px 14px 30px;
  border-radius: 40px;
  background-color: #f7f7f3;
  background-image: radial-gradient(circle at 12% 86%, rgba(130, 60, 14, 0.6) 0, rgba(130, 60, 14, 0.6) 1.2px, rgba(130, 60, 14, 0) 1.8px),
    radial-gradient(circle at 13.4% 84%, rgba(150, 74, 20, 0.55) 0, rgba(150, 74, 20, 0.55) 0.8px, rgba(150, 74, 20, 0) 1.4px),
    radial-gradient(circle at 58% 90%, rgba(130, 60, 14, 0.5) 0, rgba(130, 60, 14, 0.5) 1px, rgba(130, 60, 14, 0) 1.6px),
    radial-gradient(circle at 71% 18%, rgba(140, 66, 16, 0.5) 0, rgba(140, 66, 16, 0.5) 0.9px, rgba(140, 66, 16, 0) 1.5px),
    radial-gradient(circle at 44% 12%, rgba(120, 56, 12, 0.45) 0, rgba(120, 56, 12, 0.45) 0.8px, rgba(120, 56, 12, 0) 1.4px),
    radial-gradient(ellipse 40% 34% at 22% 12%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 52% 56% at 50% 50%, rgba(60, 70, 96, 0) 72%, rgba(60, 70, 96, 0.08) 100%),
    linear-gradient(#f7f7f3, #f7f7f3);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  box-shadow: inset 0 0 0 6px #f7f7f3, inset 0 0 0 7.5px #5174bb, inset 0 0 0 11px #2f53a3, inset 0 0 0 12.5px #5174bb, inset 0 0 0 16px #f2f2ee, inset 0 0 0 17px rgba(60, 70, 96, 0.1), 0 1px 2px rgba(26, 38, 72, 0.3), 4px 12px 22px -6px rgba(26, 38, 72, 0.35);
}

#outer #main .splash > .favorite.module > h3.heading {
  margin: 0 0 14px;
  padding: 0;
  border: none;
  color: #3a2212;
}

#outer #main .splash > .favorite.module:before {
  content: "";
  float: right;
  width: 80px;
  height: 132px;
  margin: 0 20px 4px 18px;
  background-image: radial-gradient(ellipse 2.4px 0.65px at 37px 17.85px, rgba(255, 255, 248, 0.95) 0, rgba(255, 255, 248, 0) 100%),
    radial-gradient(ellipse 4.2px 1.1px at 38.4px 18.2px, rgba(255, 224, 128, 0.5) 0, rgba(255, 224, 128, 0) 100%),
    radial-gradient(ellipse 7.4px 2px at 40.4px 18.6px, #ffc33c 0, #ffb21f 45%, #f69c12 80%, #e88a0a 94%, rgba(232, 138, 10, 0) 100%),
    radial-gradient(ellipse 8.6px 2.4px at 40.9px 19px, rgba(190, 150, 80, 0.28) 0, rgba(190, 150, 80, 0) 100%),
    radial-gradient(ellipse 4px 0.55px at 34px 17.1px, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 12.78px 2.8px at 40px 18.45px, #fdfcf9 0, #f8f6f0 55%, #efeae1 85%, #e3dbce 100%, rgba(227, 219, 206, 0) 100%),
    radial-gradient(ellipse 13.48px 3.25px at 40px 18px, #e6e0d6 0, #dad3c7 75%, #cbc2b4 100%, rgba(203, 194, 180, 0) 100%),
    radial-gradient(ellipse 1.2px 0.5px at 28.8px 19.6px, #fbf9f4 0, rgba(251, 249, 244, 0) 100%),
    radial-gradient(ellipse 1.1px 0.45px at 51.6px 19.4px, #fbf9f4 0, rgba(251, 249, 244, 0) 100%),
    radial-gradient(ellipse 1.3px 0.45px at 36.5px 21.2px, #fbf9f4 0, rgba(251, 249, 244, 0) 100%),
    radial-gradient(ellipse 1.0px 0.4px at 47px 15.4px, #fbf9f4 0, rgba(251, 249, 244, 0) 100%),
    radial-gradient(ellipse 13.48px 3.25px at 40px 18px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 90%, #fffefb 93.5%, #f3eee6 97%, #d4cabb 100%, rgba(212, 202, 187, 0) 100%),
    radial-gradient(ellipse 2.2px 4.6px at 29.5px 30px, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 9px 14px at 32px 36px, rgba(255, 255, 255, 0.75) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 6px 22px at 55.5px 46px, rgba(132, 122, 108, 0.16) 0, rgba(132, 122, 108, 0) 100%),
    radial-gradient(ellipse 21px 3.2px at 40px 61.87px, rgba(112, 106, 98, 0.2) 0, rgba(112, 106, 98, 0.08) 55%, rgba(112, 106, 98, 0) 100%),
    radial-gradient(ellipse 25px 38px at 40px 32px, #ffffff 0, #fcfbf9 40%, #f5f3ef 66%, #ebe7e1 83%, #ddd8d0 94%, #cec8bf 99.3%, rgba(206, 200, 191, 0) 100%),
    radial-gradient(ellipse 29px 6.99px at 40px 56px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 89.7%, #b7bbc4 90.6%, #ebecee 93.1%, #ffffff 97%, #f2f2f0 99.4%, rgba(242, 242, 240, 0) 100%),
    radial-gradient(ellipse 26px 6.27px at 40px 56px, #6c7079 0, #7d818a 70%, #959aa3 97%, #a7abb3 100%, rgba(167, 171, 179, 0) 100%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 114px, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 18px, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #main .splash > .favorite.module > h3.heading:before {
  content: "";
  position: absolute;
  top: 136px;
  right: 59px;
  width: 54px;
  height: 15.5px;
  border-top-left-radius: 27px 5px;
  border-top-right-radius: 27px 5px;
  border-bottom-left-radius: 27px 5px;
  border-bottom-right-radius: 27px 5px;
  background-image: radial-gradient(ellipse 30% 30% at 34% 34%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 27px 5px at 27px 5px, #fbfbfa 0, #f2f2f1 55%, #e6e7ea 86%, #d6d9de 99%, rgba(214, 217, 222, 0) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 38%, rgba(90, 96, 110, 0) 66%, rgba(90, 96, 110, 0.2) 100%),
    linear-gradient(180deg, #eef0f2 0, #e2e4e8 45%, #cbced5 100%);
  background-size: 100% 10px, 100% 10px, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  box-shadow: 0 0.6px 0 rgba(120, 126, 140, 0.45), 4px 6px 7px 1px rgba(26, 38, 72, 0.26);
}

#outer #main .splash > .favorite.module > h3.heading:after {
  content: "";
  position: absolute;
  top: 119px;
  right: 46px;
  width: 80px;
  height: 20px;
  background-image: radial-gradient(ellipse 12px 6px at 40px 0, rgba(80, 88, 104, 0.4) 0, rgba(80, 88, 104, 0) 100%),
    radial-gradient(ellipse 2.4px 7px at 37.5px 11px, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 8px 8px at 0 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 97%, #e8eaed 100%),
    radial-gradient(ellipse 8px 8px at 100% 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 97%, #c9ccd3 100%),
    linear-gradient(90deg, #c6c9d0 0, #eef0f2 28%, #ffffff 40%, #ecedef 60%, #bec2ca 100%);
  background-size: 100% 100%, 100% 100%, 8px 8px, 8px 8px, 18px 20px;
  background-position: 0 0, 0 0, 23px 12px, 49px 12px, 31px 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #main .splash > .favorite.module:after {
  content: "";
  position: absolute;
  top: 82px;
  right: 57px;
  width: 58px;
  height: 41px;
  border-bottom-left-radius: 50% 68%;
  border-bottom-right-radius: 50% 68%;
  background-image: radial-gradient(ellipse 7px 0.7px at 17px 6.09px, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 2.6px 15px at 12.5px 22px, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 9px 17px at 18px 22px, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 2.2px 11px at 50.5px 19px, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 9px 34px at 0 34px, rgba(96, 104, 122, 0.32) 0, rgba(96, 104, 122, 0) 100%),
    radial-gradient(ellipse 15px 36px at 58px 32px, rgba(96, 104, 122, 0.42) 0, rgba(96, 104, 122, 0.12) 60%, rgba(96, 104, 122, 0) 100%),
    radial-gradient(ellipse 34px 15px at 29px 41px, rgba(88, 96, 114, 0.42) 0, rgba(88, 96, 114, 0.14) 60%, rgba(88, 96, 114, 0) 100%),
    radial-gradient(ellipse 29px 6.99px at 29px 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 89.7%, #b4b8c1 90.6%, #ebecee 93.1%, #ffffff 96.5%, #fbfbfa 99%, #e2e4e8 101%, #eeeff0 109%, #f4f4f3 125%, #f3f3f1 400%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

#outer #main .splash .favorite ul {
  margin: 0;
  padding: 0;
}

#outer #main .splash .favorite li {
  display: inline-block;
  margin: 0 12px 14px 0;
}

#outer #main .splash .favorite li a.tag,
#outer #main .splash .favorite li a.tag:link,
#outer #main .splash .favorite li a.tag:visited {
  display: inline-block;
  position: relative;
  padding: 9px 18px 13px 24px;
  border: none;
  border-top-left-radius: 5px 6px;
  border-bottom-left-radius: 5px 6px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #d99c5a;
  background-image: radial-gradient(ellipse 40% 16% at 56% 26%, rgba(255, 252, 226, 0.8) 0, rgba(255, 252, 226, 0) 100%),
    radial-gradient(ellipse 120% 70% at 100% 50%, #f7a91c 0, #f6a41a 70%, rgba(242, 150, 16, 0.85) 86%, rgba(242, 150, 16, 0) 100%),
    radial-gradient(ellipse 1.5px 1px at 5px 4px, rgba(104, 40, 4, 0.5) 0, rgba(104, 40, 4, 0.28) 50%, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 1.1px 1.6px at 21px 13px, rgba(104, 40, 4, 0.42) 0, rgba(104, 40, 4, 0) 100%),
    radial-gradient(ellipse 2.2px 1.1px at 40px 6px, rgba(116, 48, 6, 0.36) 0, rgba(116, 48, 6, 0) 100%),
    radial-gradient(ellipse 0.9px 0.7px at 9px 30px, rgba(96, 36, 2, 0.5) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1.3px 0.9px at 30px 21px, rgba(110, 44, 4, 0.4) 0, rgba(110, 44, 4, 0) 100%),
    radial-gradient(ellipse 0.8px 1.2px at 14px 9px, rgba(96, 36, 2, 0.45) 0, rgba(96, 36, 2, 0) 100%),
    radial-gradient(ellipse 1px 0.7px at 25px 3px, rgba(255, 232, 186, 0.7) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 0.8px 0.8px at 6px 14px, rgba(255, 232, 186, 0.6) 0, rgba(255, 232, 186, 0) 100%),
    radial-gradient(ellipse 18% 46% at 28% 40%, rgba(140, 56, 6, 0.4) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 14% 40% at 72% 60%, rgba(140, 56, 6, 0.36) 0, rgba(140, 56, 6, 0) 100%),
    radial-gradient(ellipse 22% 32% at 52% 22%, rgba(146, 60, 8, 0.2) 0, rgba(146, 60, 8, 0) 100%),
    radial-gradient(ellipse 12% 30% at 90% 36%, rgba(130, 52, 6, 0.3) 0, rgba(130, 52, 6, 0) 100%),
    radial-gradient(ellipse 26% 40% at 44% 64%, rgba(255, 222, 164, 0.38) 0, rgba(255, 222, 164, 0) 100%),
    radial-gradient(ellipse 16% 36% at 12% 30%, rgba(255, 222, 164, 0.3) 0, rgba(255, 222, 164, 0) 100%),
    linear-gradient(180deg, rgba(255, 238, 204, 0.42) 0, rgba(255, 238, 204, 0) 5px),
    linear-gradient(90deg, #6a320f 0, #8a4518 2px, #9c5320 5.5px, rgba(156, 83, 32, 0.6) 7px, rgba(156, 83, 32, 0) 8.5px),
    radial-gradient(ellipse 1px 0.8px at 6px 2.5px, rgba(150, 96, 40, 0.45) 0, rgba(150, 96, 40, 0) 100%),
    radial-gradient(ellipse 0.8px 0.7px at 3px 1.5px, rgba(150, 96, 40, 0.4) 0, rgba(150, 96, 40, 0) 100%),
    linear-gradient(180deg, rgba(120, 60, 14, 0.55) 0, #ead0a0 1px, #f3dfb6 45%, #ddb880 100%),
    linear-gradient(#d99c5a, #d99c5a);
  background-size: 0 100%, 0 100%, 37px 23px, 41px 29px, 53px 19px, 31px 37px, 47px 31px, 59px 27px, 43px 17px, 29px 41px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 10px 100%, 13px 4px, 19px 4px, 100% 4.5px, 100% 100%;
  background-position: 100% 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%, 7px 100%, 0 100%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, no-repeat, no-repeat;
  background-origin: border-box, border-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-clip: border-box, border-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: inset 0 0 0 0.5px rgba(110, 50, 10, 0.35), 0 1px 0 rgba(90, 44, 12, 0.35), 1px 4px 5px -1px rgba(26, 38, 72, 0.38);
  color: #4a1f04;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 12.5px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 226, 170, 0.45);
  transition: background-size 0.7s ease-in-out 99999s;
}

#outer #main .splash .favorite li a.tag:hover,
#outer #main .splash .favorite li a.tag:focus {
  background-size: 30px 100%, 30px 100%, 37px 23px, 41px 29px, 53px 19px, 31px 37px, 47px 31px, 59px 27px, 43px 17px, 29px 41px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 10px 100%, 13px 4px, 19px 4px, 100% 4.5px, 100% 100%;
  color: #4a1f04;
  transition: background-size 0.7s ease-in-out;
}

#outer #main .splash > div.readings.module {
  position: relative;
  z-index: 0;
  margin: 50px 6px 40px;
  padding: 34px 3% 20px;
  border: 18px solid transparent;
  border-radius: 30px;
  background-color: #d9a667;
  background-image: radial-gradient(ellipse 150px 110px at 0 0, rgba(46, 24, 6, 0.3) 0, rgba(46, 24, 6, 0) 100%),
    radial-gradient(ellipse 150px 110px at 100% 0, rgba(46, 24, 6, 0.26) 0, rgba(46, 24, 6, 0) 100%),
    radial-gradient(ellipse 150px 110px at 0 100%, rgba(46, 24, 6, 0.26) 0, rgba(46, 24, 6, 0) 100%),
    radial-gradient(ellipse 150px 110px at 100% 100%, rgba(46, 24, 6, 0.3) 0, rgba(46, 24, 6, 0) 100%),
    linear-gradient(104deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.38) 11%, rgba(12, 22, 62, 0.1) 14%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 80%, rgba(12, 22, 62, 0.1) 85%, rgba(255, 255, 255, 0.32) 88%, rgba(255, 255, 255, 0) 92%),
    linear-gradient(172deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.25) 33%, rgba(12, 22, 62, 0.07) 36%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 66%, rgba(12, 22, 62, 0.07) 70%, rgba(255, 255, 255, 0.22) 73%, rgba(255, 255, 255, 0) 77%),
    repeating-linear-gradient(45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    repeating-linear-gradient(-45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    linear-gradient(#fbfaf6, #fbfaf6),
    radial-gradient(ellipse 60% 50% at 24% 8%, rgba(255, 238, 205, 0.35) 0, rgba(255, 238, 205, 0) 100%),
    var(--wood),
    linear-gradient(180deg, #dcaa6c 0, #cf9a5a 100%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, auto, auto, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: inset 0 0 0 1px rgba(90, 50, 16, 0.45), inset 0 8px 14px -4px rgba(46, 24, 6, 0.4), inset 6px 0 12px -6px rgba(46, 24, 6, 0.3), inset 0 -2px 6px -2px rgba(46, 24, 6, 0.2), 0 0 0 1px rgba(110, 62, 22, 0.55), 0 2px 0 #8e5a2a, 0 5px 0 #7a4a20, 4px 16px 24px rgba(30, 12, 2, 0.4);
}

#outer #main .splash > .readings > h3.heading {
  border-bottom: none;
}

#outer #main .splash > .readings:before {
  content: "";
  position: absolute;
  top: -48.70px;
  width: 59.40px;
  height: 59.40px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 100%;
  background-image: radial-gradient(ellipse 90% 90% at 0 0, rgba(12, 22, 62, 0.34) 0, rgba(12, 22, 62, 0.08) 60%, rgba(12, 22, 62, 0) 100%),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7px, rgba(46, 84, 172, 0) 7px, rgba(46, 84, 172, 0) 14px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7px, rgba(46, 84, 172, 0) 7px, rgba(46, 84, 172, 0) 14px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box;
  box-shadow: inset 0 0 0 1px rgba(12, 22, 62, 0.07), 2.1px -0.7px 3px rgba(30, 20, 10, 0.3);
  transform: rotate(45deg);
  left: 130.30px;
}

#outer #main .splash > .readings > h3.heading:before {
  content: "";
  position: absolute;
  top: -19px;
  width: 84px;
  height: 19px;
  background-image: linear-gradient(180deg, rgba(12, 22, 62, 0.22) 0, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.5) 46%, rgba(255, 255, 255, 0) 70%, rgba(12, 22, 62, 0.22) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0.16) 0, rgba(12, 22, 62, 0) 12%, rgba(12, 22, 62, 0) 86%, rgba(12, 22, 62, 0.18) 100%),
    repeating-linear-gradient(45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    repeating-linear-gradient(-45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box;
  box-shadow: inset 0 0 0 1px rgba(12, 22, 62, 0.06), 0 -1px 2px rgba(30, 20, 10, 0.25);
  left: 118px;
}

#outer #main .splash > .readings > h3.heading:after {
  content: "";
  position: absolute;
  bottom: -48.70px;
  width: 59.40px;
  height: 59.40px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 100%;
  background-image: radial-gradient(ellipse 90% 90% at 100% 100%, rgba(12, 22, 62, 0.34) 0, rgba(12, 22, 62, 0.08) 60%, rgba(12, 22, 62, 0) 100%),
    repeating-linear-gradient(180deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7px, rgba(46, 84, 172, 0) 7px, rgba(46, 84, 172, 0) 14px),
    repeating-linear-gradient(90deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7px, rgba(46, 84, 172, 0) 7px, rgba(46, 84, 172, 0) 14px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box;
  box-shadow: inset 0 0 0 1px rgba(12, 22, 62, 0.07), 3.5px 0.7px 4px rgba(30, 20, 10, 0.3);
  transform: rotate(45deg);
  right: 162.30px;
}

#outer #main .splash > .readings:after {
  content: "";
  position: absolute;
  bottom: -19px;
  width: 84px;
  height: 19px;
  background-image: linear-gradient(0deg, rgba(12, 22, 62, 0.24) 0, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.5) 46%, rgba(255, 255, 255, 0) 70%, rgba(12, 22, 62, 0.22) 100%),
    linear-gradient(90deg, rgba(12, 22, 62, 0.16) 0, rgba(12, 22, 62, 0) 12%, rgba(12, 22, 62, 0) 86%, rgba(12, 22, 62, 0.18) 100%),
    repeating-linear-gradient(45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    repeating-linear-gradient(-45deg, rgba(46, 84, 172, 0.34) 0, rgba(46, 84, 172, 0.34) 7.0px, rgba(0, 0, 0, 0) 7.0px, rgba(0, 0, 0, 0) 14px),
    linear-gradient(#fbfaf6, #fbfaf6);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, padding-box;
  box-shadow: inset 0 0 0 1px rgba(12, 22, 62, 0.06), 0 2px 3px rgba(30, 20, 10, 0.25);
  right: 150px;
}

#outer #main .splash .browse li a {
  padding: 0.35em 0.2em;
  border-bottom: 1px solid rgba(45, 78, 156, 0.2);
  color: #2d4e9c;
  font-weight: 600;
}

#outer #main .splash .browse li a:before {
  content: "\2022";
  margin-right: 0.5em;
  color: #c98a47;
}

#outer #main .splash .browse li a:hover {
  color: #b8233a;
}

#outer #main ul.abbreviated.comment li.comment {
  margin: 0.8em 0 0;
  box-shadow: inset 0 0 0 1px rgba(40, 84, 170, 0.12), 0 1px 1px rgba(40, 20, 4, 0.2);
}

#outer #main.stats-index > ul.navigation.actions,
#outer #main.stats-index > div.module.actions,
#outer #main.stats-index > ol.year.actions {
  display: block !important;
  float: none;
  margin: 0.8em 0 0;
  text-align: center;
}

#outer #main.stats-index > h3.heading {
  display: block !important;
  margin: 1.2em 0 0;
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.3em;
}

#outer #main.stats-index > h3.landmark.heading {
  display: none !important;
}

#outer #main.stats-index > div.module.actions ul {
  display: block;
  float: none;
  margin: 0.4em 0 0;
  text-align: center;
}

#outer #main.stats-index ol.year.actions li,
#outer #main.stats-index > div.module.actions li {
  display: inline-block;
  float: none;
}

#outer #main.stats-index > div.module.actions h4.heading {
  display: inline;
  margin: 0 0.5em 0 0;
  color: #6a4022;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#outer #main.stats-index dl.statistics,
#outer #main.stats-index dl.statistics.meta {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 0;
  padding: 24px 14px 8px !important;
  border-radius: 22px 26px 24px 20px;
  background-color: #d9a667;
  background-image: var(--wood),
    radial-gradient(ellipse 70% 90% at 30% 20%, rgba(255, 238, 205, 0.35) 0, rgba(255, 238, 205, 0) 100%),
    linear-gradient(180deg, #dcaa6c 0, #cf9a5a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 240, 215, 0.6), inset 0 -3px 4px rgba(90, 50, 16, 0.3), 0 2px 0 #8e5a2a, 0 5px 0 #7a4a20, 4px 14px 20px rgba(30, 12, 2, 0.4);
}

#outer #main.stats-index dl.statistics dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px);
}

#outer #main.stats-index dl.statistics dd {
  position: relative;
  justify-content: center !important;
  width: 96px !important;
  height: 52px;
  margin: 6px 10px 42px !important;
  padding: 0 !important;
  border: none !important;
  border-top-left-radius: 8px 7px;
  border-top-right-radius: 9px 8px;
  border-bottom-left-radius: 8px 8px;
  border-bottom-right-radius: 7px 7px;
  background-color: #fbe7a4;
  background-image: radial-gradient(ellipse 28px 5px at 34px 8px, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 38%),
    repeating-linear-gradient(101deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, 0.18) 7px, rgba(255, 255, 255, 0.18) 8px, rgba(206, 160, 52, 0.1) 8px, rgba(206, 160, 52, 0.1) 10px),
    linear-gradient(180deg, rgba(236, 196, 86, 0) 50%, rgba(224, 176, 64, 0.45) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 -2px 3px rgba(206, 150, 40, 0.4), 0 4px 0 -0.5px #eccb6c, 0 6px 0 -0.5px #d6ae4c, 2px 10px 9px rgba(70, 36, 6, 0.4);
  color: #6b4a12;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.2em;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(170, 120, 20, 0.35);
}

#outer #main.stats-index dl.statistics dd:after {
  display: block;
  position: absolute;
  top: 100%;
  left: -12px;
  right: -12px;
  height: auto;
  margin-top: 11px;
  clear: none;
  visibility: visible;
  color: #4a2a0e;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 9.5px;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 232, 196, 0.5);
  text-transform: uppercase;
}

#outer #main.stats-index dl.statistics dd.user.subscriptions:after {
  content: "User subscriptions";
}

#outer #main.stats-index dl.statistics dd.kudos:after {
  content: "Kudos";
}

#outer #main.stats-index dl.statistics dd.comment:after {
  content: "Comment threads";
}

#outer #main.stats-index dl.statistics dd.bookmarks:after {
  content: "Bookmarks";
}

#outer #main.stats-index dl.statistics dd.subscriptions:not(.user):after {
  content: "Subscriptions";
}

#outer #main.stats-index dl.statistics dd.words:after {
  content: "Words";
}

#outer #main.stats-index dl.statistics dd.hits:after {
  content: "Hits";
}

#outer #main.stats-index .statistics.index li.listbox,
#outer #main.stats-index ul.statistics > li {
  margin: 2em 0 1em;
}

#outer #main.stats-index .listbox > ul.index,
#outer #main.stats-index ul.statistics .listbox > ul.index:not(:has(> li.blurb)) {
  position: relative;
  z-index: 0;
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 -8px !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#outer #main.stats-index .index ul.index > li {
  position: relative;
  flex: 1 1 210px;
  box-sizing: border-box;
  max-width: 300px;
  margin: 52px 8px 12px !important;
  padding: 0 14px 14px !important;
  border: 6px solid transparent !important;
  border-top: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 16px 14px;
  border-bottom-right-radius: 18px 15px;
  background-image: var(--mini-tex),
    radial-gradient(ellipse 60% 55% at 50% 55%, rgba(172, 84, 18, 0.36) 0, rgba(172, 84, 18, 0.16) 50%, rgba(172, 84, 18, 0) 100%),
    linear-gradient(90deg, rgba(255, 240, 206, 0.45) 0, rgba(255, 240, 206, 0) 14px),
    linear-gradient(270deg, rgba(255, 240, 206, 0.45) 0, rgba(255, 240, 206, 0) 14px),
    linear-gradient(0deg, rgba(255, 240, 206, 0.4) 0, rgba(255, 240, 206, 0) 12px),
    linear-gradient(#ebc284, #ebc284),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(28, 10, 0, 0) 6px),
    linear-gradient(#99501c, #99501c);
  background-size: var(--mini-size), 100% 100%, 14px 100%, 14px 100%, 100% 12px, 100% 100%, 6px 100%, 100% 100%;
  background-position: var(--mini-zero), 0 0, 0 0, 100% 0, 0 100%, 0 0, 100% 0, 0 2px;
  background-repeat: var(--mini-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: var(--mini-pad), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box;
  background-origin: var(--mini-pad), padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box;
  box-shadow: 3px 4px 0 -1px #6a320f, 4px 9px 12px -4px rgba(26, 38, 72, 0.35);
}

#outer #main.stats-index .index ul.index > li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -44px;
  left: -10px;
  right: -10px;
  height: 52px;
  box-sizing: border-box;
  border: 6px solid transparent;
  border-top-left-radius: 46% 32px;
  border-top-right-radius: 48% 34px;
  border-bottom-left-radius: 17.3px 18px;
  border-bottom-right-radius: 17.3px 18px;
  background-image: var(--mini-tex),
    linear-gradient(90deg, rgba(255, 240, 206, 0.45) 0, rgba(255, 240, 206, 0.45) 4px, rgba(255, 240, 206, 0) 18px),
    linear-gradient(270deg, rgba(255, 240, 206, 0.45) 0, rgba(255, 240, 206, 0.45) 4px, rgba(255, 240, 206, 0) 18px),
    linear-gradient(180deg, rgba(255, 240, 206, 0.45) 0, rgba(255, 240, 206, 0) 12px),
    linear-gradient(#ebc284, #ebc284),
    linear-gradient(180deg, rgba(255, 222, 170, 0.35) 0, rgba(255, 222, 170, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(28, 10, 0, 0) 6px),
    linear-gradient(#99501c, #99501c);
  background-size: var(--mini-size), 18px 100%, 18px 100%, 100% 12px, 100% 100%, 100% 12px, 6px 100%, 100% 100%;
  background-position: var(--mini-zero), 0 0, 100% 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: var(--mini-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: var(--mini-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box;
  background-origin: var(--mini-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box;
  box-shadow: 3px 4px 0 -1px #6a320f;
}

#outer #main.stats-index .index ul.index > li > dl > dt {
  margin: -18px 0 0;
  min-height: 3.4em;
  line-height: 1.15;
}

#outer #main.stats-index .index ul.index > li > dl > dt a {
  color: #3a2212;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1.15em;
  font-weight: 800;
}

#outer #main.stats-index .index ul.index > li > dl > dt .words,
#outer #main.stats-index .index ul.index > li > dl > dt .fandom {
  display: block;
  margin-top: 0.2em;
  color: #6a3510;
  font-size: 0.8em;
}

#outer #main.stats-index .index ul.index dl.stats {
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  margin-top: 0.5em !important;
  padding-top: 0.5em !important;
  border-top: 2px dotted rgba(122, 64, 20, 0.35);
}

#outer #main.stats-index .index ul.index dl.stats dt {
  color: #6a3510;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 2;
  text-transform: uppercase;
}

#outer #main.stats-index .index ul.index dl.stats dd {
  margin: 0;
  color: #3a1a06;
  font-weight: bold;
  line-height: 1.7;
  text-align: right;
}

#stat_chart {
  height: 360px;
  border-radius: 26px;
  background-color: #f7f7f3;
  background-image: radial-gradient(ellipse 30% 20% at 22% 10%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 0 0 5px #f7f7f3, inset 0 0 0 6.5px #5174bb, inset 0 0 0 10px #2f53a3, inset 0 0 0 11.5px #5174bb, inset 0 0 0 15px #f2f2ee, 0 1px 2px rgba(26, 38, 72, 0.3), 4px 12px 22px -6px rgba(26, 38, 72, 0.35);
}

#stat_chart svg rect[fill="#993333"] {
  fill: #b4172f;
  stroke: #7a0f1f;
  stroke-width: 2px;
}

#stat_chart svg rect[fill="#cccccc"] {
  fill: rgba(45, 78, 156, 0.16);
}

#stat_chart svg rect[fill="#333333"] {
  fill: #7a0f1f;
}

#stat_chart svg text {
  fill: #3a2212;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 11px;
}

#stat_chart svg text[font-weight="bold"] {
  fill: #b8233a;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 15px;
}

#outer #main.subscriptions-index dl.subscription.index {
  padding: 0.4em 1.4em;
  border-radius: 2px;
  background: #fffdf6;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 10px 18px -8px rgba(40, 30, 20, 0.4);
}

#outer #main.subscriptions-index dl.subscription.index dt,
#outer #main.subscriptions-index dl.subscription.index dd {
  border-bottom: 1px solid rgba(45, 78, 156, 0.2);
}

#outer #main.works-navigate ol.chapter.index {
  padding: 0.6em 1.6em;
  border-radius: 2px;
  background: #fffdf6;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 10px 18px -8px rgba(40, 30, 20, 0.4);
}

#outer #main.works-navigate ol.chapter.index li {
  border-bottom: 1px solid rgba(45, 78, 156, 0.2);
}

#outer #main.works-navigate ol.chapter.index li .datetime {
  color: #b8233a;
  font-size: 0.85em;
}

#outer #main ul.tags.cloud a,
#outer #main .tag.cloud a {
  color: #2d4e9c;
}

#outer #main .index .heading .datetime {
  color: #b8233a;
}

#outer #main dl.meta:not(.work) {
  padding: 1em 1.4em;
  border-radius: 2px;
  background: #fffdf6;
  box-shadow: 0 1px 1px rgba(40, 20, 4, 0.25), 3px 10px 18px -8px rgba(40, 30, 20, 0.4);
}

#outer #main dl.meta:not(.work) > dt {
  color: #b8233a;
  font-family: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#modal,
#modal .content {
  border-radius: 3px;
  background: #fffdf6;
  color: #3a2212;
}

#modal {
  box-shadow: 0 2px 4px rgba(40, 20, 4, 0.3), 6px 20px 40px rgba(40, 20, 4, 0.4);
}

#modal-bg {
  background: rgba(40, 24, 10, 0.55);
}

#modal a.modal-closer,
#modal .action.modal-closer {
  color: #2d4e9c;
}

#footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3em;
  padding: 5.4em 2.4em 3.4em;
  border: none;
  background-color: #b57841;
  background-image: linear-gradient(180deg, rgba(38, 16, 2, 0.28) 0, rgba(38, 16, 2, 0) 26%),
    radial-gradient(ellipse 60% 140% at 86% 100%, rgba(255, 234, 196, 0.18) 0, rgba(255, 234, 196, 0) 100%),
    var(--oak),
    linear-gradient(180deg, #b0713d 0, #a86a36 100%);
  background-size: 100% 100%, 100% 100%, var(--oak-size), 100% 100%;
  color: #3a2212;
}

#footer:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: -8px;
  height: 17px;
  background-color: #f6f5ef;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 30%, rgba(22, 34, 72, 0) 70%, rgba(22, 34, 72, 0.1) 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0.95) 5px, rgba(255, 255, 255, 0.95) 6.5px, rgba(255, 255, 255, 0) 6.5px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0, rgba(255, 255, 255, 0.16) 1px, rgba(28, 40, 84, 0.05) 1px, rgba(28, 40, 84, 0.05) 2px),
    linear-gradient(90deg, rgba(40, 84, 170, 0) 0, rgba(40, 84, 170, 0.34) 4%, rgba(40, 84, 170, 0.34) 46%, rgba(40, 84, 170, 0) 50%),
    linear-gradient(180deg, rgba(40, 84, 170, 0.18) 0, rgba(40, 84, 170, 0.18) 100%);
  background-size: 100% 100%, 9px 100%, 4px 2px, 34px 34px, 100% 100%;
  background-repeat: no-repeat, repeat-x, repeat, repeat, no-repeat;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 3px 4px rgba(40, 16, 2, 0.4);
}

#footer {
  --crumb: #ebc284;
  --toast: rgba(172, 84, 18, 0.42);
  --toast-soft: rgba(172, 84, 18, 0.2);
  --rim: rgba(255, 240, 206, 0.34);
  --crust: #99501c;
  --crust-lt: #b8692a;
  --crust-dk: #6a320f;
  --crust-lit: rgba(255, 214, 160, 0.4);
  --crust-sheen: rgba(255, 222, 170, 0.3);
}

#footer h3.landmark.heading {
  order: 1;
  position: relative;
  z-index: 2;
  flex: none;
  box-sizing: border-box;
  width: 176px;
  height: 188px;
  margin: -60px 0 -150px;
  padding: 0;
  border: none;
  opacity: 1;
  color: transparent;
  font-size: 0;
}

#footer h3.landmark.heading:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 98px;
  left: 50%;
  width: 96px;
  height: 86px;
  margin-left: -48px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 9px at 0px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 9px at 6px 1.5px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--hspot-toast),
    var(--grain-toast),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(closest-side, var(--toast-soft) 0, var(--toast-soft) 50%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, var(--rim) 0, rgba(0, 0, 0, 0) 16px),
    linear-gradient(270deg, var(--rim) 0, rgba(0, 0, 0, 0) 16px),
    linear-gradient(0deg, var(--rim) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(0deg, rgba(28, 10, 0, 0.26) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(90deg, var(--crust-lit) 0, rgba(0, 0, 0, 0) 2.5px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 73.96px 96px, 43px 40px, 6px 10.5px, 6px 10.5px, var(--hspot-size), var(--grain-size), 68% 60%, 44% 48%, 50% 40%, 36% 34%, 30% 26%, 16px 100%, 16px 100%, 100% 12px, 100% 100%, 100% 12px, 3px 100%, 12px 100%, 12px 100%, 100% 100%;
  background-position: 50% -40px, 30% 22px, 0 0, 100% 0, var(--hspot-pos), var(--grain-foot), 37.5% 60%, 12.5% 76.92%, 76% 36.67%, 82.81% 81.82%, 8.57% 36.49%, 0 0, 100% 0, 0 100%, 0 0, 0 100%, 0 0, 0 0, 100% 0, 0 2px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, var(--hspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: padding-box, padding-box, border-box, border-box, var(--hspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  background-origin: padding-box, padding-box, border-box, border-box, var(--hspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box, border-box;
  box-shadow: 3px 3px 0 -1px var(--crust-dk);
  transform: translate(0, 0);
  transition: transform 0.7s ease-in-out, top 0.35s ease-in-out;
}

#footer h3.landmark.heading + ul.navigation:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 50%;
  width: 106px;
  height: 38px;
  margin-left: -53px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-top-left-radius: 46% 22px;
  border-top-right-radius: 47% 22px;
  border-bottom-left-radius: 30px 16px;
  border-bottom-right-radius: 30px 16px;
  background-image: radial-gradient(closest-side, var(--toast) 0, var(--toast-soft) 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 9px at 5px 9px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(ellipse 6px 9px at 6px 9px, rgba(40, 14, 0, 0.24) 0, rgba(40, 14, 0, 0.11) 50%, rgba(0, 0, 0, 0) 100%),
    var(--hcspot-toast),
    var(--grain-toast),
    linear-gradient(90deg, var(--rim) 0, var(--rim) 5px, rgba(0, 0, 0, 0) 21px),
    linear-gradient(270deg, var(--rim) 0, var(--rim) 5px, rgba(0, 0, 0, 0) 21px),
    linear-gradient(180deg, var(--rim) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crumb), var(--crumb)),
    linear-gradient(180deg, var(--crust-sheen) 0, rgba(0, 0, 0, 0) 34px),
    linear-gradient(90deg, rgba(255, 206, 150, 0.16) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(270deg, rgba(28, 10, 0, 0.3) 0, rgba(0, 0, 0, 0) 12px),
    linear-gradient(var(--crust), var(--crust));
  background-size: 82.56px 96px, 11px 18px, 11px 18px, var(--hcspot-size), var(--grain-size), 21px 100%, 21px 100%, 100% 12px, 100% 100%, 100% 34px, 12px 100%, 12px 100%, 100% 100%;
  background-position: 50% -15px, 0 22.5px, 100% 22.5px, var(--hcspot-pos), var(--grain-footc), 0 0, 100% 0, 0 0, 0 0, 0 0, 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, var(--hcspot-rep), var(--grain-rep), no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-clip: padding-box, border-box, border-box, var(--hcspot-pad), var(--grain-border), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  background-origin: padding-box, border-box, border-box, var(--hcspot-pad), var(--grain-pad), padding-box, padding-box, padding-box, padding-box, border-box, border-box, border-box, border-box;
  box-shadow: 0 0 0 1px rgba(60, 24, 4, 0.34), 3px 3px 0 -1px var(--crust-dk), inset 4px 0 2px -2px var(--crust-lit);
  transform: translate(0, 0);
  transition: transform 0.7s ease-in-out, top 0.35s ease-in-out;
}

#footer h3.landmark.heading:hover:before {
  top: 108px;
  transform: translate(0, -70px);
  transition: transform 0.16s ease-out, top 0.3s ease-in-out 0.15s;
}

#footer h3.landmark.heading:hover + ul.navigation:before {
  top: 40px;
  transform: translate(0, -70px);
  transition: transform 0.16s ease-out, top 0.3s ease-in-out 0.15s;
}

#footer h3.landmark.heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 176px;
  height: 104px;
  border-top-left-radius: 44px 38px;
  border-top-right-radius: 44px 38px;
  border-bottom-left-radius: 10px 8px;
  border-bottom-right-radius: 10px 8px;
  background-image: radial-gradient(circle at 50% 50%, #fff3dc 0, #ffb04a 34%, #e8561a 66%, rgba(232, 86, 26, 0) 100%),
    linear-gradient(#f3eee6, #f3eee6),
    radial-gradient(closest-side at 44% 38%, #5a544f 0, #2a2522 62%, #141110 94%, rgba(20, 17, 16, 0) 100%),
    radial-gradient(closest-side at 50% 50%, rgba(200, 206, 214, 0) 76%, #eef1f4 82%, #8d949d 93%, rgba(141, 148, 157, 0) 100%),
    radial-gradient(ellipse 50% 50% at 50% 36%, #736b66 0, #332d2a 52%, #151211 90%, rgba(21, 18, 17, 0) 100%),
    linear-gradient(90deg, #121214 0, #34343a 55%, #a3a9b1 100%),
    linear-gradient(90deg, rgba(30, 30, 34, 0) 20%, rgba(30, 30, 34, 0.55) 27%, rgba(30, 30, 34, 0.55) 73%, rgba(30, 30, 34, 0) 80%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.9) 1px, rgba(60, 66, 76, 0.45) 1px, rgba(60, 66, 76, 0.45) 2px, rgba(60, 66, 76, 0) 2px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.9) 1px, rgba(60, 66, 76, 0.45) 1px, rgba(60, 66, 76, 0.45) 2px, rgba(60, 66, 76, 0) 2px),
    radial-gradient(ellipse 7px 36px at 22% 44%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 30% 9px at 40% 7px, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 24% 14px at 50% 14px, rgba(214, 150, 80, 0.32) 0, rgba(214, 150, 80, 0) 100%),
    linear-gradient(90deg, rgba(20, 24, 30, 0.55) 0, rgba(20, 24, 30, 0) 9%, rgba(255, 255, 255, 0.25) 16%, rgba(255, 255, 255, 0) 28%, rgba(20, 24, 30, 0) 60%, rgba(255, 255, 255, 0.18) 74%, rgba(20, 24, 30, 0) 84%, rgba(20, 24, 30, 0.5) 100%),
    linear-gradient(180deg, #f4f6f8 0, #dfe5ec 12%, #b9c3cf 30%, #e9edf1 38%, #707782 47%, #454a53 51%, #8d6a50 58%, #b5875c 70%, #9c6d45 82%, #e6dfd6 88%, #c9c3bb 90%),
    linear-gradient(180deg, #3d3834 0, #211d1b 60%, #121010 100%);
  background-size: 6px 6px, 2px 7px, 18px 18px, 26px 26px, 28px 11px, 4px 54px, 100% 3px, 100% 2px, 100% 2px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 92px, 100% 12px;
  background-position: 36px 72px, 23px 54px, 15px 53px, 11px 49px, 139px 66px, 151px 22px, 0 0, 0 40px, 0 45px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%;
  background-repeat: no-repeat;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 -6px 14px -6px rgba(255, 120, 30, 0.85), 5px 8px 10px -3px rgba(30, 12, 2, 0.5), 0 2px 1px rgba(30, 12, 2, 0.35);
  transition: background-position 0.6s ease-in-out, background-size 0.3s ease-in-out, box-shadow 1s ease-in-out;
}

#footer h3.landmark.heading:hover:after {
  background-size: 0 0, 2px 7px, 18px 18px, 26px 26px, 28px 11px, 4px 54px, 100% 3px, 100% 2px, 100% 2px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 92px, 100% 12px;
  background-position: 36px 72px, 23px 54px, 15px 53px, 11px 49px, 139px 19px, 151px 22px, 0 0, 0 40px, 0 45px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 -6px 14px -6px rgba(255, 120, 30, 0), 5px 8px 10px -3px rgba(30, 12, 2, 0.5), 0 2px 1px rgba(30, 12, 2, 0.35);
  transition: background-position 0.12s ease-out, background-size 0.1s ease-out, box-shadow 0.4s ease-out;
}

#footer ul.navigation {
  order: 2;
  position: relative;
  flex: none;
  box-sizing: border-box;
  width: 100%;
  max-width: 68em;
  margin: 0;
  padding: 172px 2em 1.6em;
  border-radius: 26px 30px 28px 24px;
  background-color: #d9a667;
  background-image: var(--table-crumbs),
    var(--wood),
    radial-gradient(ellipse 70% 90% at 30% 20%, rgba(255, 238, 205, 0.35) 0, rgba(255, 238, 205, 0) 100%),
    linear-gradient(180deg, #dcaa6c 0, #cf9a5a 100%);
  background-size: var(--table-crumbs-size), auto, auto, 100% 100%, 100% 100%;
  background-repeat: var(--table-crumbs-rep), repeat, repeat, no-repeat, no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 240, 215, 0.6), inset 0 -3px 4px rgba(90, 50, 16, 0.3), 0 2px 0 #8e5a2a, 0 5px 0 #7a4a20, 4px 14px 20px rgba(30, 12, 2, 0.5);
}

#footer .module,
#footer li.module {
  margin: 0 1em 1.2em;
}

#footer .heading,
#footer h4.heading {
  margin: 0 0 0.6em;
  padding: 0 0 0.45em;
  border-bottom: 2px dotted rgba(90, 40, 10, 0.35);
  color: #4a220a;
  font-family: "Cooper Black", "Superclarendon", Rockwell, Georgia, serif;
  font-size: 1em;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgba(255, 232, 196, 0.5), 0 0 4px rgba(150, 76, 22, 0.35);
}

#footer a,
#footer button,
#footer li button,
#footer li input[type="submit"] {
  color: #3a2212 !important;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.92em;
  font-weight: 600;
}

#footer a:hover,
#footer button:hover,
#footer a:focus,
#footer button:focus {
  color: #b8233a !important;
  text-decoration: underline;
}

#footer .module li,
#footer ul.menu li {
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 0.92em;
  line-height: 1.55;
}

Clone this wiki locally